:root{--bg:#f7f7f5;--fg:#111;--muted:#777;--border:#deded8;--card:#efefeb;--accent:#28cc00;--accent-text:#0a0a0a}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0a;--fg:#f0f0f0;--muted:#888;--border:#242424;--card:#111;--accent:#c8ff00;--accent-text:#0a0a0a}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;font-size:16px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:40rem;margin:0 auto;padding:2rem 1.25rem 4rem}header.site{padding-bottom:2rem;border-bottom:1px solid var(--border);margin-bottom:2rem}header.site h1{font-size:1.5rem;font-weight:600;margin:0 0 .35rem;letter-spacing:-.02em}header.site p{margin:0;color:var(--muted);font-size:.95rem}nav.toc{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1rem;font-size:.9rem}section{margin-bottom:2.5rem;scroll-margin-top:1rem}section h2{font-size:1.1rem;font-weight:600;margin:0 0 .75rem;letter-spacing:-.01em}section p,section ul{margin:0 0 .85rem;color:var(--fg)}section ul{padding-left:1.25rem}section li{margin-bottom:.35rem}.muted{font-size:.9rem}.muted,footer{color:var(--muted)}footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.85rem}.standalone-nav{margin-bottom:2rem;font-size:.9rem}.landing-page{position:relative;min-height:100svh;height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(1rem,3vw,2rem);background:var(--bg)}.landing-page a:hover{text-decoration:none;opacity:.72}.landing-footer,.landing-nav{width:min(100%,72rem);margin:0 auto}.landing-nav{justify-content:space-between;gap:1rem;min-height:2.75rem;font-size:.85rem;letter-spacing:-.01em}.landing-nav,.landing-nav nav{display:flex;align-items:center}.landing-nav nav{gap:clamp(.75rem,2vw,1.35rem)}.brand-mark{display:inline-flex;align-items:center;gap:.65rem;color:var(--fg);font-weight:650}.brand-mark img{width:2.25rem;height:2.25rem;border-radius:.7rem;object-fit:cover}.landing-hero{width:min(100%,72rem);min-height:0;margin:0 auto;scroll-margin-top:0;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(19rem,.78fr);align-items:center;grid-gap:clamp(2rem,6vw,5.5rem);gap:clamp(2rem,6vw,5.5rem)}.hero-copy{max-width:42rem}.eyebrow{margin:0 0 1rem;color:var(--muted);font-size:clamp(.74rem,1.4vw,.82rem);font-weight:650;letter-spacing:.13em;text-transform:uppercase}.hero-copy h1{margin:0;color:var(--fg);font-family:Georgia,Times New Roman,serif;font-size:clamp(3.25rem,8vw,7.4rem);font-weight:400;line-height:.9;letter-spacing:-.035em}.hero-copy h1 span{color:var(--accent);font-style:italic}.hero-text{max-width:33rem;margin:clamp(1.15rem,2.5vw,1.6rem) 0 0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.6}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:clamp(1.6rem,3vw,2.2rem);font-size:.9rem}.hero-actions a,.hero-actions>span{display:inline-flex;align-items:center;min-height:2.65rem;border-radius:999px;padding:0 1rem}.hero-actions>span:first-child{background:var(--fg);color:var(--bg)}.hero-actions .claude-mark{gap:.5rem;min-height:auto;padding:0;color:var(--muted);background:transparent;font-size:.84rem}.claude-mark svg{width:1.1rem;height:1.1rem;fill:#d97757}.hero-actions a{color:var(--muted);border:1px solid var(--border)}.mock-stage{position:relative;justify-self:center;display:grid;place-items:center;width:min(100%,25rem);aspect-ratio:1;border-radius:2.5rem;background:radial-gradient(circle at 38% 36%,rgb(138 98 128/.26),transparent 34%),radial-gradient(circle at 64% 38%,rgb(108 104 168/.25),transparent 36%),radial-gradient(circle at 48% 68%,rgb(72 138 152/.2),transparent 40%),#161616;box-shadow:0 0 5rem rgb(108 104 168/.16),0 0 7rem rgb(72 138 152/.12),inset 0 0 4rem rgb(200 255 0/.05)}.phone-shell{position:relative;z-index:1;width:min(68%,17rem);aspect-ratio:.49;border-radius:2.45rem;padding:.55rem;background:#050505;box-shadow:0 2rem 5rem rgb(0 0 0/.32),0 0 4.5rem rgb(200 255 0/.1);transform:translateY(-1.15rem)}.phone-screen{height:100%;display:flex;flex-direction:column;border-radius:1.95rem;padding:1.15rem;background:#0a0a0a;color:#f0f0f0;overflow:hidden}.screen-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#777;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.mock-actions{display:inline-flex;align-items:center;gap:.5rem;color:#aaa;font-size:.85rem;letter-spacing:0;line-height:1}.fact-preview{margin:auto 0 1.2rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,3.6vw,2.05rem);line-height:1.08;letter-spacing:-.04em}.fact-preview em{color:#c8ff00;font-style:italic}.suggestion-stack{display:grid;grid-gap:.55rem;gap:.55rem}.suggestion-stack span{border:1px solid #242424;border-radius:999px;padding:.62rem .75rem;color:#cfcfcf;font-size:.72rem;line-height:1}.landing-footer{margin-top:0;padding-top:0;border-top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.82rem}.landing-footer nav{display:none}.fade-in{opacity:0;animation:fade-translate-in .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay,0s)}@keyframes fade-translate-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fade-in{animation:none;opacity:1}}@media (max-width:760px){.landing-page{padding:1rem}.landing-nav{position:relative;z-index:2}.landing-nav nav{display:none}.landing-hero{z-index:1;display:block;align-content:center}.hero-copy{position:relative;z-index:2;max-width:30rem;padding-bottom:4rem}.hero-copy h1{max-width:10ch;font-size:clamp(2.85rem,13.5vw,4.85rem);line-height:.95;text-wrap:balance}.hero-text{max-width:25rem;font-size:.98rem}.mock-stage{display:none}.phone-shell{width:61%}.landing-footer{position:relative;z-index:2;align-items:flex-end}.landing-footer nav{display:flex;align-items:center;gap:.85rem;font-size:.78rem}}@media (max-width:520px){.landing-nav{min-height:2.5rem}.hero-text{margin-top:1rem}.hero-actions{margin-top:1.15rem}.phone-screen{padding:.9rem}.suggestion-stack span{padding:.48rem .6rem}.landing-footer{flex-direction:column;align-items:flex-start;gap:.35rem}.landing-footer nav{gap:.75rem}}