@font-face{font-family:Manrope;src:url(/fonts/NotoSans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/NotoSans-Bold.woff2) format("woff2");font-weight:600 800;font-display:swap}

:root { --paper:#f6f5f0; --ink:#14211e; --muted:#66736d; --line:#d9ddd6; --green:#2d6a57; --pale:#e3eee7; --window:#1b2925; --cream:#fffef9; --danger:#9d4238; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope, system-ui, sans-serif; } main { max-width:1440px; margin:auto; padding:0 54px; } nav { height:92px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); } a { color:inherit; text-decoration:none; } .wordmark { font-weight:700; letter-spacing:-.04em; display:flex; gap:10px; align-items:center; } .mark { background:var(--green); color:#fff; display:grid; place-items:center; width:29px; height:29px; border-radius:9px; transform:rotate(-35deg); font-size:18px; } .nav-links { display:flex; gap:26px; font-size:13px; color:var(--muted); } .download { border:1px solid var(--ink); border-radius:999px; padding:10px 15px; font-size:12px; font-weight:700; }
.hero { padding:112px 0 78px; max-width:835px; } .eyebrow, small { color:var(--green); font:500 11px 'DM Mono', monospace; letter-spacing:.1em; text-transform:uppercase; } h1,h2,h3,p { margin-top:0; } h1,h2 { font-family:Fraunces, Georgia, serif; letter-spacing:-.06em; font-weight:600; } h1 { font-size:clamp(60px,8vw,116px); line-height:.91; margin:14px 0 28px; } h1 em,h2 em { color:#72817b; font-weight:500; } .lede { max-width:620px; color:var(--muted); line-height:1.7; font-size:18px; } .hero-actions { display:flex; gap:12px; margin:34px 0 18px; } .button { cursor:pointer; border-radius:7px; padding:13px 17px; font:700 13px Manrope,sans-serif; border:1px solid transparent; display:inline-flex; gap:9px; align-items:center; justify-content:center; } .primary { background:var(--ink); color:#fff; } .plain { border-color:var(--line); background:transparent; } .fineprint { color:var(--muted); font:11px 'DM Mono', monospace; }
.product-shot { background:var(--window); color:#eff3ed; border-radius:20px; overflow:hidden; box-shadow:0 32px 75px #1b29252a; } .window-bar { height:45px; display:flex; align-items:center; gap:7px; padding:0 18px; background:#253530; font-size:12px; } .window-bar span { width:8px; height:8px; border-radius:50%; background:#73817a; } .window-bar b { margin-left:7px; font-weight:600; } .window-bar i { margin-left:auto; font:10px 'DM Mono',monospace; color:#aabbb1; font-style:normal; } .app-top { display:flex; justify-content:space-between; align-items:end; padding:46px 46px 32px; } .app-top h2,.review-heading h2 { margin:7px 0 0; color:#fff; font-size:27px; } .app-top p { color:#adc0b5; max-width:200px; margin:0; font-size:12px; line-height:1.5; }.app-grid { display:grid; grid-template-columns:.77fr 1.23fr; gap:1px; background:#41534c; border-top:1px solid #41534c; }.app-panel { background:#1b2925; padding:27px; min-height:400px; }.scope-panel label { display:block; margin-bottom:9px; color:#aabbb1; font:10px 'DM Mono',monospace; letter-spacing:.1em; }.select { background:#2b3b35; border:1px solid #475b52; border-radius:7px; padding:13px; font-size:13px; display:flex; justify-content:space-between; }.rule { margin:31px 0 24px; font:11px 'DM Mono',monospace; }.rule span { color:#aabbb1; margin-right:8px; }.range { height:4px; border-radius:4px; background:#52665d; margin-top:14px; }.range i { display:block; height:4px; width:52%; background:#d2c46f; border-radius:4px; }.toggle-line { display:flex; gap:10px; align-items:center; color:#c9d5ce; margin:14px 0; font-size:12px; }.switch { height:18px; width:29px; padding:2px; border:0; border-radius:999px; background:#5e756a; }.switch i { display:block; width:14px; height:14px; border-radius:50%; background:white; transform:translateX(10px); }.review-button { margin-top:29px; background:#e4ede7; color:#1b2925; width:100%; }.review-heading { display:flex; justify-content:space-between; }.review-heading>span { font:10px 'DM Mono',monospace; color:#bfd0c6; }.review-list { margin-top:24px; border-top:1px solid #41534c; }.review-row { display:grid; grid-template-columns:25px 50px 1fr auto; align-items:center; gap:12px; padding:11px 0; border-bottom:1px solid #33463e; opacity:.54; transition:opacity .2s,transform .2s; }.review-row.selected { opacity:1; }.check { width:18px; height:18px; padding:0; border:1px solid #8fa89b; color:transparent; background:transparent; border-radius:4px; cursor:pointer; }.selected .check { color:#192821; background:#d2c46f; border-color:#d2c46f; }.thumb { width:50px; height:42px; border-radius:5px; background-image:url('assets/synthetic-demo-contact-sheet.png'); background-size:200% 200%; background-repeat:no-repeat; }.one { background-position:0 0; }.two { background-position:100% 0; }.three { background-position:0 100%; }.four { background-position:100% 100%; }.review-row b { font-size:12px; }.review-row p { margin:3px 0 0; color:#aabbb1; font:9px 'DM Mono',monospace; }.review-row>span { color:#d2c46f; font:10px 'DM Mono',monospace; }.app-footer { display:flex; justify-content:space-between; align-items:center; gap:15px; padding-top:17px; }.app-footer p { margin:0; color:#b7c7bd; font-size:11px; }.erase { background:#d7b3a7; color:#37221d; }
.note-band { display:flex; justify-content:center; text-align:center; padding:30px 12%; color:#65736c; font-size:12px; line-height:1.6; border-bottom:1px solid var(--line); }.note-band p { margin:0; }.note-band b { color:var(--ink); }.steps { display:grid; grid-template-columns:1fr 1fr; padding:130px 0; gap:12%; }.steps h2,.classification h2,.download-section h2 { font-size:clamp(39px,4.5vw,65px); line-height:.98; margin:12px 0; }.steps ol { list-style:none; padding:0; margin:0; }.steps li { display:grid; grid-template-columns:46px 1fr; gap:15px; padding:19px 0; border-top:1px solid var(--line); }.steps li span { color:var(--green); font:500 12px 'DM Mono',monospace; }.steps h3 { font:600 19px Fraunces,serif; margin:0 0 7px; }.steps li p { color:var(--muted); font-size:13px; line-height:1.65; margin:0; }.classification { background:#dde9e0; margin:0 -54px; padding:110px 54px; display:grid; grid-template-columns:1.1fr .9fr; gap:11%; }.classification-copy p:not(.eyebrow) { max-width:590px; line-height:1.7; color:#53655c; font-size:15px; }.classification-copy a { border-bottom:1px solid; font-size:13px; font-weight:700; }.label-card { background:#f7f8f3; padding:24px; box-shadow:8px 8px 0 #bfd0c2; align-self:center; }.label-card header { display:flex; justify-content:space-between; font:10px 'DM Mono',monospace; color:#5d7167; padding-bottom:15px; border-bottom:1px solid #d8dfd6; }.label-row { display:flex; justify-content:space-between; padding:13px 0; border-bottom:1px solid #e1e6df; font-size:12px; }.label-row i { background:#e2eee4; color:#2d6a57; border-radius:999px; padding:3px 7px; font:9px 'DM Mono',monospace; font-style:normal; }.label-card footer { padding-top:16px; font-size:11px; line-height:1.55; color:#5e7068; }.download-section { padding:130px 0; text-align:center; max-width:700px; margin:auto; }.download-section>p:not(.eyebrow):not(.fineprint) { color:var(--muted); line-height:1.65; }.download-section .fineprint { margin-top:16px; } footer { max-width:1440px; margin:auto; border-top:1px solid var(--line); padding:24px 54px; display:flex; justify-content:space-between; color:var(--muted); font-size:11px; }
dialog { width:min(470px,90vw); border:0; border-radius:12px; padding:32px; color:var(--ink); box-shadow:0 24px 80px #0005; } dialog::backdrop { background:#11211a88; } dialog h2 { font-size:36px; margin:10px 0; } dialog p:not(.eyebrow) { line-height:1.6; color:var(--muted); font-size:14px; } dialog form>div { display:flex; justify-content:flex-end; gap:10px; margin-top:25px; }
@media (max-width:760px) { main { padding:0 20px; } nav { height:70px; }.nav-links { display:none; }.download { font-size:10px; }.hero { padding:75px 0 52px; }.app-top { display:block; padding:28px 23px; }.app-top p { margin-top:13px; }.app-grid,.steps,.classification { grid-template-columns:1fr; }.app-panel { min-height:0; }.review-row { grid-template-columns:22px 45px 1fr; }.review-row>span { display:none; }.classification { margin:0 -20px; padding:72px 20px; }.steps { padding:80px 0; }.download-section { padding:80px 0; } footer { padding:20px; gap:15px; flex-wrap:wrap; } }