.app-shell{background:radial-gradient(circle at 16% 8%, #c892111a, transparent 32rem), radial-gradient(circle at 86% 2%, #b8443a12, transparent 34rem), linear-gradient(180deg, var(--color-cream-wash) 0%, var(--color-cream) 54%, var(--color-cream) 100%);min-height:100vh;display:flex;position:relative;overflow:hidden}.app-shell:before{pointer-events:none;content:"";background-image:linear-gradient(#1c1c1c07 1px,#0000 1px),linear-gradient(90deg,#1c1c1c04 1px,#0000 1px);background-size:100% 48px,48px 100%;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 76%);mask-image:linear-gradient(#000 0%,#0000 76%)}button,.btn-primary,.btn-secondary,.provider-button,.workspace-switch-btn,.workspace-new-btn,.quick-link,.page-tab,.app-nav-item{transition:transform .15s,background .15s,border-color .15s,color .15s,opacity .15s}button.secondary{color:var(--color-text-foreground);border-color:var(--color-border-heavy);background:#ffffff0b}button:hover:not(:disabled),.btn-primary:hover,.btn-secondary:hover,.provider-button:hover,.workspace-switch-btn:hover,.workspace-new-btn:hover,.quick-link:hover{transform:translateY(-1px)}.app-sidebar{z-index:10;border-right:1px solid var(--color-border);width:264px;min-height:100vh;box-shadow:none;-webkit-backdrop-filter:blur(24px)saturate(1.02);backdrop-filter:blur(24px)saturate(1.02);background:#f7f4ede6;flex-direction:column;flex:none;padding:16px 12px;display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid var(--color-border-light);padding:0 4px 16px}.sidebar-brand,.marketing-brand,.auth-brand{font-size:var(--text-heading-sm);color:var(--color-text-foreground);letter-spacing:-.035em;align-items:center;gap:10px;font-weight:760;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;font-size:var(--text-sm);color:#111318;background:linear-gradient(135deg,#fff 0%,#dcecff 100%);border-radius:12px;flex:none;place-items:center;font-weight:850;display:grid;box-shadow:0 10px 28px #8fc7ff2e}.sidebar-workspace{font-size:var(--text-xs);color:var(--color-text-foreground-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:#ffffff0b;align-items:center;gap:8px;margin-top:12px;padding:7px 9px;display:inline-flex}.workspace-slug{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:650;overflow:hidden}.app-nav{flex-direction:column;flex:1;gap:4px;padding:16px 0;display:flex}.app-nav-item{font-size:var(--text-sm);color:var(--color-text-foreground-secondary);border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:11px 12px;font-weight:650;text-decoration:none;display:flex}.app-nav-item:hover{color:var(--color-text-foreground);background:#ffffff0e}.app-nav-item.active{color:#cfe8ff;background:linear-gradient(135deg,#339cff2e,#924ff71f);border-color:#8fc7ff2e}.sidebar-footer{border-top:1px solid var(--color-border-light);padding-top:14px}.workspace-switcher-compact{gap:8px;display:grid}.workspace-count{font-size:var(--text-xs);color:var(--color-text-foreground-tertiary);font-weight:640}.workspace-switch-btn,.workspace-new-btn,.workspace-logout-btn{min-height:34px;font-size:var(--text-xs);color:var(--color-text-foreground-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:#ffffff0b;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-weight:700;text-decoration:none;display:inline-flex}.workspace-new-btn{color:#15171a;background:#f5f5f3}.workspace-logout-btn{color:#b42318;background:#b4231814;border-color:#b423182e}.status-dot{border-radius:var(--radius-pill);width:7px;height:7px}.status-ok{background:var(--color-status-success)}.status-warn{background:#f8c56a}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-main{z-index:1;position:relative}.app-main.has-sidebar{flex:1;width:100%;max-width:1180px;padding:30px 36px 56px}.app-main.landing{width:100%;min-height:100vh;display:block}.page{gap:24px;display:grid}.page-tabs{border:1px solid var(--color-border-light);border-radius:var(--radius-pill);background:#ffffff0a;gap:5px;width:fit-content;padding:5px;display:inline-flex}.page-tab{font-size:var(--text-sm);color:var(--color-text-foreground-secondary);border-radius:var(--radius-pill);padding:8px 16px;font-weight:700;text-decoration:none}.page-tab:hover{color:var(--color-text-foreground);background:#ffffff12}.page-tab.active{color:#111318;background:#f5f5f3}.home-header{border:1px solid var(--color-border);box-shadow:var(--shadow-subtle);background:linear-gradient(135deg,#ffffff12,#ffffff08);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px;display:flex}.home-header-left h1{color:var(--color-text-foreground);letter-spacing:-.07em;margin:0;font-size:clamp(34px,4.4vw,58px);font-weight:760;line-height:.98}.home-header-slug,.home-current-project,.loading-badge,.ok-badge,.warn-badge,.error-badge{font-size:var(--text-xs);border-radius:var(--radius-pill);align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-weight:750;display:inline-flex}.home-header-slug,.home-current-project,.loading-badge{color:var(--color-text-foreground-secondary);border:1px solid var(--color-border-light);background:#ffffff0d}.home-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ok-badge{color:var(--color-status-success);background:#32d5831f;border:1px solid #32d5832e}.warn-badge{color:#f8c56a;background:#f8c56a1f;border:1px solid #f8c56a2e}.error-badge{color:#ff8a87;background:#ff8a871f;border:1px solid #ff8a8733}.page-actions,.billing-cards,.plans-grid,.marketing-grid{gap:14px;display:grid}.page-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.action-card,.billing-card,.plan-card,.account-panel,.billing-panel,.admin-panel,.marketing-grid article,.auth-card,.setup-panel,.auth-required-card,.product-mockup{border:1px solid var(--color-border);box-shadow:var(--shadow-subtle);background:linear-gradient(#ffffff0f,#ffffff07);border-radius:24px}.action-card,.billing-card,.plan-card,.account-panel,.billing-panel,.admin-panel,.marketing-grid article{padding:22px}.action-card{align-content:start;gap:12px;display:grid}.action-card:hover,.plan-card:hover,.marketing-grid article:hover{border-color:var(--color-border-heavy);background:linear-gradient(#ffffff14,#ffffff09)}.action-icon,.marketing-grid svg,.auth-card svg,.setup-panel svg,.auth-required-card svg{color:var(--color-text-action)}.action-card h3,.marketing-grid h2,.plan-card h3,.home-quick-nav h3,.account-panel h2,.billing-panel h2,.admin-panel h2,.invites-section h3{color:var(--color-text-foreground);letter-spacing:-.04em;margin:0;font-weight:740}.action-card h3,.marketing-grid h2,.plan-card h3,.home-quick-nav h3,.invites-section h3{font-size:var(--text-heading-sm)}.account-panel h2,.billing-panel h2,.admin-panel h2{font-size:var(--text-heading-md)}.action-card p,.marketing-grid p,.plan-card p,.account-panel p,.billing-panel p,.admin-panel p,.auth-card p,.setup-panel p,.auth-required-card p,.muted{font-size:var(--text-sm);color:var(--color-text-foreground-secondary);margin:0;line-height:1.62}.action-card button,.plan-card button,.token-empty button,.admin-panel-header button,.workspace-form button,.dev-token-form button,.provider-button{border-radius:var(--radius-md)}.marketing-page,.auth-page,.setup-page,.auth-required-page{width:min(1160px,100vw - 40px);margin:0 auto}.marketing-page{gap:56px;padding:22px 0 72px;display:grid}.marketing-nav{border:1px solid var(--color-border-light);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#181a1e6b;border-radius:22px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.marketing-nav nav{align-items:center;gap:6px;display:flex}.marketing-nav a:not(.marketing-brand){font-size:var(--text-sm);color:var(--color-text-foreground-secondary);border-radius:var(--radius-pill);padding:8px 12px;font-weight:700;text-decoration:none}.marketing-nav a:not(.marketing-brand):hover{color:var(--color-text-foreground);background:#ffffff0e}.marketing-hero{grid-template-columns:minmax(0,.94fr) minmax(390px,1.06fr);align-items:center;gap:44px;padding:28px 0 4px;display:grid}.hero-copy-stack{text-align:left;justify-items:start;display:grid}.marketing-hero h1{max-width:760px;color:var(--color-text-foreground);letter-spacing:-.08em;margin:18px 0 0;font-size:clamp(48px,7vw,86px);font-weight:780;line-height:.95}.marketing-hero p{max-width:650px;color:var(--color-text-foreground-secondary);margin:25px 0 0;font-size:clamp(17px,1.8vw,21px);line-height:1.68}.marketing-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn-primary,.btn-secondary{min-height:46px;font-size:var(--text-sm);border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:780;text-decoration:none;display:inline-flex}.btn-primary{color:#111318;background:#f5f5f3;box-shadow:0 18px 40px #f5f5f314}.btn-secondary{color:var(--color-text-foreground);border:1px solid var(--color-border-heavy);background:#ffffff0b}.marketing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-mockup{background:linear-gradient(135deg,#339cff1a,#0000 36%),linear-gradient(#ffffff14,#ffffff08);grid-template-columns:160px 1fr;min-height:420px;display:grid;position:relative;overflow:hidden}.product-mockup:after{pointer-events:none;content:"";filter:blur(40px);background:#924ff733;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-70px;right:-70px}.mock-sidebar{border-right:1px solid var(--color-border-light);background:#0000002e;flex-direction:column;gap:10px;padding:18px;display:flex}.mock-dot-row{gap:6px;margin-bottom:12px;display:flex}.mock-dot-row span{background:#ffffff2e;border-radius:50%;width:9px;height:9px}.mock-sidebar strong{color:var(--color-text-foreground);margin-bottom:10px}.mock-nav{font-size:var(--text-xs);color:var(--color-text-foreground-secondary);border-radius:var(--radius-sm);background:#ffffff09;padding:8px 9px;font-weight:700}.mock-nav.active{color:#cfe8ff;background:#339cff29}.mock-main{align-content:start;gap:14px;padding:20px;display:grid}.mock-topline,.mock-grid{gap:12px;display:grid}.mock-topline{grid-template-columns:1fr auto;align-items:center}.mock-topline span,.mock-topline small{font-size:var(--text-xs);border:1px solid var(--color-border-light);border-radius:var(--radius-pill);background:#ffffff0d;padding:7px 10px;font-weight:750}.mock-topline small{color:var(--color-status-success)}.mock-hero-card{border:1px solid var(--color-border);background:radial-gradient(circle at 20% 10%,#8fc7ff2e,#0000 40%),#ffffff0e;border-radius:22px;min-height:170px;padding:22px}.mock-hero-card strong{color:var(--color-text-foreground);letter-spacing:-.05em;font-size:28px;display:block}.mock-hero-card p{font-size:var(--text-sm);color:var(--color-text-foreground-secondary);margin-top:8px}.mock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-grid div{border:1px solid var(--color-border-light);background:#ffffff0b;border-radius:16px;padding:14px}.mock-grid small,.billing-card-label,.plan-seats{font-size:var(--text-xs);color:var(--color-text-foreground-tertiary);text-transform:uppercase;letter-spacing:.04em;font-weight:750;display:block}.mock-grid strong,.billing-card-value,.plan-price{font-size:var(--text-heading-md);color:var(--color-text-foreground);letter-spacing:-.05em;margin-top:7px;font-weight:800;display:block}.auth-page,.setup-page,.auth-required-page{place-items:center;min-height:100vh;display:grid}.auth-page{grid-template-rows:auto auto;gap:20px}.auth-card,.setup-panel,.auth-required-card{text-align:left;gap:16px;width:min(560px,100%);padding:30px;display:grid}.setup-panel.wide{width:min(740px,100%)}.auth-card h1,.setup-panel h1,.auth-required-card h1{color:var(--color-text-foreground);letter-spacing:-.06em;margin:0;font-size:clamp(30px,4vw,44px);font-weight:760}.dev-token-form,.workspace-form,.login-providers,.workspace-list{gap:10px;display:grid}.form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.form-actions{flex-wrap:wrap;gap:10px;display:flex}.dev-token-form label,.workspace-form label,.form-group label{font-size:var(--text-xs);color:var(--color-text-foreground-tertiary);text-transform:uppercase;letter-spacing:.05em;gap:6px;font-weight:800;display:grid}.dev-token-form input,.dev-token-form textarea,.workspace-form input,.form-group input{width:100%;min-height:42px;font-size:var(--text-sm);color:var(--color-text-foreground);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff0b;outline:none;padding:10px 12px}.dev-token-form textarea{resize:vertical}.dev-token-form input:focus,.dev-token-form textarea:focus,.workspace-form input:focus,.form-group input:focus{border-color:#8fc7ff7a;box-shadow:0 0 0 3px #339cff14}.provider-button,.workspace-list article{color:var(--color-text-foreground);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:#ffffff0b;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.provider-button{min-height:auto;font-size:var(--text-sm);font-weight:700}.provider-button span{font-size:var(--text-xs);color:var(--color-text-foreground-tertiary);margin-left:auto}.form-error{font-size:var(--text-sm);color:#ffb1ae;border-radius:var(--radius-md);background:#ff8a871a;border:1px solid #ff8a8733;padding:10px 12px}button:disabled{cursor:not-allowed;opacity:.56}.admin-panel-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.table-empty,.token-empty,.usage-empty{color:var(--color-text-foreground-tertiary);text-align:center;border:1px dashed var(--color-border-heavy);border-radius:var(--radius-lg);background:#ffffff06;padding:28px}.member-table,.invite-table{width:100%;font-size:var(--text-sm);border-collapse:collapse;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.member-table th,.invite-table th,.member-table td,.invite-table td{border-bottom:1px solid var(--color-border-light);padding:12px}.member-table th,.invite-table th{font-size:var(--text-xs);color:var(--color-text-foreground-tertiary);text-align:left;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.member-table td,.invite-table td{color:var(--color-text-foreground-secondary)}.role-badge{font-size:var(--text-xs);color:var(--color-status-success);text-transform:capitalize;border-radius:var(--radius-pill);background:#32d5831a;padding:4px 9px;font-weight:800;display:inline-flex}.icon-btn{color:var(--color-text-foreground-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:6px;display:inline-flex}.icon-btn:hover{color:var(--color-text-foreground);background:#ffffff12}.quick-links{flex-wrap:wrap;gap:8px;display:flex}.quick-link{font-size:var(--text-sm);color:var(--color-text-action);border:1px solid var(--color-border-light);border-radius:var(--radius-pill);align-items:center;gap:7px;padding:8px 12px;font-weight:700;text-decoration:none;display:inline-flex}.home-quick-nav{border-top:1px solid var(--color-border-light);padding-top:18px}@media (width<=1040px){.marketing-hero{grid-template-columns:1fr}.hero-copy-stack{text-align:center;justify-items:center}.marketing-actions{justify-content:center}.marketing-grid,.page-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-sidebar{display:none}.app-main.has-sidebar{padding:18px}.marketing-page,.auth-page,.setup-page,.auth-required-page{width:min(100vw - 24px,1160px)}.marketing-nav{flex-direction:column;gap:14px}.marketing-grid,.page-actions,.billing-cards,.plans-grid,.mock-grid,.form-grid-two,.product-mockup{grid-template-columns:1fr}.mock-sidebar{display:none}.home-header,.admin-panel-header{flex-direction:column;align-items:stretch}button,.btn-primary,.btn-secondary{width:100%}}:root{--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-heading-sm:18px;--text-heading-md:22px;--text-heading-lg:32px;--color-cream:#f7f4ed;--color-cream-wash:#fbf8f0;--color-cream-light:#eceae4;--color-charcoal:#1c1c1c;--color-charcoal-muted:#5f5f5d;--color-offwhite:#fcfbf8;--color-background-window:var(--color-cream);--color-background-surface:var(--color-cream);--color-background-surface-under:#f1eee7;--color-background-rail-glass:#f7f4edd6;--color-text-foreground:var(--color-charcoal);--color-text-foreground-secondary:#1c1c1cd1;--color-text-foreground-tertiary:#1c1c1c7a;--color-text-action:var(--color-charcoal);--color-accent-blue:#7c4d2e;--color-accent-purple:#c89211;--color-status-success:#1f8a4c;--color-status-warn:#c89211;--color-status-danger:#b8443a;--color-border:var(--color-cream-light);--color-border-light:#1c1c1c14;--color-border-heavy:#1c1c1c66;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--shadow-main:none;--shadow-subtle:none;--shadow-focus:#0000001a 0 4px 12px;--shadow-inset-dark:#fff3 0 .5px 0 inset, #0003 0 0 0 .5px inset, #0000000d 0 1px 2px;font-synthesis:none;color:var(--color-text-foreground);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-background-window);text-rendering:optimizelegibility;font-family:Camera Plain Variable,Inter,Pretendard,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% -10%, #c8921117, transparent 34rem), radial-gradient(circle at 95% 6%, #b8443a12, transparent 30rem), linear-gradient(180deg, var(--color-cream-wash) 0%, var(--color-cream) 28%, var(--color-cream) 100%);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer}.landing-shell{background:radial-gradient(circle at 18% 0%, #c892111f, transparent 30rem), radial-gradient(circle at 84% 8%, #b8443a14, transparent 28rem), linear-gradient(180deg, var(--color-cream-wash) 0%, var(--color-cream) 62%, var(--color-cream) 100%);min-height:100vh;position:relative;overflow:hidden}.landing-shell:before{pointer-events:none;content:"";background-image:linear-gradient(#1c1c1c07 1px,#0000 1px);background-size:100% 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 78%);mask-image:linear-gradient(#000 0%,#0000 78%)}.site-header{z-index:20;background:var(--color-background-rail-glass);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(1160px,100vw - 40px);box-shadow:var(--shadow-subtle);-webkit-backdrop-filter:blur(20px)saturate(1.04);backdrop-filter:blur(20px)saturate(1.04);justify-content:space-between;align-items:center;gap:18px;margin:14px auto 0;padding:11px 12px;display:flex;position:sticky;top:0}.brand{font-size:var(--text-heading-sm);color:var(--color-text-foreground);letter-spacing:-.03em;align-items:center;gap:10px;font-weight:720;text-decoration:none;display:inline-flex}.brand-mark{width:32px;height:32px;font-size:var(--text-sm);color:var(--color-offwhite);background:var(--color-charcoal);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-dark);place-items:center;font-weight:800;display:grid}.top-nav{border:1px solid var(--color-border-light);border-radius:var(--radius-pill);background:#1c1c1c08;align-items:center;gap:3px;padding:3px;display:flex}.top-nav a,.header-actions a{font-size:var(--text-sm);color:var(--color-text-foreground-secondary);font-weight:580;text-decoration:none}.top-nav a{border-radius:var(--radius-pill);padding:8px 12px}.top-nav a:hover,.header-actions a:hover{color:var(--color-text-foreground);background:#ffffff0e}.header-actions,.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button{min-height:42px;font-size:var(--text-sm);color:var(--color-offwhite);background:var(--color-charcoal);border-radius:var(--radius-md);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-weight:680;transition:transform .14s,background .14s,border-color .14s;display:inline-flex}button:hover{background:#1c1c1cdb;transform:translateY(-1px)}button.outline,button.secondary{color:var(--color-text-foreground);border-color:var(--color-border-heavy);background:0 0}button.outline:hover,button.secondary:hover{background:#1c1c1c0a}.hero-section{z-index:1;grid-template-columns:minmax(0,.98fr) minmax(430px,1.02fr);align-items:center;gap:42px;width:min(1160px,100vw - 40px);margin:0 auto;padding:92px 0 68px;display:grid;position:relative}.hero-copy h1{max-width:760px;color:var(--color-text-foreground);letter-spacing:-.065em;margin:0;font-size:clamp(44px,6.6vw,78px);font-weight:730;line-height:.98}.eyebrow{font-size:var(--text-xs);color:var(--color-text-foreground-tertiary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:0 0 16px;font-weight:680;display:inline-flex}.eyebrow:before{content:"";background:var(--color-status-success);border-radius:var(--radius-pill);flex:none;width:6px;height:6px}.eyebrow.ok{color:var(--color-status-success)}.eyebrow.warn{color:#f8c56a}.eyebrow.warn:before{background:#f8c56a}.eyebrow.error{color:#ff8a87;text-transform:none;word-break:break-word;max-width:680px;line-height:1.45}.eyebrow.error:before{background:#ff8a87}.lede{max-width:680px;color:var(--color-text-foreground-secondary);margin:24px 0 28px;font-size:clamp(17px,1.8vw,20px);font-weight:440;line-height:1.64}.hero-product{background:var(--color-background-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-main);border-radius:24px;padding:14px;position:relative}.product-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 16px;display:flex}.product-toolbar span,.scope-grid span,.handoff-row span{font-size:var(--text-xs);color:var(--color-text-foreground-tertiary);text-transform:uppercase;letter-spacing:.04em;font-weight:640;display:block}.product-toolbar strong{font-size:var(--text-heading-md);color:var(--color-text-foreground);letter-spacing:-.04em;margin-top:4px;display:block}.product-toolbar code{color:var(--color-text-action);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#1c1c1c0a;padding:7px 10px}.setup-card,.terminal-card,.policy-card,.sections-grid article,.feature-cards article{background:var(--color-background-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.setup-card{padding:22px}.setup-header{border-bottom:1px solid var(--color-border-light);align-items:center;gap:12px;padding-bottom:18px;display:flex}.setup-header svg,.sections-grid svg,.feature-cards svg,.policy-card svg{color:var(--color-text-action)}.setup-header strong,.setup-header span{display:block}.setup-header strong{font-size:var(--text-lg);color:var(--color-text-foreground)}.setup-header span{font-size:var(--text-sm);color:var(--color-text-foreground-tertiary);margin-top:3px}.setup-card ol{gap:12px;margin:0;padding:18px 0 0;list-style:none;display:grid}.setup-card li{font-size:var(--text-base);color:var(--color-text-foreground-secondary);align-items:center;gap:10px;display:flex}.setup-card li svg{color:var(--color-status-success);flex:none}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.scope-grid article{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#1c1c1c08;min-height:124px;padding:18px}.scope-grid strong,.scope-grid small{display:block}.scope-grid strong{font-size:var(--text-heading-sm);color:var(--color-text-foreground);margin-top:18px}.scope-grid small{font-size:var(--text-sm);color:var(--color-text-foreground-tertiary);margin-top:4px}.section,.sections-grid,.handoff-band,.feature-band,.cta-section{z-index:1;width:min(1160px,100vw - 40px);margin:0 auto;position:relative}.intro-section{text-align:center;max-width:860px;margin:0 auto;padding:40px 0 30px}.intro-section h2,.handoff-copy h2,.feature-copy h2,.cta-section h2{color:var(--color-text-foreground);letter-spacing:-.055em;margin:0;font-size:clamp(30px,4.5vw,52px);font-weight:710;line-height:1.05}.intro-section p:not(.eyebrow),.handoff-copy p{max-width:760px;font-size:var(--text-lg);color:var(--color-text-foreground-secondary);margin:18px auto 0;line-height:1.65}.sections-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:30px 0 84px;display:grid}.sections-grid article,.feature-cards article{padding:22px}.sections-grid h3,.feature-cards h3{font-size:var(--text-heading-md);color:var(--color-text-foreground);letter-spacing:-.04em;margin:18px 0 9px;font-weight:680}.sections-grid p,.feature-cards p,.policy-card p{font-size:var(--text-base);color:var(--color-text-foreground-secondary);margin:0;line-height:1.62}.handoff-band{border-top:1px solid var(--color-border);grid-template-columns:.84fr 1.16fr;align-items:start;gap:28px;padding:72px 0;display:grid}.handoff-copy{position:sticky;top:110px}.handoff-panel{gap:14px;display:grid}.terminal-card{padding:18px}.terminal-title{color:var(--color-text-foreground-secondary);border-bottom:1px solid var(--color-border-light);align-items:center;gap:9px;padding-bottom:14px;display:flex}.handoff-row{border-bottom:1px solid var(--color-border-light);grid-template-columns:150px 1fr;gap:16px;padding:16px 0;display:grid}.handoff-row:last-child{border-bottom:0}.handoff-row strong{font-size:var(--text-base);color:var(--color-text-foreground);font-weight:620}.policy-card{gap:10px;padding:20px;display:grid}.policy-card strong{font-size:var(--text-heading-sm);color:var(--color-text-foreground)}.feature-band{border-top:1px solid var(--color-border);grid-template-columns:.72fr 1.28fr;gap:28px;padding:72px 0;display:grid}.feature-copy{padding-top:8px}.feature-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cta-section{background:var(--color-background-surface);border:1px solid var(--color-border);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;padding:34px;display:flex}.cta-section h2{max-width:680px}@media (width<=980px){.top-nav{display:none}.hero-section,.handoff-band,.feature-band{grid-template-columns:1fr}.handoff-copy{position:static}.sections-grid{grid-template-columns:1fr}}@media (width<=700px){.site-header,.hero-section,.section,.sections-grid,.handoff-band,.feature-band,.cta-section{width:min(100vw - 24px,1160px)}.header-actions a,.header-actions .outline{display:none}.hero-section{padding-top:54px}.hero-copy h1{font-size:42px}.hero-actions,.scope-grid,.feature-cards{grid-template-columns:1fr;display:grid}button{width:100%}.handoff-row{grid-template-columns:1fr;gap:6px}.cta-section{padding:24px;display:grid}}.site-header,.marketing-nav,.app-sidebar,.home-header,.action-card,.billing-card,.plan-card,.account-panel,.billing-panel,.admin-panel,.marketing-grid article,.auth-card,.setup-panel,.auth-required-card,.product-mockup,.hero-product,.setup-card,.terminal-card,.policy-card,.sections-grid article,.feature-cards article,.cta-section{background:var(--color-background-surface);border-color:var(--color-border);box-shadow:none}.site-header,.marketing-nav{-webkit-backdrop-filter:blur(18px)saturate(1.02);backdrop-filter:blur(18px)saturate(1.02);background:#f7f4eddb}.brand-mark{color:var(--color-offwhite);background:var(--color-charcoal);box-shadow:var(--shadow-inset-dark)}.sidebar-brand,.marketing-brand,.auth-brand,.brand,.hero-copy h1,.intro-section h2,.handoff-copy h2,.feature-copy h2,.cta-section h2,.home-header-left h1,.marketing-hero h1,.auth-card h1,.setup-panel h1,.auth-required-card h1,.action-card h3,.marketing-grid h2,.plan-card h3,.home-quick-nav h3,.account-panel h2,.billing-panel h2,.admin-panel h2,.invites-section h3,.mock-hero-card strong,.billing-card-value,.plan-price{font-weight:600}button:not(.secondary):not(.outline):not(.icon-btn),.btn-primary,.workspace-new-btn,.page-tab.active{color:var(--color-offwhite);background:var(--color-charcoal);box-shadow:var(--shadow-inset-dark)}button:hover:not(:disabled):not(.secondary):not(.outline):not(.icon-btn),.btn-primary:hover,.workspace-new-btn:hover{background:#1c1c1cdb}button.secondary,button.outline,.btn-secondary,.workspace-switch-btn,.quick-link,.provider-button{color:var(--color-text-foreground);border-color:var(--color-border-heavy);background:0 0}button.secondary:hover,button.outline:hover,.btn-secondary:hover,.workspace-switch-btn:hover,.quick-link:hover,.provider-button:hover,.app-nav-item:hover,.page-tab:hover,.marketing-nav a:not(.marketing-brand):hover,.top-nav a:hover,.header-actions a:hover,.icon-btn:hover{color:var(--color-text-foreground);background:#1c1c1c0a}.sidebar-workspace,.home-header-slug,.home-current-project,.loading-badge,.page-tabs,.top-nav,.mock-nav,.mock-topline span,.mock-topline small,.mock-grid div,.table-empty,.token-empty,.usage-empty,.scope-grid article{border-color:var(--color-border);background:#1c1c1c08}.app-nav-item.active,.mock-nav.active{color:var(--color-charcoal);border-color:var(--color-border);background:#1c1c1c0f}.ok-badge,.role-badge{color:var(--color-status-success);background:#1f8a4c1a;border-color:#1f8a4c2e}.warn-badge,.eyebrow.warn{color:var(--color-status-warn)}.warn-badge{background:#c892111a;border-color:#c892112e}.error-badge,.eyebrow.error,.form-error{color:var(--color-status-danger)}.error-badge,.form-error{background:#b8443a14;border-color:#b8443a2e}.product-mockup{background:radial-gradient(circle at 20% 0%, #c892111a, transparent 38%), var(--color-background-surface)}.product-mockup:after{background:#b8443a1f}.mock-sidebar{border-right-color:var(--color-border);background:#1c1c1c09}.mock-dot-row span{background:#1c1c1c2e}.mock-hero-card{background:radial-gradient(circle at 20% 10%,#c8921129,#0000 40%),#1c1c1c09}.product-auth-page{width:min(1120px,100vw - 40px);min-height:100vh;margin:0 auto}.auth-split{grid-template-columns:minmax(0,.95fr) minmax(380px,.72fr);gap:18px;width:100%;display:grid}.auth-copy-panel,.product-auth-card{background:var(--color-background-surface);border:1px solid var(--color-border);border-radius:24px}.auth-copy-panel{background:radial-gradient(circle at 12% 16%, #c8921121, transparent 28rem), radial-gradient(circle at 92% 86%, #b8443a14, transparent 24rem), var(--color-background-surface);flex-direction:column;justify-content:space-between;min-height:620px;padding:34px;display:flex;overflow:hidden}.auth-copy-panel h1{letter-spacing:-.075em;max-width:680px;margin:18px 0 0;font-size:clamp(42px,6vw,68px);font-weight:600;line-height:1}.auth-copy-panel p:not(.eyebrow){max-width:600px;color:var(--color-text-foreground-secondary);margin:22px 0 0;font-size:clamp(16px,1.6vw,19px);line-height:1.62}.auth-proof-list{gap:10px;margin:36px 0 0;padding:0;list-style:none;display:grid}.auth-proof-list li{font-size:var(--text-sm);color:var(--color-text-foreground-secondary);align-items:center;gap:10px;display:flex}.auth-proof-list li:before{content:"";background:var(--color-charcoal);border-radius:var(--radius-pill);width:7px;height:7px}.product-auth-card{align-content:center;min-height:620px}.product-login-providers{gap:9px}.product-login-providers .provider-button{justify-content:flex-start;min-height:48px;padding:0 14px}.auth-divider{font-size:var(--text-xs);color:var(--color-text-foreground-tertiary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.email-login-form{gap:8px;display:grid}.email-login-form label{font-size:var(--text-xs);color:var(--color-text-foreground-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.email-login-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.email-login-row input,.dev-token-form input,.dev-token-form textarea,.workspace-form input,.form-group input{min-height:46px;color:var(--color-text-foreground);background:var(--color-background-surface);border-color:var(--color-border)}.email-login-row input:focus,.dev-token-form input:focus,.dev-token-form textarea:focus,.workspace-form input:focus,.form-group input:focus{border-color:var(--color-border-heavy);box-shadow:var(--shadow-focus)}.auth-success-message{font-size:var(--text-sm);color:var(--color-status-success);margin:2px 0 0}.auth-footnote,.auth-secondary-link{font-size:var(--text-xs);color:var(--color-text-foreground-tertiary);line-height:1.55}.auth-secondary-link{width:fit-content;color:var(--color-text-foreground);align-items:center;gap:5px;text-decoration:none;display:inline-flex}@media (width<=900px){.auth-split{grid-template-columns:1fr}.auth-copy-panel,.product-auth-card{min-height:auto}.email-login-row{grid-template-columns:1fr}}
