.theme-bluehour{--paper:#EDF2F5;--ink:#263B4B;--accent:#1B668A;--second:#A855F7;--soft:#E0E9EF;--muted:#526675;--line:#B3C5D2;--on-accent:#FFFFFF;--radius:12px;--focus:#263B4B}
.neumorphic-stage{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:55px}.theme-bluehour .ft-metrics{padding:30px;border-radius:22px;box-shadow:inset 6px 6px 12px #00000033,inset -3px -3px 8px #ffffff09}.theme-bluehour .ft-metrics .metrics{border:0}.theme-bluehour .plan{background:linear-gradient(145deg,#ffffff08,#ffffff02);border:1px solid #ffffff22;box-shadow:8px 12px 25px #00000030,-3px -3px 12px #ffffff06;border-radius:22px}.theme-bluehour .client{background:transparent;box-shadow:inset 2px 2px 8px #00000025;border-radius:14px}.theme-bluehour .ft-story{max-width:800px;margin:auto}
.theme-bluehour .reading-body{padding:32px;background:var(--soft);border:1px solid var(--line);border-radius:12px}.theme-bluehour .gate-board{padding:32px;border:1px solid var(--line);border-radius:12px}
@media(max-width:1000px){.theme-bluehour .ft-hero{grid-template-columns:1fr;gap:32px}.theme-bluehour .hero-copy{max-width:800px;margin-inline:0}.theme-bluehour .ft-hero .scene{max-width:650px;width:100%;margin-inline:auto}.theme-bluehour .ft-hero>.scene{order:2}.theme-bluehour .ft-hero>.ft-metrics{order:3}.theme-bluehour .ft-hero .hero-copy{border-left:0;padding-left:0}.theme-bluehour .ft-hero>div{min-width:0}.theme-bluehour .clients{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-bluehour .ft-story{display:block}.theme-bluehour .ft-story .eyebrow{margin-bottom:12px}.theme-bluehour .ft-story h2{margin-bottom:18px}}
@media(max-width:600px){.theme-bluehour .clients{grid-template-columns:1fr}.theme-bluehour .ft-story{padding-inline:0;border-left:0}.theme-bluehour .reading-body,.theme-bluehour .gate-board{padding:22px}.theme-bluehour .ft-metrics{padding-inline:0}.theme-bluehour .ft-hero{padding-block:30px}.theme-bluehour .ft-hero .hero-copy{padding:0}.theme-bluehour .ft-hero h1{font-size:32px}.theme-bluehour .scene{max-width:420px}}

/* A central tactile object above a separate metric shelf. */
@media(min-width:1001px){.theme-bluehour .neumorphic-stage{grid-template-columns:1fr;gap:26px;justify-items:center}.theme-bluehour .neumorphic-stage .hero-copy{max-width:700px;text-align:center}.theme-bluehour .neumorphic-stage .actions{justify-content:center}.theme-bluehour .neumorphic-stage .scene{max-width:540px;width:100%}.theme-bluehour .neumorphic-stage .scene svg{max-height:300px}}