:root{--ink:#17211b;--paper:#f4f0e8;--card:#fffdf8;--acid:#d8ff52;--green:#214c38;--line:#cbc6bb;--muted:#687069;--orange:#ff6b3d;--shadow:0 22px 60px rgba(25,35,28,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);border-bottom:1px solid var(--line);background:rgba(244,240,232,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;font-weight:850;text-decoration:none;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--ink);color:var(--acid);border-radius:3px;font-size:13px;letter-spacing:-.08em}.site-header nav{display:flex;gap:28px}.site-header nav a,footer a{font-size:14px;text-decoration:none;color:var(--muted)}.hero{max-width:1240px;margin:auto;min-height:500px;padding:82px 5vw 60px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:8vw}.eyebrow,.step-label{font-size:12px;font-weight:850;letter-spacing:.18em;color:var(--green)}h1{font-size:clamp(58px,8vw,112px);line-height:.85;letter-spacing:-.08em;margin:20px 0 28px;max-width:800px}h2{font-size:clamp(34px,5vw,66px);letter-spacing:-.055em;line-height:.98;margin:12px 0 22px}.lede,.answer{font-size:clamp(18px,2vw,23px);line-height:1.55;max-width:720px;color:#3e4841}.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;font-size:13px;font-weight:750}.trust-row span:before{content:"✓";margin-right:8px;color:var(--green)}.poster-demo{justify-self:center;background:var(--card);padding:18px 18px 46px;box-shadow:var(--shadow);transform:rotate(3deg);width:min(380px,80vw);position:relative}.demo-grid{aspect-ratio:1.24;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:linear-gradient(135deg,#dfffb2,#75b996 45%,#173c32);padding:0}.demo-grid i{border:2px solid white;background:rgba(255,255,255,.03)}.demo-label{position:absolute;bottom:15px;left:18px;font-size:12px;font-weight:750}.studio{background:var(--green);color:white;padding:70px max(20px,5vw) 84px}.studio-head{max-width:1240px;margin:0 auto 28px;display:flex;align-items:end;justify-content:space-between}.studio .step-label{color:var(--acid)}.studio h2{margin-bottom:0}.privacy-pulse{font-size:13px;color:#d8e5dc}.privacy-pulse b{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acid);margin-right:8px;box-shadow:0 0 0 5px rgba(216,255,82,.1)}.workspace{max-width:1240px;margin:auto;background:var(--card);color:var(--ink);display:grid;grid-template-columns:minmax(340px,.85fr) minmax(420px,1.15fr);box-shadow:0 34px 90px rgba(0,0,0,.22);border-radius:8px;overflow:hidden}.controls{padding:34px}.upload{min-height:160px;border:1.5px dashed #9da59f;background:#f5f4ef;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center;border-radius:5px;transition:.2s}.upload:hover,.upload.drag{background:#eff8d7;border-color:var(--green)}.upload input{display:none}.upload-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--acid);font-size:25px;margin-bottom:12px}.upload strong{font-size:17px}.upload small,.file-card small{color:var(--muted);margin-top:6px}.file-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:10px;border-radius:5px}.file-card img{width:60px;height:48px;object-fit:cover}.file-card div{display:flex;flex-direction:column;min-width:0;flex:1}.file-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card button{border:0;background:none;text-decoration:underline;cursor:pointer}.hidden{display:none!important}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;margin:25px 0}.field-grid label,.cal-row label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:780;text-transform:uppercase;letter-spacing:.08em}.field-grid select,.field-grid input,.cal-row input{width:100%;background:white;border:1px solid var(--line);border-radius:3px;padding:11px;color:var(--ink);font:inherit;text-transform:none;letter-spacing:0}.field-grid label:has(input[type=range]){display:grid;grid-template-columns:1fr 32px;align-items:center}.field-grid label:has(input[type=range]) input{grid-column:1;padding:0}.field-grid output{grid-column:2;grid-row:1/3;text-align:center;font-size:20px}.calibration{border-top:1px solid var(--line);padding:17px 0}.calibration summary{font-weight:800;cursor:pointer}.calibration p{font-size:13px;line-height:1.5;color:var(--muted)}.cal-row{display:flex;align-items:end;gap:12px}.cal-row label{max-width:140px}.secondary{padding:10px 12px;background:white;border:1px solid var(--ink);font-weight:750;cursor:pointer;border-radius:3px}.primary{width:100%;border:0;background:var(--acid);color:var(--ink);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:850;font-size:15px;cursor:pointer;border-radius:3px}.primary small{font-weight:550;color:#526021}.primary:disabled{background:#dddcd5;color:#898b87;cursor:not-allowed}.status{font-size:13px;min-height:20px;margin:12px 0 0;color:var(--muted)}.preview-panel{background:#e5e3dc;border-left:1px solid var(--line);padding:28px;display:flex;flex-direction:column}.preview-top{display:flex;justify-content:space-between;font-size:11px;font-weight:850;letter-spacing:.14em;margin-bottom:20px}.preview-stage{flex:1;min-height:420px;display:grid;place-items:center;position:relative;background-color:#d2d0c8;background-image:linear-gradient(45deg,#c5c3bb 25%,transparent 25%),linear-gradient(-45deg,#c5c3bb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c5c3bb 75%),linear-gradient(-45deg,transparent 75%,#c5c3bb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}#preview{max-width:92%;max-height:400px;width:auto;height:auto;box-shadow:0 12px 35px rgba(0,0,0,.18);background:white}#emptyPreview{position:absolute;display:flex;flex-direction:column;text-align:center;color:#626762}#emptyPreview span{font-weight:800}#emptyPreview small{margin-top:4px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 0}.metrics div{border-top:1px solid #aaa9a2;padding-top:11px}.metrics dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#656a65}.metrics dd{font-weight:800;margin:5px 0 0;font-size:13px}.definition,.guide,.cal-guide,.faq{max-width:1180px;margin:auto;padding:100px 5vw}.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:58px}.fact-strip div{padding:25px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.fact-strip div:last-child{border:0}.fact-strip b{font-size:26px;letter-spacing:-.04em}.fact-strip span{font-size:12px;color:var(--muted);margin-top:4px}.guide{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;border-top:1px solid var(--line)}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:55px 1fr;padding:25px 0;border-bottom:1px solid var(--line)}.steps li>b{color:var(--orange);font-size:13px}.steps h3{margin:0 0 8px;font-size:20px}.steps p{margin:0;color:var(--muted);line-height:1.55}.cal-guide{background:var(--ink);color:white;max-width:none;padding-left:max(5vw,calc((100vw - 1180px)/2 + 5vw));padding-right:max(5vw,calc((100vw - 1180px)/2 + 5vw));display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:center}.cal-guide p:not(.step-label){color:#cbd1cd;line-height:1.7}.cal-guide .step-label{color:var(--acid)}.ruler-card{background:var(--card);color:var(--ink);padding:30px;box-shadow:18px 18px 0 var(--acid);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.ruler{height:32px;border-top:3px solid var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 10%);margin-top:30px}.ruler-card strong{grid-column:1/-1;margin-top:20px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:18px;font-weight:800;cursor:pointer}.faq details p{color:var(--muted);line-height:1.6;max-width:760px}footer{padding:40px 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}footer>div:last-child{display:flex;gap:20px}footer p{color:var(--muted);font-size:13px}@media(max-width:900px){.hero,.workspace,.guide,.cal-guide{grid-template-columns:1fr}.poster-demo{margin-top:40px}.workspace{max-width:700px}.preview-panel{border-left:0;border-top:1px solid var(--line)}.preview-stage{min-height:330px}.site-header nav a:not(:last-child){display:none}.fact-strip{grid-template-columns:1fr 1fr}.fact-strip div:nth-child(2){border-right:0}.field-grid{grid-template-columns:1fr}.cal-guide{gap:40px}}@media(max-width:600px){.site-header{height:64px}.hero{padding-top:55px}h1{font-size:58px}.studio{padding-left:12px;padding-right:12px}.studio-head{padding:0 8px}.privacy-pulse{display:none}.controls,.preview-panel{padding:20px}.preview-stage{min-height:260px}.metrics{grid-template-columns:1fr}.fact-strip{grid-template-columns:1fr}.fact-strip div{border-right:0;border-bottom:1px solid var(--line)}footer{align-items:flex-start;gap:25px;flex-direction:column}}