:root{color-scheme:light;--surface: #ffffff;--surface-secondary: #f7f7f5;--surface-tertiary: #efefec;--ink: #111111;--ink-hover: #2a2a2a;--text-secondary: #62625e;--text-muted: #8a8a84;--border: #e6e6e2;--danger: #b42318;--gutter: clamp(24px, 6.5vw, 120px);--ease: cubic-bezier(.16, 1, .3, 1);--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{min-width:320px;margin:0}body{min-height:100dvh;background:var(--surface);color:var(--ink);font-family:Suisse Intl,Arial,Helvetica,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{display:flex;height:clamp(64px,9vh,88px);align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 var(--gutter)}.site-brand{display:inline-flex;align-items:center;gap:12px;font-size:21px;font-weight:600;line-height:1}.brand-mark{display:block;width:30px;height:30px}.site-actions{display:flex;align-items:center;gap:28px;font-size:16px;line-height:1}.header-link{transition:color .16s var(--ease)}.header-link:hover{color:var(--text-secondary)}.header-hint{color:var(--text-muted)}.header-hint small{margin-left:6px;border:1px solid var(--border);padding:3px 6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--surface);font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),transform .16s var(--ease)}.button:hover{background:var(--ink-hover);border-color:var(--ink-hover);transform:translateY(-1px)}.button:disabled{background:var(--text-muted);border-color:var(--text-muted);cursor:default;transform:none}.button-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:0;background:var(--surface);color:var(--ink);font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .16s var(--ease),transform .16s var(--ease)}.button-secondary:hover{background:var(--surface-tertiary);transform:translateY(-1px)}.header-button{height:44px;padding:0 20px;font-size:15px}.eyebrow{margin:0;color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.mono-status{margin:0;color:var(--text-secondary);font-family:var(--font-mono);font-size:13px;line-height:1.4}.mono-status[data-state=error]{color:var(--danger)}.site{display:grid;min-height:100dvh;grid-template-rows:auto minmax(0,1fr) auto;background:var(--surface)}.hero-section{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);border-bottom:1px solid var(--border)}.hero-copy{display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--border);padding:clamp(32px,5vh,56px) clamp(32px,4.5vw,80px) clamp(32px,5.5vh,56px) var(--gutter)}.hero-eyebrow{display:inline-flex;width:max-content;align-items:center;gap:8px;margin-bottom:clamp(20px,4vh,36px);color:var(--text-secondary);font-size:clamp(15px,1.2vw,18px);font-weight:500;line-height:1.2;transition:color .16s var(--ease)}.hero-eyebrow:hover{color:var(--ink)}.hero-copy h1{max-width:640px;margin:0;font-size:clamp(40px,4.4vw,64px);font-weight:400;line-height:1.06;letter-spacing:-.04em;text-wrap:balance}.hero-lead{max-width:560px;margin:clamp(18px,3vh,28px) 0 0;color:var(--text-secondary);font-size:clamp(16px,1.3vw,19px);font-weight:400;line-height:1.45;letter-spacing:-.01em}.hero-cta{width:max-content;height:54px;margin-top:clamp(20px,3.5vh,32px);padding:0 26px;font-size:18px}.hero-product{position:relative;overflow:hidden;min-height:440px;margin-right:var(--gutter);margin-left:48px;border-right:1px solid var(--border);border-left:1px solid var(--border);background:linear-gradient(90deg,#f7f7f54d,#f7f7f51f),var(--hero-bg) center / cover}.hero-product:before{position:absolute;inset:0;background:#ffffff3d;content:""}.app-window{position:absolute;top:clamp(48px,9vh,84px);right:0;bottom:-2px;left:clamp(48px,6vw,84px);display:grid;grid-template-columns:minmax(170px,215px) 1fr;overflow:hidden;border:1px solid rgba(17,17,17,.08);border-right:0;border-radius:12px 0 0;background:#ffffffeb;box-shadow:0 18px 50px #11111114,0 0 0 1px #ffffffa3 inset;backdrop-filter:blur(10px)}.app-sidebar{display:flex;min-width:0;flex-direction:column;gap:22px;overflow:hidden;border-right:1px solid var(--border);background:#f7f7f5d6}.workspace-switcher{display:flex;height:50px;flex-shrink:0;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:0 24px}.workspace-switcher span{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;background:var(--ink);color:var(--surface);font-size:11px;font-weight:600}.workspace-switcher strong{font-size:14px;font-weight:600}.sidebar-group{display:grid;gap:7px;padding:0 20px}.sidebar-group p{margin:0 0 2px;color:var(--text-muted);font-size:13px;font-weight:600}.sidebar-group span{display:flex;min-height:26px;align-items:center;border-radius:6px;padding:0 12px;color:var(--text-secondary);font-size:14px;font-weight:500}.sidebar-group .active{background:var(--surface);color:var(--ink)}.app-main{display:grid;min-width:0;grid-template-rows:50px 1fr;background:#ffffffe0}.app-topbar{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);padding:0 26px;color:var(--text-secondary)}.app-topbar span{width:14px;height:14px;border:1.5px solid var(--text-secondary);border-radius:2px}.app-topbar p,.app-topbar strong{margin:0;font-size:14px;font-weight:500}.app-topbar strong{color:var(--ink)}.chat-stage{display:grid;place-items:center;padding:clamp(28px,5vh,56px);text-align:center}.mock-panel{display:grid;justify-items:center}.chat-stage h2{margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:500;line-height:1.15}.mock-panel>p{margin:10px 0 30px;color:var(--text-secondary);font-size:clamp(14px,1.3vw,17px);line-height:1.35;text-wrap:pretty}.prompt-card{position:relative;display:grid;width:min(480px,100%);min-height:150px;border:1px solid var(--border);border-radius:16px;padding:24px 28px 68px;background:#ffffffdb;box-shadow:0 2px 6px #11111108;text-align:left}.prompt-card p{max-width:360px;margin:0;color:var(--ink);font-size:16px;line-height:1.45}.plus-control,.send-control{position:absolute;bottom:18px;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;font-size:22px;line-height:1}.plus-control{left:20px;border:1px solid var(--border);color:var(--text-secondary)}.send-control{right:20px;background:var(--ink);color:var(--surface);font-size:20px}.benefit-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--surface)}.benefit-item{display:flex;min-width:0;flex-direction:column;gap:7px;border-left:1px solid var(--border);padding:clamp(18px,2.8vh,26px) clamp(18px,1.8vw,28px)}.benefit-item:first-child{border-left:0;padding-left:var(--gutter)}.benefit-item:last-child{padding-right:var(--gutter)}.benefit-item h2{margin:0;font-size:clamp(17px,1.4vw,20px);font-weight:500;line-height:1.16}.benefit-item p{max-width:300px;margin:0;color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.4}.auth-page{display:grid;min-height:100dvh;grid-template-rows:auto minmax(0,1fr);background:var(--surface)}.auth-main{display:grid;place-items:center;padding:40px var(--gutter) 10vh}.auth-card{display:grid;width:min(400px,100%);gap:14px;justify-items:start}.auth-card h1{margin:0;font-size:clamp(36px,4vw,48px);font-weight:400;line-height:1.05;letter-spacing:-.03em}.auth-copy{margin:0 0 10px;color:var(--text-secondary);font-size:16px;line-height:1.45}.google-button{width:100%;height:54px;gap:12px;border-color:var(--ink);font-size:16px}.google-button:disabled{border-color:var(--border);color:var(--text-muted);cursor:default;transform:none}.google-button:disabled:hover{background:var(--surface)}.google-mark{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border:1px solid currentColor;font-size:13px;font-weight:700}.auth-fineprint{margin:14px 0 0;color:var(--text-muted);font-size:13px;line-height:1.4}.onboarding{display:grid;min-height:100dvh;grid-template-rows:auto minmax(0,1fr);background:var(--surface)}.onboarding-main{display:grid;align-content:center;padding:48px var(--gutter) 9vh}.onboarding-grid{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:center;gap:clamp(40px,6vw,96px)}.onboarding-copy h1{max-width:520px;margin:14px 0 0;font-size:clamp(40px,4.4vw,62px);font-weight:400;line-height:1.04;letter-spacing:-.035em}.onboarding-copy .lead{max-width:480px;margin:22px 0 0;color:var(--text-secondary);font-size:17px;line-height:1.45}.lead a,.field small a{text-decoration:underline;text-underline-offset:3px}.lead a:hover,.field small a:hover{color:var(--ink)}.setup-card{display:grid;gap:18px;border:1px solid var(--border);border-radius:0;padding:28px;background:var(--surface)}.setup-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.setup-card-header h2{margin:0;font-size:21px;font-weight:600;line-height:1.1}.setup-card-header p{margin:6px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.4}.step-pill{display:inline-flex;min-height:26px;align-items:center;border:1px solid var(--border);padding:0 9px;background:var(--surface-secondary);font-size:12px;font-weight:600;white-space:nowrap}.field{display:grid;gap:8px}.field>span{font-size:14px;font-weight:600}.field>span em{margin-left:6px;color:var(--text-muted);font-size:12px;font-style:normal;font-weight:600}.field input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:0;padding:0 14px;background:var(--surface);color:var(--ink);font-size:15px;outline:none;transition:border-color .16s var(--ease)}.field input:focus{border-color:var(--ink)}.field input::placeholder{color:var(--text-muted)}.field small{color:var(--text-secondary);font-size:13px;line-height:1.4}.form-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:4px}.form-actions .button,.form-actions .button-secondary{min-height:50px;padding:0 20px;font-size:15px}@media(max-width:1180px){:root{--gutter: 32px}.site-actions{gap:18px}}@media(max-width:900px){.hero-section{grid-template-columns:1fr}.hero-copy{border-right:0;padding:56px var(--gutter)}.hero-product{min-height:520px;margin:0;border-right:0;border-left:0}.benefit-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-item,.benefit-item:first-child,.benefit-item:last-child{border-left:0;border-top:1px solid var(--border);padding:22px var(--gutter)}.benefit-item:first-child,.benefit-item:nth-child(2){border-top:0}.benefit-item:nth-child(2n){border-left:1px solid var(--border)}.onboarding-grid{grid-template-columns:1fr;align-content:start;gap:32px}.onboarding-main{align-content:start;padding-top:40px}}@media(max-width:620px){.site-header{height:64px}.site-brand{font-size:19px}.brand-mark{width:27px;height:27px}.site-actions{gap:14px;font-size:14px}.header-hint,.site-header .header-link{display:none}.header-button{height:40px;padding:0 14px;font-size:14px}.hero-copy{padding:44px 20px 52px}.hero-copy h1{font-size:clamp(40px,11.5vw,48px)}.hero-lead{font-size:16px}.hero-cta{height:50px;font-size:16px}.hero-product{min-height:460px}.app-window{top:44px;right:-240px;left:18px;width:660px;grid-template-columns:160px 1fr}.benefit-strip{grid-template-columns:1fr}.benefit-item,.benefit-item:first-child,.benefit-item:last-child,.benefit-item:nth-child(2n){border-left:0;border-top:1px solid var(--border);padding:20px}.benefit-item:first-child{border-top:0}.form-actions{grid-template-columns:1fr}.setup-card{padding:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}