:root { --ink:#172e31; --paper:#f7f1e7; --cream:#fffaf1; --lime:#d6ef55; --orange:#ed8771; --blue:#a9d5e8; --muted:#5d6d6c; --line:rgba(23,46,49,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:"DM Sans",system-ui,sans-serif; color:var(--ink); background:var(--paper); line-height:1.45; }
:where(a, button):focus-visible { outline:3px solid #a94134; outline-offset:4px; }
.grain { position:fixed; inset:0; pointer-events:none; opacity:.3; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E"); }
.wrap { width:min(1160px, calc(100% - 48px)); margin:0 auto; }
.nav { height:88px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--ink); font-weight:700; font-size:20px; text-decoration:none; letter-spacing:-.7px; }
.brand img { display:block; }
nav { display:flex; gap:30px; margin-left:auto; margin-right:30px; } nav a,.footer a { color:var(--ink); text-decoration:none; font-size:14px; font-weight:500; } nav a:hover,.footer a:hover,.text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:12px; padding:14px 18px; border:1.5px solid var(--ink); background:var(--cream); color:var(--ink); text-decoration:none; font-weight:700; font-size:14px; box-shadow:3px 3px 0 var(--ink); transition:transform .18s,box-shadow .18s; } .button:hover { transform:translate(2px,2px); box-shadow:1px 1px 0 var(--ink); }.button.small { padding:10px 14px; font-size:13px; box-shadow:none; }.button.primary { background:var(--lime); }.button.secondary { background:var(--orange); }
.hero { min-height:610px; display:grid; grid-template-columns:1.04fr .96fr; align-items:center; gap:54px; padding:67px 0 78px; }.eyebrow,.section-label { margin:0 0 18px; font-family:"DM Mono",monospace; font-size:12px; letter-spacing:.08em; font-weight:500; }.eyebrow { display:flex; align-items:center; gap:9px; }.signal { width:9px; height:9px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 4px rgba(237,135,113,.18); }.hero h1,.intro h2,.workflow h2,.principles h2,.closing h2 { font-family:Fraunces,Georgia,serif; letter-spacing:-.06em; line-height:.98; }.hero h1 { max-width:560px; font-size:clamp(58px,7vw,91px); margin:0; }.hero em,.workflow em { color:#a94134; font-style:italic; }.lede { font-size:19px; line-height:1.48; max-width:510px; margin:28px 0; color:#34494a; }.actions { display:flex; align-items:center; gap:26px; }.text-link { color:var(--ink); font-weight:700; font-size:14px; text-decoration:none; }.text-link span { color:#a94134; }.micro-proof { margin-top:34px; color:var(--muted); font-size:13px; }.micro-proof a { color:inherit; }.check { color:#547300; font-weight:bold; }.dot { margin:0 7px; }
.terminal-card { border:1.5px solid var(--ink); box-shadow:9px 9px 0 rgba(23,46,49,.16); background:#143336; color:#e9e3d6; transform:rotate(1.5deg); overflow:hidden; font-family:"DM Mono",monospace; font-size:12px; }.terminal-bar { height:45px; background:#ecdfc8; display:flex; align-items:center; gap:6px; padding:0 13px; color:var(--ink); }.terminal-bar span { width:8px; height:8px; border-radius:99px; background:var(--orange); }.terminal-bar span:nth-child(2){background:#e2bb51}.terminal-bar span:nth-child(3){background:#9abf6d}.terminal-bar p{margin:0 auto;font-size:11px}.terminal-bar b{font-size:10px;background:var(--lime);padding:3px 5px}.code-panel { padding:18px 19px 17px; }.terminal-note { margin:0 0 8px; color:#b8c3bc; font-size:10px; }.code-line { display:flex; gap:15px; padding:7px 0; }.code-line i { font-style:normal; color:#8ba5a6; user-select:none; }.code-line code { white-space:nowrap; }.lint-message { display:flex; gap:10px; margin:5px 0 8px 20px; padding:9px 11px; background:rgba(237,135,113,.16); border-left:2px solid var(--orange); color:#f4c3b9; }.lint-message.soft { background:rgba(214,239,85,.1); border-color:var(--lime); color:#e0efa6; }.issue-icon { color:var(--orange); font-weight:bold; }.soft .issue-icon { color:var(--lime); }.lint-message strong { font-size:10px; letter-spacing:.05em; }.lint-message small { display:block; margin-top:3px; color:#b8c3bc; line-height:1.35; }.terminal-footer { border-top:1px solid rgba(255,255,255,.14); padding:12px 19px; display:flex; justify-content:space-between; color:#97abaa; }.failing { color:#f4c3b9; font-weight:700; }
.marquee { overflow:hidden; background:var(--ink); color:#fff8ea; padding:15px 0; white-space:nowrap; }.marquee div { display:inline-flex; gap:25px; align-items:center; font-family:Fraunces,serif; font-size:20px; animation:scroll 28s linear infinite; }.marquee b { color:var(--lime); font-size:13px; } @keyframes scroll {to {transform:translateX(-40%)}}
.intro { padding:132px 0 82px; }.section-label { color:#586b6a; }.proof .section-label,.closing .section-label { color:var(--ink); }.intro-grid { display:grid; grid-template-columns:1.1fr .7fr; gap:110px; }.intro h2 { margin:0; font-size:clamp(36px,4vw,57px); }.intro-grid div p { margin:6px 0 24px; color:#465958; font-size:17px; }
.capabilities { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; padding-bottom:132px; }.capability { min-height:315px; padding:22px; border:1.5px solid var(--ink); position:relative; }.capability.amber{background:#f5c973}.capability.blue{background:var(--blue)}.capability.pink{background:#f3b1a7}.number{font-family:"DM Mono",monospace;font-size:12px}.cap-icon { width:58px;height:58px; margin:39px 0 31px; display:grid; place-items:center; border:1.5px solid var(--ink); background:var(--cream); font-size:28px; font-family:Fraunces,serif; }.capability h3 { margin:0 0 8px; font-size:22px; letter-spacing:-.6px; }.capability p { margin:0; max-width:280px; color:#334d4d; font-size:14px; }
.workflow { border-top:1.5px solid var(--ink); padding:99px 0 115px; display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; }.workflow h2 { margin:0; font-size:clamp(40px,4.6vw,63px); }.workflow ol { list-style:none; padding:0; margin:0; }.workflow li { display:grid; grid-template-columns:45px 1fr; gap:13px; border-top:1px solid var(--line); padding:20px 0 23px; }.workflow li:last-child{border-bottom:1px solid var(--line)}.workflow li>span { font-family:"DM Mono",monospace; font-size:12px; color:#a94134; }.workflow h3 { margin:0 0 5px; font-size:19px; }.workflow li p { margin:0; color:#526362; font-size:15px; max-width:435px; }
.install { padding:0 0 125px; display:grid; grid-template-columns:1.04fr .96fr; gap:95px; align-items:center; }.install>* { min-width:0; }.install h2,.proof h2 { margin:0 0 18px; font:600 clamp(38px,4.1vw,59px)/1.02 Fraunces,serif; letter-spacing:-.055em; }.install-copy>p:not(.section-label) { max-width:460px; color:#526362; font-size:17px; }.install .agent-nudge { border-left:3px solid var(--orange); padding-left:14px; color:var(--ink); font-size:14px; line-height:1.5; margin-top:25px; }.install-card { border:1.5px solid var(--ink); background:#143336; color:#edf0df; padding:0 25px 26px; box-shadow:6px 6px 0 rgba(23,46,49,.15); }.install-tabs { display:flex; gap:2px; margin:0 -25px 26px; padding:0 14px; background:#ecdfc8; }.install-tab { padding:13px 12px 11px; border:0; border-bottom:3px solid transparent; background:transparent; color:#546160; font:500 12px "DM Mono",monospace; cursor:pointer; }.install-tab.active { border-bottom-color:var(--ink); color:var(--ink); }.terminal-caption { color:#9db1ad; font:11px "DM Mono",monospace; letter-spacing:.06em; text-transform:uppercase; margin:0 0 8px; }.copy-command { display:flex; border:1px solid rgba(255,255,255,.25); background:#0d2527; align-items:stretch; }.copy-command code { padding:15px; flex:1; overflow:auto; white-space:nowrap; font:13px "DM Mono",monospace; }.copy-command code span { color:var(--lime); }.copy-command button { border:0; border-left:1px solid rgba(255,255,255,.25); background:var(--lime); color:var(--ink); padding:0 14px; font:700 12px "DM Sans",sans-serif; cursor:pointer; }.copy-feedback { min-height:18px; margin:7px 0 10px; color:var(--lime); font-size:11px; }.install-card .text-link { color:#edf0df; font-size:12px; }.proof { background:var(--lime); border:1.5px solid var(--ink); padding:62px 6.5% 31px; position:relative; box-shadow:7px 7px 0 var(--ink); }.proof-top { display:grid; grid-template-columns:1.05fr .8fr; gap:75px; align-items:end; margin-bottom:38px; }.proof-top h2 { max-width:540px; margin-bottom:0; }.proof-top>p { margin:0 0 4px; color:#3b5248; font-size:16px; }.evidence-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1.5px solid var(--ink); }.evidence-card { min-height:265px; padding:22px 20px 23px; border-right:1px solid rgba(23,46,49,.38); display:flex; flex-direction:column; }.evidence-card:first-child { padding-left:0; }.evidence-card:last-child { border-right:0; }.evidence-index { color:#597800; font:11px "DM Mono",monospace; letter-spacing:.05em; }.evidence-card h3 { font-size:22px; margin:30px 0 7px; letter-spacing:-.7px; }.evidence-card p { color:#334d43; font-size:14px; margin:0; max-width:260px; }.card-link { display:inline-block; margin-top:auto; color:var(--ink); font-size:12px; font-weight:700; text-underline-offset:4px; }.reference-line { border-top:1px solid rgba(23,46,49,.38); display:flex; flex-wrap:wrap; gap:9px; padding:15px 0 2px; color:#40594c; font-size:12px; }
.principles { padding:145px 0 130px; display:grid; grid-template-columns:.87fr 1.13fr; gap:125px; }.principles h2 { margin:0 0 18px; font-size:clamp(43px,4.5vw,65px); }.principles-copy>p:not(.section-label) { color:#526362; font-size:17px; max-width:410px; margin:0 0 28px; }.principle-list { border-top:1.5px solid var(--ink); }.principle-list>div { display:grid; grid-template-columns:55px 1fr; padding:23px 0; border-bottom:1px solid var(--line); }.principle-list span { color:#a94134; font:12px "DM Mono",monospace; }.principle-list h3 { margin:0 0 6px; font-size:21px; }.principle-list p { margin:0; color:#526362; font-size:15px; }
.closing { background:#f0b5aa; text-align:center; border:1.5px solid var(--ink); padding:75px 20px 80px; margin-bottom:90px; }.closing img { margin-bottom:19px; }.closing h2 { max-width:700px; margin:8px auto 32px; font-size:clamp(43px,5vw,70px); }.footer { border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:24px 0 36px; color:#60706f; font-size:12px; }.footer .brand { font-size:17px; }.footer p { margin:0; }.footer p a { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.install-options { display:flex; gap:2px; margin:0 -25px 26px; padding:0 14px; background:#ecdfc8; }.install-option { padding:13px 12px 11px; border:0; border-bottom:3px solid transparent; background:transparent; color:#546160; font:500 12px "DM Mono",monospace; cursor:pointer; }.install-option.active { border-bottom-color:var(--ink); color:var(--ink); }.install-card .text-link span { color:var(--lime); }.evidence-index { color:#4d6800; }
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.marquee div{animation:none}.button{transition:none}}
@media (max-width:800px){.wrap{width:min(100% - 32px,1160px)}.nav{height:72px}nav{display:none}.hero{grid-template-columns:1fr;gap:51px;padding:54px 0 62px}.hero h1{font-size:62px}.lede{font-size:17px}.terminal-card{width:min(100%,520px);justify-self:center}.intro{padding:86px 0 55px}.intro-grid,.workflow,.principles,.install{grid-template-columns:1fr;gap:38px}.capabilities{grid-template-columns:1fr;padding-bottom:90px}.capability{min-height:0;padding:24px}.cap-icon{margin:25px 0}.workflow{padding:75px 0}.install{padding-bottom:95px}.proof{padding:50px 25px}.proof-top{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.evidence-grid{grid-template-columns:repeat(2,1fr)}.evidence-card,.evidence-card:first-child{min-height:230px;padding:22px 16px;border-right:1px solid rgba(23,46,49,.38);border-bottom:1px solid rgba(23,46,49,.38)}.evidence-card:nth-child(odd){padding-left:0}.evidence-card:nth-child(even){border-right:0}.evidence-card h3{margin:17px 0 7px}.card-link{margin-top:14px}.principles{padding:95px 0}.footer{flex-wrap:wrap;gap:16px}.footer p:nth-child(2){order:3;width:100%}.closing{margin-bottom:58px}.actions{gap:18px}.micro-proof{font-size:12px}}@media(max-width:440px){.hero h1{font-size:53px}.actions{align-items:flex-start;flex-direction:column}.terminal-card{font-size:10px}.code-panel{padding:16px 11px}.code-line{gap:8px}.code-line code{white-space:normal}.lint-message{margin-left:12px}.evidence-grid{grid-template-columns:1fr}.evidence-card,.evidence-card:first-child,.evidence-card:nth-child(odd){min-height:0;padding:22px 0;border-right:0}.footer{align-items:flex-start;flex-direction:column}}