@font-face{font-family:Figtree;src:url('assets/Figtree-Variable.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/Nunito-Variable.woff2') format('woff2');font-style:normal;font-weight:200 1000;font-display:swap}
:root{--cream:#faf7f2;--charcoal:#1e1e1e;--coral:#ff7b7b;--muted:#645e57;--line:#d9d2c9;--accent-ink:#b4384a;color-scheme:light;font-family:Figtree,system-ui,sans-serif;color:var(--charcoal);background:var(--cream);scroll-behavior:smooth;scrollbar-color:var(--muted) var(--cream)}
*{box-sizing:border-box}
body{margin:0;font-size:18px;line-height:1.6}
::selection{background:var(--coral);color:var(--charcoal)}
a{color:inherit;text-underline-offset:5px}
a:focus-visible{outline:3px solid var(--accent-ink);outline-offset:6px}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.skip-link{position:absolute;z-index:2;left:24px;top:0;transform:translateY(-150%);background:var(--charcoal);color:var(--cream);padding:12px 20px}
.skip-link:focus{transform:translateY(0)}
.site-header{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;flex:none}
.brand img{display:block;width:160px;height:auto}
nav{display:flex;align-items:center;gap:40px;font-size:16px;font-weight:600}
nav a{text-decoration:none;padding-block:12px}
nav a:hover{color:var(--accent-ink)}
.nav-status{display:flex;gap:10px;align-items:center}
.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;padding-block:90px 104px}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:Nunito,system-ui,sans-serif;font-weight:900;text-wrap:balance}
h1{font-size:clamp(64px,7.2vw,96px);line-height:1.02;letter-spacing:-.035em}
h1 span{color:var(--accent-ink)}
.hero-intro{font-size:24px;line-height:1.35;font-weight:600;margin-top:30px}
.hero-detail{max-width:47ch;color:var(--muted);margin-top:20px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--coral);padding:16px 22px;border-radius:7px;font-size:17px;font-weight:650;text-decoration:none;margin-top:30px;transition:background 140ms ease}
.button:hover{background:#f46b6b}
.button:active{background:#e85e5e}
.release-note{font-size:14px;color:var(--muted);margin-top:16px}
.hero-art{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--charcoal);border-radius:48% 48% 16px 16px;padding:48px 32px 36px}
.hero-art img{display:block;width:min(290px,100%);height:auto}
.hero-art p{font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:27px;line-height:1.2;color:var(--cream);text-align:center;margin-top:25px}
.workspace{background:var(--charcoal);color:var(--cream);scroll-margin-top:32px}
.workspace-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:90px}
h2{font-size:clamp(34px,4vw,48px);line-height:1.12;letter-spacing:-.025em}
.section-intro>p{color:#c7c0b7;max-width:31ch;margin-top:24px;font-size:20px}
.benefits article{padding-block:28px;border-bottom:1px solid #45413c}
.benefits article:first-child{padding-top:0}
.benefits article:last-child{border:0;padding-bottom:0}
h3{font-size:25px;line-height:1.25;font-weight:800;color:var(--coral)}
.benefits p{margin-top:12px;color:#c7c0b7;max-width:48ch}
.foundation{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:90px}
.foundation p{color:var(--muted);max-width:48ch}
.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:600;margin-top:20px;text-decoration-thickness:1px}
.text-link:hover{color:var(--accent-ink)}
.release{background:var(--coral);border-radius:16px;padding:56px 64px;display:flex;justify-content:space-between;align-items:center;gap:48px;scroll-margin-top:32px}
.release p{max-width:45ch;margin-top:20px}
.release-label{font-size:20px;font-weight:650;white-space:nowrap;border:1px solid var(--charcoal);padding:12px 22px;border-radius:7px}
.site-footer{padding-block:48px;display:flex;align-items:center;gap:32px;font-size:14px;color:var(--muted)}
.footer-brand img{width:112px}
.site-footer p:last-child{margin-left:auto}
@media(prefers-reduced-motion:no-preference){.hero-art{animation:arrive 650ms cubic-bezier(.16,1,.3,1) both}@keyframes arrive{from{transform:translateY(16px)}to{transform:translateY(0)}}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:40px;padding-block:64px}.hero-art{min-height:420px}.workspace-inner,.foundation{gap:48px}.hero-intro{font-size:22px}.release{padding:40px}.release-label{font-size:18px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{min-height:100px;gap:16px}.brand img{width:128px}nav{gap:20px;font-size:14px}nav>a:first-child{display:none}.hero{grid-template-columns:1fr;padding-block:48px 56px;gap:40px}h1{font-size:clamp(58px,13vw,86px)}.hero-intro{font-size:23px}.hero-detail{max-width:45ch}.hero-art{min-height:0;border-radius:16px;flex-direction:row;gap:24px;padding:32px 24px}.hero-art img{width:35%;max-width:150px}.hero-art p{font-size:25px;text-align:left;margin-top:0}.workspace-inner,.foundation{grid-template-columns:1fr;gap:40px;padding-block:56px}.section-intro>p{max-width:35ch;margin-top:20px}.benefits p{max-width:50ch}.foundation{gap:24px}.release{padding:32px 24px;display:block}.release-label{display:inline-block;margin-top:28px}.site-footer{display:grid;grid-template-columns:auto 1fr;gap:16px;padding-block:32px}.site-footer p:last-child{grid-column:1/-1;margin:0}.footer-brand img{width:100px}}
@media(max-width:360px){.hero-art{gap:16px;padding:24px 16px}.hero-art p{font-size:22px}.button{font-size:16px;gap:12px;padding-inline:16px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{animation:none!important;transition:none!important}}