@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/hanken-grotesk-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/hanken-grotesk-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF}
:root{--radius-sm:8px;--radius-md:10px;--radius-lg:13px;--radius-xl:16px;--coral:#C93F20;--coral-dark:#B03015;--coral-tint:#FCE7DF;--coral-tint-2:#FDEFEA;--coral-tint-border:#F0D6C8;--on-coral:#fff;--ink:#14171F;--paper:#FAF7F2;--surface:#FFFFFF;--surface-muted:#FCFBF7;--text:#14171F;--text-strong:#14171F;--muted:#6b6558;--muted-2:#8B8578;--line:#E7E2D8;--line-soft:#EDE7DA;--success:#1F7A5C;--error:#bb2541;--warning:#805d05;--focus-ring:#C93F20;color-scheme:light dark;font-family:'Hanken Grotesk',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--paper);font-synthesis:none}
@media(prefers-color-scheme:dark){:root{--coral:#FF7A57;--coral-dark:#FF9676;--coral-tint:#3A2018;--coral-tint-2:#2E1A14;--coral-tint-border:#4A2A1E;--on-coral:#1B0E08;--ink:#F2EEE3;--paper:#14171F;--surface:#1D212B;--surface-muted:#1A1E27;--text:#F2EEE3;--text-strong:#FFFFFF;--muted:#A79E8E;--muted-2:#8B8578;--line:#2E323C;--line-soft:#262A33;--success:#5FCBA3;--error:#FF6B7A;--warning:#E0B84A;--focus-ring:#FF9676}}
*{box-sizing:border-box}
h1,h2,h3{font-family:'Space Grotesk','Hanken Grotesk',sans-serif}
::selection{background:var(--coral-tint);color:var(--text-strong)}
html{scroll-padding-top:60px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}
body{margin:0;min-width:320px}
button,input{font:inherit}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:4px}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-170%);z-index:30;background:var(--ink);color:var(--paper);padding:10px 12px;border-radius:var(--radius-sm)}
.skip-link:focus-visible{transform:translateY(0)}
.shell{max-width:1120px;margin:0 auto;padding:20px 24px 80px}
.topbar{min-height:48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line);max-width:1120px;width:100%;margin:0 auto;padding:0 24px}
.brand-lockup{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;color:var(--muted);text-decoration:none;font-weight:700;letter-spacing:-.02em;font-size:.86rem;border-radius:var(--radius-sm);padding:10px 4px;margin:-10px -4px}
.brand-mark{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:var(--radius-sm);margin-right:8px;background:#14171F;color:#FF6B47;font-size:.8rem;border:1px solid rgba(255,255,255,.14)}
.brand-divider{width:1px;height:18px;background:var(--line)}
.brand-product{font-family:'Space Grotesk','Hanken Grotesk',sans-serif;color:var(--text-strong);text-decoration:none;font-weight:700;letter-spacing:-.02em;font-size:1.1rem}
.kicker{margin:0 0 12px;color:var(--coral);letter-spacing:.13em;font-weight:800;font-size:.7rem}
.hero{max-width:720px;padding:74px 0 38px}
.hero h1{margin:0;font-family:'Space Grotesk','Hanken Grotesk',sans-serif;letter-spacing:-.03em;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.05;color:var(--text-strong)}
.hero>p:last-child{max-width:570px;margin:20px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.6}
.workspace-card,.results{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:0 20px 55px #2230510d}
.results{margin-top:28px;padding:28px}
@media(max-width:760px){.hero{padding:56px 0 30px}.hero h1{font-size:clamp(2.2rem,10vw,3rem)}.results{padding:20px}}
.button{min-height:44px;padding:0 14px;border:1px solid var(--coral);border-radius:var(--radius-md);background:var(--coral);color:var(--on-coral);font-weight:700;font-size:.84rem;cursor:pointer;transition:transform .15s,background .15s}
.button:hover{background:var(--coral-dark)}
.button:active{transform:translateY(1px)}
.button.secondary,.button.ghost{border-color:var(--line);background:var(--surface);color:var(--text)}
.button.secondary:hover,.button.ghost:hover{background:var(--surface-muted)}
.lang-switch{display:flex;gap:2px;background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-sm);padding:2px}
.lang-switch a{padding:8px 12px;border-radius:var(--radius-sm);font-size:.76rem;font-weight:700;color:var(--muted);text-decoration:none}
.lang-switch a[aria-current="page"]{background:var(--surface);color:var(--text-strong);box-shadow:0 1px 2px #2230510d}
.site-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:60px;padding:24px 24px 60px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;max-width:1120px;width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto}
.site-footer nav{display:flex;gap:18px}
.site-footer a{color:var(--muted);text-decoration:none}
.site-footer a:hover{color:var(--coral-dark)}
@media(max-width:760px){.shell{padding:14px 16px 50px}.topbar{padding:0 16px}.site-footer{padding:24px 16px 40px}}
@media(max-width:600px){.site-footer{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}