:root{--paper: #f2ecd9;--linen: #e4dbc1;--ink: #17201c;--muted: #3f4c46;--moss: #315b48;--orange: #9f331f;--night: #101b24;--mist: #9fc9bd;--rule: #a79f88;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}a{color:inherit}button,a{touch-action:manipulation}.skip{position:fixed;top:-80px;left:16px;z-index:20;background:#fff;padding:12px 16px}.skip:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}.nav{height:80px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 19px ui-monospace,monospace}.logo svg{fill:none;stroke:var(--moss);stroke-width:1.7}.nav nav,.nav nav a{display:flex;align-items:center}.nav nav{gap:32px}.nav nav a{text-decoration:none;min-height:44px;font-weight:650;font-size:14px}.nav nav a:hover{color:var(--orange)}.hero{max-width:1240px;margin:auto;min-height:680px;display:grid;grid-template-columns:49% 51%;align-items:center}.hero-copy{padding:70px 40px 70px 0;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.17em;text-transform:uppercase;color:var(--orange);margin:0 0 12px}h1,h2,h3{font-family:Georgia,Charter,serif;line-height:1.03;font-weight:500}h1{font-size:clamp(52px,6.2vw,86px);letter-spacing:-.045em;margin:0;max-width:720px}h1 em{font-weight:400;color:var(--moss)}.lede{font-size:20px;line-height:1.55;max-width:570px;color:#3f4d46;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;align-items:center;min-height:50px;padding:0 23px;background:var(--moss);color:#fff;text-decoration:none;font-weight:750;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}.button:hover{transform:translateY(-2px)}.text-link{font-weight:750;text-underline-offset:5px}.hero dl{display:flex;margin:58px 0 0;border-top:1px solid var(--rule);padding-top:18px}.hero dl div{width:33%}.hero dt{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--muted);font-weight:800}.hero dd{margin:4px 0;font:700 14px ui-monospace,monospace}.hero figure{margin:0;position:relative;height:600px;background:var(--night);overflow:hidden;clip-path:polygon(7% 0,100% 0,100% 93%,90% 100%,0 100%,0 8%)}.hero figure:before{content:"";position:absolute;inset:18px;border:1px solid #9fc9bd55;z-index:1;pointer-events:none}.hero img{width:100%;height:100%;object-fit:cover;display:block}.hero figcaption{position:absolute;bottom:22px;left:25px;right:25px;display:flex;align-items:center;color:#fff;font:800 10px ui-monospace,monospace;letter-spacing:.15em}.hero figcaption i{height:1px;flex:1;margin:0 14px;background:var(--orange)}.route{background:var(--night);color:#ecf1ed;padding:100px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.route h2,.console-section h2,.api h2,.install h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.025em;margin:0 0 22px}.route p{color:#b8c5c0;max-width:520px}.mapping{align-self:center;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.mapping code{background:#1c2e36;padding:30px 22px;overflow-wrap:anywhere;border:1px solid #45616b;font-size:14px;color:#bcc9c4}.mapping code strong{color:var(--mist)}.mapping code b{color:#f29a74}.mapping>span{font-size:30px;color:var(--orange)}.console-section{max-width:1240px;margin:auto;padding:120px 0}.section-copy{max-width:680px;margin-bottom:58px}.section-copy>p:last-child,.api>p{font-size:18px;color:var(--muted);max-width:660px}.section-copy code{font-size:15px}.demo{height:570px;background:#f5efdd;border:1px solid #8b8778;box-shadow:14px 18px 0 var(--linen);display:grid;grid-template-columns:240px 1fr;grid-template-rows:60px 1fr;overflow:hidden}.demo-top{grid-column:1/-1;background:var(--night);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-family:ui-monospace,monospace}.demo-top span{font-size:12px;color:#ccd7d3}.demo-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#71cf96;margin-right:7px}.demo aside{background:#15242d;color:#fff;padding:25px 15px}.demo small{color:var(--orange);font-size:9px;font-weight:850;letter-spacing:.15em}.demo aside strong{display:block;font:500 25px Georgia,serif;margin:5px 8px 24px}.demo button{width:100%;height:46px;border:0;background:transparent;color:#ccd6d2;text-align:left;padding:0 10px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.demo button.selected{border-left:3px solid var(--orange);background:#283c44;color:#fff}.demo button span{font-size:11px}.demo-main{padding:36px}.demo-main h3{font-size:34px;margin:4px 0}.demo-main>code{display:block;color:var(--muted);margin-bottom:35px}.demo-row{display:grid;grid-template-columns:1fr auto;padding:21px 14px;border-top:1px solid var(--linen);font:14px ui-monospace,monospace}.demo-row:first-of-type{border-top:2px solid var(--ink)}.demo-row span{color:var(--muted)}.api{padding:110px max(24px,calc((100vw - 1240px)/2));background:#ddd3b7}.api ul{list-style:none;margin:60px 0 45px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.api li{border-top:2px solid var(--ink);padding-top:18px}.api li>span{font:700 12px ui-monospace,monospace;color:var(--orange)}.api li>b{font:500 27px Georgia,serif;display:block;margin:18px 0 8px}.api li p{color:var(--muted)}.honest{border-left:5px solid var(--orange);padding-left:20px}.install{max-width:1240px;margin:auto;padding:120px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.install>div>p:last-child{color:var(--muted);font-size:18px}.terminal{background:var(--night);color:#e9eeeb;box-shadow:14px 18px 0 var(--linen);position:relative}.terminal>div{height:45px;border-bottom:1px solid #38515b;padding:0 16px;display:flex;align-items:center;gap:7px}.terminal>div span{width:8px;height:8px;border-radius:50%;background:var(--orange)}.terminal>div span:nth-child(2){background:#d6a24d}.terminal>div span:nth-child(3){background:var(--mist)}.terminal>div b{margin-left:auto;font:10px ui-monospace,monospace;color:#9bafaa}.terminal pre{margin:0;padding:28px 26px 70px;overflow:auto;font-size:14px;line-height:1.8}.terminal code i{color:var(--orange);font-style:normal}.terminal code span{color:var(--mist)}.terminal button{position:absolute;bottom:16px;right:16px;min-height:44px;border:1px solid #65808a;background:transparent;color:#fff;padding:0 14px;font-weight:750;cursor:pointer}footer{background:var(--night);color:#fff;min-height:120px;padding:28px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:32px}footer .logo svg{stroke:var(--mist)}footer p{color:#aebeba;margin-right:auto}footer nav{display:flex;gap:24px}footer nav a{min-height:44px;display:flex;align-items:center;color:#cfdbd7}.toast{position:fixed;right:20px;bottom:20px;background:var(--moss);color:#fff;padding:13px 18px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.legal{max-width:760px;margin:0 auto;padding:90px 24px 130px}.legal h1{font-size:58px}.legal h2{font-size:30px;margin-top:48px}.legal p,.legal li{color:#445149}.legal-nav{padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:max(24px,calc((100vw - 1240px)/2))}@media(max-width:800px){.nav{height:68px;padding:0 16px}.nav nav a:not(:last-child){display:none}.hero{display:block}.hero-copy{padding:64px 20px 48px}.hero figure{height:390px;clip-path:polygon(0 0,100% 0,100% 92%,90% 100%,0 100%)}.hero dl{margin-top:42px}.route{grid-template-columns:1fr;padding:78px 20px;gap:40px}.mapping{display:block}.mapping>span{display:block;text-align:center;transform:rotate(90deg);margin:10px}.console-section{padding:80px 20px}.demo{height:470px;grid-template-columns:1fr}.demo aside{display:none}.demo-main{padding:24px 16px}.api{padding:80px 20px}.api ul{grid-template-columns:1fr;gap:26px}.install{padding:80px 20px;grid-template-columns:1fr;gap:35px}.terminal pre{font-size:12px}footer{display:block;padding:36px 20px}footer p{margin:20px 0}footer nav{flex-wrap:wrap}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}}@media(prefers-reduced-motion:no-preference){.hero-copy{animation:settle-left .55s ease-out}.hero figure{animation:settle-right .55s ease-out}.demo-row{animation:row .35s backwards}.demo-row:nth-child(5){animation-delay:.08s}.demo-row:nth-child(6){animation-delay:.16s}@keyframes settle-left{0%{transform:translate(-14px)}}@keyframes settle-right{0%{transform:translate(14px)}}@keyframes row{0%{transform:translateY(8px)}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}