:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f3ec;--sidebar:#ede7dc;--surface:#fffdf9;--surface-2:#f1ece3;--hover:#4632190e;--selected:#46321917;--line:#4632191a;--line-strong:#4632192b;--ink:#2a251f;--ink-2:#5f564b;--ink-3:#8c8274;--accent:#b0692a;--accent-soft:#b0692a1f;--primary-bg:#2f2924;--primary-ink:#fbf7f0;--good:#3d8a5f;--warn:#a8761c;--bad:#b8483a;--shadow-pop:0 1px 2px #3c281414, 0 12px 32px #3c281424;--shadow-window:0 0 0 1px var(--line-strong), 0 2px 4px #3c28140f, 0 30px 80px -20px #3c281447;--s-input:#3d82cf;--s-output:#d9693f;--s-cache-read:#2f9d88;--s-cache-write:#b88b22;--h-codex:#6b655c;--h-claude:#c96442;--h-gemini:#4a7fd4;--h-cursor:#8a63c9;--h-copilot:#2f8f82;--h-opencode:#a3852b}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1a17;--sidebar:#161412;--surface:#23201c;--surface-2:#2b2824;--hover:#ffecd20d;--selected:#ffecd216;--line:#ffecd213;--line-strong:#ffecd221;--ink:#ece5d9;--ink-2:#b3aa9c;--ink-3:#82796c;--accent:#e0a45f;--accent-soft:#e0a45f24;--primary-bg:#ece5d9;--primary-ink:#1c1a17;--good:#6dbb8c;--warn:#d9ad55;--bad:#e2796a;--shadow-pop:0 1px 0 #ffecd20a inset, 0 16px 40px #00000073;--shadow-window:0 0 0 1px var(--line-strong), 0 30px 80px -20px #000000b3;--h-codex:#b6ada0;--h-claude:#d97757;--h-gemini:#6f9be0;--h-cursor:#a587d8;--h-copilot:#4fb3a4;--h-opencode:#c9a446}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-synthesis:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Variable Text,Segoe UI,system-ui,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.5}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:7px}.brand{letter-spacing:-.01em;align-items:center;gap:9px;font-size:14px;font-weight:600;display:inline-flex}.brand img{border-radius:6px}.btn{white-space:nowrap;height:30px;color:var(--ink);background:var(--surface);box-shadow:0 0 0 1px var(--line-strong), 0 1px 1px #28190a0d;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--primary-bg);color:var(--primary-ink);box-shadow:none}.btn-primary:hover{background:var(--primary-bg);filter:brightness(1.12)}.btn-ghost{box-shadow:none;color:var(--ink-2);background:0 0}.btn-ghost:hover{background:var(--hover);color:var(--ink)}.btn-large{border-radius:9px;height:38px;padding:0 18px;font-size:14px}.card{background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 1px 2px #28190a08;border-radius:10px}.eyebrow{color:var(--accent);font-size:12px;font-weight:600}.site{min-height:100vh}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:24px;height:54px;padding:0 clamp(18px,4vw,40px);display:flex;position:sticky;top:0}.site-nav{gap:2px;display:flex}.site-nav a{color:var(--ink-2);border-radius:7px;padding:5px 10px;font-size:13px}.site-nav a:hover{background:var(--hover);color:var(--ink)}.site-actions{gap:6px;margin-left:auto;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:760px;margin:0 auto;padding:clamp(56px,10vw,104px) 24px 40px;display:flex}.hero h1{letter-spacing:-.035em;font-size:clamp(34px,5.4vw,54px);font-weight:650;line-height:1.06}.lede{max-width:600px;color:var(--ink-2);font-size:16px;line-height:1.6}.hero-actions{gap:8px;margin-top:8px;display:flex}.hero-preview{max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.section{max-width:1120px;margin:0 auto;padding:88px clamp(16px,4vw,40px) 0}.section-head{flex-direction:column;gap:6px;margin-bottom:22px;display:flex}.section-head h2,.privacy h2,.cta h2{letter-spacing:-.02em;font-size:22px;font-weight:650;line-height:1.2}.section-head p{color:var(--ink-2)}.harness-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.harness{align-items:center;gap:12px;padding:14px 16px;display:flex}.harness-badge{color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:11px;font-weight:650;display:grid}.harness strong,.harness small{display:block}.harness strong{font-size:13.5px;font-weight:600}.harness small{color:var(--ink-3);font-size:12.5px}.steps{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.step{color:var(--accent);flex-direction:column;gap:8px;padding:20px;display:flex;position:relative}.step strong{color:var(--ink);margin-top:6px;font-size:14px;font-weight:600}.step p{color:var(--ink-2);font-size:13.5px}.step-index{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px;position:absolute;top:16px;right:18px}.privacy{background:var(--sidebar);color:var(--good);align-items:flex-start;gap:16px;padding:24px;display:flex}.privacy div{flex-direction:column;gap:6px;display:flex}.privacy h2{color:var(--ink)}.privacy p{max-width:680px;color:var(--ink-2)}.cta{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:96px 24px;display:flex}.site-footer{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;gap:16px;padding:18px clamp(18px,4vw,40px);font-size:12.5px;display:flex}.app-preview{background:var(--bg);height:560px;box-shadow:var(--shadow-window);text-align:left;-webkit-user-select:none;user-select:none;border-radius:12px;font-size:12.5px;display:flex;overflow:hidden}.ap-sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:196px;display:flex}.ap-sidebar-head{align-items:center;height:42px;padding:0 16px;font-size:12.5px;font-weight:600;display:flex}.ap-sidebar nav{flex:1;padding:2px 8px}.ap-nav{height:27px;color:var(--ink-2);border-radius:7px;align-items:center;gap:8px;padding:0 8px;display:flex}.ap-nav svg{color:var(--ink-3)}.ap-nav.active{background:var(--selected);color:var(--ink);font-weight:500}.ap-nav.active svg{color:var(--accent)}.ap-section{color:var(--ink-3);margin:14px 8px 4px;font-size:10.5px;font-weight:600;display:block}.ap-dot{border-radius:3px;width:8px;height:8px}.ap-status{background:var(--good);border-radius:50%;width:6px;height:6px;margin-left:auto}.ap-sidebar-foot{border-top:1px solid var(--line);padding:6px 8px}.ap-main{flex-direction:column;flex:1;min-width:0;display:flex}.ap-toolbar{flex-shrink:0;align-items:center;gap:6px;height:42px;padding:0 14px;display:flex}.ap-toolbar strong{margin-right:auto;font-size:13px;font-weight:600}.ap-btn{background:var(--surface);height:25px;box-shadow:0 0 0 1px var(--line-strong);border-radius:7px;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;font-weight:500;display:inline-flex}.ap-icon{width:25px;color:var(--ink-2);justify-content:center;padding:0}.ap-content{flex-direction:column;flex:1;gap:12px;min-height:0;padding:4px 22px 18px;display:flex}.ap-page-head h3{letter-spacing:-.02em;font-size:19px;font-weight:650}.ap-page-head p{color:var(--ink-3);font-size:12px}.ap-card{background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 1px 2px #28190a08;border-radius:10px}.ap-stats{grid-template-columns:repeat(4,1fr);display:grid}.ap-stats>div{flex-direction:column;gap:2px;padding:12px 15px;display:flex}.ap-stats>div+div{border-left:1px solid var(--line)}.ap-stats span,.ap-stats em{color:var(--ink-3);font-size:11px;font-style:normal}.ap-stats strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:21px;font-weight:650}.ap-stats small{color:var(--ink-3);margin-left:3px;font-size:12px;font-weight:500}.ap-row{flex:1;grid-template-columns:1.7fr 1fr;gap:12px;min-height:0;display:grid}.compact .ap-row{grid-template-columns:1fr}.ap-card-head{justify-content:space-between;align-items:center;padding:11px 14px 0;font-weight:600;display:flex}.ap-segmented{background:var(--hover);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.ap-segmented i{color:var(--ink-2);border-radius:5px;padding:2px 8px;font-size:10.5px;font-style:normal;font-weight:500}.ap-segmented i.on{background:var(--surface);color:var(--ink);box-shadow:0 0 0 .5px var(--line-strong), 0 1px 2px #28190a1a}.ap-chart-card{flex-direction:column;display:flex}.ap-chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), var(--line) calc(25% - 1px), var(--line) 25%);flex:1;align-items:flex-end;gap:5px;margin:12px 14px 14px;display:flex}.ap-bar{flex-direction:column-reverse;flex:1;gap:1px;height:100%;display:flex}.ap-bar i:last-child{border-radius:3px 3px 0 0}.ap-sources{overflow:hidden}.ap-source{align-items:center;gap:10px;padding:8px 14px;display:flex}.ap-source+.ap-source{border-top:1px solid var(--line)}.ap-source>i{color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:9.5px;font-style:normal;font-weight:650;display:grid}.ap-source span{flex-direction:column;flex:1;min-width:0;font-weight:500;display:flex}.ap-source small{color:var(--ink-3);font-size:10.5px;font-weight:400}.ap-source strong{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.ap-statusbar{border-top:1px solid var(--line);height:24px;color:var(--ink-3);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 14px;font-size:10.5px;display:flex}.auth-shell{grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid}.auth-story{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;gap:28px;min-width:0;padding:28px 0 0 clamp(28px,4vw,56px);display:flex;overflow:hidden}.auth-story .brand{align-self:flex-start}.story-copy{flex-direction:column;gap:10px;max-width:520px;margin-top:clamp(24px,6vh,64px);padding-right:28px;display:flex}.story-copy h1{letter-spacing:-.03em;font-size:clamp(26px,2.8vw,34px);font-weight:650;line-height:1.12}.story-copy p{color:var(--ink-2);font-size:15px}.story-preview{flex:1;min-height:0}.story-preview .app-preview{border-radius:12px 0 0;width:820px;height:100%;min-height:420px}.auth-panel{place-items:center;padding:40px 24px;display:grid}.auth-card{width:min(100%,360px)}.auth-card header{margin-bottom:22px}.auth-card h2{letter-spacing:-.02em;font-size:22px;font-weight:650;line-height:1.2}.auth-card header>p:last-child{color:var(--ink-2);margin-top:4px}.mobile-brand{display:none}.desktop-callout{background:var(--accent-soft);border-radius:10px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 14px;display:flex}.desktop-icon{background:var(--surface);width:32px;height:32px;color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.desktop-icon svg{width:18px;height:18px}.desktop-callout strong,.desktop-callout small{display:block}.desktop-callout strong{font-size:13px;font-weight:600}.desktop-callout small{color:var(--ink-2);font-size:12.5px}.google-button,.primary-button,.manual-code button{border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;height:38px;font-size:13.5px;font-weight:500;display:flex}.google-button{background:var(--surface);box-shadow:0 0 0 1px var(--line-strong), 0 1px 1px #28190a0d}.google-button:hover:not(:disabled){background:var(--surface-2)}.google-button+.google-button{margin-top:8px}.google-button svg{width:17px;height:17px}.separator{color:var(--ink-3);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.separator:before,.separator:after{background:var(--line);content:"";flex:1;height:1px}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-card form>label{flex-direction:column;gap:6px;display:flex}.auth-card form>label>span:first-child{color:var(--ink-2);font-size:12.5px;font-weight:500}.auth-card input[type=email],.auth-card input[type=password],.auth-card input[type=text]{background:var(--surface);width:100%;height:36px;box-shadow:0 0 0 1px var(--line-strong);border:0;border-radius:8px;padding:0 11px;font-size:13.5px}.auth-card input::placeholder{color:var(--ink-3)}.auth-card input:focus{box-shadow:0 0 0 1px var(--accent), 0 0 0 3px var(--accent-soft)}.password-field{display:block;position:relative}.auth-card .password-field input{padding-right:58px}.show-password{color:var(--ink-2);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:500;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.show-password:hover{background:var(--hover)}.form-options{display:flex}.check-label{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.check-label input{accent-color:var(--accent);margin:0}.form-message{border-radius:8px;padding:9px 12px;font-size:12.5px}.error-message{background:color-mix(in srgb, var(--bad) 12%, transparent);color:var(--bad)}.notice-message{background:color-mix(in srgb, var(--good) 12%, transparent);color:var(--good)}.primary-button{background:var(--primary-bg);color:var(--primary-ink);margin-top:4px}.primary-button:hover:not(:disabled){filter:brightness(1.12)}.manual-code{background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:10px;flex-direction:column;gap:8px;margin-top:20px;padding:14px;display:flex}.manual-code h3{font-size:13.5px;font-weight:600}.manual-code p{color:var(--ink-2);font-size:12.5px}.manual-code code{overflow-wrap:anywhere;background:var(--surface-2);-webkit-user-select:all;user-select:all;border-radius:7px;padding:8px 10px;font-size:12px}.manual-code button{background:var(--surface-2);box-shadow:0 0 0 1px var(--line-strong)}.handoff-shell{place-items:center;min-height:100vh;padding:40px 24px;display:grid}.handoff-card{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(100%,380px);display:flex}.handoff-icon{background:color-mix(in srgb, var(--good) 14%, transparent);width:44px;height:44px;color:var(--good);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.handoff-icon svg{width:22px;height:22px}.handoff-card h1{letter-spacing:-.02em;font-size:22px;font-weight:650}.handoff-card>p{color:var(--ink-2);margin-bottom:10px}.handoff-card .primary-button:disabled{opacity:.6}.handoff-card .manual-code{text-align:left;width:100%}.mode-switch{color:var(--ink-2);text-align:center;margin-top:22px;font-size:13px}.mode-switch button{color:var(--accent);font-weight:500}.mode-switch button:hover{text-decoration:underline}.legal{color:var(--ink-3);text-align:center;margin-top:14px;font-size:11.5px}@media (max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.mobile-brand{color:var(--accent);margin-bottom:14px;font-size:12px;font-weight:600;display:block}.steps{grid-template-columns:1fr}.ap-sidebar,.site-nav{display:none}}@media (max-width:640px){.app-preview{height:440px}.ap-stats{grid-template-columns:repeat(2,1fr)}.ap-stats>div:nth-child(3){border-left:0}.ap-row{grid-template-columns:1fr}.ap-sources{display:none}}