:root{--bg:#f7f5ef;--paper:#fffdf8;--ink:#161512;--muted:#69665f;--quiet:#918d83;--line:#ded8cc;--accent:#2f5f56;--mono:"SFMono-Regular","Roboto Mono","Cascadia Code",monospace;--sans:"Avenir Next","Geist","Satoshi","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.home-page{margin:0 auto;max-width:920px;min-height:100dvh;padding:28px 24px 40px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:24px;padding:10px 0 56px}.wordmark{font-size:15px;font-weight:700;letter-spacing:0}.topnav{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.topnav a{color:var(--muted);font-size:14px;transition:color .16s ease}.topnav a:hover{color:var(--ink)}.intro{align-items:start;display:grid;grid-gap:34px;gap:34px;grid-template-columns:160px minmax(0,1fr)}.portrait-wrap{aspect-ratio:1;background:var(--paper);border:1px solid var(--line);border-radius:50%;overflow:hidden;position:relative;width:160px}.portrait{object-fit:cover}.kicker{color:var(--accent);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}h1{font-size:clamp(34px,5.8vw,58px);font-weight:650;line-height:1.02;margin-top:14px;max-width:720px}h1,h2{letter-spacing:0}.lede{color:var(--muted);font-size:18px;line-height:1.6;margin-top:22px;max-width:620px}.link-list{border-top:1px solid var(--line);display:grid;margin-top:34px}.link-list a,.project-row{align-items:baseline;border-bottom:1px solid var(--line);display:grid;grid-gap:20px;gap:20px;grid-template-columns:100px minmax(0,1fr);padding:16px 0;transition:color .16s ease}.link-list a:hover,.project-row:hover{color:var(--accent)}.link-list span{color:var(--quiet);font-family:var(--mono);font-size:12px;text-transform:uppercase}.link-list strong{font-size:17px;font-weight:650;overflow-wrap:anywhere}.projects{border-top:1px solid var(--line);display:grid;grid-gap:34px;gap:34px;grid-template-columns:160px minmax(0,1fr);margin-top:70px;padding-top:42px}.section-title h2{font-size:28px;font-weight:650;line-height:1.1;margin-top:10px}.project-list{border-top:1px solid var(--line)}.project-row{align-items:center;grid-template-columns:minmax(0,1fr) auto}.project-row strong{display:block;font-size:18px;font-weight:650}.project-row small{color:var(--muted);display:block;font-size:15px;line-height:1.5;margin-top:5px}.project-row em{color:var(--quiet);font-style:normal}.simple-footer{color:var(--quiet);font-size:14px;line-height:1.6;margin-top:72px;padding-top:24px}.service-page{max-width:980px}.sales-page{max-width:960px}.service-hero{max-width:780px}.sales-hero{max-width:820px}.sales-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.sales-actions span{color:var(--muted);font-family:var(--mono);font-size:12px;line-height:1.5}.primary-action{background:var(--ink);border:1px solid var(--ink);border-radius:999px;color:var(--paper);display:inline-flex;font-size:15px;font-weight:650;justify-content:center;line-height:1.2;min-height:44px;padding:13px 18px;transition:background .16s ease,border-color .16s ease}.primary-action:hover{background:var(--accent);border-color:var(--accent)}.service-details{border-top:1px solid var(--line);display:grid;grid-gap:34px;gap:34px;grid-template-columns:220px minmax(0,1fr);margin-top:70px;padding-top:42px}.sales-copy{display:grid;grid-gap:18px;gap:18px}.sales-copy p,.sales-cta p{color:var(--muted);font-size:17px;line-height:1.65;max-width:660px}.service-list{border-top:1px solid var(--line)}.service-row{border-bottom:1px solid var(--line);padding:18px 0}.service-row strong{display:block;font-size:18px;font-weight:650}.service-row p{color:var(--muted);font-size:15px;line-height:1.55;margin-top:6px;max-width:620px}.pilot-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.pilot-step{border-top:1px solid var(--line);padding-top:16px}.pilot-step span{color:var(--accent);display:block;font-family:var(--mono);font-size:12px;font-weight:700;margin-bottom:12px}.pilot-step strong{display:block;font-size:17px;font-weight:650}.pilot-step p{color:var(--muted);font-size:15px;line-height:1.55;margin-top:6px}.fit-list{border-top:1px solid var(--line);list-style:none;margin:0;padding:0}.fit-list li{border-bottom:1px solid var(--line);color:var(--muted);font-size:16px;line-height:1.55;padding:16px 0}.sales-cta{align-items:end;border-top:1px solid var(--line);display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1fr) auto;margin-top:72px;padding-top:42px}.sales-cta h2{font-size:32px;font-weight:650;line-height:1.1;margin-top:12px;max-width:620px}.sales-cta p{margin-top:16px}.inquiry-form{border-top:1px solid var(--line);display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:20px}.inquiry-form label{display:grid;grid-gap:8px;gap:8px}.inquiry-form span{color:var(--quiet);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:rgba(255,253,248,.62);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;min-height:44px;padding:11px 12px;width:100%}.inquiry-form textarea{line-height:1.55;resize:vertical}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--accent);outline:2px solid rgba(47,95,86,.12)}.form-actions,.wide-field{grid-column:1/-1}.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;padding-top:4px}.hidden-field{height:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:0}.form-actions a,.form-actions button{border-radius:999px;font-size:15px;font-weight:650;min-height:44px;padding:11px 16px}.form-actions button{background:var(--ink);border:1px solid var(--ink);color:var(--paper);cursor:pointer}.form-actions button:disabled{cursor:wait;opacity:.7}.form-actions a{border:1px solid var(--line);color:var(--muted)}.form-error,.form-status{font-size:14px;grid-column:1/-1;line-height:1.5;margin:-4px 0 0}.form-status{color:var(--accent)}.form-error{color:#8f2f24}.cta-band,.footer,.page-hero,.section,.site-header,.split-band{margin:0 auto;max-width:920px;padding:32px 24px}.page-hero{padding-bottom:46px;padding-top:48px}.section{padding-bottom:46px;padding-top:46px}.page-hero>p:not(.eyebrow),.section-copy p{color:var(--muted);font-size:18px;line-height:1.65;margin-top:20px;max-width:650px}.section-heading h2{font-size:32px;font-weight:650;line-height:1.15;margin-top:10px}.cta-actions,.footer-links,.hero-actions,.keyword-cloud,.nav,.proof-links{display:flex;flex-wrap:wrap;gap:12px}.footer,.site-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between}.footer{border-bottom:0;border-top:1px solid var(--line)}.brand,.button,.header-cta,.keyword-cloud span,.proof-links a{font-weight:650}.brand{white-space:nowrap}.button{align-items:center;border-radius:999px;display:inline-flex;justify-content:center;line-height:1.2;min-height:48px;padding:13px 20px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button:active{transform:translateY(1px)}.button-dark{background:var(--ink);border:1px solid var(--ink);color:var(--paper)}.button-dark:hover{background:var(--accent);border-color:var(--accent)}.button-light{background:rgba(255,253,248,.55);border:1px solid var(--line);color:var(--ink)}.button-light:hover{border-color:var(--accent);color:var(--accent)}.brand-mark,.card-eyebrow,.eyebrow{color:var(--accent);font-family:var(--mono);font-size:12px;text-transform:uppercase}.codex-pattern,.hero,.implementation-list,.notes-grid,.principle-list,.project-grid,.proof-grid,.workflow-grid{display:grid;grid-gap:16px;gap:16px}.hero-panel,.metric,.note-card,.principle-card,.project-card,.proof-card,.service-card,.workflow-step{border:1px solid var(--line);border-radius:8px;padding:18px}.demo-video-card p,.final-note p,.implementation-row p,.pattern-step p{color:var(--muted);font-size:15px;line-height:1.6;margin-top:8px}.codex-hero{max-width:780px}.codex-hero h1{line-height:1.08}.codex-hero .hero-actions{margin-top:30px}.codex-pattern{gap:22px;grid-template-columns:repeat(4,minmax(0,1fr))}.pattern-step{border-top:1px solid var(--line);padding-top:16px}.pattern-step span{color:var(--accent);font-family:var(--mono);font-size:12px;font-weight:700}.implementation-row h3,.pattern-step h3{font-size:18px;font-weight:650;line-height:1.2;margin:10px 0 0}.implementation-list{border-top:1px solid var(--line)}.implementation-row{border-bottom:1px solid var(--line);padding:18px 0}.demo-video-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.demo-video-card{border-top:1px solid var(--line);padding-top:18px}.demo-video-card video{aspect-ratio:16/10;background:var(--ink);border:1px solid var(--line);border-radius:8px;display:block;object-fit:contain;width:100%}.demo-video-card h3{font-size:18px;font-weight:650;line-height:1.2;margin:16px 0 0}.inline-link{color:var(--accent);display:inline-flex;font-size:14px;font-weight:650;margin-top:14px}.remotion-hero{max-width:820px}.remotion-hero h1{max-width:800px}.remotion-demo-grid{align-items:center;display:grid;grid-gap:34px;gap:34px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.remotion-demo h2{font-size:36px;font-weight:650;line-height:1.12;margin-top:12px;max-width:520px}.remotion-demo p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.65;margin-top:18px;max-width:560px}.remotion-video-frame{background:rgba(255,253,248,.58);border:1px solid var(--line);border-radius:8px;padding:10px}.remotion-video-frame video{aspect-ratio:16/9;background:var(--ink);border-radius:6px;display:block;object-fit:contain;width:100%}.remotion-image-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:1.15fr .85fr;margin-top:26px}.remotion-image-grid figure{border-top:1px solid var(--line);margin:0;padding-top:18px}.remotion-image-grid img{aspect-ratio:16/10;background:var(--paper);border:1px solid var(--line);border-radius:8px;display:block;object-fit:cover;width:100%}.remotion-image-grid figcaption{color:var(--muted);font-size:14px;line-height:1.5;margin-top:10px}.final-note{border-top:1px solid var(--line)}.final-note h2{font-size:32px;font-weight:650;line-height:1.1}.final-note h2,.final-note p{max-width:680px}.final-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}@media (max-width:760px){.home-page{padding:22px 18px 34px}.topbar{align-items:flex-start;padding-bottom:46px}.intro,.projects,.service-details{grid-template-columns:1fr}.portrait-wrap{width:128px}.link-list a{grid-template-columns:1fr;gap:4px}.projects{margin-top:64px}.codex-pattern,.demo-video-grid,.inquiry-form,.pilot-grid,.remotion-demo-grid,.remotion-image-grid,.sales-cta{grid-template-columns:1fr}.sales-cta,.site-header{align-items:start}.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:24px 20px 26px;grid-row-gap:18px;row-gap:18px}.brand{font-size:16px;line-height:1.3}.nav{grid-column:1/-1;gap:14px 20px;line-height:1.4}.header-cta,.nav a{font-size:15px;line-height:1.4}.page-hero{padding:38px 20px 44px}.section{padding:44px 20px}.codex-hero h1{font-size:clamp(34px,9.4vw,46px);line-height:1.1;margin-top:16px}.page-hero>p:not(.eyebrow),.section-copy p{font-size:17px;line-height:1.68;margin-top:18px}.codex-hero .hero-actions{margin-top:28px}.button{min-height:50px;padding:14px 22px}.final-note h2,.section-heading h2{font-size:29px;line-height:1.16}.demo-video-grid{gap:34px}.demo-video-card{padding-top:22px}.implementation-row,.pattern-step{padding-top:20px}.codex-pattern{gap:26px}.final-actions{gap:14px}}