:root { --ink:#102927; --muted:#536866; --teal:#14877d; --mint:#e6f4f1; --line:#d6e3e0; --paper:#fbfdfc; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; }
.shell { width:min(1120px,calc(100% - 40px)); margin-inline:auto; }
.nav { height:84px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:10px; font-size:20px; font-weight:720; text-decoration:none; letter-spacing:-.02em; }
.brand span { display:grid; place-items:center; width:35px; height:35px; border-radius:11px; color:white; background:var(--teal); }
.nav-links, footer div:last-child { display:flex; gap:26px; }
.nav-links a, footer a { color:var(--muted); text-decoration:none; font-weight:560; }
.nav-links a:hover, footer a:hover { color:var(--teal); }
.hero { position:relative; padding:92px 0 110px; min-height:760px; }
.eyebrow { color:var(--teal); font-size:13px; font-weight:760; letter-spacing:.15em; }
h1 { max-width:760px; margin:20px 0 26px; font-size:clamp(54px,8vw,92px); line-height:.96; letter-spacing:-.065em; }
.lede { max-width:630px; margin:0; color:var(--muted); font-size:22px; line-height:1.55; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }
.button { padding:14px 20px; border-radius:14px; text-decoration:none; font-weight:680; }
.button.primary { color:white; background:var(--teal); }
.button.secondary { border:1px solid var(--line); background:white; }
.document-card { position:absolute; right:0; bottom:20px; width:380px; padding:14px; border:1px solid var(--line); border-radius:28px; background:#f0f4f3; box-shadow:0 28px 70px rgba(16,41,39,.15); transform:rotate(3deg); }
.document-toolbar { display:flex; align-items:center; gap:7px; height:42px; padding:0 6px; font-size:12px; color:var(--muted); }
.document-toolbar i { width:9px; height:9px; border-radius:50%; background:#aec0bd; }
.document-toolbar span { margin-left:auto; margin-right:auto; font-weight:650; }
.paper { position:relative; height:430px; padding:62px 42px; overflow:hidden; background:#fffdf6; box-shadow:0 6px 25px rgba(16,41,39,.08); }
.paper b { position:absolute; top:155px; left:55px; color:rgba(20,135,125,.13); font-size:36px; transform:rotate(-24deg); }
.paper i { display:block; width:100%; height:7px; margin:0 0 24px; background:#a7afab; }
.paper i:nth-of-type(2),.paper i:nth-of-type(4) { width:72%; }
.paper em { display:block; width:67%; height:18px; margin-top:70px; background:#202b2a; }
.tool-row { display:flex; justify-content:space-between; padding:20px 12px 8px; color:#788987; font-size:12px; }
.tool-row .active { color:var(--teal); font-weight:700; }
.features { padding:110px 0; border-top:1px solid var(--line); }
h2 { margin:14px 0 0; font-size:clamp(38px,5vw,58px); line-height:1; letter-spacing:-.045em; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:54px; }
.feature-grid article { min-height:270px; padding:30px; border:1px solid var(--line); border-radius:22px; background:white; }
.feature-grid article span { color:var(--teal); font-size:13px; font-weight:760; }
h3 { margin:62px 0 13px; font-size:24px; letter-spacing:-.025em; }
.feature-grid p,.support p { color:var(--muted); line-height:1.65; }
.support { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:center; padding:110px 0; border-top:1px solid var(--line); }
.support-card { padding:34px; border-radius:22px; background:var(--mint); }
.support-card p { margin:0 0 6px; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
.support-card a { display:block; margin-bottom:18px; font-size:22px; font-weight:700; text-decoration:none; }
.support-card small { color:var(--muted); line-height:1.45; }
footer { display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:24px; align-items:center; padding:42px 0 54px; border-top:1px solid var(--line); font-size:13px; }
footer p { color:var(--muted); text-align:center; }
footer div:last-child { justify-content:flex-end; }
.legal { width:min(820px,calc(100% - 40px)); margin:0 auto; padding:40px 0 100px; }
.legal header { margin:50px 0 64px; }
.legal h1 { font-size:clamp(48px,7vw,76px); }
.legal .updated { color:var(--muted); }
.legal section { margin:42px 0; }
.legal h2 { font-size:25px; letter-spacing:-.025em; }
.legal p,.legal li { color:var(--muted); font-size:17px; line-height:1.75; }
.legal li+li { margin-top:10px; }
.legal .back { text-decoration:none; color:var(--teal); font-weight:700; }
@media(max-width:900px) { .hero{padding-top:60px;min-height:auto}.document-card{position:relative;right:auto;bottom:auto;width:min(390px,100%);margin:70px auto 0}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto}.support{grid-template-columns:1fr;gap:34px}footer{grid-template-columns:1fr;text-align:center}footer .brand,footer div:last-child{justify-content:center}footer p{text-align:center} }
@media(max-width:560px) { .shell{width:min(calc(100% - 28px),1120px)}.nav-links a:first-child{display:none}.hero{padding-top:45px}h1{font-size:clamp(42px,14vw,56px);letter-spacing:-.05em}.lede{font-size:18px}.document-card{transform:none}.paper{height:350px;padding-inline:30px}.support{padding:80px 0}.support-card{padding:26px}.support-card a{font-size:18px;overflow-wrap:anywhere}footer div:last-child{gap:18px} }
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }