:root { --ink:#17211d; --muted:#64716b; --paper:#f3f1ea; --lime:#d5f36b; --orange:#ff794d; --line:rgba(23,33,29,.16); --mono:'DM Mono', monospace; --sans:'Manrope', sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); overflow-x:hidden; }
.grain { position:fixed; inset:0; pointer-events:none; opacity:.045; z-index:10; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); }
a { color:inherit; text-decoration:none; }
.section-wrap { width:min(1180px, calc(100% - 64px)); margin:0 auto; }
.site-header { width:min(1320px, calc(100% - 64px)); margin:auto; height:88px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.brand, .footer-brand { display:flex; align-items:center; gap:11px; font-weight:800; letter-spacing:-.04em; font-size:15px; }.brand em { font-style:normal; color:var(--orange); }.brand-mark { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--ink); color:var(--lime); font:500 10px var(--mono); letter-spacing:-.1em; }
.nav-links { display:flex; align-items:center; gap:30px; color:var(--muted); font-size:12px; font-weight:700; }.nav-links a:hover { color:var(--ink); }.nav-cta { color:var(--ink); border:1px solid var(--line); padding:12px 16px; border-radius:100px; }.nav-cta span, .button span { color:var(--orange); margin-left:10px; }
.hero { min-height:625px; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:60px; padding:74px 0 82px; }.eyebrow, .mini-label, .example-index, .form-required { color:var(--orange); text-transform:uppercase; letter-spacing:.13em; font:500 10px var(--mono); }.eyebrow { display:flex; gap:9px; align-items:center; }.pulse { width:7px; height:7px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(255,121,77,.12); }.hero h1, h2 { font-size:clamp(48px, 7vw, 91px); line-height:.92; letter-spacing:-.09em; margin:24px 0 28px; font-weight:800; }.hero h1 i, h2 i { font-style:normal; color:var(--orange); }.hero-lede { max-width:455px; color:var(--muted); font-size:16px; line-height:1.7; }.hero-actions { display:flex; align-items:center; gap:26px; margin:35px 0 48px; }.button { display:inline-flex; align-items:center; border:0; cursor:pointer; font:700 12px var(--sans); border-radius:100px; padding:16px 21px; transition:transform .2s, box-shadow .2s; }.button:hover { transform:translateY(-2px); box-shadow:0 9px 20px rgba(23,33,29,.12); }.button-primary { background:var(--ink); color:var(--paper); }.button-primary span { color:var(--lime); }.text-link { font-size:12px; font-weight:700; border-bottom:1px solid var(--ink); padding-bottom:5px; }.text-link span { color:var(--orange); margin-left:9px; }.trust-line { color:var(--muted); font:10px var(--mono); text-transform:uppercase; letter-spacing:.08em; }.trust-line strong { color:var(--ink); font-weight:500; }.dot { padding:0 8px; color:var(--orange); }
.hero-art { min-height:430px; position:relative; display:grid; place-items:center; }.orbit { position:absolute; border:1px solid var(--line); border-radius:50%; }.orbit-a { width:440px; height:300px; transform:rotate(22deg); }.orbit-b { width:390px; height:390px; border-color:rgba(255,121,77,.25); transform:rotate(-25deg); }.brief-card { width:min(390px, 84%); padding:26px 27px 20px; background:#242f2a; color:#e7eadf; border-radius:2px; box-shadow:25px 25px 0 rgba(213,243,107,.8); transform:rotate(-3deg); position:relative; z-index:1; }.card-top, .brief-meta, .card-footer, .source-row { display:flex; justify-content:space-between; align-items:center; }.card-top { color:#95a59c; font:10px var(--mono); }.status-dot { color:var(--lime); }.brief-title { font-size:27px; line-height:1.04; letter-spacing:-.07em; font-weight:700; margin:43px 0 22px; }.brief-title span { color:var(--lime); }.brief-meta { color:#9eaca4; font:10px var(--mono); }.progress { height:3px; background:#44514a; margin:19px 0 17px; }.progress span { display:block; width:73%; height:100%; background:var(--lime); }.source-row { justify-content:flex-start; gap:10px; color:#cbd3cb; border-top:1px solid #405049; padding:13px 0; font-size:11px; }.source-icon { color:var(--orange); font-size:18px; }.verified { margin-left:auto; color:var(--lime); }.card-footer { border-top:1px solid #405049; padding-top:17px; margin-top:16px; color:#84938a; font:9px var(--mono); }.floating-note { position:absolute; z-index:2; padding:10px 13px; background:var(--lime); color:var(--ink); font:10px var(--mono); box-shadow:6px 6px 0 var(--orange); }.note-top { top:62px; right:8px; }.note-bottom { bottom:58px; left:8px; background:var(--paper); box-shadow:6px 6px 0 var(--ink); }.note-line { display:inline-block; width:23px; height:1px; margin-right:7px; background:var(--ink); vertical-align:middle; }.check { color:var(--orange); margin-left:8px; }
.signal-strip { background:var(--lime); border-block:1px solid var(--ink); }.strip-inner { min-height:82px; display:flex; align-items:center; gap:28px; text-transform:uppercase; letter-spacing:.07em; font:10px var(--mono); }.strip-arrow { font-size:20px; color:var(--orange); }.strip-inner strong { font-size:12px; letter-spacing:.01em; }.strip-number { margin-left:auto; }
.method { padding:130px 0 140px; }.section-heading h2 { font-size:clamp(43px,6vw,72px); margin:18px 0 58px; }.method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }.method-card { min-height:310px; background:var(--paper); padding:29px; position:relative; }.method-card.featured { background:var(--orange); color:var(--ink); }.method-number { font:11px var(--mono); color:var(--muted); }.featured .method-number { color:#74321f; }.method-card h3 { font-size:24px; letter-spacing:-.06em; margin:75px 0 13px; }.method-card p { color:var(--muted); line-height:1.6; font-size:13px; max-width:270px; }.featured p { color:#603a2d; }.method-tag { position:absolute; bottom:27px; left:29px; font:10px var(--mono); color:var(--muted); }.featured .method-tag { color:#693523; }
.examples { padding:0 0 140px; }.section-heading.split { display:flex; align-items:end; justify-content:space-between; gap:40px; }.section-aside { max-width:260px; color:var(--muted); font-size:13px; line-height:1.6; margin-bottom:63px; }.example-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.example-card { min-height:370px; padding:28px; background:#dce4d6; display:flex; flex-direction:column; }.example-card.dark { background:var(--ink); color:var(--paper); }.example-card.warm { background:#f4cda0; }.example-card h3 { font-size:31px; line-height:1.02; letter-spacing:-.08em; margin:63px 0 18px; }.example-card p { max-width:260px; color:var(--muted); line-height:1.6; font-size:13px; }.dark p { color:#aab7af; }.example-footer { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:22px; border-top:1px solid var(--line); font:10px var(--mono); }.example-button { border:0; background:transparent; color:inherit; cursor:pointer; font:500 10px var(--mono); border-bottom:1px solid currentColor; padding:0 0 4px; }
.request { background:var(--ink); color:var(--paper); display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; padding:80px 75px; margin-bottom:110px; }.request h2 { font-size:clamp(45px,5vw,66px); }.request-intro > p:not(.eyebrow) { color:#aebbb2; line-height:1.7; font-size:14px; max-width:360px; }.request-note { display:flex; gap:12px; align-items:center; color:#b4c0b8; font:10px var(--mono); margin-top:42px; max-width:330px; }.note-symbol { color:var(--lime); font-size:24px; }.pilot-form { background:#eef0e7; color:var(--ink); padding:30px; }.form-head { display:flex; justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:18px; margin-bottom:26px; }.form-required { color:var(--muted); font-size:9px; }.pilot-form label { display:block; font-size:11px; font-weight:700; margin-bottom:20px; }.pilot-form input:not([type=checkbox]), .pilot-form select, .pilot-form textarea { display:block; width:100%; border:0; border-bottom:1px solid #b7c0b8; background:transparent; padding:12px 0; color:var(--ink); outline:0; font:13px var(--sans); resize:vertical; }.pilot-form input:focus, .pilot-form textarea:focus, .pilot-form select:focus { border-color:var(--orange); }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:24px; }.consent { display:flex!important; gap:10px; align-items:flex-start; font-weight:500!important; line-height:1.4; color:var(--muted); }.consent input { margin-top:2px; accent-color:var(--orange); }.submit-button { width:100%; justify-content:center; }.form-message { display:none; font:11px var(--mono); line-height:1.5; margin:18px 0 0; }.form-message.success { display:block; color:#357242; }.form-message.error { display:block; color:#b44f33; }
.site-footer { border-top:1px solid var(--line); height:100px; display:flex; align-items:center; gap:28px; font-size:12px; }.site-footer p { color:var(--muted); }.footer-code { margin-left:auto; font:10px var(--mono); color:var(--orange); }
.example-dialog { border:0; padding:38px; width:min(560px, calc(100% - 36px)); background:var(--ink); color:var(--paper); box-shadow:16px 16px 0 var(--orange); }.example-dialog::backdrop { background:rgba(23,33,29,.72); }.dialog-close { position:absolute; top:14px; right:18px; background:transparent; border:0; color:var(--paper); font-size:28px; cursor:pointer; }.example-dialog h2 { font-size:43px; margin:21px 0; }.example-dialog > p:not(.eyebrow) { color:#b9c5bd; font-size:14px; line-height:1.7; }.dialog-list { border-block:1px solid #46534c; margin:25px 0; padding:7px 0; }.dialog-list div { padding:13px 0; font:11px var(--mono); color:#d7e1d9; }.dialog-list div::before { content:'→'; color:var(--lime); margin-right:10px; }
.reveal { opacity:0; transform:translateY(18px); animation:rise .75s cubic-bezier(.2,.75,.25,1) forwards; }.delay-1 { animation-delay:.12s; }.delay-2 { animation-delay:.22s; }.delay-3 { animation-delay:.32s; } @keyframes rise { to { opacity:1; transform:translateY(0); } }
@media (max-width:800px) { .section-wrap,.site-header { width:calc(100% - 36px); }.nav-links a:not(.nav-cta) { display:none; }.hero { grid-template-columns:1fr; padding:58px 0 75px; gap:50px; }.hero h1 { font-size:58px; }.hero-art { min-height:380px; }.method { padding:90px 0; }.method-grid,.example-grid,.request { grid-template-columns:1fr; }.method-card { min-height:260px; }.method-card h3 { margin-top:55px; }.section-heading.split { display:block; }.section-aside { margin-bottom:35px; }.request { padding:46px 25px; gap:45px; margin-bottom:65px; }.form-row { grid-template-columns:1fr; gap:0; }.site-footer { height:auto; padding:25px 0; flex-wrap:wrap; gap:12px; }.footer-code { margin-left:0; width:100%; }.strip-inner { gap:12px; flex-wrap:wrap; padding:22px 0; }.strip-inner strong { width:100%; }.strip-number { margin-left:auto; }.brief-card { box-shadow:14px 14px 0 rgba(213,243,107,.8); }.note-top { right:0; }.note-bottom { left:0; } }