:root{--ink:#20211f;--muted:#6f716d;--cream:#f5f3ed;--paper:#fffefa;--line:#deded6;--coral:#dc6b52;--sage:#9faf90;--blue:#dfe8ea;--yellow:#e7d77e;--shadow:0 16px 40px rgba(38,35,26,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer;border:0}a{text-decoration:none}.topbar{max-width:1240px;margin:0 auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;border-radius:50%;width:27px;height:27px;background:var(--coral);color:#fff;font-family:Georgia,serif;font-size:19px;font-style:italic}.topbar nav{display:flex;align-items:center;gap:28px;font-size:13px}.topbar nav a{color:#555750}.topbar nav a:hover,.profile-nav:hover{color:var(--coral)}.profile-nav{background:transparent;color:#555750;padding:0}.hero{max-width:1240px;margin:0 auto;padding:72px 32px 115px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700;color:var(--coral);margin:0 0 14px}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(58px,7.2vw,94px);line-height:.96;letter-spacing:-.065em;font-weight:700;margin:0 0 25px}.hero h1 em,h2 em,h3 em{font-style:italic;color:var(--coral)}.hero-lede{font-size:18px;line-height:1.55;max-width:480px;color:#565852;margin:0 0 31px}.hero-actions{display:flex;align-items:center;gap:25px}.button{border-radius:4px;padding:13px 18px;font-weight:700;font-size:13px;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(30,30,25,.14)}.button-primary{background:var(--coral);color:#fff}.button-dark{background:var(--ink);color:#fff;width:100%;margin-top:24px}.text-link{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px;background:none;padding:0}.text-link:hover{color:var(--coral)}.privacy-note{display:flex;gap:9px;align-items:center;color:#72746d;font-size:12px;margin-top:28px}.privacy-icon{font-size:21px;color:var(--sage);transform:rotate(-30deg);display:inline-block}.hero-art{height:410px;position:relative;background:var(--blue);overflow:hidden;border-radius:2px}.shirt-shape{position:absolute;width:255px;height:268px;left:50%;top:78px;transform:translateX(-50%) rotate(-7deg);background:var(--coral);clip-path:polygon(20% 0,42% 9%,58% 9%,80% 0,100% 18%,83% 37%,75% 27%,75% 100%,25% 100%,25% 27%,17% 37%,0 18%);filter:drop-shadow(14px 15px 0 rgba(40,60,62,.11))}.tape{position:absolute;border:9px solid var(--yellow);border-radius:50%;width:170px;height:170px;opacity:.94}.tape-one{left:-40px;bottom:-60px}.tape-two{right:-67px;top:-53px;width:205px;height:205px;border-color:var(--sage)}.art-label{position:absolute;right:24px;bottom:22px;font-family:'Playfair Display',serif;font-size:18px;line-height:1.05;text-align:right;transform:rotate(-6deg)}.workspace,.results-section{max-width:1240px;margin:0 auto;padding:0 32px 105px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-heading h2{font-family:'Playfair Display',serif;font-size:42px;line-height:1.06;letter-spacing:-.045em;margin:0;max-width:650px}.step-count{font-size:11px;color:#8b8d87;letter-spacing:.12em}.fit-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:23px}.card{background:var(--paper);border:1px solid #e8e6dd;box-shadow:var(--shadow);border-radius:3px}.measurement-card{padding:30px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:29px}.card h3{font-size:19px;margin:0 0 5px;letter-spacing:-.03em}.card-header p{color:var(--muted);font-size:12px;margin:0}.unit-toggle{display:flex;background:#f0efe8;border-radius:3px;padding:3px;gap:2px}.unit{padding:5px 10px;border-radius:2px;color:#85877e;font-size:12px;background:transparent}.unit.active{background:#fff;color:var(--ink);font-weight:700;box-shadow:0 1px 4px #d8d6cd}.measurement-fields{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;row-gap:19px}.measurement-fields label{font-size:12px;font-weight:700;color:#4f514a;position:relative}.measurement-fields input{display:block;width:100%;border:0;border-bottom:1px solid #bfc1b8;background:transparent;padding:9px 2px 7px;color:var(--ink);font-weight:600;font-size:17px;outline:none}.measurement-fields input:focus{border-color:var(--coral);box-shadow:0 1px 0 var(--coral)}.measurement-fields small{display:block;color:#999b93;font-size:10px;font-weight:400;margin-top:4px}.hint{display:inline-grid;place-items:center;border:1px solid #aaa;font-size:9px;width:14px;height:14px;border-radius:50%;color:#777;margin-left:4px}.fit-choice{border:0;padding:0;margin:31px 0 0}.fit-choice legend{font-size:12px;font-weight:700;color:#4f514a;margin-bottom:12px}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice-row label{position:relative;border:1px solid #deded5;border-radius:3px;padding:11px 10px;display:flex;gap:7px;align-items:flex-start;cursor:pointer;transition:.15s}.choice-row label:has(input:checked){border-color:var(--coral);background:#fff7f3}.choice-row input{accent-color:var(--coral);margin:3px 0 0}.choice-row strong{display:block;font-size:12px}.choice-row small{display:block;color:#8b8d87;font-size:10px;margin-top:2px}.form-status{font-size:12px;color:var(--coral);min-height:18px;margin:10px 0 0}.how-card{padding:32px;background:var(--sage);border-color:var(--sage);position:relative;overflow:hidden}.how-card:after{content:'';position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.35);border-radius:50%;right:-100px;top:-80px}.card-number{font-size:11px;letter-spacing:.13em;color:#65745d}.how-card h3{font-family:'Playfair Display',serif;font-size:30px;line-height:1.04;margin:42px 0 18px;letter-spacing:-.04em}.how-card h3 em{color:#fff}.how-card>p{font-size:13px;line-height:1.6;max-width:310px;color:#43503e}.mini-chart{background:rgba(255,255,255,.53);border-radius:3px;padding:5px 14px;margin-top:31px}.mini-chart>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(57,79,55,.15);font-size:11px}.mini-chart>div:last-child{border-bottom:0}.mini-chart span{color:#55654f}.mini-chart b{font-size:11px}.good{color:#3c6845}.warn{color:#a65e43}.chart-legend{display:flex;gap:17px;color:#43503e;font-size:10px;margin-top:12px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px}.good-dot{background:#3c6845}.warn-dot{background:#a65e43}.results-section{padding-top:12px}.result-summary{padding:18px 21px;display:flex;align-items:center;gap:14px;margin-bottom:24px}.summary-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#e5f0e4;color:#48764c;font-weight:700}.result-summary strong{font-size:14px}.result-summary p{font-size:12px;color:var(--muted);margin:3px 0 0}.confidence-pill{margin-left:auto;font-size:11px;padding:6px 10px;background:#edf3ea;color:#477047;border-radius:20px;white-space:nowrap}.filter-row{display:flex;align-items:center;gap:11px;color:#85877f;font-size:12px;margin:0 0 14px}.filter-row span{margin-right:auto}.filter-row select{border:1px solid #dddcd2;background:var(--paper);padding:7px 11px;font-size:11px;border-radius:2px;color:#66685f}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.product-card{background:var(--paper);border:1px solid #e5e3da;box-shadow:0 9px 24px rgba(38,35,26,.05);min-width:0}.product-image{height:190px;position:relative;overflow:hidden;display:grid;place-items:center}.product-image:before{content:'';width:135px;height:147px;clip-path:polygon(20% 0,42% 10%,58% 10%,80% 0,100% 18%,84% 35%,74% 27%,74% 100%,26% 100%,26% 27%,16% 35%,0 18%);background:var(--product-color);transform:rotate(-4deg)}.product-image:after{content:'';position:absolute;width:125px;height:15px;border-radius:50%;background:rgba(0,0,0,.09);bottom:28px;filter:blur(5px)}.brand-badge{position:absolute;top:13px;left:13px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#66685f}.fit-badge{position:absolute;top:12px;right:12px;background:#fffefa;padding:5px 8px;border-radius:20px;font-size:10px;color:#4f7254;font-weight:700}.product-body{padding:17px 17px 19px}.product-body h3{font-size:15px;margin:0 0 3px}.product-body .meta{color:#85877f;font-size:11px;margin:0 0 14px}.recommendation{border-top:1px solid #eceae2;padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.size-result{font-size:11px;color:#777970}.size-result strong{display:block;color:var(--ink);font-size:21px;line-height:1.15;margin-top:2px}.fit-note{font-size:11px;color:#5c795e;line-height:1.35}.fit-note strong{display:block;color:#3c6845;margin-bottom:2px}.product-actions{display:flex;gap:10px;margin-top:17px}.small-button{font-size:11px;font-weight:700;padding:8px 10px;border:1px solid #d5d4cb;background:transparent;border-radius:2px}.small-button:hover{border-color:var(--coral);color:var(--coral)}.small-button.primary-small{background:var(--ink);border-color:var(--ink);color:#fff;flex:1}.empty-state{padding:38px;text-align:center;color:var(--muted);grid-column:1/-1;background:var(--paper);border:1px dashed #d3d2c8}footer{max-width:1240px;margin:0 auto;padding:28px 32px 45px;display:flex;gap:25px;color:#888a82;font-size:11px;border-top:1px solid #e0ded5}footer span:first-child{font-weight:700;color:var(--ink);margin-right:auto}footer button{background:none;color:#888a82;text-decoration:underline;font-size:11px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:11px 17px;border-radius:3px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.topbar{padding:19px 20px}.topbar nav a{display:none}.hero{padding:50px 20px 80px;grid-template-columns:1fr;gap:38px}.hero-art{height:300px}.workspace,.results-section{padding-left:20px;padding-right:20px}.fit-grid{grid-template-columns:1fr}.section-heading h2{font-size:34px}.product-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.hero h1{font-size:61px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.measurement-card,.how-card{padding:22px}.measurement-fields{grid-template-columns:1fr}.choice-row{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.filter-row{flex-wrap:wrap}.filter-row span{width:100%}footer{padding-left:20px;padding-right:20px;flex-wrap:wrap}.confidence-pill{display:none}}
:root{--live:#fff8f5}.live-product{border:1px solid #e6cfc7;background:var(--live);padding:16px;margin:25px 0 0}.live-product legend{font-size:12px;font-weight:700;color:#4f514a}.field-help{font-size:11px;color:#777970;margin:0 0 13px}.live-product label{display:block;font-size:12px;font-weight:700;color:#4f514a;margin:10px 0}.live-product input,.live-product textarea{display:block;width:100%;border:1px solid #d9d6cc;background:#fffefa;padding:9px 10px;margin-top:6px;border-radius:2px;outline:none;font-size:12px}.live-product textarea{resize:vertical;font-family:monospace;font-size:11px}.live-product input:focus,.live-product textarea:focus{border-color:var(--coral);box-shadow:0 0 0 2px rgba(220,107,82,.12)}.live-product small{display:block;color:#898b83;font-size:10px;font-weight:400;margin-top:5px}.live-button{margin-top:5px;background:var(--coral);border-color:var(--coral);color:#fff}
