:root{--uv-zinc-50:#fafafa;--uv-zinc-100:#f4f4f5;--uv-zinc-200:#e9e9ec;--uv-zinc-400:#dadadd;--uv-zinc-500:#6f6f77;--uv-zinc-600:#121926;--uv-zinc-950:#111115;--uv-border:#27272a1a;--uv-brand-50:#eaf9ff;--uv-brand-800:#005ec6;--uv-font:"Switzer", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg:#fff;--surface:var(--uv-zinc-50);--surface-muted:var(--uv-zinc-100);--surface-active:var(--uv-zinc-200);--text:var(--uv-zinc-950);--muted:#4e4e55;--subtle:var(--uv-zinc-500);--border:var(--uv-border);--border-strong:#27272a29;--blue:var(--uv-brand-800);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--sidebar-width:280px;--topbar-height:64px;--shadow-soft:0 20px 60px #11111514;--font-body:var(--uv-font);--font-code:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}.login-page{background:var(--uv-zinc-200);place-items:center;min-height:100dvh;padding:48px;display:grid}.login-panel{border:1px solid var(--border);background:#fff;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:min(1180px,100%);min-height:720px;display:grid}.login-side{flex-direction:column;justify-content:space-between;gap:56px;min-width:0;padding:56px;display:flex}.login-side .brand{height:auto;padding:0}.login-form{align-self:center;gap:20px;width:min(100%,420px);display:grid}.login-copy{gap:10px;display:grid}.eyebrow{color:var(--blue);letter-spacing:-.01em;margin:0;font-size:13px;font-weight:600;line-height:18px}.login-copy h1{color:var(--text);letter-spacing:-.04em;margin:0;font-size:clamp(34px,4vw,48px);font-weight:600;line-height:1.1}.login-copy p,.login-note{color:var(--subtle);letter-spacing:-.01em;margin:0;font-size:15px;line-height:1.45}.auth-field{color:var(--muted);gap:8px;font-size:13px;font-weight:500;line-height:18px;display:grid}.auth-input-wrap{border:1px solid var(--border-strong);background:#fff;align-items:center;gap:12px;height:56px;padding:0 14px;display:flex}.auth-input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #005ec61a}.auth-input-wrap svg{width:18px;height:18px;color:var(--subtle);stroke-width:1.9px}.auth-input-wrap input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px;line-height:22px}.auth-input-wrap input::placeholder{color:var(--subtle)}.auth-submit{color:#fff;background:var(--blue);letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.auth-submit:disabled{cursor:progress;opacity:.72}.auth-submit svg{stroke-width:2px;width:17px;height:17px}.auth-message{min-height:52px;color:var(--subtle);background:var(--surface);border:1px solid #0000;align-items:flex-start;gap:10px;padding:12px;font-size:14px;line-height:1.4;display:flex}.auth-message p{margin:0}.auth-message a{color:var(--blue);margin-top:6px;font-weight:600;display:inline-flex}.auth-message svg{flex:none;width:18px;height:18px;margin-top:1px}.auth-message-success{color:var(--uv-zinc-600);background:var(--uv-brand-50);border-color:#005ec629}.auth-message-purchase{color:var(--uv-zinc-600);background:#fff;border-color:#1111151f}.auth-message-error{color:#8c1d1d;background:#fff7f7;border-color:#bc363633}.login-note{max-width:460px}.login-visual-side{background:var(--uv-zinc-950);min-width:0;position:relative;overflow:hidden}.login-gradient{object-fit:cover}.login-visual-side:after{content:"";background:linear-gradient(#11111529,#1111159e),radial-gradient(circle at 65% 25%,#ffffff47,#0000 28%);position:absolute;inset:0}.login-visual-copy,.login-proof{z-index:1;position:absolute}.login-visual-copy{gap:12px;display:grid;top:44px;left:44px;right:44px}.login-visual-copy p{color:#ffffffc7;letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600;line-height:20px}.login-visual-copy h2{color:#fff;letter-spacing:-.04em;max-width:560px;margin:0;font-size:clamp(36px,5vw,64px);font-weight:600;line-height:1.04}.login-proof{flex-wrap:wrap;gap:8px;display:flex;bottom:44px;left:44px;right:44px}.login-proof span{color:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;min-height:32px;padding:6px 12px;font-size:13px;line-height:18px;display:inline-flex}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{color:var(--text);background:var(--bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:var(--bg);min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{height:var(--topbar-height);align-items:center;gap:8px;padding:16px;display:flex}.brand-logo{width:auto;height:24px;display:block}.side-nav{flex:1;padding:16px}.side-nav-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.nav-item,.sign-out{border-radius:var(--radius-sm);height:32px;color:var(--muted);align-items:center;gap:10px;padding:6px;font-size:14px;font-weight:500;line-height:20px;display:flex}.nav-item svg,.sign-out svg{stroke-width:1.9px;width:18px;height:18px}.nav-item.active{color:var(--text);background:var(--surface-active)}.sidebar-bottom{padding:16px}.main{flex-direction:column;min-width:0;display:flex}.topbar{height:var(--topbar-height);background:var(--bg);justify-content:space-between;align-items:center;gap:16px;padding:16px 40px;display:flex}.topbar-title{letter-spacing:-.04em;margin:0;font-size:20px;font-weight:650;line-height:1.1}.topbar-title span{color:var(--muted)}.topbar-actions{align-items:center;gap:8px;display:flex}.pill-button{min-height:32px;color:var(--muted);background:var(--surface-muted);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.pill-button svg{stroke-width:1.9px;width:16px;height:16px}.mobile-header{display:none}.page{gap:32px;width:100%;padding:16px 40px 48px;display:grid}.hero{color:#fff;background:#fff;border:1px solid #fff3;align-items:center;min-width:0;min-height:360px;padding:32px;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;object-position:center;background:#fff;width:100%;min-width:100%;height:100%;min-height:100%;display:block;position:absolute;inset:0}.hero-content{z-index:1;gap:28px;max-width:720px;display:grid;position:relative}.hero-copy{gap:12px;display:grid}.hero h1{color:#fff;letter-spacing:-.045em;margin:0;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.02}.hero p{color:#ffffffeb;letter-spacing:-.01em;max-width:640px;margin:0;font-size:20px;line-height:1.4}.primary-button{width:fit-content;min-height:44px;color:var(--text);cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:16px;font-weight:600;line-height:24px;display:inline-flex}.section{gap:16px;min-width:0;display:grid}.section-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-title{letter-spacing:-.04em;margin:0;font-size:24px;font-weight:650;line-height:32px}.tile-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.tile{flex-direction:column;gap:20px;min-width:0;min-height:420px;padding:24px;display:flex}.tile:nth-child(odd){border-right:1px solid var(--border);padding-left:0}.tile:nth-child(2n){padding-right:0}.tile-copy{align-content:start;gap:8px;min-height:75px;display:grid}.tile h2,.agent-copy h2,.resource-card h2{color:var(--text);letter-spacing:-.04em;margin:0;font-size:20px;font-weight:650;line-height:1.1}.tile p,.agent-copy p,.resource-card p{color:var(--muted);letter-spacing:-.01em;margin:0;font-size:16px;line-height:1.4}.visual-panel{background:radial-gradient(circle,#f4f4f5 0%,#e9e9ec 100%);flex:1;place-items:center;min-width:0;min-height:240px;display:grid;position:relative;overflow:hidden}.visual-panel img{object-fit:contain;max-width:100%;max-height:100%;display:block}.agent-icons{justify-content:center;align-items:center;gap:clamp(28px,7vw,72px);width:100%;display:flex}.agent-icons img{object-fit:contain;width:auto;max-width:84px;height:64px}.screenshot-image{object-fit:contain;width:100%;height:100%}.screenshot-panel{background:#f9f9f7}.screenshot-panel-project{background:#d8d8d6}.screenshot-panel .screenshot-image{object-fit:cover}.copy-block{background:var(--surface);border:1px solid var(--border);flex-direction:column;flex:1;min-width:0;min-height:240px;display:flex;overflow:hidden}.copy-block-header{border-bottom:1px solid var(--border);height:32px;color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.copy-action{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--subtle);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.copy-action:hover{color:var(--text);background:var(--surface-active)}.copy-action svg{stroke-width:1.8px;width:15px;height:15px}.copy-block pre{color:var(--muted);font-family:var(--font-code);white-space:pre-wrap;flex:1;margin:0;padding:16px;font-size:12px;line-height:16px;overflow:auto}.inline-link{color:var(--blue);font-weight:600;line-height:inherit;vertical-align:-.16em;align-items:center;gap:4px;display:inline-flex}.inline-link svg{flex:none}.agents-list{border-top:1px solid var(--border);display:grid}.agent-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.agent-side,.prompt-side{flex-direction:column;gap:20px;height:420px;min-height:420px;padding:24px;display:flex}.agent-side{border-right:1px solid var(--border);padding-left:0}.prompt-side{padding-right:0}.agent-visual{flex:1;min-height:0}.agents-list .copy-block{flex:none;height:312px;min-height:312px}.orb{object-fit:contain;width:220px;height:220px}.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.resource-card{border:1px solid var(--border);background:var(--surface);flex-direction:column;justify-content:space-between;gap:24px;min-height:220px;padding:24px;display:flex}.resource-card svg{width:28px;height:28px;color:var(--text);stroke-width:1.7px}.muted-list{color:var(--muted);gap:8px;margin:0;padding-left:18px;font-size:15px;line-height:1.45;display:grid}@media (max-width:980px){.login-page{padding:20px}.login-panel{grid-template-columns:1fr;min-height:auto}.login-side{gap:40px;padding:32px}.login-form{width:100%}.login-visual-side{min-height:360px}.login-visual-copy{top:32px;left:32px;right:32px}.login-proof{bottom:32px;left:32px;right:32px}.shell{display:block}.sidebar,.topbar{display:none}.mobile-header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;gap:12px;padding:14px 16px;display:grid;position:sticky;top:0}.mobile-header-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.mobile-nav{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.mobile-nav .nav-item{background:var(--surface-muted);min-width:fit-content}.page{gap:28px;padding:20px 16px 40px}.hero{min-height:300px;padding:24px}.hero h1{font-size:42px}.hero p{font-size:17px}.tile-grid,.agent-row,.resources-grid{grid-template-columns:1fr}.tile-copy{min-height:auto}.tile,.tile:nth-child(odd),.tile:nth-child(2n),.agent-side,.prompt-side{border-right:0;height:auto;min-height:auto;padding:20px 0}.tile+.tile,.prompt-side{border-top:1px solid var(--border)}.visual-panel,.copy-block,.agent-visual{min-height:260px}.agents-list .copy-block{height:360px;min-height:360px}}@media (max-width:560px){.login-page{place-items:stretch stretch;padding:0}.login-panel{border:0;min-height:100dvh}.login-side{padding:22px 16px 28px}.login-copy h1{font-size:34px}.auth-input-wrap{height:52px}.login-visual-side{min-height:300px}.login-visual-copy h2{font-size:34px}.section-title{font-size:22px}.hero{min-height:280px}.hero h1{font-size:36px}.primary-button{width:100%}.agent-icons{gap:28px}.agent-icons img{width:auto;height:52px}.orb{width:184px;height:184px}}