/* Logo palette: #000000 and sampled logo lime #c0ff72. */
:root{--logo-lime:#c0ff72;--logo-black:#000;--bg:#000;--panel:#000;--panel-deep:#000;--text:#c0ff72;--paper:#c0ff72;--muted:rgba(192,255,114,.7);--green:#c0ff72;--accent:#c0ff72;--ink:#000;--brand:#c0ff72;--brand-deep:#c0ff72;--line:rgba(192,255,114,.2);--bg-2:#000;--bg-3:#000;--text-2:#c0ff72;--text-3:rgba(192,255,114,.65);--cream:#c0ff72;--cream-3:#c0ff72;--ink-soft:#000;--border-light:rgba(0,0,0,.2);--border-light-2:rgba(0,0,0,.3)}
:root{--line-2:#c0ff7240;--text-4:#c0ff7280;--accent-dim:#c0ff7299;--err:#c0ff72;--warn:#c0ff72;--amber:#c0ff72;--cream-2:#c0ff72}
body{background:#000;color:#c0ff72}
::selection{background:#c0ff72;color:#000}
em{font-family:inherit;font-style:normal;font-weight:inherit;color:#c0ff72}
body>.nav{background:#000;border-color:#c0ff7233;box-shadow:0 12px 36px #0009;min-height:68px;padding:10px 24px;width:min(1200px,calc(100% - 40px))}
body>.nav .brand,body>.nav .nav__brand{font-size:18px;letter-spacing:-.055em;color:#c0ff72;font-weight:600}
.brand-tail{color:#c0ff72}
body>.nav .brand img,body>.nav .nav__brand img{width:32px;height:32px}
body>.nav .nav__links{color:#c0ff72b3;font-size:13px}
body>.nav .nav-start,body>.nav .nav__cta{background:#c0ff72;color:#000;border-color:#c0ff72;font-weight:600;padding:12px 18px}
body>.nav .menu{color:#c0ff72;border-color:#c0ff7240;background:#000}
body>.nav .nav__links.mobile-open{background:#000;border-color:#c0ff7240}
.sign-in{color:#c0ff72}
.hero{padding:100px 32px 84px;text-align:left}
.hero-orbit{display:none}
.hero__panel{max-width:1136px;display:grid;grid-template-columns:1.15fr 1fr;column-gap:64px;align-items:start}
.hero .eyebrow{grid-column:1/-1;color:#c0ff72;font-size:10px;letter-spacing:.14em;margin-bottom:24px}
.tiny-dot{background:#c0ff72;box-shadow:none}
.hero h1{grid-column:1;grid-row:2;font-size:clamp(60px,6.5vw,94px);line-height:.98;font-weight:600;letter-spacing:-.075em;margin:0 0 24px}
.hero h1 em{letter-spacing:inherit;display:inline-block;font-size:.82em;white-space:nowrap}
.hero-description{grid-column:1;grid-row:3;font-size:16px;line-height:1.8;margin:0;color:#c0ff72b3;max-width:470px}
.desktop-break{display:none}
.task-composer{grid-column:2;grid-row:2/4;align-self:center;width:100%;margin:0;padding:28px;background:#c0ff72;color:#000;border:0;border-radius:28px;box-shadow:none;transition:transform .25s}
.task-composer:focus-within{border-color:#c0ff72;box-shadow:0 0 0 5px #c0ff7226}
.task-composer label{color:#000b;font-size:12px;font-weight:500}
.task-composer textarea{color:#000;font-size:19px;line-height:1.55;min-height:130px;padding-top:18px}
.task-composer textarea::placeholder{color:#0009}
.composer-bottom{padding-top:18px;border-top:1px solid #0003;margin-top:12px}
.composer-chip{color:#000b;font-size:11px}
.hero__mega-cta{color:#c0ff72;background:#000;border-color:#000;border-radius:99px;padding:14px 18px;font-size:12px}
.hero__mega-cta:hover{background:#000;transform:translateY(-2px)}
.task-ideas{grid-column:2;justify-content:flex-start;margin:18px 0 0;color:#c0ff7299;font-size:11px}
.task-ideas button{color:#c0ff72b3;border-color:#c0ff7233;font-size:11px}
.task-ideas button:hover,.task-ideas button[aria-pressed=true]{background:#c0ff72;color:#000;border-color:#c0ff72}
.start-note{grid-column:2;color:#c0ff7299;font-size:11px;margin-top:16px}
.start-note a{color:#c0ff72}
.hero-facts{grid-column:1/-1;justify-content:flex-start;padding-top:32px;margin-top:40px;border-top:1px solid #c0ff7233;color:#c0ff7299;font-size:11px;gap:22px}
.hero-facts strong{color:#c0ff72;font-weight:600}
.work-section,.explain-section{max-width:1200px;padding:68px 32px}
.section-heading h2,.start-section h2{font-size:clamp(34px,4vw,56px);font-weight:500;letter-spacing:-.055em;line-height:1.06}
.section-heading p,.eyebrow{color:#c0ff72b3}
.workbench{border-color:#c0ff7233;background:#000;box-shadow:none;border-radius:28px;grid-template-columns:265px minmax(0,1fr)}
.bench-sidebar{background:#c0ff72;color:#000;border-color:#0003;padding:30px 18px}
.bench-brand,.bench-label,.workspace-note p,.example-tab,.example-tab small,.example-tab>span:last-child{color:#000b}
.bench-sidebar .tiny-dot{background:#000}
.bench-brand{font-weight:600}.bench-label{font-size:9px;letter-spacing:.12em}
.example-tab.on,.example-tab:hover{background:#000;color:#c0ff72;border-color:#000}
.example-tab.on small,.example-tab.on>span:last-child{color:#c0ff72b3}
.workspace-note{border-color:#0003}.workspace-note svg{stroke:#000}
.bench-top,.bench-bottom{color:#c0ff72b3;border-color:#c0ff7233}
.example-badge,.bench-bottom a{color:#c0ff72}
.sample-brief{background:#000;border-color:#c0ff7233;color:#c0ff72b3}
.reply-head small,.finance-inputs label,.answer-note,.media-caption{color:#c0ff7299}
.finance-inputs input{background:#000;color:#c0ff72;border-color:#c0ff7240;border-radius:12px}
.quiet-button,.answer-note>span,.media-caption a{color:#c0ff72}
output{background:#c0ff72;color:#000;border-color:#c0ff72;border-radius:16px;font-weight:500}
.example-media,.example-video{background:#000;border-color:#c0ff7233}
.feature-icon{background:#000;color:#c0ff72;border-color:#c0ff7233;border-radius:50%}
.capabilities article{border-color:#c0ff7233}.capabilities p,.capabilities a{color:#c0ff72b3}
.start-section{max-width:1136px;background:#c0ff72;color:#000;border:0;border-radius:32px;padding:52px;margin:48px auto 80px}
.start-section em,.start-section .eyebrow,.start-section p,.start-steps li>span,.text-link{color:#000b}
.start-section .primary{background:#000;color:#c0ff72;border-color:#000;border-radius:99px}
footer,.footer{border-color:#c0ff7233;color:#c0ff7299}footer>div,footer>span{color:#c0ff7299}
.page-hero{padding:76px 0 48px}.page-hero h1{font-weight:500;letter-spacing:-.065em}.page-hero p,p{color:var(--muted)}
.card,.callout,.prompt{background:#000;border-color:#c0ff7233;box-shadow:none;color:#c0ff72}
.card:hover{border-color:#c0ff7277}.card.light{background:#c0ff72;color:#000}.card.light p{color:#000b}
.button,.nav__cta{background:#c0ff72;color:#000;border-color:#c0ff72;border-radius:99px}
.button:hover,.nav__cta:hover{box-shadow:none}.button.secondary{background:#000;color:#c0ff72;border-color:#c0ff7240}
.tag,.billing a,.media{border-color:#c0ff7233;background:#000;color:#c0ff72}.billing a[aria-current=page]{background:#c0ff72;color:#000}
input{background:#000;color:#c0ff72;border-color:#c0ff7233}.price small,.price-card ul,.breadcrumbs,.note{color:#c0ff72b3}
/* Authentication keeps the same palette without changing account flows. */
.bg-photo{display:none}.shell>.brand{color:#c0ff72}.shell .card{background:#000;border-color:#c0ff7233;box-shadow:none}.shell .sub,.shell .hint,.shell .legal,.shell .trust,.shell .step-label{color:#c0ff72b3}.shell .google{background:#c0ff72;color:#000;border-color:#c0ff72}.shell .google svg{filter:grayscale(1)}
/* The workspace retains its layout and real media; interface chrome is two-tone. */
#app .sidebar,#app .main,.workspace-home{background:#000!important;border-color:#c0ff7233}
#app .chat-head,#app .mtop,.workspace-composer,.workspace-chief,.office-stage,.office-stage-head{background:#000;border-color:#c0ff7233;box-shadow:none;color:#c0ff72}
.workspace-hero h1 span,.workspace-chief h3,.workspace-top,.office-stage-head{color:#c0ff72}
.workspace-hero h1,.workspace-hero p,.workspace-composer>div>span{color:#c0ff72}
.workspace-top button,.new-agent{background:#c0ff72!important;color:#000!important;border-color:#c0ff72!important}
.plan-cta{background:#c0ff72!important;color:#000!important}
.workspace-composer textarea::placeholder{color:#c0ff7299}
#officeViewport{background:#000!important}.office-name{background:#000;color:#c0ff72;border-color:#c0ff7233}
.router-host .sb-item{background:#000!important}.sprite-team img{background:#000}
.workspace-chief p,.workspace-chief small,.workspace-suggestions button{color:#c0ff72b3}.workspace-chief:hover{background:#000;border-color:#c0ff72}
.workspace-composer textarea{color:#c0ff72}.workspace-composer button{background:#c0ff72;color:#000}
.chat,.composer,.modal-card,.artifact-preview{background:#c0ff72;color:#000;border-color:#0003}
.chat-head .nm,.chat-head .md{color:#c0ff72}.chat-head .actions button{color:#c0ff72;border-color:#c0ff7240}
.welcome-progress,.welcome-note,.welcome-working,.welcome-form label{color:#c0ff72b3}.welcome-progress span,.welcome-chips button{border-color:#c0ff7233;color:#c0ff72}.welcome-progress .current{background:#c0ff72;color:#000;border-color:#c0ff72}
.welcome-result{background:#000;border-color:#c0ff7255;box-shadow:none}.welcome-result h2,.welcome-result #welcomeContent,.welcome-result-tag{color:#c0ff72}.welcome-result-actions button{color:#c0ff72;border-color:#c0ff7240}
@media(max-width:1000px){.hero__panel{column-gap:32px}.hero h1{font-size:70px}.task-composer{padding:24px}.task-composer textarea{font-size:17px}.composer-chip span{display:none}}
@media(max-width:850px){body>.nav{width:calc(100% - 24px);padding:10px 16px;min-height:64px}.hero{padding:64px 24px 44px}.hero__panel{display:flex;flex-direction:column;align-items:center;text-align:center}.hero .eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(52px,9vw,76px);margin-bottom:24px}.hero-description{margin-bottom:32px;font-size:15px;max-width:500px}.task-composer{max-width:540px;text-align:left}.task-ideas{justify-content:center}.hero-facts{justify-content:center;width:100%;font-size:10px;margin-top:32px;padding-top:24px;gap:12px}.work-section,.explain-section{padding:44px 24px}.workbench{grid-template-columns:1fr}.bench-sidebar{padding:20px 14px}.start-section{margin:32px 24px 52px;padding:32px}.start-section h2{font-size:38px}.composer-chip span{display:inline}.example-tab small{display:none}}
@media(max-width:520px){.hero{padding:48px 18px 36px}.hero .eyebrow{font-size:8px}.hero h1{font-size:clamp(49px,12vw,64px)}.hero-description{font-size:14px;line-height:1.75}.task-composer{padding:22px;border-radius:24px}.task-composer textarea{font-size:17px;min-height:116px}.hero__mega-cta{font-size:11px;padding:13px 16px}.composer-chip span{display:none}.hero-facts span:last-child{flex-basis:100%}.start-note{font-size:10px}.work-section,.explain-section{padding:36px 18px}.start-section{margin:28px 18px 44px;padding:26px}.example-tab{padding:10px 7px}.example-tab strong{font-size:10px}.section-heading h2{font-size:38px}}
