:root{--bg:#fafafa;--surface:#fff;--ink:#0a0a0a;--ink-soft:#1f1f1f;--muted:#525252;--muted-2:#737373;--rule:#e5e5e5;--rule-soft:#f0f0f0;--accent:#3730a3;--accent-ink:#fff;--accent-soft:#eef2ff;--accent-soft-2:#e0e7ff;--radius:16px;--radius-sm:10px;--shadow-tile:0 1px 2px #0a0a0a0a, 0 1px 1px #0a0a0a05;--shadow-lift:0 12px 32px #0a0a0a14, 0 2px 6px #0a0a0a0a;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--container:1200px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;font-weight:400;line-height:1.55}img,svg{max-width:100%;display:block}a{color:var(--accent);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--ink);margin:0;font-weight:600}p{margin:0}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.topbar{z-index:20;-webkit-backdrop-filter:saturate(140%)blur(12px);border-bottom:1px solid var(--rule);background:#fafafad9;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);font-family:var(--font-mono);border-radius:6px;place-items:center;font-size:12px;font-weight:600;display:inline-grid}.brand-name{font-size:15px}.brand-dim{color:var(--muted);font-weight:400}.top-nav{gap:20px;font-size:14px;display:flex}.top-nav a{color:var(--muted)}.top-nav a:hover{color:var(--ink);text-decoration:none}.top-cta{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.top-cta:hover{background:var(--accent);text-decoration:none}@media (width<=640px){.top-nav{display:none}}.hero{padding:36px 0 48px}.eyebrow{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(160px,auto);gap:16px;display:grid}.tile{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-tile);flex-direction:column;gap:14px;min-width:0;padding:28px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex}.tile:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.tile-hero{background:radial-gradient(1000px 400px at 0% 0%, var(--accent-soft) 0%, transparent 60%), var(--surface);grid-area:span 2/span 2;gap:20px;padding:40px}.tile-hero h1{letter-spacing:-.03em;max-width:18ch;font-size:clamp(32px,4vw,52px);font-weight:600;line-height:1.05}.tile-hero .lede{color:var(--muted);max-width:56ch;font-size:clamp(16px,1.2vw,18px)}.tile-hero .cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.btn{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:500;line-height:1;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 20px #3730a338}.btn-primary:hover{background:#2e2898;box-shadow:0 10px 24px #3730a34d}.btn-ghost{color:var(--ink);border-color:var(--rule);background:0 0}.btn-ghost:hover{border-color:var(--ink)}.arrow{transition:transform .18s;display:inline-block}.btn:hover .arrow{transform:translate(2px)}.tile-foundations{background:var(--ink);color:#e5e5e5;border-color:var(--ink)}.tile-foundations:hover{box-shadow:0 12px 32px #00000040}.tile-foundations h2{color:#fff;letter-spacing:-.02em;font-size:22px}.tile-foundations ol{counter-reset:foundation;gap:10px;margin:0;padding:0;list-style:none;display:grid}.tile-foundations li{counter-increment:foundation;color:#d4d4d4;grid-template-columns:24px 1fr;gap:10px;font-size:14px;display:grid}.tile-foundations li:before{content:counter(foundation);font-family:var(--font-mono);color:#a5b4fc;background:#6366f12e;border-radius:6px;place-items:center;width:22px;height:22px;font-size:11px;line-height:1;display:grid}.tile-foundations .stack-art{opacity:.85;margin-top:auto}.tile-proof{background:var(--accent-soft);border-color:var(--accent-soft-2)}.tile-proof .badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px}.tile-proof p{color:var(--ink);letter-spacing:-.01em;font-size:17px;line-height:1.4}.tile-proof cite{color:var(--muted);margin-top:auto;font-size:13px;font-style:normal;display:block}.tile-services h3{font-size:14px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500}.services-list{gap:0;display:grid}.service-row{border-bottom:1px solid var(--rule-soft);letter-spacing:-.01em;justify-content:space-between;align-items:center;padding:10px 0;font-size:17px;display:flex}.service-row:last-child{border-bottom:0}.service-row.is-current{color:var(--accent);font-weight:600}.service-row .tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 8px;font-size:11px}.service-row .dim{color:var(--muted);font-size:13px}@media (width<=960px){.bento{grid-template-columns:repeat(2,1fr)}.tile-hero{grid-area:span 1/span 2;padding:32px}}@media (width<=640px){.bento{grid-template-columns:1fr}.tile,.tile-hero{grid-area:auto;padding:24px}.tile-hero h1{font-size:32px}}section{padding:72px 0}section+section{padding-top:0}.section-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:28px;padding-bottom:18px;display:flex}.section-head h2{letter-spacing:-.02em;font-size:clamp(24px,2.4vw,32px)}.section-head .label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:12px}.engagement{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.step{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);flex-direction:column;gap:10px;padding:22px;transition:transform .22s,box-shadow .22s;display:flex}.step:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.step .num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.step h3{letter-spacing:-.01em;font-size:17px}.step p{color:var(--muted);font-size:14px;line-height:1.55}@media (width<=880px){.engagement{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.engagement{grid-template-columns:1fr}}.fit{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fit-col{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:28px}.fit-col h3{letter-spacing:-.01em;margin-bottom:14px;font-size:18px}.fit-col.yes h3{color:var(--accent)}.fit-col.no h3{color:#b91c1c}.fit-col ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.fit-col li{color:var(--ink-soft);grid-template-columns:18px 1fr;gap:10px;font-size:15px;line-height:1.5;display:grid}.fit-col li:before{font-family:var(--font-mono);font-size:14px;line-height:1.4}.fit-col.yes li:before{content:"+";color:var(--accent)}.fit-col.no li:before{content:"−";color:#b91c1c}@media (width<=720px){.fit{grid-template-columns:1fr}}.proof{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.proof-item{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);flex-direction:column;gap:8px;padding:22px;transition:transform .22s,box-shadow .22s;display:flex}.proof-item:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.proof-item .kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.proof-item h3{letter-spacing:-.01em;font-size:16px}.proof-item p{color:var(--muted);font-size:13px;line-height:1.5}.proof-item a.more{margin-top:auto;font-size:13px}@media (width<=960px){.proof{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.proof{grid-template-columns:1fr}}.curiosity{background:var(--ink);color:#d4d4d4;border-radius:24px;grid-template-columns:1.1fr 1fr;align-items:start;gap:36px;padding:48px;display:grid}.curiosity h2{color:#fff;max-width:20ch;font-size:clamp(24px,2.4vw,30px)}.curiosity p,.curiosity li{color:#d4d4d4;font-size:15px;line-height:1.55}.curiosity a{color:#a5b4fc}.curiosity a:hover{color:#c7d2fe}.curiosity .lead{max-width:48ch}.curiosity-list{gap:14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.curiosity-list li{border-top:1px solid #ffffff14;padding-top:14px}.curiosity-list strong{color:#fff;letter-spacing:-.01em;font-weight:600}.curiosity-list em{color:#a5b4fc;font-style:normal;font-family:var(--font-mono);font-size:13px}.yt-card{background:#171717;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:14px;padding:22px;display:flex}.yt-card .yt-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc;font-size:11px}.yt-card h3{color:#fff;letter-spacing:-.01em;font-size:20px}.yt-videos{gap:10px;margin:0;padding:0;list-style:none;display:grid}.yt-videos li{color:#d4d4d4;grid-template-columns:14px 1fr;gap:10px;font-size:14px;display:grid}.yt-videos li:before{content:"▸";color:#a5b4fc;font-size:12px;line-height:1.55}.yt-cta{color:#c7d2fe;background:#a5b4fc1f;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:4px;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex}.yt-cta:hover{color:#e0e7ff;background:#a5b4fc33;text-decoration:none}@media (width<=880px){.curiosity{grid-template-columns:1fr;padding:32px}}.faq{gap:10px;max-width:820px;display:grid}.faq details{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:16px 20px;transition:border-color .18s}.faq details[open]{border-color:var(--accent)}.faq summary{cursor:pointer;letter-spacing:-.01em;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;font-size:16px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--muted);font-size:18px;transition:transform .18s}.faq details[open] summary:after{content:"−";color:var(--accent)}.faq details p{color:var(--muted);margin-top:10px;font-size:14.5px;line-height:1.6}.cta-repeat{text-align:center;background:var(--surface);border:1px solid var(--rule);border-radius:24px;place-items:center;gap:18px;padding:72px 24px;display:grid}.cta-repeat h2{letter-spacing:-.03em;max-width:22ch;font-size:clamp(28px,3vw,40px)}.cta-repeat p{color:var(--muted);max-width:52ch}.cta-repeat .btn{padding:16px 26px;font-size:16px}.cta-mono{font-family:var(--font-mono);color:var(--muted);font-size:13px}.cta-mono a{color:var(--ink)}footer{border-top:1px solid var(--rule);margin-top:56px;padding:32px 0 48px}.foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;font-size:14px;display:flex}.foot-links{flex-wrap:wrap;gap:18px;display:flex}.foot-links a{color:var(--muted)}.foot-links a:hover{color:var(--ink);text-decoration:none}.foot .legal{gap:16px;display:flex}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(8px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.tile:hover,.step:hover,.proof-item:hover{transform:none}.arrow{transition:none}}.legal-page{max-width:760px;margin:0 auto;padding:48px 24px 72px}.legal-page h1{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(28px,3vw,36px)}.legal-page h2{letter-spacing:-.01em;margin-top:32px;margin-bottom:8px;font-size:18px}.legal-page h3{color:var(--ink-soft);margin-top:18px;margin-bottom:6px;font-size:15px}.legal-page p,.legal-page address{color:var(--muted);margin:0 0 12px;font-size:15px;font-style:normal;line-height:1.65}.legal-page a{color:var(--accent)}.legal-page .back{font-family:var(--font-mono);color:var(--muted);margin-bottom:24px;font-size:13px;display:inline-block}.legal-page .back:hover{color:var(--ink);text-decoration:none}
