/* ==========================================================================
   AlphaScaled platform branding for the public website - 25 Sep 2026
   The website now wears the same brand as Manager OS, Partner OS and Allocator OS:
   - black frame (header, closing band, footer) = the portal rail, #0d0f11
   - ivory body (#f8f6f2 canvas, #fdfcfa cards, #e8e2d7 lines) with ink type
   - bronze accent #85672f replaces teal everywhere; solid square buttons, no glow
   - our own art: the City of London skyline (New York on Allocators), square panels
   - status colours (purple, amber, blue, green) only on the four review stages
   - Inter only; small labels raised to 11px so they can be read
   Loaded last. Colours and layout only - no wording, links or scripts change.
   ========================================================================== */
:root{
  --pb-rail:#0d0f11; --pb-canvas:#f8f6f2; --pb-card:#fdfcfa; --pb-line:#e8e2d7;
  --pb-ink:#111317; --pb-copy:#4f4b45; --pb-muted:#6f6a61;
  --pb-bronze:#85672f; --pb-bronze-hover:#6f5526; --pb-bronze-2:#b8914a; --pb-gold-soft:#f7eedb; --pb-gold-light:#e2c68e;
  --pb-purple:#8b5cf6; --pb-amber:#e5a634; --pb-blue:#4d8ff0; --pb-green:#46b37b;
  --pb-london:url('assets/london-skyline-city.png') 68% 42% / cover no-repeat, #0d0f11;
  --pb-newyork:url('assets/new-york-golden-rail.png') 50% 40% / cover no-repeat, #0d0f11;
  --line:var(--pb-line); --white:var(--pb-ink); --muted:var(--pb-muted);
  --as-control-radius:2px; --as-panel-radius:2px; --as-focus-ring:0 0 0 3px rgba(133,103,47,.28);
}
html,body{background:var(--pb-canvas)!important;color:var(--pb-ink)}
.site{background:var(--pb-canvas)!important;color:var(--pb-ink)}
::selection{background:rgba(184,145,74,.28);color:var(--pb-ink)}

/* ---- Black frame: header ---- */
header{background:var(--pb-rail)!important;border-bottom:1px solid rgba(184,145,74,.4)!important;--line:rgba(255,255,255,.12)}
.brand-copy strong{color:var(--pb-gold-light)!important}
.brand-copy span{color:#a39d92!important}
.nav-links a,.nav-links a:not(.nav-cta),.nav-links a.nav-video{font-size:11px!important;letter-spacing:.1em!important}
.nav-links a:not(.nav-video):not(.nav-cta){color:#d9d3c7!important;background:transparent!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important;border-radius:2px!important}
.nav-links a:not(.nav-video):not(.nav-cta):hover,.nav-links a:not(.nav-video):not(.nav-cta):focus-visible{color:#fff!important;border-color:rgba(184,145,74,.6)!important;background:rgba(184,145,74,.08)!important}
.nav-links a:not(.nav-video):not(.nav-cta).active{color:#fff!important;border-color:rgba(184,145,74,.7)!important;background:rgba(184,145,74,.12)!important;box-shadow:inset 0 -2px 0 var(--pb-bronze-2)!important}
.nav-links .nav-video{animation:none!important;color:var(--pb-gold-light)!important;background:transparent!important;border:1px solid rgba(184,145,74,.7)!important;box-shadow:none!important;border-radius:2px!important;transform:none!important}
.nav-links .nav-video:hover{background:rgba(184,145,74,.12)!important;color:#fff!important}
.nav-links .nav-cta,.nav-links .nav-cta.contact-primary-top{background:var(--pb-bronze)!important;border:1px solid var(--pb-bronze)!important;color:#fff!important;box-shadow:none!important;animation:none!important;border-radius:2px!important}
.nav-links .nav-cta:hover{background:var(--pb-bronze-hover)!important;border-color:var(--pb-bronze-hover)!important}

/* ---- Buttons: solid bronze, square, readable ---- */
.button,.nav-links .nav-cta{background-image:none!important}
.button{background:var(--pb-bronze)!important;border:1px solid var(--pb-bronze)!important;color:#fff!important;border-radius:2px!important;box-shadow:none!important;font-size:11px!important;letter-spacing:.1em!important;animation:none!important}
.button:hover,.button:focus-visible{background:var(--pb-bronze-hover)!important;border-color:var(--pb-bronze-hover)!important;color:#fff!important;transform:none!important}
.button.ghost{background:transparent!important;color:var(--pb-bronze)!important;border-color:var(--pb-bronze)!important}
.button.ghost:hover{background:var(--pb-gold-soft)!important;color:var(--pb-bronze-hover)!important}

/* ---- Labels ---- */
.eyebrow,.kicker{color:var(--pb-bronze)!important;font-size:11px!important;letter-spacing:.14em!important}
.eyebrow:before{background:var(--pb-bronze)!important}
h1,h2,h3{color:var(--pb-ink)}
h1 em{color:var(--pb-bronze)!important}
.lead{color:var(--pb-copy)!important}
.hero-note{color:var(--pb-muted)!important;font-size:12px}

/* ---- Hero (home): ivory copy left, square dark skyline panel right ---- */
.hero,.page-hero{background:var(--pb-card)!important;border-bottom:1px solid var(--pb-line)!important}
.hero{padding:88px 0 88px!important}
.hero-grid{align-items:stretch!important}
.hero-grid>div:first-child{align-self:center}
.hero .signal{--line:rgba(255,255,255,.12);background:var(--pb-rail)!important;border-top:0!important;padding:0 0 28px!important;color:#f3efe6;display:flex;flex-direction:column}
.hero .signal::before{content:"";display:block;flex:1 1 230px;min-height:230px;background:var(--pb-london);margin-bottom:24px}
.hero .signal>*{margin-left:28px!important;margin-right:28px!important}
.hero .signal .signal-label{color:var(--pb-gold-light)!important;font-size:11px!important}
.hero .signal h2{color:#fff!important;font-size:24px!important}
.hero .signal p{color:#cfc8ba!important}
.hero .signal .signal-grid{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.12)!important}
.hero .signal .signal-grid div{background:#15181b!important}
.hero .signal .signal-grid b{color:#fff!important}
.hero .signal .signal-grid span{color:#b9b2a5!important}
.type-hero .typing-line{border-right-color:rgba(255,255,255,.8)!important}

/* ---- Page heroes: copy left, square skyline panel right, benefits full width ---- */
.page-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 40%;column-gap:56px;align-items:start}
.page-hero .wrap>*{grid-column:1}
.page-hero .wrap>.benefits{grid-column:1/-1}
.page-hero .wrap::before{content:"";grid-column:2;grid-row:1/span 4;align-self:stretch;min-height:320px;background:var(--pb-london)}
body.static-allocator .page-hero .wrap::before{background:var(--pb-newyork)}
.page-hero h1{font-size:clamp(44px,5vw,72px)!important}
.benefits{background:var(--pb-line)!important;border-color:var(--pb-line)!important}
.benefit{background:var(--pb-card)!important}
.benefit b{color:var(--pb-ink)!important}
.benefit span{color:var(--pb-copy)!important}

/* ---- Body sections on ivory ---- */
section{border-bottom-color:var(--pb-line)!important}
.section-head h2{color:var(--pb-ink)}
.section-copy{color:var(--pb-copy)!important}
.section-copy strong{color:var(--pb-ink)!important}
.ecosystem-type-line{border-right-color:var(--pb-ink)!important}
.audience-grid{border-color:var(--pb-line)!important;background:var(--pb-line)!important}
.audience-card{background:var(--pb-card)!important;border-color:var(--pb-line)!important}
.audience-card:after{display:none!important}
.audience-card small,.audience-card small.audience-type-line,.audience-card:hover small.audience-type-line{color:var(--pb-bronze)!important;font-size:11px!important}
.audience-card h3{color:var(--pb-ink)!important}
.audience-card p{color:var(--pb-copy)!important}
.audience-card li{color:var(--pb-ink)!important}
.audience-card li:before{background:var(--pb-bronze)!important;border-radius:0!important}
.audience-card a{color:var(--pb-bronze)!important;font-size:11px!important}

/* Review pathway: four square stages in the platform status colours */
.capital-flow-heading p{color:var(--pb-copy)!important}
.capital-flow-heading p strong{color:var(--pb-ink)!important}
.flow-line{background:var(--pb-line)!important}
.lifecycle,.stage,.lifecycle-right .stage{border-color:var(--pb-line)!important}
.stage h3{color:var(--pb-ink)!important}
.stage p{color:var(--pb-copy)!important}
.stage span,.lifecycle-right .stage span,.lifecycle-right .stage:hover span{border-radius:0!important;background:var(--pb-card)!important;box-shadow:none!important;color:var(--pb-ink)!important;border:2px solid var(--pb-bronze-2)!important;font-weight:700}
.lifecycle .stage:nth-child(1 of .stage) span{border-color:var(--pb-purple)!important;background:#f1ebfe!important}
.lifecycle .stage:nth-child(2 of .stage) span{border-color:var(--pb-amber)!important;background:#fcf2dd!important}
.lifecycle .stage:nth-child(3 of .stage) span{border-color:var(--pb-blue)!important;background:#e7f0fd!important}
.lifecycle .stage:nth-child(4 of .stage) span{border-color:var(--pb-green)!important;background:#e3f4eb!important}

/* Feature lists and side panels */
.feature-list,.feature{border-color:var(--pb-line)!important}
.feature small{color:var(--pb-bronze)!important;font-size:11px!important}
.feature h3{color:var(--pb-ink)!important}
.feature p{color:var(--pb-copy)!important}
.allocator-motion .feature-cue{color:var(--pb-muted)!important}
.allocator-motion .feature.is-active .feature-cue{color:var(--pb-bronze)!important}
.allocator-motion .feature:hover,.allocator-motion .feature.is-active{background:var(--pb-gold-soft)!important}
.side-panel{background:var(--pb-rail)!important;border:0!important;box-shadow:none!important;color:#fff}
.side-panel .kicker{color:var(--pb-gold-light)!important}
.side-panel h3,.side-panel h2{color:#fff!important}
.side-panel p{color:#cfc8ba!important}
.about-outcome{border-top-color:var(--pb-line)!important}
.about-outcome small{color:var(--pb-bronze)!important;font-size:11px!important}
.about-outcome h3{color:var(--pb-ink)!important}
.about-outcome p{color:var(--pb-copy)!important}
.ai-caption{background:rgba(13,15,17,.9)!important;border-left-color:var(--pb-bronze-2)!important;color:#fff}
.ai-caption span{color:var(--pb-gold-light)!important}

/* Contact page: the enquiry card stays dark (black frame), fields stay dark inside it */
body.contact-page #contact-enquiry.side-panel,body.contact-page #contact-enquiry.side-panel:focus-within{background:var(--pb-rail)!important;border:1px solid rgba(184,145,74,.45)!important;box-shadow:none!important}
.side-panel .field label{color:#cfc8ba!important}
.side-panel .field input,.side-panel .field select,.side-panel .field textarea{background:#15181b!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}

/* ---- Black frame: closing band and footer ---- */
.statement-band{background:var(--pb-rail)!important;border-bottom:0!important}
.statement-band h2,.closing-type .closing-type-line:first-child,.static-home #closing-motion .closing-type-line:first-child{color:#fff!important}
.statement-inner h2 span,.static-home #closing-motion .closing-type-line:nth-child(2),.closing-type-line{color:#b9b2a5}
.closing-type-line{border-right-color:rgba(255,255,255,.85)!important}
.statement-band .motion-replay{background:transparent!important;border-color:rgba(184,145,74,.6)!important;color:var(--pb-gold-light)!important}
footer{background:var(--pb-rail)!important;color:#a39d92!important;font-size:11px!important;border-top:1px solid rgba(184,145,74,.3)}
.footer-links a:hover{color:#fff}

/* Replay buttons on ivory */
.motion-replay{background:var(--pb-card)!important;border:1px solid var(--pb-line)!important;color:var(--pb-bronze)!important;border-radius:2px!important;box-shadow:none!important}
.motion-replay:hover,.motion-replay:focus-visible{border-color:var(--pb-bronze)!important;background:var(--pb-gold-soft)!important}
.hero .signal .motion-replay{background:transparent!important;border-color:rgba(184,145,74,.6)!important;color:var(--pb-gold-light)!important}

/* ---- Cookie banner, contact drawer, legal ---- */
.cookie-banner{background:var(--pb-card)!important;border:1px solid var(--pb-line)!important;box-shadow:0 18px 50px rgba(17,19,23,.16)!important;color:var(--pb-ink)}
.cookie-banner strong{color:var(--pb-ink)!important}
.cookie-banner p{color:var(--pb-copy)!important}
.drawer-backdrop{background:rgba(13,15,17,.6)!important}
.drawer-panel{background:var(--pb-card)!important;border-left:3px solid var(--pb-bronze)!important;box-shadow:-20px 0 60px rgba(17,19,23,.25)!important;color:var(--pb-ink)}
.drawer-panel h2{color:var(--pb-ink)!important}
.drawer-panel .form-intro,.drawer-panel .form-note{color:var(--pb-copy)!important}
.drawer-panel .field label{color:var(--pb-copy)!important}
.drawer-panel .field input,.drawer-panel .field select,.drawer-panel .field textarea{background:#fff!important;border:1px solid #d9d1c2!important;color:var(--pb-ink)!important;color-scheme:light}
.drawer-panel .field input::placeholder,.drawer-panel .field textarea::placeholder{color:#8a8479!important}
.drawer-panel .field input:focus,.drawer-panel .field select:focus,.drawer-panel .field textarea:focus{border-color:var(--pb-bronze)!important}
.drawer-panel:focus-within{border-color:var(--pb-bronze)!important}
.close-button{background:var(--pb-card)!important;border:1px solid var(--pb-line)!important;color:var(--pb-ink)!important}
.consent-field label,.consent-field a{color:var(--pb-copy)!important}
.legal-updated{color:var(--pb-muted)!important}
.legal-index,.legal-index a{border-color:var(--pb-line)!important;color:var(--pb-copy)!important}
.legal-index a:hover,.legal-copy a{color:var(--pb-bronze)!important}
.legal-content details{background:var(--pb-card)!important;border-color:var(--pb-line)!important}
.legal-content summary{color:var(--pb-ink)}
.legal-content summary span{color:var(--pb-bronze)!important}
.legal-copy{color:var(--pb-copy)!important;border-color:var(--pb-line)!important}
.legal-copy h3{color:var(--pb-ink)!important}

/* ---- Phones: the art becomes a band above the copy ---- */
@media(max-width:1000px){
  .page-hero .wrap{display:block}
  .page-hero .wrap::before{display:block;height:180px;min-height:0;margin-bottom:28px}
  .hero .signal::before{flex-basis:180px;min-height:180px}
}

/* Allocators "controlled product view": a dark band - keep its type light */
.controlled-view{background:var(--pb-rail)!important;--line:rgba(255,255,255,.12);color:#f3efe6}
.controlled-view h2,.controlled-view h3,.controlled-view strong,.controlled-view b{color:#fff!important}
.controlled-view .section-copy,.controlled-view p{color:#cfc8ba!important}
.controlled-view .kicker{color:var(--pb-gold-light)!important}
.partner-page #partner-workspace .section-head{grid-template-columns:minmax(0,1fr)}
.partner-page #partner-workspace .section-head h2{max-width:900px}

/* Audience pages share the approved allocator structure. Film controls stay inside the dark frame. */
body:is(.manager-page,.partner-page) .manager-film-dialog{padding:0!important;overflow:auto;overscroll-behavior:contain}
body:is(.manager-page,.partner-page) .manager-film-head h2{color:#f5f2eb!important}
body:is(.manager-page,.partner-page) .manager-film-note{color:#c8c0b2}
body:is(.manager-page,.partner-page) .closing-type-line{width:auto;max-width:none;opacity:1;overflow:visible;border-right:0!important;white-space:normal;animation:none!important}
body:is(.manager-page,.partner-page) .closing-replay{display:none}
@media(max-width:700px){
  body:is(.manager-page,.partner-page) .manager-film-dialog{width:min(100%,calc((94dvh - 145px)*.75));max-height:94dvh}
  body:is(.manager-page,.partner-page) .manager-film-head{gap:12px}
}

/* About: the purpose hero keeps its own single column - Alpha IQ carries the imagery below */
.page-hero.about-purpose-hero .wrap{display:block}
.page-hero.about-purpose-hero .wrap::before{content:none}

/* Phones and tablets: fixes a layout fault already on the live site - the home hero and
   section intros kept two columns on a phone, squeezing the headline into a sliver. */
@media(max-width:1000px){
  .hero-grid,.section-head,.capital-flow-layout,.split{grid-template-columns:minmax(0,1fr)!important}
  .hero .signal .type-hero .typing-line{white-space:normal;width:auto;max-width:none}
}

/* Floating "Contact us" button: solid bronze like every other primary button */
.contact-launch.contact-primary-bottom,.contact-launch{background:var(--pb-bronze)!important;background-image:none!important;border:1px solid var(--pb-bronze)!important;color:#fff!important;box-shadow:0 10px 30px rgba(17,19,23,.22)!important}
.contact-launch:hover{background:var(--pb-bronze-hover)!important}

/* Forms on ivory (legal privacy request and any form outside the dark enquiry card) */
.privacy-request{background:var(--pb-card)!important;border:1px solid var(--pb-line)!important}
.field label{color:var(--pb-copy)!important}
.field input,.field select,.field textarea{background:#fff!important;border:1px solid #d9d1c2!important;color:var(--pb-ink)!important;color-scheme:light}
.side-panel .field input,.side-panel .field select,.side-panel .field textarea{background:#15181b!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important;color-scheme:dark}
.side-panel .field label,.side-panel .consent-field label,.side-panel .consent-field a{color:#cfc8ba!important}

/* Alpha IQ head (Solution page): allocator-reviewed bronze-only institutional intelligence treatment -
   the same treatment as the Alpha IQ head inside the portals */
.stable-ai-frame{background:var(--pb-rail)!important;border-color:rgba(184,145,74,.3)!important}
/* About: keep the three-part statement clear of the inward-facing profile. */
.about-ai-hero .about-ai-copy h1{max-width:100%;font-size:clamp(42px,4.4vw,62px);line-height:1.02}
.about-ai-hero .about-ai-copy h1 em{display:block}
.about-ai-hero .stable-ai-figure{min-width:0;margin-left:18px}
@media(max-width:1100px){.about-ai-hero .stable-ai-figure{margin-left:0}}
.stable-ai-orbit i{background:var(--pb-amber)!important;box-shadow:0 0 0 2px rgba(13,15,17,.7)!important}
.stable-ai-orbit-b i{background:var(--pb-gold-light)!important}
/* Slow-motion allocator-reviewed pulse: restrained bronze only, staggered and subordinate to human judgement. */
.stable-ai-pulse{--pb-node:184,145,74;background:var(--pb-gold)!important;animation:pbSlowPulse 7.2s ease-in-out infinite!important}
.stable-ai-pulse-1{--pb-node:184,145,74;background:var(--pb-gold)!important;animation-delay:0s!important}
.stable-ai-pulse-2{--pb-node:209,168,95;background:var(--pb-gold-light)!important;animation-delay:2.4s!important}
.stable-ai-pulse-3{--pb-node:184,145,74;background:var(--pb-amber)!important;animation-delay:4.8s!important}
@keyframes pbSlowPulse{
  0%{transform:scale(.78);opacity:.58;box-shadow:0 0 0 1px rgba(13,15,17,.55),0 0 0 0 rgba(var(--pb-node),.38)}
  50%{transform:scale(1.02);opacity:.92;box-shadow:0 0 0 1px rgba(13,15,17,.55),0 0 0 11px rgba(var(--pb-node),0)}
  100%{transform:scale(.78);opacity:.58;box-shadow:0 0 0 1px rgba(13,15,17,.55),0 0 0 0 rgba(var(--pb-node),0)}
}
@media(prefers-reduced-motion:reduce){.stable-ai-pulse{animation:none!important;opacity:1}}

/* Tablets: the home hero panel spans the full width, like the page-hero art band */
@media(max-width:1000px){.hero .signal{width:100%!important;max-width:none!important;justify-self:stretch!important}}

/* Allocator-reviewed R2: human authority remains visually primary. */
.about-ai-hero .stable-ai-frame{width:min(84%,520px)!important}
@media(max-width:1100px){.about-ai-hero .stable-ai-frame{width:min(88%,500px)!important}}
@media(max-width:650px){.about-ai-hero .stable-ai-frame{width:min(92%,390px)!important}}


/* R3 institutional continuity moments: additive only; preserves approved page architecture. */
.institutional-intelligence-moment{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(420px,1.18fr);gap:48px;align-items:end;margin:10px 0 34px;padding:4px 0 2px}
.institutional-moment-copy{max-width:620px}
.institutional-moment-copy .kicker{margin-bottom:10px;color:var(--pb-gold-light,#caa86c)}
.institutional-moment-copy h3{margin:0 0 9px;font-size:clamp(22px,2vw,31px);line-height:1.08;font-weight:520;letter-spacing:-.02em;color:#f4f0e7}
.institutional-moment-copy p{margin:0;max-width:720px;color:#b9b2a5;font-size:14px;line-height:1.65}
.continuity-rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:end;padding:8px 0 22px;border-bottom:1px solid rgba(184,145,74,.28);overflow:hidden}
.continuity-rail span{position:relative;z-index:2;color:#aaa396;font-size:10px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.continuity-rail span:not(:last-of-type)::after{content:'→';position:absolute;right:-14px;color:rgba(184,145,74,.46)}
.continuity-rail i{position:absolute;left:-14%;bottom:-1px;width:14%;height:2px;background:linear-gradient(90deg,rgba(184,145,74,0),#b8914a 55%,#d5b87b 88%,rgba(213,184,123,0));box-shadow:0 0 10px rgba(184,145,74,.28);opacity:0}
.institutional-intelligence-moment.is-visible .continuity-rail i{animation:institutionalRailPulse 10s cubic-bezier(.35,.02,.25,1) .65s infinite}
@keyframes institutionalRailPulse{0%{transform:translateX(0);opacity:0}8%{opacity:.85}72%{opacity:.72}100%{transform:translateX(820%);opacity:0}}
@media(max-width:900px){.institutional-intelligence-moment{grid-template-columns:1fr;gap:22px;margin:4px 0 30px}.continuity-rail{gap:10px}.continuity-rail span{font-size:9px;letter-spacing:.08em}}
@media(max-width:650px){.continuity-rail{grid-template-columns:1fr;gap:8px;padding:6px 0 16px}.continuity-rail span:not(:last-of-type)::after{display:none}.continuity-rail i{display:none}.institutional-moment-copy h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.continuity-rail i{display:none!important}}

/* R4 FINAL — institutional continuity bands live between major sections, never inside dense product surfaces. */
.institutional-continuity-band{
  background:#f5f1e9;
  border-top:1px solid rgba(184,145,74,.14);
  border-bottom:1px solid rgba(184,145,74,.14);
  padding:44px 0 40px;
}
.institutional-continuity-band .institutional-intelligence-moment{
  grid-template-columns:minmax(300px,.9fr) minmax(480px,1.1fr);
  gap:72px;
  align-items:center;
  margin:0;
  padding:0;
}
.institutional-continuity-band .institutional-moment-copy h3{
  margin:4px 0 0;
  max-width:620px;
  font-size:clamp(28px,2.35vw,40px);
  line-height:1.04;
  letter-spacing:-.025em;
}
.institutional-continuity-band .continuity-rail{
  padding:12px 0 20px;
}
@media(max-width:900px){
  .institutional-continuity-band{padding:34px 0 32px}
  .institutional-continuity-band .institutional-intelligence-moment{grid-template-columns:1fr;gap:24px}
}
@media(max-width:650px){
  .institutional-continuity-band{padding:28px 0 26px}
  .institutional-continuity-band .institutional-moment-copy h3{font-size:26px}
}