/* Sunday AI — midnight studio. Loaded after the original component styles. */
:root,:root[data-theme="dark"]{
 --bg:#09131e;--surface:#112131;--surface-2:#162b3d;--surface-3:#20384b;
 --ink:#f1f7fa;--ink-2:#bed0dd;--muted:#8da6b9;--line:#284052;--line-strong:#38556b;
 --card-bd:#284052;--edge:#284052;--drop:transparent;--bg-dot:transparent;
 --red:#53dfbc;--red-hi:#a9f4da;--red-lo:#187b66;--red-soft:#193d38;
 --phos:#cdf16e;--phos-hi:#e4ffa3;--phos-deep:#cdf16e;--phos-soft:#283b23;
 --key:#192e40;--key-hi:#233d53;--key-lo:#112131;--key-bd:#38556b;
 --up:#b3e970;--up-soft:#243b2b;--down:#ff9c9b;--down-soft:#442e37;
 --gold:#cdf16e;--wood:#213f4b;--wood-lo:#172c35;
 --f-pix:'Space Grotesk','Outfit',sans-serif;--r:18px;color-scheme:dark;
}
:root[data-theme="light"]{
 --bg:#eaf1f5;--surface:#fff;--surface-2:#f2f7fa;--surface-3:#e0ebf1;
 --ink:#102839;--ink-2:#375466;--muted:#547082;--line:#cbdde6;--line-strong:#afc7d3;
 --card-bd:#cbdde6;--edge:#afc7d3;--red:#087965;--red-hi:#086552;--red-lo:#075547;
 --red-soft:#d6f2e8;--key:#fff;--key-hi:#fff;--key-lo:#e0ebf1;--key-bd:#afc7d3;
 --phos-deep:#4c6f13;--up:#3d6a19;--up-soft:#e4f1d4;--down:#b6384a;--down-soft:#f9e2e6;color-scheme:light;
}
body{padding-left:0;background:var(--bg);background-image:none}
body::before,body::after{display:none}
.demo-notice{background:var(--surface-2);color:var(--muted);font-size:11px;letter-spacing:.05em;padding:7px 16px;border-bottom:1px solid var(--line)}
.topbar{position:sticky;inset:auto;top:0;width:100%;height:auto;overflow:visible;border:0;border-bottom:1px solid var(--line);background:var(--bg);z-index:50}
.topbar-in{height:auto;min-height:80px;max-width:1480px;margin:auto;padding:16px 32px;flex-direction:row;align-items:center;gap:28px;flex-wrap:wrap}
.brand{padding:0;border:0;gap:10px}.brand-logo{width:35px;height:35px}.brand-name{font:800 23px/1 'Space Grotesk',sans-serif;letter-spacing:-1px}
.brand-desk{background:var(--red);color:var(--bg);border-radius:6px;padding:3px 6px;box-shadow:none;text-shadow:none}
.nav{flex-direction:row;align-items:center;gap:4px;flex:1}.nav a,.nav-shill{width:auto;padding:10px 12px;font-size:14px;border-radius:8px;gap:7px}
.nav a.on{background:var(--surface-3);color:var(--red-hi);box-shadow:none}.nav a.on .nav-ic{color:var(--red)}
.nav-ic{width:16px;height:16px}.side-card,.ca-chip{display:none}.top-right{order:0;margin:0;display:flex;gap:12px}.btn-wallet{order:0;width:auto;height:40px}.top-right .mode-pill{display:none!important}
.tape{position:relative;top:auto;background:var(--surface);border:0;border-bottom:1px solid var(--line);box-shadow:none;color:var(--muted);height:34px}
.tape::before,.tape::after{display:none}.tape-track{font:500 12px/1.4 var(--f-mono);text-shadow:none}.tape .up{color:var(--up)}
.wrap{max-width:1440px;margin:auto;padding:30px 32px 50px}.foot{max-width:1440px;padding:24px 32px;border-top:1px solid var(--line);color:var(--muted)}
.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;padding:12px 0 30px}
.intro .eyebrow{color:var(--red);font:600 11px/1.5 var(--f-mono);letter-spacing:.18em;margin-bottom:12px}
.intro h1{font:600 clamp(34px,4.2vw,62px)/1.05 var(--f-term);letter-spacing:-2.6px;margin:0 0 14px;max-width:none}
.intro h1 em{color:var(--red);font-style:normal}.intro .lede{font-size:16px;color:var(--ink-2);line-height:1.6;max-width:560px}
.hero-cta{margin-top:20px;gap:10px}.btn,.icon-btn,.seg button{border-radius:9px;box-shadow:none;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);text-shadow:none;clip-path:none}
.btn::before,.btn::after{display:none}.btn-primary{background:var(--red);color:var(--bg);border-color:var(--red);font-weight:700}.btn:hover,.icon-btn:hover{filter:brightness(1.12)}
.btn-lg{font-size:14px;min-height:44px;padding:11px 17px}.seg{border-radius:9px;background:var(--surface-2);box-shadow:none;border:1px solid var(--line)}.seg button.on{background:var(--surface-3);color:var(--red-hi)}
.intro .crew{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
.intro .crew li+li{border-top:1px solid var(--line)}.intro .crew button{background:none;border:0;border-radius:0;box-shadow:none;padding:13px 20px;grid-template-columns:44px 1fr;gap:14px}
.crew-av,.crew-av svg{width:44px;height:44px}.intro .crew b{font:600 16px var(--f-term)}.intro .crew button span span{font-size:13px;color:var(--muted)}
.hero{gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface);margin-bottom:24px}
.office-heading{display:flex;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line);font:500 11px/1.5 var(--f-mono);letter-spacing:.12em;color:var(--red)}.office-heading span+span{color:var(--muted);letter-spacing:0}
.hero-top{grid-template-columns:minmax(0,1fr) 300px;gap:0;align-items:stretch}
.hero-top .office{height:540px;min-height:0;margin:0;background:radial-gradient(ellipse at 50% 60%,#24465655,transparent 65%)}
.phone-wrap{border-left:1px solid var(--line);background:var(--surface-2);padding:10px 12px 16px}.phone-stage{height:470px;min-height:0;border-radius:0;background:none}.phone-cap{font-size:11px;color:var(--muted)}
.home-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.home-main{gap:24px}.boss-col{top:110px;gap:12px}.boss-stage{height:340px;box-shadow:none;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.card,.boss-say,.boss-memo,.acard{box-shadow:none;border:1px solid var(--line);border-radius:16px;background:var(--surface);clip-path:none}
.card-head{padding:18px 20px;border-bottom:1px solid var(--line);background:transparent}.card-head h2{font:600 16px var(--f-term);letter-spacing:-.2px;text-transform:none}.card-foot{border-top:1px solid var(--line);background:transparent;color:var(--red)}
.stats{gap:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;grid-template-columns:repeat(3,minmax(0,1fr))}.stats .stat{border:0;border-radius:0;box-shadow:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:none;padding:20px}.stat .val{font-family:var(--f-term)}
.duo{grid-template-columns:1fr 1fr;gap:24px}.boss-say::after,.boss-say::before{display:none}.boss-say{font-size:14px}.boss-memo{padding:16px}.boss-memo a,.boss-memo button{font-size:13px}.acard::before{background:var(--red);height:4px}.acard::after{display:none}
.ob{border-radius:10px;box-shadow:0 4px 14px #07131d44}.ob b{font-family:var(--f-term)}
.live{color:var(--up)}.page-head h1,.agent-hero h1{font-family:var(--f-term);letter-spacing:-1px}
@media(max-width:1200px){.topbar-in{gap:15px}.nav a,.nav-shill{padding:9px 8px;font-size:13px}.nav-ic{display:none}.home-layout{grid-template-columns:minmax(0,1fr)}.boss-col{position:static;grid-template-columns:1fr 220px 1fr;grid-template-areas:'say stage memo' 'hint stage memo';align-items:center}.boss-stage{grid-area:stage;height:250px}.boss-say{grid-area:say}.boss-hint{grid-area:hint}.boss-memo{grid-area:memo}}
@media(max-width:850px){.topbar-in{padding:14px 20px;gap:14px}.top-right{margin-left:auto}.nav{order:3;flex-basis:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.nav a,.nav-shill{flex:none;font-size:14px}.intro{grid-template-columns:1fr;gap:22px}.intro .crew{grid-template-columns:repeat(3,minmax(0,1fr))}.intro .crew li+li{border-top:0;border-left:1px solid var(--line)}.intro .crew button{grid-template-columns:1fr;padding:14px;gap:8px}.hero-top{grid-template-columns:minmax(0,1fr) 230px}.hero-top .office{height:430px}.phone-stage{height:370px}.wrap{padding:24px 20px 40px}.boss-col{grid-template-columns:1fr 200px;grid-template-areas:'say stage' 'memo stage' 'hint stage'}}
@media(max-width:560px){.demo-notice{font-size:10px;letter-spacing:0}.brand-name{font-size:21px}.brand-logo{width:30px;height:30px}.btn-wallet{font-size:12px;padding:8px 12px}.topbar-in{padding:12px 16px;gap:10px}.top-right{gap:8px}.nav a,.nav-shill{padding:8px 10px}.wrap{padding:22px 14px 32px}.intro{padding:0 4px 24px}.intro h1{font-size:40px;letter-spacing:-1.8px}.intro .lede{font-size:15px}.intro .crew button{padding:12px 10px}.intro .crew b{font-size:14px}.intro .crew button span span{font-size:11px}.crew-av,.crew-av svg{width:36px;height:36px}.hero-top{grid-template-columns:minmax(0,1fr)}.hero-top .office{height:360px;min-height:360px}.phone-wrap{border-left:0;border-top:1px solid var(--line)}.phone-stage{height:400px;min-height:0}.office-heading{padding:14px 16px}.office-heading span+span{max-width:150px;text-align:right}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.duo{grid-template-columns:1fr}.boss-col{grid-template-columns:1fr;grid-template-areas:'say' 'stage' 'hint' 'memo'}.boss-stage{height:280px}.foot{padding:24px 16px}.hero-cta{flex-wrap:wrap}}
:root .tape{background:var(--surface);color:var(--muted)}
:root .tape-item b{color:var(--ink-2)}
:root .tape-item .up{color:var(--up)}
:root .tape-item .down{color:var(--down)}
.tape-sep{color:var(--line-strong)}
.crew-av .av{width:100%;height:100%}.crew-av .av svg{width:100%;height:100%}
:root[data-theme] .tape{background:var(--surface);color:var(--muted)}
:root[data-theme] .tape-item b{color:var(--ink-2)}
:root[data-theme] .tape-item .up{color:var(--up)}
:root[data-theme] .tape-item .down{color:var(--down)}
/* Sunday Agents brand lockup */
.brand-logo{object-fit:cover;border-radius:9px;width:40px;height:40px}
.brand-name{font-size:20px;letter-spacing:-.7px}.brand-desk{font-size:14px;letter-spacing:.02em;margin-left:6px}
@media(max-width:560px){.brand-name{font-size:17px}.brand-desk{font-size:11px}.brand-logo{width:30px;height:30px}.topbar-in{gap:8px}.top-right{gap:6px}}

.topbar > .ca-chip{display:flex;position:static;width:100%;max-width:none;margin:0;padding:9px 16px;justify-content:center;gap:10px;height:auto;min-height:40px;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--ink-2);box-shadow:none;clip-path:none}
.topbar > .ca-chip .ca-val{font-size:12px;overflow-wrap:anywhere;min-width:0;text-align:left}
.topbar > .ca-chip .ca-tag{background:var(--red-soft);color:var(--red);flex-shrink:0}
.topbar > .ca-chip .ca-copy{flex-shrink:0}