/* OSP / Daybreak. Owner-requested color and readability, September 8, 2026.
   Coral invites action; violet marks selected tools; mint and gold group work.
   Color complements labels. No new fonts, imagery, motion libraries or services. */
.osp-flagship,.osp-quote{--osp-ink:#20243b;--osp-muted:#52596c;--osp-paper:#fffdf8;--osp-violet:#5d3db4;--osp-mint:#d6f2e7;--osp-gold:#ffedb4;--osp-coral:#ff987d;--osp-line:#c6cbd8}
.osp-flagship{background:#141a35;color:#f6f4ff;--accent:#ff987d;--void:#141a35;--moon:#f6f4ff}
.osp-flagship .announcement{background:#d6f2e7;color:#214b40;border-color:#aecfbe;font-size:13px}
.announcement a{color:#204d42;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.announcement .signal-dot{background:#206c57}
.flag-nav{background:transparent}.header-app>span{color:#c4cadd}
.osp-flagship .flag-hero{background:#141a35}
.osp-flagship .flag-hero::after{background:radial-gradient(ellipse at 14% 30%,#7350b04d,transparent 60%),radial-gradient(ellipse at 85% 75%,#39baa940,transparent 60%),linear-gradient(180deg,#141a3510,#141a3544 75%,#141a35)}
.osp-flagship .flag-hero::before{opacity:.78}
.hero-intro h1{color:#fff9f3}.hero-intro h1 em{color:#ffc995}
.hero-intro .micro-label,.osp-flagship .micro-label{color:#d6c4ff}
.hero-intro .flag-lede{color:#dedfec}.hero-explainer,.horizon-caption{color:#dce5e8}
.osp-flagship .workspace-entry{background:linear-gradient(135deg,#f5f1f8,#faf6ef);border:1px solid #ffffffb3;box-shadow:0 22px 70px #03082645;color:var(--osp-ink)}
.workspace-entry .entry-topline .micro-label{color:#5d3db4;font-size:13px;font-weight:600}
.workspace-entry .entry-free{background:#e6efe9;border-color:#b3c5b9;color:#245e49;font-size:12px;font-weight:600;border-radius:4px;padding:3px 7px}
.osp-flagship .workspace-entry h2{color:var(--osp-ink)}.osp-flagship .workspace-entry h2 em{color:#7751a5}
.workspace-entry #first-idea{background:#fffdfb;color:#20243b;border:1px solid #9d94ae;box-shadow:inset 0 2px 4px #29234406}
.workspace-entry #first-idea::placeholder{color:#606174}
.workspace-entry .idea-starters{gap:8px}
.workspace-entry .idea-starters button{background:#f1edf6;border-color:#c3b9d2;color:#463069;font-size:13px;font-weight:600;border-radius:6px}
.workspace-entry .idea-starters button:nth-child(2){background:#edf3ef;color:#225847;border-color:#afc2b7}
.workspace-entry .idea-starters button:nth-child(3){background:#f7f1e5;color:#6b481a;border-color:#cec0a3}
.workspace-entry .idea-starters button:hover,.workspace-entry .idea-starters button[aria-pressed=true]{outline:2px solid #6245a8;outline-offset:2px}
.workspace-entry #open-tour{background:#ff987d;color:#351c25;border-color:#ff987d;box-shadow:0 2px 0 #c4614d;font-size:16px}
.workspace-entry #open-tour:hover{background:#ffac96}
.workspace-entry .entry-note{color:#575569;font-size:13px}.workspace-entry .entry-account{color:#513583;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.workspace-entry #entry-project-name{color:#20243b}.workspace-entry #entry-return-note{color:#545366}.workspace-entry .flag-mark{border-color:#513583}
.osp-flagship .steps-section{padding-block:70px}.steps-section .section-top>p{color:#d8ddeb}
.steps-grid{gap:18px}.steps-grid article{padding:28px;border-radius:12px;background:#f1eef6;color:#282641;border:1px solid #ffffff50;border-top:2px solid #b39bcc}
.steps-grid article:nth-child(2){background:#eaf2ee;border-top-color:#82b09b}.steps-grid article:nth-child(3){background:#f5f0e4;border-top-color:#c8ac72}
.steps-grid article .step-number{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;font-size:12px;font-weight:600;border:1px solid #9b88be;border-radius:4px;background:#ffffff80;color:#553884;margin-bottom:16px}
.steps-grid article:nth-child(2) .step-number{color:#205f4b;border-color:#74a48e}.steps-grid article:nth-child(3) .step-number{color:#785321;border-color:#b9975c}
.steps-grid article h3{color:#252840}.steps-grid article p{color:#495064;font-size:16px;line-height:1.75}
.osp-flagship .business-offer{display:block;padding:clamp(26px,4vw,54px);border:1px solid #dbd2e9;border-radius:32px;background:#f5f0e9;color:#20243b;margin-block:32px 72px}
.business-offer .business-offer-heading h2{color:#20243b}.business-offer .business-offer-heading h2 em{color:#6a4398}
.business-offer .business-offer-heading>p:last-child{color:#515267}.business-offer .micro-label{color:#63418e;font-weight:600}
.business-offer .free-entry-banner{background:#e8f1ec;border-color:#b7cabe;box-shadow:none}.business-offer .free-entry-banner h3{color:#244537}
.business-offer .free-entry-banner p{color:#405f50;font-size:15px}.business-offer .free-entry-banner a{color:#215740;font-weight:600}
.business-offer .business-plan-grid{gap:18px}.business-offer .workspace-plan{background:#fffdfa;border:1px solid #c3b9c8;border-top:3px solid #d78263;border-radius:12px;box-shadow:0 12px 24px #31305a0a;padding:28px}
.business-offer .workspace-plan.launch-plan{background:#f1eef7;border-color:#c6bad7;border-top-color:#8052be}
.business-offer .workspace-plan.growth-plan{background:#edf3f2;border-color:#b0c6c2;border-top-color:#27817c}
.business-offer .workspace-plan h3{color:#24273e}.business-offer .workspace-plan p,.business-offer .workspace-plan li{color:#4b5062}
.business-offer .workspace-plan .workspace-plan-price{color:#20243b!important}.business-offer .workspace-plan-price span{color:#53596a}
.business-offer .workspace-plan li{border-color:#d2cddc;font-size:15px}.business-offer .workspace-plan li::before{color:#486f4c;font-weight:700}
.business-offer .workspace-plan .hub-fine{color:#555a6a;font-size:13px}.business-offer .workspace-plan a{color:#573784}
.business-offer .workspace-plan .plan-kicker{position:absolute;top:-13px;left:24px;background:#644198;color:#fffaf6;font-size:12px;border-radius:4px;padding:3px 8px}
.business-offer .workspace-plan .button{background:#ff987d;color:#351c25;border:1px solid #ff987d;font-size:16px;box-shadow:0 2px 0 #c4614d}
.business-offer .workspace-plan.launch-plan .button{background:#634198;color:#fffaf7;border-color:#634198;box-shadow:0 2px 0 #43266d}
.business-offer .workspace-plan.growth-plan .button{background:#236960;color:#fffaf7;border-color:#236960;box-shadow:0 2px 0 #16473f}
.osp-flagship .agent-section{background:#232649;border-block:1px solid #62618e;padding-block:68px}.agent-section .section-top>p{color:#d6dbee}
.simple-agents .provider-card{background:#302e43;border-color:#79749b;color:#f5f0ff;border-top:2px solid #c7b3f5}
.simple-agents .provider-card[data-provider=claude]{background:#392f33;border-color:#98776e;border-top-color:#ffb091}
.simple-agents .provider-card[data-provider=codex]{background:#253a38;border-color:#638b80;border-top-color:#9be0c4}
.simple-agents .provider-card[data-provider=deepseek]{background:#2b354b;border-color:#73829e;border-top-color:#b4d8ff}
.simple-agents .provider-card[aria-pressed=true]{outline:2px solid #fff3d8;outline-offset:4px;box-shadow:none}
.simple-agents .provider-type,.simple-agents .provider-action{color:#e4dfed;font-size:13px}.simple-agents .provider-name{color:#fff9ef}
.simple-agents .provider-detail{color:#f3e4c8}.simple-agents .section-disclaimer{color:#c4cce4;font-size:13px}
.osp-flagship .faq-list details{background:#202946;border:1px solid #53617f;border-radius:14px;padding-inline:22px;margin-bottom:12px}
.osp-flagship .faq-list details[open]{background:#293c50;border-color:#86b4ae}.osp-flagship .faq-list summary{color:#f9f4ed}
.osp-flagship .faq-list p{color:#d8e3ec;font-size:16px}.osp-flagship .faq-list a{color:#ffccab}
.osp-flagship .closing-portal{background-color:#1f253e;border:1px solid #61577b;border-radius:16px}
.flag-footer p,.flag-footer .copyright{color:#c3c9dc}.flag-footer nav a{color:#dedbed}

/* September 9 homepage cleanup. Marketing selectors only; paid workspace is unchanged. */
/* One primary family and supplied weights; serif appears only as heading emphasis. */
.osp-flagship .flag-brand{font-weight:600;letter-spacing:-.035em}
.osp-flagship .hero-intro h1,.osp-flagship :is(.workspace-entry,#how-it-works,#hosting,#agents,#questions) :is(h2,h3){font-family:var(--sans);font-weight:600;letter-spacing:-.035em}
.osp-flagship :is(.hero-intro,.workspace-entry,#how-it-works,#hosting,#agents,#questions) :is(h1,h2,h3) em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.025em}
.osp-flagship :is(#hosting .workspace-plan-price,#agents .provider-name,#questions summary){font-weight:600;letter-spacing:-.015em}
.osp-flagship>.flag-nav{min-height:88px;padding-block:16px;gap:18px}
.osp-flagship .flag-hero{padding-block:26px 58px}
.osp-flagship .flag-hero .hero-layout{gap:clamp(32px,5vw,72px);align-items:center}
.osp-flagship .hero-intro h1{margin-block:18px 24px;letter-spacing:-.035em}
.osp-flagship .hero-intro .flag-lede{max-width:480px;line-height:1.65;font-size:18px;margin:0}
.osp-flagship .hero-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:18px 0 0 -10px;padding:0 10px;width:fit-content;max-width:calc(100% + 10px);border-radius:10px;background:#141a35ed}
.osp-flagship .hero-links a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#e8e2f6;font-size:14px;text-decoration:underline;text-decoration-color:#a9a0b9;text-underline-offset:5px}
.osp-flagship .hero-links a:hover{color:#ffcca8;text-decoration-color:currentColor}
.osp-flagship .hero-links :focus-visible{outline:2px solid #ffc995;outline-offset:5px;border-radius:3px}
.osp-flagship .workspace-entry{padding:30px;border-radius:16px;box-shadow:0 14px 36px #060d2629}
.osp-flagship .workspace-entry .entry-topline{margin-bottom:18px}
.osp-flagship .workspace-entry h2{margin-bottom:22px;font-size:36px;line-height:1.12}
.osp-flagship .workspace-entry h2 br{display:initial}
.osp-flagship .workspace-entry h2 em:before{content:none}
.osp-flagship .workspace-entry #first-idea{min-height:104px;line-height:1.55;padding:14px 16px;border-radius:12px}
.osp-flagship .workspace-entry .idea-starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 20px}
.osp-flagship .workspace-entry .idea-starters button{justify-content:center;text-align:center;min-height:44px;padding:7px 8px;font-size:14px;line-height:1.35}
.osp-flagship .workspace-entry .idea-starters button span{display:none}
.osp-flagship .workspace-entry #open-tour{font-size:16px;min-height:54px;align-items:center;border-radius:8px}
.osp-flagship .workspace-entry .entry-note{font-size:13px;line-height:1.6;margin:15px 0 0}
.osp-flagship .workspace-entry .entry-account{margin:8px auto -4px;font-size:14px;min-height:44px}
.osp-flagship #how-it-works{padding-block:64px}
.osp-flagship #how-it-works .section-top{margin-bottom:32px;align-items:end}
.osp-flagship #how-it-works .section-top>p{max-width:480px;font-size:16px;line-height:1.7}
.osp-flagship #how-it-works .steps-grid{gap:16px}
.osp-flagship #how-it-works .steps-grid article{padding:24px;border-radius:12px}
.osp-flagship #how-it-works .step-number{width:26px;height:26px;min-width:26px;min-height:26px;font-size:12px;line-height:1;padding:0;margin-bottom:16px}
.osp-flagship #how-it-works .steps-grid h3{font-size:22px;line-height:1.25;margin:0 0 14px}
.osp-flagship #how-it-works .steps-grid p{font-size:16px;line-height:1.65;margin-bottom:0}
.osp-flagship #hosting{padding:40px;margin-block:12px 64px;border-radius:18px}
.osp-flagship #hosting .business-offer-heading{max-width:780px;margin-bottom:28px}
.osp-flagship #hosting .business-offer-heading h2{font-size:clamp(34px,4.3vw,58px);line-height:1.08;margin:16px 0 20px}
.osp-flagship #hosting .business-offer-heading>p:last-child{font-size:17px;line-height:1.65;max-width:650px}
.osp-flagship #hosting .free-entry-banner{padding:20px 24px;margin-bottom:32px;border-radius:10px;gap:24px}
.osp-flagship #hosting .free-entry-banner h3{font-size:22px;line-height:1.3;margin-bottom:8px}
.osp-flagship #hosting .free-entry-banner p{font-size:15px;line-height:1.65;max-width:670px}
.osp-flagship #hosting .free-entry-banner a{font-size:15px;min-height:44px;flex-shrink:0}
.osp-flagship #hosting .business-plan-grid{gap:16px}
.osp-flagship #hosting .workspace-plan{padding:26px 24px;box-shadow:none;border-radius:12px;display:flex;flex-direction:column;min-width:0}
.osp-flagship #hosting .workspace-plan>.micro-label{font-size:14px;margin:0 0 16px;font-weight:600;line-height:1.5}
.osp-flagship #hosting .workspace-plan h3{font-size:24px;line-height:1.2;margin:0 0 16px}
.osp-flagship #hosting .workspace-plan .workspace-plan-price{font-size:52px!important;line-height:1.15;margin:0 0 18px}
.osp-flagship #hosting .workspace-plan-price span{display:inline;font-size:14px;font-weight:400;letter-spacing:0;margin:0 0 0 4px}
.osp-flagship #hosting .workspace-plan>p:not(.micro-label):not(.workspace-plan-price):not(.hub-fine){font-size:16px;line-height:1.6;margin:0 0 20px}
.osp-flagship #hosting .workspace-plan ul{margin:0 0 24px;flex:1;display:block}
.osp-flagship #hosting .workspace-plan li{font-size:15px;line-height:1.6;padding-block:10px}
.osp-flagship #hosting .workspace-plan .button{min-height:50px;width:100%;margin:0 0 18px;line-height:1.35;padding:13px 15px}
.osp-flagship #hosting .workspace-plan .hub-fine{font-size:13px;line-height:1.65;margin:0}
.osp-flagship #agents{padding-block:56px;background:#1e2542;border-color:#4d5575}
.osp-flagship #agents .section-top{margin-bottom:28px;gap:36px;align-items:end}
.osp-flagship #agents .section-top>p{font-size:16px;line-height:1.7;max-width:470px}
.osp-flagship #agents .provider-grid{gap:16px}
.osp-flagship #agents .provider-card{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:12px;row-gap:6px;min-height:140px;padding:20px;text-align:left;border-radius:10px;align-content:start}
.osp-flagship #agents .provider-icon{grid-column:1;grid-row:1/3;min-height:32px;height:32px;margin:0;align-self:center;font-size:26px}
.osp-flagship #agents .provider-name{grid-column:2;grid-row:1;font-size:20px;line-height:1.3;margin:0}
.osp-flagship #agents .provider-type{grid-column:2;grid-row:2;font-size:13px;line-height:1.5;margin:0}
.osp-flagship #agents .provider-action{grid-column:1/-1;grid-row:3;font-size:13px;line-height:1.5;margin-top:12px;padding-top:12px;align-self:end}
.osp-flagship #agents .provider-card[aria-pressed=true]{outline-width:2px;outline-offset:3px}
.osp-flagship #agents .provider-detail{margin-top:24px;padding:16px 18px;font-size:15px;line-height:1.6;border-radius:0 12px 12px 0}
.osp-flagship #agents .section-disclaimer{max-width:840px;margin:14px 0 0;font-size:13px;line-height:1.65}
.osp-flagship #questions{padding-block:64px;gap:52px;background:transparent}
.osp-flagship #questions .faq-list details{padding:0 22px;margin-bottom:10px;border-radius:10px}
.osp-flagship #questions .faq-list summary{font-size:16px;line-height:1.5;min-height:64px;padding-block:20px}
.osp-flagship #questions .faq-list p{font-size:16px;line-height:1.7;margin:0 0 22px;max-width:68ch}
.osp-flagship>.flag-footer{padding-block:38px;gap:18px 32px}
.osp-flagship>.flag-footer nav{gap:8px 22px;flex-wrap:wrap}
.osp-flagship .closing-portal h2{font-family:var(--sans);font-weight:600;letter-spacing:-.035em}
.osp-flagship .closing-portal h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em}
.osp-flagship .closing-portal>p{color:#dce0ef}
.osp-flagship .closing-portal .button{margin-top:0}
@media(max-width:800px){
 .osp-flagship .closing-section.closing-portal{min-height:0;padding:30px 24px 245px;align-content:start;background:#1f253e}
 .osp-flagship .closing-portal h2{font-size:clamp(30px,8.7vw,38px);line-height:1.12;margin:18px 0 24px;max-width:14ch}
 .osp-flagship .closing-portal .portal-art{inset:auto 0 0;height:230px;object-position:center 64%}
 .osp-flagship .closing-portal:after{inset:auto 0 0;height:232px;background:linear-gradient(#1f253e,transparent 38%,#1f253e20)}
 .osp-flagship .closing-portal>p{font-size:14px;line-height:1.65;max-width:none}
 .osp-flagship .closing-portal .button{max-width:100%;font-size:15px;min-height:48px;white-space:normal;border-radius:8px}
}
.osp-flagship>.flag-footer nav a{font-size:14px}
@media(min-width:1061px){.osp-flagship #hosting .workspace-plan h3{min-height:2.4em}.osp-flagship #hosting .workspace-plan>p:not(.micro-label):not(.workspace-plan-price):not(.hub-fine){min-height:4.8em}.osp-flagship #hosting .workspace-plan .hub-fine{min-height:6.6em}}
@supports(grid-template-rows:subgrid){@media(min-width:1061px){
 .osp-flagship #hosting .business-plan-grid{grid-template-rows:repeat(4,auto) 1fr auto auto;row-gap:0}
 .osp-flagship #hosting .workspace-plan{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0}
 .osp-flagship #hosting .workspace-plan h3,.osp-flagship #hosting .workspace-plan>p:not(.micro-label):not(.workspace-plan-price):not(.hub-fine),.osp-flagship #hosting .workspace-plan .hub-fine{min-height:0}
}}
@media(max-width:1060px){.osp-flagship #hosting .workspace-plan{padding:28px}.osp-flagship #hosting .workspace-plan .button{max-width:none}.osp-flagship #agents .provider-card{padding:20px 16px;column-gap:8px}.osp-flagship #agents .provider-name{font-size:18px}}
@media(max-width:800px){
 .osp-flagship>.flag-nav{min-height:86px;padding-block:12px}
 .osp-flagship .flag-hero{padding-block:14px 42px}
 .osp-flagship .flag-hero .hero-layout{gap:24px}
 .osp-flagship .hero-intro h1{font-size:clamp(38px,8.7vw,58px);line-height:1.06;margin:0 0 20px}
 .osp-flagship .hero-intro .flag-lede{font-size:16px;line-height:1.65;max-width:490px}
 .osp-flagship .hero-links{gap:8px 22px;margin-top:10px}
 .osp-flagship .workspace-entry{padding:24px;border-radius:16px}
 .osp-flagship .workspace-entry h2{font-size:32px;margin-bottom:20px}
 .osp-flagship .workspace-entry .entry-topline{margin-bottom:16px}
 .osp-flagship #how-it-works,.osp-flagship #questions{padding-block:48px}
 .osp-flagship #how-it-works .section-top,.osp-flagship #agents .section-top{display:block;margin-bottom:26px}
 .osp-flagship #how-it-works .section-top h2,.osp-flagship #agents h2,.osp-flagship #questions h2{font-size:36px;line-height:1.12}
 .osp-flagship #how-it-works .section-top>p,.osp-flagship #agents .section-top>p{margin:20px 0 0}
 .osp-flagship #how-it-works .steps-grid{gap:12px}
 .osp-flagship #how-it-works .steps-grid article{padding:22px}
 .osp-flagship #hosting{padding:24px 18px;margin-block:0 48px;border-radius:16px}
 .osp-flagship #hosting .business-offer-heading h2{font-size:34px;line-height:1.12}
 .osp-flagship #hosting .business-offer-heading>p:last-child{font-size:16px}
 .osp-flagship #hosting .free-entry-banner{padding:20px;margin-bottom:28px}
 .osp-flagship #hosting .free-entry-banner a{margin-top:10px}
 .osp-flagship #hosting .workspace-plan{padding:24px 20px}
 .osp-flagship #hosting .workspace-plan h3{font-size:24px}
 .osp-flagship #hosting .workspace-plan .workspace-plan-price{font-size:48px!important}
 .osp-flagship #hosting .workspace-plan ul{margin-bottom:20px}
 .osp-flagship #agents{padding-block:46px}
 .osp-flagship #agents .provider-grid{gap:14px}
 .osp-flagship #agents .provider-card{grid-template-columns:26px minmax(0,1fr);gap:5px 8px;min-height:140px;padding:16px 14px}
 .osp-flagship #agents .provider-name{font-size:17px}
 .osp-flagship #agents .provider-icon{font-size:23px}
 .osp-flagship #agents .provider-icon svg{width:24px;height:24px}
 .osp-flagship #questions{gap:28px}
 .osp-flagship #questions .faq-list details{padding-inline:18px}
 .osp-flagship>.flag-footer{padding-block:30px;gap:12px}
}
@media(max-width:360px){
 .osp-flagship>.flag-nav{gap:10px}.osp-flagship>.flag-nav .flag-brand{font-size:14px;gap:8px}
 .osp-flagship>.flag-nav .flag-mark{width:24px;height:24px;flex-shrink:0}
 .osp-flagship>.flag-nav .header-app img{width:90px;height:30px}
 .osp-flagship .hero-intro h1{font-size:36px;letter-spacing:-.035em}
 .osp-flagship .workspace-entry{padding:20px 18px}
 .osp-flagship .workspace-entry h2{font-size:30px}
 .osp-flagship .workspace-entry .idea-starters{grid-template-columns:1fr;gap:8px}
 .osp-flagship .workspace-entry .idea-starters button{justify-content:space-between;text-align:left;padding:10px 14px;font-size:14px;min-height:44px}
 .osp-flagship .workspace-entry .idea-starters button span{display:inline}
 .osp-flagship #hosting .workspace-plan{padding:22px 18px}
 .osp-flagship #agents .provider-card{grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;padding:16px}
 .osp-flagship #agents .provider-icon{grid-column:1;grid-row:1;margin-bottom:6px}
 .osp-flagship #agents .provider-name{grid-column:1;grid-row:2;font-size:18px}
 .osp-flagship #agents .provider-type{grid-column:1;grid-row:3}
 .osp-flagship #agents .provider-action{grid-row:4}
}

/* Conversational workspace: clear cool/warm separation, familiar controls. */
.osp-flagship .studio{background:#1e2443;border-color:#75678d}.studio .studio-header{background:#232745;border-bottom-color:#797390}
.studio .studio-footer{background:#242b49;border-top-color:#69718b}.studio-chapter #tour-hint{color:#c0c9de}
.studio .studio-live,.studio .studio-conversation{background:#19223a}.studio .chat-welcome h3 em{color:#e0baff}
.studio .chat-welcome>p,.studio .composer-note{color:#cbd6e4}.studio .chat-bubble:not(.chat-user){background:#242f4a;border:1px solid #6c7690}
.studio .chat-user{background:#46365c;border-color:#ad8bc8}.studio .chat-bubble p{color:#f0edf7}
.studio .chat-composer{background:#f7f3fe;border-color:#bba9d4}.studio #repair-prompt{background:transparent;color:#20243b}
.studio #repair-prompt::placeholder{color:#5b5d73}.studio #send-repair{background:#b03d31;color:#fff9f1}
.studio .workspace-starts button{background:#343657;border-color:#7a789c;color:#f4efff}
.studio .studio-mobile-views{background:#212945}.studio .studio-mobile-views button{color:#d1d9f0}
.studio .studio-mobile-views button[aria-pressed=true]{background:#d6c9f2;color:#382556}
.studio .studio-yours{background:linear-gradient(145deg,#292947,#173d41)}
.studio #pilot-account{background:#302d50;border-color:#9482a9}.studio #pilot-account p,.studio .yours-intro>p:last-of-type{color:#d9dced}
.studio #signup-email{background:#fffaf5;color:#26243b;border-color:#b7a6c6}.studio #signup-email::placeholder{color:#5c5b6a}
.studio #signup-form>label:first-child,.studio .pilot-consent{color:#e8e3f2}

/* Account and business work get a daylight canvas, not another dark panel. */
.studio .studio-yours:has(#hosting-hub:not([hidden])){background:#efedf5;color:#20243b;color-scheme:light}
:is(.studio,.osp-quote) .hosting-hub{color:#20243b;--moon:#20243b;--sans:Manrope,Arial,sans-serif}
:is(.studio,.osp-quote) .hosting-hub :is(h1,h2,h3,h4,label,summary){color:#20243b}
:is(.studio,.osp-quote) .hosting-hub p{color:#51596b}
:is(.studio,.osp-quote) .hosting-hub :is(.micro-label,h2 em,h3 em){color:#684599}
:is(.studio,.osp-quote) .hosting-hub :is(.hub-fine,.hub-subheading>span){color:#535d70}
:is(.studio,.osp-quote) .hosting-hub :is(input,textarea,select){background:#fffefb;color:#20243b;border:1px solid #8e99ae;accent-color:#634198;color-scheme:light}
:is(.studio,.osp-quote) .hosting-hub ::placeholder{color:#62697a;opacity:1}
:is(.studio,.osp-quote) .hosting-hub button{background:#fffdfa;border:1px solid #9a91b0;color:#392e55;font-weight:600}
:is(.studio,.osp-quote) .hosting-hub button:hover{background:#ece4f9;border-color:#785899}
:is(.studio,.osp-quote) .hosting-hub :is(.button-primary,#business-detail>button:first-of-type){background:#ff987d;color:#351c25;border-color:#ff987d;box-shadow:0 3px 0 #c4614d}
:is(.studio,.osp-quote) .hosting-hub button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}
:is(.studio,.osp-quote) .hosting-hub :focus-visible,.workspace-entry :focus-visible{outline:3px solid #6541af;outline-offset:3px}
.studio .hosting-hub .hub-overview{background:transparent;border:0;gap:16px;overflow:visible}
.studio .hosting-hub .hub-overview .hub-workspace{background:#e1e7fa;border:1px solid #a6b6de;border-radius:20px}
.studio .hosting-hub .hub-credit{background:#d6f2e7;border:1px solid #96bfae;border-radius:20px}
.studio .hosting-hub .hub-credit>strong{color:#235546}.studio .hosting-hub .hub-state{background:#fffdfb;color:#414878;border-color:#9ca6c0}
.studio .hosting-hub .hub-section{border-color:#bcc2d1}.studio .hosting-hub .hub-section summary>span:nth-child(2){color:#5d3d8b}
.studio .hosting-hub .hub-work-tabs{background:#ddd8e9;border-color:#b2a9c5;padding:6px;gap:6px}
.studio .hosting-hub .hub-work-tabs button{background:transparent;border-color:transparent;color:#4b4762;box-shadow:none}
.studio .hosting-hub .hub-work-tabs button[aria-pressed=true]{background:#634198;color:#fffaf7;box-shadow:0 2px 6px #30214320}
.studio .hosting-hub .hub-service,.studio .hosting-hub .hub-job-detail{background:#fffdf9;border-color:#b6bacb;box-shadow:0 6px 20px #34345306}
.studio .hosting-hub .hub-job small,.studio .hosting-hub .hub-job>span:last-child{color:#5c477d}
.studio .hosting-hub .hub-message{background:#e5edf5;border:1px solid #afc1d0}.studio .hosting-hub .hub-message-user{background:#eee4f8;border-color:#bca5d2}
.studio .hosting-hub .hub-message strong{color:#583582}.studio .hosting-hub .hub-message p{color:#293850}
.studio .hosting-hub pre,.studio .hosting-hub #hosting-file-content{background:#1c2941;color:#edf2fb;border-color:#778aa3}
.studio .hosting-hub #hosting-provider{color:#51357c}.studio .hosting-hub :is(#hosting-secret-names,.hub-job-detail details summary){color:#4d5770}
.studio .hosting-hub .hub-package-store{border-color:#bcc2d1}.studio .hosting-hub .hub-package-card{background:#fffdf9;border:1px solid #bcb3c4;border-top:4px solid #d78263}
.studio .hosting-hub .hub-package-card:nth-child(2){background:#ede5f9;border-color:#b9a4d9;border-top-color:#8052be}
.studio .hosting-hub .hub-package-card:nth-child(3){background:#e1f0ee;border-color:#9fbeb1;border-top-color:#27817c}
.studio .hosting-hub .hub-package-card>span{color:#684599}.studio .hosting-hub .hub-package-card ul{color:#4a5265}
.studio .hosting-hub .hub-package-card li{border-color:#cfc8d9}.studio .hosting-hub .hub-package-price{color:#20243b}.studio .hosting-hub .hub-package-price small{color:#52596b}
.studio .hosting-hub a{color:#603e93}.studio .hosting-hub a.button-primary{color:#351c25;background:#ff987d}
.studio .studio-yours:has(#hosting-hub:not([hidden])) .yours-intro :is(h3,p){color:#29364a}
.studio .studio-yours:has(#hosting-hub:not([hidden])) .workspace-inventory :is(strong,small){color:#384a61}
.studio .hosting-hub .business-heading{max-width:none;background:linear-gradient(115deg,#e6dafa,#dff1ec);padding:28px;border:1px solid #b5acd0;border-radius:22px}
.studio .hosting-hub .business-heading h3{font-size:clamp(30px,4vw,44px);line-height:1.15;color:#24243e}
.studio .hosting-hub .business-heading em{color:#65438b}.studio .hosting-hub .business-heading p{color:#4b4e67}
.studio .hosting-hub .business-stats{gap:12px}
.studio .hosting-hub .business-stats article{background:#e0f1e7;border:1px solid #90b6a3;border-top:4px solid #33785b;padding:22px 16px}
.studio .hosting-hub .business-stats article:nth-child(2){background:#fff0c7;border-color:#c6b27b;border-top-color:#aa7020}
.studio .hosting-hub .business-stats article:nth-child(3){background:#e9dff8;border-color:#b59bd0;border-top-color:#7843ad}
.studio .hosting-hub .business-stats strong{color:#242c43;font-size:38px;font-weight:600}
.studio .hosting-hub .business-stats span{color:#495066;font-size:13px;line-height:1.55}
.studio .hosting-hub .business-tabs{border:0;gap:10px}.studio .hosting-hub .business-tabs button{border-width:1px;min-height:50px;background:#fffdf9}
.studio .hosting-hub .business-tabs button[aria-pressed=true]{background:#634198;color:#fff9f3;border-color:#634198;box-shadow:0 3px 0 #43246d}
.studio .hosting-hub .business-empty{background:#fffdf9;border:1px solid #b9b2c9;box-shadow:0 5px 20px #34345306}
.studio .hosting-hub .business-step{background:#eadcf7;border-color:#b397cd;color:#63418b;font-size:14px}
:is(.studio,.osp-quote) .hosting-hub .business-editor{background:#fffdf9;border:1px solid #aaa8bf;border-top:5px solid #9a76ba;box-shadow:0 10px 24px #34345309}
:is(.studio,.osp-quote) .hosting-hub .business-quote-item{background:#f2eef7;border-color:#b5a9c6}
:is(.studio,.osp-quote) .hosting-hub .business-quote-item legend{color:#63418b;font-weight:600}
.studio .hosting-hub .business-record{background:#fffefb;border-color:#b5bac8;border-left:4px solid #739b8b;box-shadow:0 3px 10px #30355205;padding:16px 20px}
.studio .hosting-hub .business-record-open{background:transparent;border:0;color:#2a2940;box-shadow:none;font-size:19px}
.studio .hosting-hub .business-record-summary{color:#565f71;font-size:14px}
.studio .hosting-hub .business-status{background:#e2e7f2;color:#374363;border-color:#a1aec4;font-size:12px;font-weight:600}
.studio .hosting-hub [data-status=NEW] .business-status,.studio .hosting-hub [data-status=CONFIRMED] .business-status{background:#e8e0f5;color:#604285;border-color:#ac93c7}
.studio .hosting-hub [data-status=SHARED] .business-status{background:#ffedbb;color:#755014;border-color:#c8ad6e}
.studio .hosting-hub [data-status=ACCEPTED] .business-status,.studio .hosting-hub [data-status=WON] .business-status,.studio .hosting-hub [data-status=COMPLETED] .business-status{background:#d6efdf;color:#245c3d;border-color:#93b9a0}
:is(.studio,.osp-quote) .hosting-hub .business-quote-line{border-color:#d6d4de;font-size:16px;padding-block:17px;color:#414b60}
:is(.studio,.osp-quote) .hosting-hub .business-quote-line strong{color:#252a40;font-weight:600}
:is(.studio,.osp-quote) .hosting-hub .business-quote-line[data-total=true]{background:#ffedbb;border:1px solid #c7ab6e;border-radius:10px;padding:17px 14px;margin-block:12px;color:#503917;font-size:19px}
:is(.studio,.osp-quote) .hosting-hub .business-confirm{background:#fff1dd;border-color:#b0782c}
:is(.studio,.osp-quote) .hosting-hub :is(#business-notice,#hosting-notice){background:#e4eafa;color:#39476c;border:1px solid #acb7d5;border-left:4px solid #657db0;border-radius:8px;padding:14px 16px;margin-block:20px}
:is(.studio,.osp-quote) .hosting-hub .hub-error{background:#ffe5de!important;color:#842920!important;border-color:#c87161!important}
:is(.studio,.osp-quote) .hosting-hub .business-boundary{color:#555d70;border-color:#bfc3cf;font-size:13px!important}

/* The customer quote is a legible document with a clear total and response. */
body.osp-quote{background:linear-gradient(135deg,#dfd3f1,#f7eee3 50%,#d7ede5);color:#20243b;color-scheme:light;min-height:100svh}
.osp-quote .quote-page{background:#fffdf8;border:1px solid #c6b5d0;border-top:7px solid #9672b7;border-radius:24px;margin:40px auto;padding:38px;box-shadow:0 22px 70px #35204412}
.osp-quote .quote-brand{color:#594074;margin-bottom:36px}.osp-quote .quote-brand span{border-color:#744891}.osp-quote .quote-brand span:after{background:#af462e}
.osp-quote .quote-page h1{color:#20243b}.osp-quote #quote-notice{background:#ede5f6;color:#514067;border-left:4px solid #9672b7;padding:16px;border-radius:8px;margin-block:24px}
.osp-quote .quote-page .quote-footer{color:#535c6d;font-size:13px!important;border-top:1px solid #c8c7d2;padding-top:22px}
.osp-quote #quote-response{background:#e4f1e9;padding:24px;border:1px solid #a0bbaa;border-radius:16px}
.osp-quote #quote-accept{background:#276448;color:#fffaf7;border-color:#276448;box-shadow:0 3px 0 #153f2b}
@media(max-width:800px){.osp-flagship .business-offer{padding:24px 18px;border-radius:24px}.steps-grid article{padding:26px}.studio .hosting-hub .business-heading{padding:24px 20px}.studio .hosting-hub .business-stats{gap:8px}.studio .hosting-hub .business-stats article{padding:17px 10px}.studio .hosting-hub .business-stats span{font-size:12px}.studio .hosting-hub .business-stats strong{font-size:32px}}
@media(max-width:520px){.osp-quote .quote-page{margin:16px 12px;padding:26px 20px;border-radius:18px}.osp-quote #quote-response{padding:18px}.business-offer .workspace-plan{padding:26px 22px}.business-offer .workspace-plan .hub-fine{font-size:13px}.workspace-entry .idea-starters button{font-size:12px;padding:10px}.osp-flagship .simple-agents .provider-action{font-size:12px}}
@media(max-width:380px){.studio .hosting-hub .hub-work-tabs{gap:2px;padding:4px}.studio .hosting-hub .business-tabs{gap:6px}.studio .hosting-hub .business-tabs button{padding-inline:7px;font-size:13px}.workspace-entry .idea-starters button{flex:1 1 95px}.osp-quote .quote-page{padding:22px 16px}}
@media(prefers-reduced-motion:no-preference){.workspace-entry #open-tour,:is(.studio,.osp-quote) .hosting-hub button{transition:background-color .15s,border-color .15s,box-shadow .15s}.workspace-entry #open-tour:active{box-shadow:0 1px 0 #70251f}}