:root{--bg:#ffffff;--ink:#292b2e;--muted:#6b6e73;--line:#e7e7e9;--green:#c64b00;--lime:#ff6900}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;transition:background .2s,transform .2s,border-color .2s,box-shadow .2s}a{color:inherit;text-decoration:none}button:hover{transform:translateY(-1px)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e95c00;outline-offset:4px}[hidden]{display:none!important}.wrap{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:24px;font-weight:800;letter-spacing:-1.1px;gap:9px}.brand>b{display:grid;place-items:center;background:var(--ink);color:var(--bg);width:35px;height:35px;border-radius:11px;font-size:26px}.brand sup{font-size:12px;align-self:flex-start;margin:5px 0 0 -5px;letter-spacing:0}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav button{background:transparent;border:1px solid #dedee1;border-radius:30px;padding:12px 19px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:62px;padding-top:56px;padding-bottom:60px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.eyebrow i{height:7px;width:7px;background:#ff6900;border-radius:50%;box-shadow:0 0 0 4px #fff0e5}.hero h1{font-size:clamp(38px,4.5vw,58px);letter-spacing:-2.7px;line-height:1.08;font-weight:500;margin:25px 0 22px}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#d65300}.hero-copy>p{max-width:400px;font-size:14px;line-height:1.8;color:var(--muted)}.primary{border:0;border-radius:9px;background:var(--green);color:#fff;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:15px 21px;font-size:13px;font-weight:600;gap:26px}.primary:hover{background:#a83e00;box-shadow:0 6px 15px #292b2e1c}.primary span{font-size:20px;font-weight:400}.hero-cta{display:inline-flex;margin-top:15px}.hero-notes{display:flex;gap:20px;font-size:10px;color:var(--muted);margin-top:21px}.hero-art{height:414px;background:#f4f4f5;border-radius:110px 18px 18px 18px;position:relative;overflow:hidden;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#7777770c 1px,transparent 1px),linear-gradient(90deg,#7777770c 1px,transparent 1px);background-size:28px 28px}.art-label{position:absolute;top:29px;right:24px;font-size:8px;letter-spacing:1.5px}.orbit{position:absolute;border:1px solid #dddde0;border-radius:50%;width:290px;height:290px;top:62px;left:calc(50% - 145px)}.orbit:after{content:'';position:absolute;inset:22px;border:1px dashed #dddde0;border-radius:50%}.shirt{position:absolute;width:92%;height:90%;top:6px;left:4%;transform:rotate(-8deg);animation:float 7s ease-in-out infinite}.art-badge{position:absolute;bottom:57px;left:25px;background:#ffffffef;box-shadow:0 9px 26px #34343410;backdrop-filter:blur(8px);border:1px solid #fff;border-radius:10px;padding:13px 18px;display:flex;gap:11px;align-items:center;font-size:12px;transform:rotate(-3deg)}.art-badge>span{background:#fff0e6;border-radius:50%;padding:7px;color:#ba4600}.art-badge small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.art-bottom,.art-number{position:absolute;bottom:22px;font-size:7px;letter-spacing:1px}.art-bottom{left:25px}.art-number{right:24px}.finder-section{padding:47px 0 54px;background:#f6f6f7;border-top:1px solid #ececee;border-bottom:1px solid #ececee}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}h2{font-size:29px;letter-spacing:-1px;font-weight:500;line-height:1.2;margin:12px 0}.section-heading>p{font-size:12px;line-height:1.7;color:var(--muted)}.finder-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:25px;align-items:start}.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 30px;box-shadow:0 4px 14px #30303003}.steps{display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:25px}.step{font-size:10px;color:#707277;white-space:nowrap}.step b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f3f3f5;font-size:9px;margin-right:5px;font-weight:500}.step.active{color:var(--ink)}.step.active b,.step.done b{background:var(--green);color:#fff}.steps i{flex:1;height:1px;background:var(--line)}.field-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.field-heading h3{font-size:15px;font-weight:600;margin:0}.field-heading>span{font-size:8px;letter-spacing:1px;color:#74777d}.category{display:flex;gap:12px;margin-top:17px}.category button{display:flex;align-items:center;gap:11px;flex:1;text-align:left;background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px 13px;font-size:13px}.category button small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.category button.active{background:#fff4eb;border-color:#e96612}.option-icon{font-size:29px;font-family:Georgia,serif}.radio{height:13px;width:13px;border:1px solid #d6d6db;border-radius:50%;margin-left:auto;flex-shrink:0}.active .radio{border:4px solid var(--green);background:#fff}.sleeve-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:11px}.segmented{display:flex;padding:3px;background:#f3f3f5;border-radius:7px}.segmented button{background:transparent;border:0;border-radius:5px;padding:10px 18px;font-size:10px}.segmented button.active{background:#fff;box-shadow:0 1px 5px #0000000e}.form-divider{height:1px;background:var(--line);margin:24px 0}.field-hint{font-size:11px;color:var(--muted);line-height:1.6;margin:10px 0 19px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.age-field{grid-column:1/-1}.field label{display:block;font-size:11px;margin-bottom:8px}.input-shell{display:flex;align-items:center;border:1px solid #dddde1;border-radius:8px;overflow:hidden}.input-shell:focus-within{border-color:#ed650f;box-shadow:0 0 0 3px #ed650f18}.input-shell input{min-width:0;width:100%;border:0;outline:none;padding:14px;background:transparent;font-size:16px;color:var(--ink)}.input-shell input::placeholder{color:#85888d}.input-shell>span{font-size:11px;color:#777a80;padding-right:15px}input[aria-invalid=true]{background:#fff3ef}fieldset{padding:0;margin:21px 0 0;border:0;min-width:0}legend{font-size:11px;margin-bottom:10px;padding:0}.fit-options,.shape-options{display:flex;gap:8px}.fit-options button,.shape-options button,.modal-tabs button{flex:1;border:1px solid var(--line);border-radius:7px;background:white;padding:11px 6px;font-size:11px;min-height:44px}.fit-options button.active,.shape-options button.active,.modal-tabs button.active{border-color:#de6010;background:#fff1e5;color:#c64b00}.calculate{width:100%;margin-top:24px}.privacy{font-size:9px;color:var(--muted);text-align:center;margin:13px 0 0;line-height:1.6}.result-column{position:sticky;top:22px}.result-card{background:var(--ink);color:#ffffff;border-radius:18px;padding:26px;overflow:hidden;position:relative}.result-top{display:flex;align-items:center;justify-content:space-between}.result-top .eyebrow{font-size:8px;color:#fff2e9}.mini-star{font-size:27px;color:#fff5ed}#emptyResult{text-align:center;padding:26px 0 30px}.empty-symbol{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;border:1px solid #ffa363;margin:0 auto 23px;color:#ffffff;font-size:36px;font-weight:300;transform:rotate(-20deg)}#emptyResult h3{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.18;margin:0 0 14px;letter-spacing:-.7px}#emptyResult p{font-size:11px;line-height:1.8;color:#ffffff;max-width:250px;margin:0 auto}.sample-sizes{display:flex;align-items:center;justify-content:center;gap:9px;margin:29px 0 21px}.sample-sizes span{border:1px solid #ffb780;width:41px;height:42px;display:grid;place-items:center;font-size:13px;border-radius:8px;color:#fff3e8}.sample-sizes span:nth-child(2){background:#ffffff;color:var(--ink);width:49px;height:51px;border:none;transform:rotate(-8deg)}.result-caption{font-size:7px;letter-spacing:2px;color:#fff5ee}.result-foot{display:flex;gap:9px;border-top:1px solid #ffffff44;padding-top:19px;font-size:9px;line-height:1.7;color:#ffffff}.result-foot>span{font-size:13px}.chart-card{display:flex;gap:14px;align-items:center;width:100%;padding:19px 20px;border:1px solid #e2e2e5;border-radius:12px;margin-top:16px;background:#ffffff;text-align:left;font-size:12px}.chart-icon{font-size:25px}.chart-card small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.chart-card>span:last-child{margin-left:auto;font-size:21px}.tolerance{text-align:center;font-size:9px;color:var(--muted);margin:14px 0 0}.how{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;padding-top:65px;padding-bottom:65px}.how-title .eyebrow{font-size:8px;line-height:1.8}.how-title h2{font-size:26px}.how-item{padding-top:5px}.how-item>span{font-family:Georgia,serif;font-size:24px;color:#d95a00}.how-item h3{font-size:13px;margin:17px 0 11px}.how-item p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);min-height:95px;gap:20px}footer .brand{font-size:20px}footer p,footer>span{font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:18px;padding:27px;max-width:660px;width:calc(100% - 32px);max-height:90dvh;color:var(--ink);background:var(--bg)}dialog::backdrop{background:#242424cc;backdrop-filter:blur(6px)}dialog[open]{animation:enter .25s ease-out}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:24px}.close{border:1px solid var(--line);border-radius:50%;background:white;font-size:25px;min-width:44px;height:44px}.modal-tabs{display:flex;gap:10px;margin:15px 0}dialog img{width:100%;height:auto;border-radius:9px}dialog>p{font-size:11px;line-height:1.7}#formError{color:#a13f28;font-size:12px;line-height:1.5;background:#fff1e9;padding:12px;border-radius:6px}.result-content{text-align:center;padding:24px 0;animation:enter .4s ease-out}.result-label{font-size:12px;color:#ffffff}.size-value{font-size:88px;font-weight:500;letter-spacing:-5px;color:#ffffff;line-height:1.15;margin:10px 0}.fit-tag{border:1px solid #ffb67a;border-radius:30px;display:inline-block;padding:6px 13px;font-size:10px}.measurement{display:flex;justify-content:center;gap:32px;margin:22px 0}.measurement span{font-size:10px;color:#fff3e9}.measurement strong{display:block;font-size:19px;color:#fff;font-weight:400;margin-bottom:5px}.result-explain{font-size:11px;line-height:1.7;color:#ffffff}.wa-btn{width:100%;background:var(--lime);color:var(--ink);margin-top:21px;font-size:12px}.wa-btn:hover{background:#fff2e8}.result-note{font-size:9px;color:#ffffff;line-height:1.7}.skip{position:fixed;left:10px;top:-100px;background:var(--ink);color:#fff;padding:12px;z-index:20}.skip:focus{top:10px}.hero-copy{animation:enter .7s ease both}.hero-art{animation:enter .8s .1s ease both}@keyframes float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(-5deg)}}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.wrap{padding-left:24px;padding-right:24px}.hero{gap:30px}.hero h1{font-size:44px}.hero-art{height:370px}.finder-layout{grid-template-columns:1.2fr 1fr;gap:18px}.form-card{padding:24px 20px}.steps{gap:6px}.step{font-size:9px}.field-heading>span{display:none}.result-card{padding:23px 20px}.how{gap:22px}.how-title h2{font-size:23px}.category button{gap:8px;padding:14px 9px}.option-icon{font-size:25px}}
@media(max-width:720px){header{height:78px}header .brand{font-size:21px}.brand>b{width:30px;height:30px;font-size:23px}nav{gap:12px}nav>a{display:none}nav button{font-size:11px;padding:12px}.hero{grid-template-columns:1fr;gap:30px;padding-top:38px;padding-bottom:35px}.hero-copy{max-width:500px}.hero h1{font-size:48px;max-width:460px;margin-top:22px}.hero-copy>p{font-size:13px}.hero-art{height:320px;border-radius:65px 16px 16px 16px}.shirt{height:105%;top:-22px}.orbit{top:20px}.hero-notes{font-size:10px}.section-heading{display:block;margin-bottom:23px}.section-heading>p{display:none}.section-heading h2{font-size:28px}.finder-section{padding:34px 0}.finder-layout{grid-template-columns:1fr;gap:20px}.form-card{padding:25px 22px}.steps{gap:12px}.step{font-size:10px}.step b{margin-right:7px}.field-heading>span{display:block}.result-column{position:static}.result-card{padding:24px}.result-top .eyebrow{font-size:9px}.empty-symbol{width:58px;height:58px;margin-bottom:17px}#emptyResult{padding:23px 0}#emptyResult h3{font-size:27px}.sample-sizes{margin:20px 0}.how{grid-template-columns:1fr;gap:24px;padding-top:40px;padding-bottom:40px}.how-title h2{font-size:29px}.how-item{display:grid;grid-template-columns:38px 1fr;column-gap:16px}.how-item>span{grid-row:1/3}.how-item h3{margin:2px 0 6px}.how-item p{max-width:400px;font-size:12px}.how-title h2 br{display:none}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px;gap:12px}footer p{width:100%;order:3;margin:0}.form-card .primary{min-height:52px}}
@media(max-width:380px){.wrap{padding-left:17px;padding-right:17px}.hero h1{font-size:41px}header .brand{font-size:18px}.brand>b{display:none}.hero .eyebrow{font-size:8px}.form-card{padding:22px 16px}.steps{gap:5px}.step{font-size:9px}.step b{margin-right:4px;width:22px;height:22px}.field-heading>span{display:none}.category button small{font-size:9px}.category{gap:8px}.hero-notes{gap:10px;font-size:9px}.section-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Kaos Polosku Official brand */
.brand{letter-spacing:-.5px;gap:10px;font-size:21px}.brand img{display:block;width:58px;height:58px;object-fit:contain;flex-shrink:0}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#c64b00;margin-top:5px}.hero-art{background:linear-gradient(140deg,#f5f5f6,#fff4eb)}.result-card{background:linear-gradient(145deg,#ca5000,#ac3f00);color:#fff}.sample-sizes span:nth-child(2){color:#b64200}.wa-btn{background:#fff;color:#ab3f00}.wa-btn:hover{background:#fff0e5}.result-foot{border-color:#ffffff45}.fit-tag{border-color:#ffffff66}.copyright{line-height:1.6}footer .brand{font-size:18px}footer .brand img{width:48px;height:48px}footer p{max-width:230px;line-height:1.7}nav button:hover{border-color:#ee6a14;background:#fff5ed}.steps .active b,.steps .done b{background:#c64b00}.active .radio{border-color:#c64b00}
@media(max-width:720px){header .brand{font-size:17px;gap:6px}.brand img{width:45px;height:45px}.brand small{font-size:8px;letter-spacing:2.4px}nav button{font-size:10px;padding:12px 10px}footer .copyright{width:100%;order:4}footer p{max-width:none}}
@media(max-width:380px){header .brand{font-size:15px}.brand img{width:38px;height:38px}nav button{font-size:9px;padding:11px 8px}}

/* Stronger typography and category portraits */
.option-icon{display:flex;align-items:center;justify-content:center;width:40px;height:44px;flex:0 0 40px;color:#c64b00}.option-icon svg{width:38px;height:38px;display:block}
.hero h1{font-weight:750;letter-spacing:-2.4px;line-height:1.1}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-2.6px;color:#c64b00}
.eyebrow,.hero-notes,.art-label,.art-bottom,.art-number,.art-badge,.art-badge small,.section-heading>p,.step,.step b,.field-heading>span,.category button,.category button small,.sleeve-row,.segmented button,.field-hint,.field label,.input-shell>span,legend,.fit-options button,.shape-options button,.modal-tabs button,.privacy,.result-top .eyebrow,#emptyResult p,.result-caption,.result-foot,.chart-card,.chart-card small,.tolerance,.how-item p,footer p,footer>span,dialog>p,.result-label,.fit-tag,.measurement span,.result-explain,.result-note{font-weight:600}
.hero-notes,.field-hint,.category button small,.privacy,.chart-card small,.tolerance,footer p,footer>span{color:#595d63}.field-heading>span{color:#61656b}.privacy,.tolerance{font-size:10px}.result-foot,.result-note{font-size:10px}.art-label,.art-bottom,.art-number,.result-caption{font-size:8px}.field-hint,.field label,legend{font-size:12px}.brand small{font-weight:800}
@media(max-width:380px){.hero h1{font-size:40px;letter-spacing:-1.8px}.hero h1 em{letter-spacing:-2px}.option-icon{width:32px;flex-basis:32px}.option-icon svg{width:32px;height:32px}.category button{gap:6px}.hero-notes{font-size:9px}}

/* One-time illustrated guide animations */
.step-art{width:100%;max-width:240px;background:linear-gradient(145deg,#f4f4f6,#fafafa);border:1px solid #ededf0;border-radius:16px;margin-bottom:18px;overflow:hidden}.step-art svg{width:100%;height:auto;display:block}.how-item>span{font-size:20px}.how-item h3{margin-top:12px}.how{align-items:start}.how-title{padding-top:10px}
.how-item.is-visible .choice-back{animation:choiceBack 2.4s ease both}.how-item.is-visible .choice-front{animation:choiceFront 2.4s ease both}.how-item.is-visible .choice-check{animation:stepPop 2.4s ease both;transform-origin:170px 96px}.how-item.is-visible .measure-line{animation:drawMeasure 2.5s ease both;stroke-dasharray:160;stroke-dashoffset:0}.how-item.is-visible .metric{animation:metricAppear 2.6s ease both}.how-item.is-visible .metric-cm{animation-delay:.2s}.how-item.is-visible .match-shirt{animation:shirtAppear 2.5s ease both}.how-item.is-visible .match-label{animation:stepPop 2.8s ease both;transform-origin:150px 72px}
@keyframes choiceBack{0%{opacity:0;translate:-13px 0}35%,100%{opacity:1;translate:0 0}}@keyframes choiceFront{0%,12%{opacity:0;translate:13px 0}50%,100%{opacity:1;translate:0 0}}@keyframes stepPop{0%,40%{opacity:0;scale:.7}65%{opacity:1;scale:1.08}80%,100%{opacity:1;scale:1}}@keyframes drawMeasure{0%,15%{opacity:0;stroke-dashoffset:160}25%{opacity:1}80%,100%{opacity:1;stroke-dashoffset:0}}@keyframes metricAppear{0%,40%{opacity:0;translate:0 7px}75%,100%{opacity:1;translate:0 0}}@keyframes shirtAppear{0%{opacity:0;translate:0 10px}40%,100%{opacity:1;translate:0 0}}
@media(max-width:720px){.how-item{grid-template-columns:110px 1fr;column-gap:18px;row-gap:4px;align-items:start}.step-art{grid-column:1;grid-row:1/4;margin:0;align-self:center;border-radius:12px}.how-item>span{grid-column:2;grid-row:1;font-size:17px}.how-item h3{grid-column:2;grid-row:2;margin:0}.how-item p{grid-column:2;grid-row:3;margin:0;font-size:11px}.how-title{padding-top:0}.how{gap:25px}}
@media(max-width:380px){.how-item{grid-template-columns:96px 1fr;column-gap:13px}.how-item p{font-size:11px}.how-item h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.how-item.is-visible *{animation:none!important;transition:none!important}}