/* KSAS brand layer — v2 concept 1 "Sunset Casa" (see ksas_brand/v2/brand_kit_v2.md).
   Loaded after the inline styles, so it only re-skins: colors, fonts, logo, shapes. Layout/behavior is untouched.
   Contrast rules: Cocoa text on orange/marigold; never orange/marigold text on cream; Ultra Violet for AI on cream, Lavender on Cocoa. */
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-vf.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(/assets/fonts/space-grotesk-vf.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Space Mono";src:url(/assets/fonts/space-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Space Mono";src:url(/assets/fonts/space-mono-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --orange:#F26B21;--marigold:#F6A821;--sienna:#B5471F;--avocado:#606D26;--teal:#1A7672;
  --lavender:#A99BFF;--violet:#6A58D8;--peach:#FFD9B0;--cream:#FFF3DE;--cocoa:#2A1A14;
  --cocoa-2:#3A271F;--cocoa-line:#5A4136;--card-line:#EBD7B8;
  --stripe:linear-gradient(to bottom,var(--marigold) 0 25%,var(--orange) 25% 50%,var(--sienna) 50% 75%,var(--avocado) 75% 100%);
  --bg:var(--cream);--surface:#FFFBF3;--sunk:#FBEBD3;--ink:var(--cocoa);--muted:#5A4136;--line:#EBD7B8;
  --accent:var(--teal);--accent-ink:var(--cream);--accent-soft:#DDEDE6;--brass:var(--sienna);--brass-soft:var(--peach);--gold:var(--marigold);
  --good:var(--avocado);--warn:#8A4A12;--bad:#A1332D;
  --f-display:"Fraunces",Georgia,serif;--f-body:"Space Grotesk","Segoe UI",Arial,sans-serif;--f-mono:"Space Mono",ui-monospace,Menlo,monospace;
  --r:20px;
}
html body{background:var(--bg);color:var(--ink);font-family:var(--f-body)}
h1,h2,h3,h4,.big,.brand-story h2,.capability-strip>div{font-family:var(--f-display);font-variation-settings:"SOFT" 100,"WONK" 1;font-optical-sizing:auto}
h1,h2{font-weight:700!important;letter-spacing:-.02em}
h3{font-weight:600!important}
a{color:var(--sienna)}
:focus-visible{outline:3px solid var(--violet)!important;outline-offset:2px}
.eyebrow{color:var(--sienna)}
.num,.price,.tbl td:last-child,.kv b{font-family:var(--f-mono)!important}
.home-hero h1 em,.brand-story h2 em,.pricing-intro h1 em,.closing-banner h2 em{font-style:italic}

/* ---------- header (Cocoa) + 4-band stripe ---------- */
.top{background:var(--cocoa)!important;border-bottom:0!important;position:sticky}
.top:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background:var(--stripe);pointer-events:none}
.ksas-brand{display:inline-flex!important;align-items:center;gap:10px;background:none;border:0;padding:0}
.ksas-brand .ksas-logo{display:block;height:44px;width:auto}
.top .brand-sub{color:var(--peach)!important;font:700 9px/1.2 var(--f-mono)!important;letter-spacing:2px!important;margin:0!important;padding-left:10px;border-left:1px solid var(--cocoa-line)}
.top .header-note{color:var(--peach)!important;font-family:var(--f-body)}
.nav{background:var(--cocoa-2)!important;border-color:var(--cocoa-line)!important;border-radius:999px!important}
.nav button{color:var(--cream)!important;border-radius:999px!important;font-family:var(--f-body)}
.nav button:hover{background:#FFF3DE14!important}
.nav button[aria-current="page"]{background:#FFF3DE1A!important;box-shadow:inset 0 -3px var(--marigold)!important}
/* Pricing: last + subtle (smaller, lighter, no pill weight). */
.nav button.nav-pricing{font-size:.8em!important;font-weight:500!important;color:var(--peach)!important;opacity:.95;padding-inline:12px!important;min-height:32px!important;align-self:center;border:1px dashed #FFD9B055!important;margin-left:4px}
.nav button.nav-pricing[aria-current="page"]{box-shadow:inset 0 -2px var(--marigold)!important}
.nav button.nav-pricing[hidden]{display:none!important}
.nav-menu{color:var(--marigold)!important}
@media(max-width:640px){.nav.open{background:var(--cocoa-2)!important;border-radius:20px!important}.ksas-brand .ksas-logo{height:36px}.top .brand-sub{display:none}}

/* ---------- buttons ---------- */
html body .btn{background:var(--orange);color:var(--cocoa);border:2px solid var(--orange);border-radius:999px;font-family:var(--f-body);font-weight:700}
html body .btn:hover{background:var(--marigold);border-color:var(--marigold);color:var(--cocoa)}
html body .btn.sec{background:var(--cocoa);color:var(--cream);border-color:var(--cocoa)}
html body .btn.sec:hover{background:var(--cocoa-2);border-color:var(--cocoa-2);color:var(--cream)}
#tb .btn.sec,#tb .actions .btn.sec{background:var(--teal);border-color:var(--teal);color:var(--cream)}
#tb .btn.sec:hover{background:#145E5B;border-color:#145E5B}
.header-cta,.home-hero .btn,.closing-banner .btn{background:var(--orange)!important;color:var(--cocoa)!important;border-color:var(--orange)!important}
.header-cta:hover,.home-hero .btn:hover,.closing-banner .btn:hover{background:var(--marigold)!important;border-color:var(--marigold)!important}
.ghost{color:var(--sienna)}
.text-link{color:var(--sienna);border-color:#B5471F66}

/* ---------- home ---------- */
.home-hero{color:var(--cream)}
.home-hero:before{background:radial-gradient(ellipse at 84% 30%,#F26B2140,transparent 55%),radial-gradient(ellipse at 10% 100%,#6A58D833,transparent 50%),linear-gradient(115deg,#2A1A14 25%,#3A2219 65%,#4A2A1C)!important}
.home-hero:after{opacity:.16!important;filter:sepia(1) saturate(3) hue-rotate(-15deg)}
.home-hero .hero-copy>.eyebrow,.home-hero h1 em{color:var(--marigold)!important}
.hero-copy>p,.hero-caption{color:#F5E3CC!important}
.caption-line{background:var(--marigold)!important}
.home-hero .text-link{color:var(--peach)!important;border-color:#FFD9B080!important}
.home-hero .text-link:hover{color:var(--cream)!important;border-color:var(--marigold)!important}
.hero-art{border-color:#F6A82166!important;border-radius:28px!important}
.hero-art:before{border-color:#F6A82133!important}
.art-topline,.art-index{color:var(--peach)!important;font-family:var(--f-mono)!important}
.property-preview{border-radius:20px;overflow:hidden}
.floating-label{border-color:var(--card-line)!important;border-radius:16px!important;background:var(--surface)!important}
.small-icon{background:var(--avocado)!important;color:var(--cream)!important;border-radius:999px!important}
.capability-strip{border-color:var(--line)!important}
.capability-strip>span{color:var(--muted)!important;font-family:var(--f-mono)}
.capability-strip i,.feature-bottom h3>span,.assistant-mark{color:var(--sienna)!important}
.feature,.step,.card,.plan,.panel,.brand-story,.assistant-banner,.faq details{background:var(--surface);border-color:var(--card-line)!important;border-radius:var(--r)!important}
.feature,.card,.plan{border-bottom-width:2px!important}
.mini-deck,.mini-math,.mini-social{border-radius:16px}
.brand-story{background:var(--peach)!important}
.assistant-banner{border:2px solid var(--violet)!important;background:#F3EFFF!important}
.assistant-banner .eyebrow{color:var(--violet)!important}
.assistant-mark{color:var(--violet)!important}
.closing-banner{background:radial-gradient(ellipse at top right,#F26B2140,transparent 65%),var(--cocoa)!important;border:0!important;border-radius:28px!important;position:relative;overflow:hidden}
.closing-banner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--stripe)}
.closing-banner .eyebrow{color:var(--marigold)!important}
.closing-banner h2{color:var(--cream)!important}
.closing-banner .text-link{color:var(--peach)!important;border-color:#FFD9B080!important}
.step b{font-family:var(--f-mono);color:var(--sienna)}

/* ---------- tags / badges ---------- */
.tag{border-radius:999px!important;font-family:var(--f-mono)!important}
.tag.free{background:var(--avocado)!important;color:var(--cream)!important}
.tag.pro,.su-locked{background:var(--peach)!important;color:var(--cocoa)!important}
.tag.soon{background:transparent!important;color:var(--violet)!important;border:1.5px solid var(--violet)!important}
.side li button .tag{background:var(--avocado)!important}
.side li button .tag.pro{background:var(--orange)!important}
.side li button .tag.soon{background:var(--violet)!important;border:0!important}

/* ---------- toolkit / tool pages ---------- */
.side{background:var(--sunk)!important;border-color:var(--line)!important}
.side input,.inp,.fld select,.fld textarea{background:#FFFBF3!important;border-color:var(--card-line)!important}
.side li button{color:var(--ink)}
.side li button[aria-current="true"]{background:var(--peach)!important;color:var(--cocoa)!important;box-shadow:inset 3px 0 var(--orange)!important}
.category-links a{border-radius:999px!important;color:var(--ink)!important;border-color:var(--card-line)!important;background:var(--surface)}
.category-links a:hover{background:var(--peach)!important}
.toolkit-note{border-left-color:var(--orange)!important;color:var(--muted)!important}
.card .ico{background:var(--peach)!important;color:var(--sienna)!important;border-radius:14px!important}
.card:hover{box-shadow:0 10px 24px #2A1A1414!important}
.tool-back{color:var(--sienna)!important}
.tool-head{border-bottom:0!important;position:relative}
.tool-head:after{content:"";position:absolute;left:0;bottom:-1px;width:min(220px,40%);height:8px;border-radius:4px;background:var(--stripe)}
.sample-label{background:var(--peach)!important;color:var(--cocoa)!important;border-radius:999px!important;font-family:var(--f-mono)}
.panel{box-shadow:0 4px 14px #2A1A140A!important}
.panel h3{font-family:var(--f-body)!important;font-variation-settings:normal}
.big{font-family:var(--f-mono)!important;font-variation-settings:normal;font-weight:700!important;color:var(--cocoa)}
.kv div{background:var(--peach)!important;border-color:#F2C795!important;border-radius:14px!important}
.kv span{color:#4A3329!important}
.canvaswrap{background:var(--sunk)!important;border-radius:16px!important}
.ai-coming{background:linear-gradient(140deg,#F3EFFF,#FFF3DE)!important;border:2px solid var(--violet)!important;border-radius:20px!important}
.ai-coming .coming-icon{color:var(--violet)!important}
.toast{background:var(--cocoa)!important;color:var(--cream)!important;border-radius:999px!important}

/* ---------- pricing ---------- */
.plan.hi{background:var(--peach)!important;border:2px solid var(--orange)!important;box-shadow:0 14px 34px #2A1A1414!important}
.plan-recommend{background:var(--marigold)!important;color:var(--cocoa)!important;border-radius:999px!important;font-family:var(--f-mono)!important}
.plan.hi li:before,.plan li:before{color:var(--avocado)!important}
.pricing-faq summary{font-family:var(--f-body);font-weight:700}

/* ---------- footer (Cocoa) ---------- */
.site-footer{background:var(--cocoa)!important;color:var(--cream)!important;border-top:0!important;position:relative}
.site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--stripe)}
.site-footer .ksas-logo{height:48px;width:auto;display:block}
.site-footer .footer-studio{color:var(--peach)!important;font:700 10px var(--f-mono)!important;letter-spacing:2px;text-transform:uppercase;padding-left:10px;border-left:1px solid var(--cocoa-line)}
.site-footer p,.footer-bottom{color:#F5E3CC!important}
.footer-links button{color:var(--cream)!important}
.footer-links button:hover{color:var(--marigold)!important}
.footer-bottom{border-top-color:#FFF3DE26!important;font-family:var(--f-mono);font-size:11px}
.ksas-manage{color:var(--lavender)!important}

/* ---------- lock screen + paywall/restore/manage dialogs (Cocoa panel, Marigold headline, orange CTA, Lavender spark) ---------- */
html body .su-locked-panel{background:var(--cocoa);color:var(--cream);border:0;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 18px 40px #2A1A1426}
html body .su-locked-panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--stripe)}
html body .su-locked-panel h2,html body .su-box h3{color:var(--marigold);font-family:var(--f-display);font-variation-settings:"SOFT" 100,"WONK" 1}
html body .su-locked-panel .eyebrow{color:var(--lavender)}
html body .su-locked-panel p{color:#F5E3CC}
html body .su-lock-ico{background:var(--cocoa-2);color:var(--lavender);border:1.5px solid var(--lavender)}
html body .su-locked-panel .btn.sec,html body .su-box .btn.sec{background:var(--cocoa-2);color:var(--cream);border:1.5px solid var(--cocoa-line)}
html body .su-locked-panel .btn.sec:hover,html body .su-box .btn.sec:hover{border-color:var(--marigold);background:#46301F}
html body .su-locked-panel .btn:not(.sec),html body .su-box .btn:not(.sec){background:var(--orange);color:var(--cocoa);border-color:var(--orange)}
html body .su-locked-panel .btn:not(.sec):hover,html body .su-box .btn:not(.sec):hover{background:var(--marigold);border-color:var(--marigold)}
html body .su-locked-panel .btn small{color:inherit;opacity:.85}
html body .su-locked-panel a,html body .su-locked-panel .su-link,html body .su-box .su-link,html body .su-box a:not(.btn){color:var(--marigold)}
html body .su-locked-free{border-top-color:var(--cocoa-line)}
html body .su-back{background:rgba(42,26,20,.62)}
html body .su-box{background:var(--stripe) top/100% 8px no-repeat,var(--cocoa);color:var(--cream);border-radius:24px;padding-top:32px;font-family:var(--f-body)}
html body .su-box p{color:#F5E3CC}
html body .su-x{color:var(--cream)}
html body .su-box input{background:var(--cream);color:var(--cocoa);border:1.5px solid var(--cocoa-line);border-radius:12px;padding:11px 12px;font:inherit}
html body .su-msg{color:var(--peach)}
html body .su-plan-card{display:grid;gap:4px;margin:12px 0;padding:14px 16px;border-radius:16px;background:var(--cocoa-2);border:1.5px solid var(--lavender);font-family:var(--f-mono);font-size:13px}
html body .su-plan-card span:first-child{color:var(--lavender);font-weight:700}

/* ---------- launching soon (checkoutMode "launching-soon") ---------- */
.su-soon [data-su-restore-open],.su-soon [data-su-restore]{display:none!important}
html body .su-soon-badge{font:700 11px/1 var(--f-mono);letter-spacing:1.5px;text-transform:uppercase;background:var(--marigold);color:var(--cocoa);padding:7px 12px;border-radius:999px}
html body .su-waitlist{max-width:420px;margin:14px 0 6px}
html body .su-waitlist .su-fl{color:var(--cream);font-weight:600}
html body .su-waitlist .su-fl small{font-weight:400;opacity:.8}
html body .su-waitlist .btn{justify-self:start;padding:12px 22px}
html body .su-wl-done{background:var(--avocado);color:var(--cream)!important;padding:12px 16px;border-radius:14px;font-weight:600}
.soon-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin:26px auto 0;padding:16px 20px;border-radius:20px;background:var(--cocoa);color:var(--cream);max-width:760px}
.soon-banner p{color:#F5E3CC!important;margin:0!important;font-size:13px}

/* AA on Peach Glow: Burnt Sienna is only 4.07:1 there, so small eyebrows/links on peach panels use a deeper sienna (7.6:1). */
.brand-story .eyebrow,.brand-story .text-link,.plan.hi .eyebrow,.plan.hi a:not(.btn){color:#7A2E12!important;border-color:#7A2E1266!important}