@font-face{font-family:Product;src:url('./display.ttf') format('truetype');font-display:swap;font-weight:100 900}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.65;color:var(--ink);background:var(--bg);--bg:#f8f5ed;--ink:#30251e;--muted:#76695b;--line:#ded7c9;--panel:#fffdf7;--accent:#a95618;--on-accent:#fff;--soft:#eae0c9;--display:Product,Georgia,serif}body[data-app=capsera]{--bg:#16152b;--ink:#f4f0ff;--muted:#b6aed1;--line:#3e3757;--panel:#242039;--accent:#ffd56d;--on-accent:#292032;--soft:#393051;--display:Product,system-ui,sans-serif}body[data-app=cutfit]{--bg:#faf7ed;--ink:#263b42;--muted:#68757a;--line:#d6dcd5;--panel:#fffdf7;--accent:#b83f35;--on-accent:#fff;--soft:#e6e9dc}body[data-app=cutlist]{background-image:repeating-linear-gradient(95deg,transparent,transparent 96px,#b8925a06 97px,#b8925a06 99px)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}img{max-width:100%;display:block}button{color:inherit}button:focus{scroll-margin:100px}svg{max-width:100%}[hidden]{display:none!important}.skip{position:fixed;inset-block-start:-100px;inset-inline-start:12px;background:var(--accent);color:var(--on-accent);padding:12px;z-index:20}.skip:focus{inset-block-start:12px}.wrap{max-width:1240px;margin:auto;padding-inline:clamp(20px,4vw,64px)}.topbar{border-bottom:1px solid var(--line)}.nav{min-height:84px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-.7px}.brand img{width:34px;height:34px;border-radius:9px}.navlinks{display:flex;gap:26px;align-items:center;font-size:14px}.navlinks a{text-decoration:none}.lang{max-width:140px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:7px}.lang option{color:#252331;background:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;background:var(--accent);color:var(--on-accent);text-decoration:none;font-weight:650;padding:14px 23px;border-radius:8px;min-height:48px;line-height:1.35}.button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.button.small{min-height:40px;padding:9px 15px;font-size:13px}.arrow{font-size:20px;line-height:1}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center;padding-block:65px 72px;min-height:680px}.eyebrow{font:600 11px/1.5 system-ui;letter-spacing:2px;text-transform:uppercase;color:var(--muted);display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';width:24px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.09;letter-spacing:-1.4px}h1{font-size:clamp(44px,5.4vw,78px);margin-block:24px}h1 em{font-style:normal;color:var(--accent);display:block}h2{font-size:clamp(30px,3.5vw,47px)}h3{font-size:25px;letter-spacing:-.6px}.lead{font-size:18px;line-height:1.8;color:var(--muted);max-width:540px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-block:28px 20px}.smallprint{font-size:12px;color:var(--muted);max-width:500px}.hero-art{position:relative;min-height:530px;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';position:absolute;inset:5% -6%;border-radius:50%;background:radial-gradient(ellipse,var(--soft),transparent 68%)}.poster{max-height:565px;width:auto;border-radius:26px;box-shadow:0 34px 70px #0002;position:relative;transform:rotate(2deg)}[data-app=capsera] .poster{box-shadow:0 28px 110px #090916a0;transform:rotate(-3deg)}[data-app=cutfit] .hero-art{background-image:linear-gradient(#a7b9c126 1px,transparent 1px),linear-gradient(90deg,#a7b9c126 1px,transparent 1px);background-size:24px 24px}.numberline{display:flex;gap:28px;border-top:1px solid var(--line);padding-top:25px;margin-top:32px}.numberline b{display:block;font:500 27px var(--display);color:var(--ink)}.numberline span{font-size:12px;color:var(--muted)}.section{padding-block:65px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head h2{margin:0}.section-head p{max-width:400px;color:var(--muted);margin:0}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}.tool-link{display:block;text-decoration:none;border-top:1px solid var(--line);padding:25px 4px 30px}.tool-link:hover h3{color:var(--accent)}.tool-link h3{font-size:25px;margin-block:10px 12px}.tool-link p{font-size:14px;color:var(--muted);margin-bottom:0}.tool-no{font:12px ui-monospace,monospace;color:var(--muted);display:flex;justify-content:space-between}.content-head{padding-block:45px 36px;max-width:850px}.content-head h1{font-size:clamp(38px,4.6vw,62px)}.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:35px;align-items:start;padding-bottom:65px}.work-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:clamp(22px,3vw,38px)}.work-panel h2{font-size:30px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;min-width:0}.field.wide{grid-column:1/-1}input,select{min-height:46px;min-width:0;max-width:100%;padding:10px 12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:6px}input[type=checkbox]{min-height:auto;accent-color:var(--accent)}.check{display:flex;align-items:center;gap:10px;font-size:14px}.rows{display:grid;gap:12px;margin-block:22px}.measure-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:9px;align-items:end}.measure-row.narrow{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.remove{border:1px solid var(--line);background:transparent;min-height:46px;border-radius:6px;width:38px}.subtle{background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:8px 0;font-size:13px;color:var(--muted)}.result{border-top:1px solid var(--line);margin-top:26px;padding-top:24px;scroll-margin-top:20px}.result-number{font:500 clamp(32px,4vw,52px)/1.2 var(--display);letter-spacing:-1px;color:var(--accent);margin:14px 0}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:14px}.result-details dt{color:var(--muted)}.result-details dd{margin:0}.error{padding:12px 15px;border-inline-start:3px solid #d66854;background:#bc544914;color:var(--ink)}.cta{background:var(--soft);border-radius:14px;padding:28px}.cta h2{font-size:30px}.cta p{font-size:14px;color:var(--muted)}.cta .button{width:100%;font-size:14px}.qr{display:flex;align-items:center;gap:15px;margin-top:24px;font-size:12px;color:var(--muted)}.qr img{width:132px;height:82px;padding:5px;background:white;border-radius:4px}.cta .smallprint{font-size:11px;margin-block:15px 0}.explain{max-width:800px}.explain p{color:var(--muted)}.formula{overflow-wrap:anywhere;font:14px/1.8 ui-monospace,monospace;padding:20px;background:var(--panel);border-inline-start:3px solid var(--accent);margin:24px 0}.study-table{width:100%;border-collapse:collapse;font-size:14px}.study-table th,.study-table td{text-align:start;border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:top}.study-table th{color:var(--muted);font-weight:500}.drug-search{width:100%;margin-block:20px 30px}.drug-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.drug-item{background:var(--panel);padding:18px 20px;text-decoration:none}.drug-item b{display:block;font-size:16px}.drug-item span{color:var(--muted);font-size:12px}.drug-item:hover{background:var(--soft)}.drug-facts{margin:0;display:grid;gap:24px}.drug-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.drug-facts dd{margin:0;font-size:17px}.source-link{display:block;font-size:12px;margin-top:24px;overflow-wrap:anywhere}.choices{display:grid;gap:12px;margin-block:25px}.choice{text-align:start;padding:16px 20px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:16px}.choice:hover:not(:disabled){border-color:var(--accent)}.choice[data-correct=true]{border-color:#56aa81;background:#56aa8118}.choice[data-wrong=true]{border-color:#e28170;background:#e2817018}.progress{height:4px;background:var(--line);border-radius:4px;overflow:hidden;margin-bottom:25px}.progress span{display:block;height:100%;background:var(--accent)}.quiz-counter{font-size:12px;color:var(--muted)}.quiz-question{font:500 clamp(23px,3vw,32px)/1.35 var(--display);margin-block:15px;overflow-wrap:anywhere}.market-text{max-width:800px;font-size:17px;white-space:pre-line}.market-hero h1{font-size:clamp(40px,5vw,64px)}.footer{border-top:1px solid var(--line);padding-block:30px;font-size:12px;color:var(--muted)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.sticky-cta{position:fixed;inset:auto 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--panel);border:1px solid var(--line);padding:12px 14px;z-index:5;box-shadow:0 10px 35px #0003;border-radius:10px}.sticky-cta .brand{font-size:18px}.sticky-cta .brand img{width:28px;height:28px}.sticky-cta .close{font-size:25px;background:none;border:0;padding:6px;line-height:1}.consent{position:fixed;inset:auto 20px 20px auto;max-width:380px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:24px;z-index:10;box-shadow:0 12px 60px #0003}.consent h2{font:600 20px/1.35 system-ui;margin-bottom:12px;letter-spacing:0}.consent p{font-size:13px;color:var(--muted)}.consent .actions{margin:18px 0 0}.consent .button{font-size:13px;padding:10px}.layout-svg{background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;margin-block:20px;max-height:380px}.preview-note{font-size:11px;text-align:center;background:var(--soft);color:var(--muted);padding:7px} @media(min-width:821px){.sticky-cta{display:none!important}} @media(max-width:1000px){.hero{gap:30px}.poster{max-height:510px}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:820px){.nav{min-height:72px;gap:12px}.navlinks>a:not(.button){display:none}.navlinks{gap:12px}.navlinks .button{display:none}.lang{max-width:118px;font-size:13px}.hero{grid-template-columns:1fr;padding-block:40px;gap:25px;min-height:0}.hero-art{min-height:0;max-height:500px;overflow:hidden}.poster{max-height:480px}.hero h1{font-size:clamp(42px,8.5vw,68px)}.numberline{gap:30px}.workspace{grid-template-columns:1fr}.cta{max-width:none}.qr{display:none}.section{padding-block:42px}.section-head{display:block}.section-head p{margin-top:18px}.drug-list{grid-template-columns:repeat(2,minmax(0,1fr))}.content-head{padding-top:30px}.consent{inset:auto 12px 12px;max-width:none}.footer{padding-bottom:100px}.measure-row{grid-template-columns:repeat(2,minmax(0,1fr)) 38px}.measure-row .field:nth-child(3){grid-column:1}.measure-row .field:nth-child(4){grid-column:2}.measure-row .remove{grid-column:3;grid-row:1/3;height:100%}.measure-row.narrow .remove{grid-row:auto}.work-panel{padding:22px}.smallprint{font-size:12px}}@media(max-width:430px){.tool-grid{grid-template-columns:1fr}.brand{font-size:20px}.hero-art{max-height:430px}.poster{max-height:430px}.field-grid{gap:14px}.drug-list{grid-template-columns:1fr}.numberline{gap:24px}.actions .button{font-size:14px;padding:13px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}@media print{body{--ink:#111;--muted:#444;--bg:white;--panel:white;--line:#ccc;--accent:#111}.topbar,.footer,.cta,.sticky-cta,.consent,.actions,.hero-art,.preview-note{display:none!important}.workspace{display:block}.work-panel{border:0;padding:0}.wrap{padding:0;max-width:none}.result{break-inside:avoid}a{color:#111}}
.piece-label{grid-column:1/-1;margin:0;font-size:15px}.layout-diagram{display:block;width:100%;max-height:520px;margin:24px 0;border:1px solid currentColor}.quiz-options{display:grid;gap:12px}.quiz-options button{text-align:start;white-space:normal;line-height:1.5;justify-content:flex-start}.quiz-prompt{font-size:21px;line-height:1.6}.feedback{margin:24px 0;padding:20px;border-inline-start:3px solid var(--accent)}.quiz-options .correct{background:#d2e5d4;color:#163f25}.quiz-options .incorrect{background:#f1d7d4;color:#632921}[hidden]{display:none!important}
/* Named fabrics remain separate in both the form and printed results. */
.fabric-group{padding:20px 0;border-bottom:1px solid var(--line,#d7cfc2)}
.fabric-group:first-child{padding-top:0}
#multi-pieces .measure-row{grid-template-columns:repeat(3,minmax(0,1fr))}
#multi-pieces .remove-piece{min-width:44px;min-height:44px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;cursor:pointer}
@media(max-width:640px){#multi-pieces .measure-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.drug-entry{background:var(--panel);min-width:0}.drug-entry .drug-item{display:block;overflow-wrap:anywhere}.drug-entry .smallprint{margin:0;padding:0 20px 18px}
.source-reading{border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:18px;margin:20px 0}.source-reading h3{font:600 14px/1.5 system-ui;letter-spacing:0}.source-reading blockquote{margin:14px 0;font-size:18px;line-height:1.6;overflow-wrap:anywhere}.source-reading a{font-size:13px}
.study-steps{padding-inline-start:24px;margin-block:24px 32px}.study-steps li{padding-block:6px}.native-handoff{margin-top:20px}.tool-link h3{overflow-wrap:anywhere}
.result h3{overflow-wrap:anywhere}
@media(max-width:640px){.measure-row .check{grid-column:1/-1;min-width:0}.measure-row .check input{flex:none}.measure-row .check{overflow-wrap:anywhere}}

/* Keep all three sticky controls visible without shrinking the brand. */
@media(max-width:430px){
 .workspace{grid-template-columns:minmax(0,1fr)}
 .work-panel{min-width:0}
 .work-panel h2{overflow-wrap:anywhere}
 .sticky-cta{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px 12px}
 .sticky-cta .brand{grid-column:1;grid-row:1;min-width:0;white-space:nowrap}
 .sticky-cta .brand img,.sticky-cta .arrow{flex:none}
 .sticky-cta .button{grid-column:1;grid-row:2;min-width:0;padding:12px 14px;overflow-wrap:anywhere}
 .sticky-cta .close{grid-column:2;grid-row:1/span 2;align-self:stretch;min-width:44px;min-height:44px;padding:0}
 .footer{padding-bottom:160px}
}
@media(max-width:320px){.field-grid{grid-template-columns:minmax(0,1fr)}}
/* Long clinical names and terms must fit narrow screens in every script. */
body[data-app=capsera] .content-head h1,.drug-facts{overflow-wrap:anywhere}