/* HomePage.Studio brand alignment. Presentation content and behavior unchanged. */
@font-face{font-family:Manrope;src:url('/wp-content/themes/hps-studio/assets/fonts/manrope-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/wp-content/themes/hps-studio/assets/fonts/manrope-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/wp-content/themes/hps-studio/assets/fonts/manrope-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/wp-content/themes/hps-studio/assets/fonts/manrope-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/wp-content/themes/hps-studio/assets/fonts/manrope-800.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--navy:#10171d;--deep:#0b1116;--gold:#93b2ff;--cream:#f5f6f8;--ink:#10171d;--muted:#59636e;--line:#dfe3e8;--surface-line:#dfe3e8;--blue:#205cff}
body{font-family:Manrope,system-ui,sans-serif;background:#fff;-webkit-font-smoothing:antialiased}
header{background:#fffffff5;color:var(--ink);border-bottom:1px solid var(--line)}
.brand{display:block;font-family:Manrope,sans-serif;line-height:1}
.brand img{display:block;width:210px;height:auto;max-width:100%}
.header-label{font-size:12px;font-weight:700;letter-spacing:.14em}
header button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:5px;font-weight:600}
header button:hover{background:#1747cf}
#reading-progress{background:var(--blue)}
h1,h2,h3{font-family:Manrope,system-ui,sans-serif;font-weight:600;letter-spacing:-.055em;line-height:1.08}
h1 em,h2 em,h3 em{font-style:normal;font-weight:600}
em,.eyebrow,.folio,.scope-grid span{color:var(--blue)}
.dark{background:var(--navy);color:#fff}
.dark::before{background:radial-gradient(ellipse at 82% 15%,#205cff12,transparent 65%)}
.dark em,.dark .eyebrow,.dark .folio{color:#93b2ff}
.button{background:var(--blue);border-color:var(--blue);color:#fff;border-radius:5px;font-weight:600}
.button:hover{background:#1747cf}
.eyebrow,.folio{font-size:13px;letter-spacing:.14em;font-weight:700}
.cover .intro,.dark .service-intro,.demo p:not(.eyebrow),.dark .detail-copy{color:#cbd2da}
.service-intro,.detail-copy,figcaption,.caption{color:var(--muted)}
.cover-footer,.small-note,.offer-line span{color:#bbc4d0}
.floating-note{background:#fff;border:1px solid var(--line);border-radius:8px}
.visual{border-radius:8px}.dark .visual{border-color:#3c4755}
.screen-label,.zoom-label{background:#f0f3f8;color:var(--ink);border-color:var(--line)}
.dark .screen-label,.dark .zoom-label,.dark .image-open{background:#202c3c;color:#f5f6f8;border-color:#3c4755}
.image-open{background:#f0f3f8}
.detail-tabs button{color:var(--muted);border-radius:5px}
.detail-tabs button.active{background:#edf2ff;border-color:var(--blue);color:#1747cf}
.detail-tabs button:hover,.scope-grid a:hover{background:#f0f3fa;color:var(--ink)}
.dark .detail-tabs button.active{background:#20335a;border-color:#93b2ff;color:#fff}
.dark .detail-tabs button:hover{background:#20335a;color:#fff}
.addon-note{color:#1747cf;border-color:#a8befa;background:#edf2ff;border-radius:5px}
.dark .addon-note{color:#c5d6ff;border-color:#607fb7;background:#182942}
.takeaway{border-top-color:var(--line)}
.loose-note{background:#f0f2f5}.connected-step{background:#edf2ff;border-color:#afc3fa}.after i{background:#afc3fa}
.avatar{background:#205cff;color:#fff}
.map-center{font-family:Manrope,sans-serif;font-weight:600;color:#d5e1ff;letter-spacing:-.04em}
.map-center span{font-family:Manrope,sans-serif;letter-spacing:0}
.orbit{border-color:#93b2ff40}.map-node{background:#202c3c;border-color:#6f8bca66;color:#e2eaff}
.price{font-family:Manrope,system-ui,sans-serif;font-weight:600;letter-spacing:-.065em}
.price span{font-family:Manrope,system-ui,sans-serif}
.addon-divider{background:#205cff;color:#fff;border-top-color:#10171d}
.addon-divider .eyebrow,.addon-divider em{color:#fff}
.addon-divider .button{background:#fff;color:#1747cf;border-color:#fff}
.addon-divider .button:hover{background:#edf2ff}
.addon-boundary span{background:#ffffff16;border-color:#ffffff50;color:#fff}
@media screen and (min-width:1101px){.cover h1{font-size:clamp(48px,4.35vw,68px)}.service h2{font-size:clamp(40px,3.55vw,58px)}}
@media screen and (min-width:761px) and (max-width:1100px){.cover h1{font-size:48px}.service h2{font-size:42px}}
@media screen and (max-width:760px){.brand img{width:185px}.header-actions button{font-size:14px;padding:9px 12px}.cover h1{font-size:45px}.service h2,.close h2{font-size:40px}.addon-divider h2{font-size:44px}.price{font-size:85px}}
@media print{body{font-family:Manrope,system-ui,sans-serif}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}.cover h1{font-size:46px}.service h2{font-size:34px}.addon-divider h2{font-size:56px}.price{font-size:100px}.brand img{width:180px}}
.addon .eyebrow,.addon.dark .eyebrow{background:#205cff;color:#fff;border-radius:4px}
dialog{background:#10171d;border-color:#607fb7}.dialog-close{background:#205cff;border-color:#205cff;border-radius:5px}
.delivery article>span{font-family:Manrope,system-ui,sans-serif;font-weight:600;color:#205cff;letter-spacing:-.05em}
/* Show the first mobile screen immediately; later slide motion is unchanged. */
@media screen and (max-width:760px){.motion-ready .slide.cover.entering>.cover-stage,.motion-ready .slide.cover.entering>.cover-copy{animation:none}}