/* PAG/STPO-GURU V9 — bespoke home experience
   Palette: #0D1B2A #1B263B #415A77 #778DA9 #E0E1DD */
:root{--pg7-ink:#0D1B2A;--pg7-panel:#1B263B;--pg7-mid:#415A77;--pg7-soft:#778DA9;--pg7-paper:#E0E1DD;--pg7-line:rgba(224,225,221,.18);--pg7-line-dark:rgba(13,27,42,.18);--pg7-shadow:0 30px 100px rgba(13,27,42,.22);--pg7-radius:32px}
body.home{background:var(--pg7-ink);overflow-x:hidden}.pg7{background:var(--pg7-ink);color:var(--pg7-paper);overflow:clip}.pg7 *{box-sizing:border-box}.pg7 h1,.pg7 h2,.pg7 h3,.pg7 p{margin-top:0}.pg7 a{text-decoration:none}.pg7 button{font:inherit}.pg7 .container{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.pg7-primary,.pg7-secondary,.pg7-text-link{display:inline-flex;align-items:center;justify-content:center;gap:14px}.pg7-primary{min-height:56px;padding:0 23px;border-radius:999px;background:var(--pg7-paper);color:var(--pg7-ink);font-weight:820;letter-spacing:-.02em;box-shadow:0 12px 42px rgba(224,225,221,.08);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.pg7-primary:hover{transform:translateY(-2px);box-shadow:0 18px 52px rgba(224,225,221,.16);background:#E0E1DD}.pg7-primary b{font-size:1.05rem}.pg7-secondary{min-height:54px;padding:0 6px;color:var(--pg7-paper);font-weight:720;border-bottom:1px solid rgba(224,225,221,.38)}.pg7-secondary:hover{border-color:var(--pg7-paper)}.pg7-text-link{justify-content:flex-start;color:inherit;font-weight:760;border-bottom:1px solid currentColor;padding-bottom:5px;width:max-content}.pg7-overline{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--pg7-soft)}.pg7-overline:before{content:"";width:22px;height:1px;background:currentColor}.pg7-index{display:flex;align-items:flex-start;gap:12px;color:var(--pg7-soft)}.pg7-index span{font-size:clamp(2.6rem,6vw,6.6rem);line-height:.8;font-weight:250;letter-spacing:-.08em}.pg7-index small{font-size:.68rem;font-weight:800;letter-spacing:.14em;writing-mode:vertical-rl;transform:rotate(180deg);opacity:.8}.pg7 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic}.pg7-reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.pg7-reveal.is-visible{opacity:1;transform:none}

/* Hero */
.pg7-hero{position:relative;min-height:min(990px,100svh);padding:150px 0 74px;display:flex;align-items:center;isolation:isolate;background:radial-gradient(circle at 72% 20%,rgba(119,141,169,.13),transparent 30%),linear-gradient(180deg,#0D1B2A 0%,#1B263B 55%,#0D1B2A 100%)}.pg7-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 340px at var(--pg7-mx,68%) var(--pg7-my,34%),rgba(119,141,169,.12),transparent 72%);z-index:-1}.pg7-hero-grid{position:absolute;inset:0;z-index:-2;opacity:.22;background-image:linear-gradient(rgba(224,225,221,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(224,225,221,.07) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.pg7-hero-orbit{position:absolute;border:1px solid rgba(119,141,169,.18);border-radius:50%;z-index:-1;pointer-events:none}.pg7-hero-orbit.orbit-a{width:660px;height:660px;right:-100px;top:80px;animation:pg7orbit 32s linear infinite}.pg7-hero-orbit.orbit-b{width:420px;height:420px;right:90px;top:200px;border-style:dashed;animation:pg7orbit 24s linear infinite reverse}.pg7-hero-sectionmark{position:absolute;right:4vw;top:10vh;font-family:Georgia,serif;font-size:min(30vw,420px);line-height:1;color:rgba(224,225,221,.025);pointer-events:none}.pg7-hero-beam{position:absolute;left:0;right:0;top:48%;height:1px;background:linear-gradient(90deg,transparent,rgba(119,141,169,.38),transparent);box-shadow:0 0 40px rgba(119,141,169,.15);transform:scaleX(.25);transform-origin:left center;animation:pg7beam 3s 1s cubic-bezier(.2,.7,.2,1) forwards}.pg7-hero-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:40px;align-items:center}.pg7-kicker{display:flex;align-items:center;gap:12px;font-size:.73rem;letter-spacing:.14em;font-weight:850;color:var(--pg7-soft);margin-bottom:24px}.pg7-kicker span{width:8px;height:8px;border-radius:50%;background:var(--pg7-paper);box-shadow:0 0 0 6px rgba(224,225,221,.06),0 0 24px rgba(224,225,221,.28)}.pg7-hero h1{font-size:clamp(4rem,7.8vw,8.3rem);line-height:.82;letter-spacing:-.075em;margin:0 0 32px}.pg7-hero h1 span,.pg7-hero h1 em{display:block}.pg7-hero h1 em{color:var(--pg7-soft);font-size:.9em;margin-top:.08em}.pg7-hero-lead{max-width:680px;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.65;color:rgba(224,225,221,.72);margin-bottom:30px}.pg7-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.pg7-proofline{display:flex;gap:16px 24px;flex-wrap:wrap;margin-top:28px;color:rgba(224,225,221,.62);font-size:.84rem}.pg7-proofline span{display:flex;align-items:center;gap:8px}.pg7-proofline i{width:5px;height:5px;background:var(--pg7-soft);border-radius:50%}.pg7-legal-inline{margin-top:26px;display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;max-width:590px;padding:13px 16px;border:1px solid rgba(224,225,221,.12);border-radius:16px;background:rgba(27,38,59,.4);backdrop-filter:blur(18px);font-size:.78rem;color:rgba(224,225,221,.72)}.pg7-legal-inline svg{width:22px}.pg7-legal-inline b{color:var(--pg7-paper);font-size:.72rem}.pg7-hero-cinema{height:660px;position:relative;perspective:1200px}.pg7-stage-word{position:absolute;left:-40px;right:-40px;top:46%;transform:translateY(-50%);font-size:clamp(6rem,12vw,12rem);font-weight:900;letter-spacing:-.08em;color:rgba(224,225,221,.035);white-space:nowrap;text-align:center}.pg7-phone{position:relative;border-radius:43px;background:#0D1B2A;padding:8px;box-shadow:0 32px 90px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.16);overflow:hidden}.pg7-phone:before{content:"";position:absolute;z-index:3;top:12px;left:50%;width:26%;height:22px;transform:translateX(-50%);background:#0D1B2A;border-radius:0 0 14px 14px;opacity:.94}.pg7-phone-screen{height:100%;border-radius:35px;overflow:hidden;background:#1B263B}.pg7-phone-screen img{display:block;width:100%;height:100%;object-fit:cover}.pg7-phone-main{position:absolute;width:295px;height:640px;left:50%;top:12px;transform:translateX(-50%) rotate(-1deg);z-index:5;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.pg7-phone-float{position:absolute;width:205px;height:445px;z-index:3;filter:saturate(.82);opacity:.86;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.pg7-phone-float.float-left{left:0;top:125px;transform:rotate(-9deg) translateZ(-30px)}.pg7-phone-float.float-right{right:0;top:105px;transform:rotate(9deg) translateZ(-30px)}.pg7-hero-cinema:hover .pg7-phone-float{opacity:1}.pg7-float-note{position:absolute;z-index:8;display:grid;grid-template-columns:32px auto;column-gap:10px;min-width:170px;padding:13px 14px;border:1px solid rgba(224,225,221,.12);background:rgba(13,27,42,.62);box-shadow:0 18px 54px rgba(0,0,0,.18);backdrop-filter:blur(20px);border-radius:16px}.pg7-float-note small{grid-row:1/3;font-weight:900;color:var(--pg7-soft);font-size:.66rem}.pg7-float-note b{font-size:.68rem;letter-spacing:.09em}.pg7-float-note span{font-size:.69rem;color:rgba(224,225,221,.55)}.pg7-float-note.note-a{left:2%;top:44px}.pg7-float-note.note-b{right:-3%;top:38px}.pg7-float-note.note-c{right:1%;bottom:42px}.pg7-hero-ticker{position:absolute;bottom:0;left:0;right:0;overflow:hidden;border-top:1px solid rgba(224,225,221,.08);border-bottom:1px solid rgba(224,225,221,.08);background:rgba(27,38,59,.3);padding:15px 0}.pg7-hero-ticker>div{display:flex;width:max-content;animation:pg7ticker 30s linear infinite}.pg7-hero-ticker span{font-size:.72rem;font-weight:850;letter-spacing:.13em;color:rgba(224,225,221,.7);padding:0 22px}.pg7-hero-ticker i{font-size:.48rem;color:var(--pg7-soft);font-style:normal}

/* Map / wayfinding */
.pg7-map{background:var(--pg7-paper);color:var(--pg7-ink);padding:110px 0 92px}.pg7-map-grid{display:grid;grid-template-columns:130px minmax(0,1fr);gap:28px 70px;align-items:start}.pg7-map-copy h2,.pg7-gallery-heading h2,.pg7-learning-head h2,.pg7-transfer-head h2,.pg7-atlas-head h2,.pg7-trust-head h2{font-size:clamp(3rem,6vw,6rem);line-height:.92;letter-spacing:-.065em;margin:16px 0 24px}.pg7-map-copy p,.pg7-gallery-heading p,.pg7-learning-head p,.pg7-transfer-head p,.pg7-atlas-head p,.pg7-trust-head p{font-size:1.05rem;line-height:1.7;color:rgba(13,27,42,.65);max-width:760px}.pg7-map-rail{grid-column:2;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--pg7-line-dark);border-bottom:1px solid var(--pg7-line-dark)}.pg7-map-rail a{min-height:132px;padding:22px 16px;display:flex;flex-direction:column;border-right:1px solid var(--pg7-line-dark);transition:background .25s ease,transform .25s ease}.pg7-map-rail a:last-child{border-right:0}.pg7-map-rail a:hover{background:rgba(119,141,169,.12);transform:translateY(-3px)}.pg7-map-rail small{font-size:.65rem;font-weight:850;color:var(--pg7-mid)}.pg7-map-rail b{font-size:1.1rem;margin:auto 0 4px}.pg7-map-rail span{font-size:.75rem;color:rgba(13,27,42,.55)}

/* Glass explorer */
.pg7-explorer{position:relative;padding:110px 0 120px;background:linear-gradient(180deg,var(--pg7-ink),#1B263B);color:var(--pg7-paper)}.pg7-filterbar{position:sticky;top:92px;z-index:20;display:grid;grid-template-columns:1fr 1px 1.4fr 1px 1.15fr auto;gap:0;align-items:stretch;padding:8px;border-radius:24px;border:1px solid rgba(224,225,221,.15);background:rgba(27,38,59,.62);box-shadow:0 22px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(28px) saturate(130%)}.pg7-filter-group{padding:10px 12px}.pg7-filter-group small{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(224,225,221,.48);font-weight:850;margin-bottom:7px}.pg7-filter-group>div{display:flex;gap:4px;flex-wrap:wrap}.pg7-filter-group button{border:0;color:rgba(224,225,221,.66);background:transparent;padding:8px 10px;border-radius:10px;font-size:.78rem;font-weight:760;transition:.25s ease}.pg7-filter-group button:hover{color:var(--pg7-paper);background:rgba(119,141,169,.11)}.pg7-filter-group button.active{color:var(--pg7-ink);background:var(--pg7-paper);box-shadow:0 8px 24px rgba(0,0,0,.18)}.pg7-filter-separator{width:1px;background:rgba(224,225,221,.12);margin:10px 0}.pg7-filter-status{display:flex;align-items:center;gap:8px;padding:0 16px;font-size:.7rem;color:rgba(224,225,221,.62);white-space:nowrap}.pg7-filter-status i{width:7px;height:7px;border-radius:50%;background:var(--pg7-soft);box-shadow:0 0 18px rgba(119,141,169,.8)}.pg7-explorer-stage{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;min-height:720px;margin-top:42px;border-top:1px solid rgba(224,225,221,.1);border-bottom:1px solid rgba(224,225,221,.1)}.pg7-explorer-copy h3{font-size:clamp(3rem,5.6vw,6rem);line-height:.92;letter-spacing:-.06em;margin:18px 0 22px}.pg7-explorer-copy p{font-size:1.05rem;line-height:1.72;color:rgba(224,225,221,.66);max-width:580px}.pg7-explorer-meta{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.pg7-explorer-meta span{padding:8px 11px;border:1px solid rgba(224,225,221,.14);border-radius:999px;font-size:.68rem;letter-spacing:.06em;color:rgba(224,225,221,.72)}.pg7-explorer-visual{position:relative;height:660px;transition:filter .3s ease,transform .35s ease}.pg7-explorer-visual.is-changing{filter:blur(8px);transform:scale(.985)}.pg7-explorer-word{position:absolute;inset:auto 0 44% -4%;font-size:clamp(7rem,14vw,13rem);font-weight:900;letter-spacing:-.09em;color:rgba(224,225,221,.04);text-align:center;transform:translateY(50%)}.pg7-explorer-phone{position:absolute;width:255px;height:554px;top:52px}.pg7-explorer-phone.back{left:13%;transform:rotate(-7deg) translateY(38px);opacity:.72;filter:saturate(.76)}.pg7-explorer-phone.front{right:16%;z-index:4;transform:rotate(4deg)}.pg7-orbit-label{position:absolute;z-index:8;padding:9px 11px;border:1px solid rgba(224,225,221,.14);border-radius:999px;background:rgba(13,27,42,.7);backdrop-filter:blur(18px);font-size:.62rem;font-weight:850;letter-spacing:.11em;color:var(--pg7-soft);animation:pg7float 6s ease-in-out infinite}.pg7-orbit-label.l1{left:8%;top:16%}.pg7-orbit-label.l2{right:2%;top:33%;animation-delay:-2s}.pg7-orbit-label.l3{left:31%;bottom:10%;animation-delay:-4s}

/* Screenshot rails */
.pg7-gallery{padding:110px 0;background:var(--pg7-paper);color:var(--pg7-ink);overflow:hidden}.pg7-gallery-heading{display:grid;grid-template-columns:130px 1fr;gap:70px;margin-bottom:56px}.pg7-shot-rail{width:100%;overflow:hidden;padding:14px 0}.pg7-shot-track{display:flex;gap:18px;width:max-content;will-change:transform;animation:pg7gallery 48s linear infinite;transform:translateX(var(--pg7-scroll-shift,0px))}.pg7-shot-rail.rail-b .pg7-shot-track{animation-direction:reverse;animation-duration:56s}.pg7-shot-rail:hover .pg7-shot-track{animation-play-state:paused}.pg7-shot{position:relative;flex:0 0 188px;height:408px;border:0;padding:0;border-radius:30px;background:#0D1B2A;overflow:hidden;box-shadow:0 20px 50px rgba(13,27,42,.13);cursor:default;transition:transform .28s ease,box-shadow .28s ease}.pg7-shot:hover{transform:translateY(-8px) rotate(.7deg);box-shadow:0 28px 70px rgba(13,27,42,.2)}.pg7-shot img{width:100%;height:100%;object-fit:cover}.pg7-shot span{position:absolute;left:10px;bottom:10px;padding:7px 9px;border-radius:10px;background:rgba(13,27,42,.72);color:var(--pg7-paper);backdrop-filter:blur(14px);font-size:.65rem;font-weight:800;letter-spacing:.04em}.pg7-shot.light span{background:rgba(224,225,221,.82);color:var(--pg7-ink)}

/* Workflow scroll story */
.pg7-workflow{padding:120px 0;background:var(--pg7-ink);color:var(--pg7-paper)}.pg7-workflow-grid{display:grid;grid-template-columns:1.05fr .8fr;gap:100px}.pg7-workflow-sticky{position:sticky;top:112px;height:calc(100vh - 140px);min-height:690px;display:grid;grid-template-columns:.9fr 1.05fr;gap:30px;align-items:center}.pg7-workflow-copy h2{font-size:clamp(3rem,5.8vw,6rem);line-height:.92;letter-spacing:-.06em;margin:18px 0 24px}.pg7-workflow-copy p{color:rgba(224,225,221,.64);line-height:1.7}.pg7-story-stage{position:relative;height:630px;display:flex;align-items:center;justify-content:center}.pg7-story-word{position:absolute;left:-30px;right:-30px;top:45%;transform:translateY(-50%);font-size:clamp(5rem,9vw,9rem);font-weight:900;letter-spacing:-.08em;color:rgba(224,225,221,.04);text-align:center}.pg7-story-phone{width:260px;height:565px;z-index:2;transition:transform .3s ease,opacity .2s ease}.pg7-story-phone.is-switching{transform:scale(.965) rotate(1deg);opacity:.45}.pg7-story-progress{position:absolute;right:0;bottom:24px;width:160px}.pg7-story-progress span{display:block;font-size:.66rem;letter-spacing:.11em;color:var(--pg7-soft);margin-bottom:7px}.pg7-story-progress i{display:block;height:2px;background:rgba(224,225,221,.1);overflow:hidden}.pg7-story-progress b{display:block;height:100%;width:16.66%;background:var(--pg7-paper);transition:width .35s ease}.pg7-story-steps{padding:18vh 0 10vh}.pg7-story-step{min-height:72vh;padding:16vh 0 80px;border-top:1px solid rgba(224,225,221,.12);opacity:.38;transition:opacity .35s ease,transform .35s ease}.pg7-story-step.active{opacity:1;transform:translateX(-12px)}.pg7-story-step>span{display:block;font-size:.72rem;font-weight:900;color:var(--pg7-soft);margin-bottom:48px}.pg7-story-step small{font-weight:850;letter-spacing:.14em;color:var(--pg7-soft)}.pg7-story-step h3{font-size:clamp(2.1rem,4vw,4.4rem);line-height:.95;letter-spacing:-.055em;margin:16px 0 20px}.pg7-story-step p{font-size:1rem;line-height:1.7;color:rgba(224,225,221,.64)}

/* Learning */
.pg7-learning{padding:110px 0 125px;background:var(--pg7-paper);color:var(--pg7-ink)}.pg7-learning-head,.pg7-transfer-head,.pg7-atlas-head,.pg7-trust-head{display:grid;grid-template-columns:130px 1fr;gap:70px;margin-bottom:60px}.pg7-learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pg7-learning-card{position:relative;min-height:530px;border:1px solid var(--pg7-line-dark);border-radius:30px;overflow:hidden;background:rgba(255,255,255,.18);display:grid;grid-template-columns:1fr .7fr;align-items:center}.pg7-learning-card>div{padding:44px 36px}.pg7-learning-card small{font-size:.65rem;letter-spacing:.12em;font-weight:850;color:var(--pg7-mid)}.pg7-learning-card h3{font-size:clamp(2rem,3.4vw,3.6rem);line-height:.98;letter-spacing:-.05em;margin:14px 0 18px}.pg7-learning-card p{line-height:1.68;color:rgba(13,27,42,.65)}.pg7-learning-card figure{margin:0;height:100%;overflow:hidden;cursor:default;align-self:stretch}.pg7-learning-card figure img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.pg7-learning-card:hover figure img{transform:scale(1.025)}.pg7-learning-card.card-journal{grid-column:1/-1;grid-template-columns:.8fr 1.2fr;min-height:440px}.pg7-learning-card.card-journal figure{max-height:520px}

/* Service mode */
.pg7-service{padding:120px 0;background:linear-gradient(180deg,#1B263B,var(--pg7-panel));color:var(--pg7-paper);overflow:hidden}.pg7-service-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.pg7-service-copy h2{font-size:clamp(3.3rem,6vw,6.5rem);line-height:.9;letter-spacing:-.065em;margin:18px 0 26px}.pg7-service-copy p{color:rgba(224,225,221,.64);line-height:1.7}.pg7-service-points{display:grid;margin:30px 0}.pg7-service-points span{display:grid;grid-template-columns:34px 1fr;align-items:center;padding:14px 0;border-top:1px solid rgba(224,225,221,.12);font-size:.84rem}.pg7-service-points span:last-child{border-bottom:1px solid rgba(224,225,221,.12)}.pg7-service-points b{color:var(--pg7-soft);font-size:.68rem}.pg7-service-stage{position:relative;height:740px;perspective:1200px;--pg7-ppx:0px;--pg7-ppy:0px}.pg7-service-rings{position:absolute;inset:40px;display:grid;place-items:center;transform:translate(var(--pg7-ppx),var(--pg7-ppy));transition:transform .15s linear}.pg7-service-rings i{position:absolute;border:1px solid rgba(224,225,221,.11);border-radius:50%;animation:pg7orbit 28s linear infinite}.pg7-service-rings i:nth-child(1){width:620px;height:620px}.pg7-service-rings i:nth-child(2){width:470px;height:470px;border-style:dashed;animation-direction:reverse}.pg7-service-rings i:nth-child(3){width:320px;height:320px}.pg7-service-phone{position:absolute;width:300px;height:652px;left:50%;top:44px;transform:translateX(-50%) translate(calc(var(--pg7-ppx)*-.45),calc(var(--pg7-ppy)*-.45)) rotate(-2deg);transition:transform .15s linear;z-index:3}.pg7-service-callout{position:absolute;z-index:7;min-width:145px;padding:13px 15px;border-radius:16px;border:1px solid rgba(224,225,221,.13);background:rgba(13,27,42,.68);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.2)}.pg7-service-callout b{display:block;font-size:.78rem}.pg7-service-callout span{font-size:.66rem;color:var(--pg7-soft)}.pg7-service-callout.c1{left:4%;top:18%}.pg7-service-callout.c2{right:2%;top:34%}.pg7-service-callout.c3{left:7%;bottom:16%}

/* Compare */
.pg7-compare{padding:110px 0;background:var(--pg7-paper);color:var(--pg7-ink)}.pg7-compare-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.pg7-compare-copy h2{font-size:clamp(3.2rem,6vw,6rem);line-height:.92;letter-spacing:-.065em;margin:18px 0 26px}.pg7-compare-copy p{color:rgba(13,27,42,.64);line-height:1.7}.pg7-compare-labels{display:flex;justify-content:space-between;max-width:260px;margin-top:34px;font-size:.66rem;font-weight:850;letter-spacing:.14em;color:var(--pg7-mid)}.pg7-compare-stage{display:grid;place-items:center;min-height:680px}.pg7-compare-phone{position:relative;width:335px;height:726px;border-radius:49px;overflow:hidden;box-shadow:0 35px 100px rgba(13,27,42,.2);background:#0D1B2A}.pg7-compare-phone>img,.pg7-compare-dark img{width:100%;height:100%;object-fit:cover}.pg7-compare-dark{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}.pg7-compare-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--pg7-paper);box-shadow:0 0 22px rgba(224,225,221,.6);transform:translateX(-1px);pointer-events:none}.pg7-compare-divider i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--pg7-paper);color:var(--pg7-ink);font-style:normal;box-shadow:0 8px 30px rgba(0,0,0,.2)}.pg7-compare-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}

/* Transfer */
.pg7-transfer{padding:115px 0;background:var(--pg7-ink);color:var(--pg7-paper)}.pg7-transfer-stage{position:relative;min-height:700px;border:1px solid rgba(224,225,221,.12);border-radius:34px;background:linear-gradient(135deg,rgba(119,141,169,.08),rgba(27,38,59,.26));overflow:hidden;padding:54px 390px 54px 42px}.pg7-transfer-flow{display:grid;gap:12px;max-width:640px}.pg7-transfer-flow article{position:relative;padding:22px 24px 22px 86px;border:1px solid rgba(224,225,221,.12);border-radius:20px;background:rgba(27,38,59,.42);backdrop-filter:blur(16px)}.pg7-transfer-flow article>b{position:absolute;left:20px;top:20px;font-size:.65rem;color:var(--pg7-soft)}.pg7-transfer-flow article>span{position:absolute;left:18px;bottom:18px}.pg7-transfer-flow article svg{width:28px}.pg7-transfer-flow article h3{font-size:1.35rem;margin-bottom:6px}.pg7-transfer-flow article p{margin:0;color:rgba(224,225,221,.58);font-size:.86rem}.pg7-transfer-flow>i{font-style:normal;margin-left:48px;color:var(--pg7-soft);font-size:1.3rem}.pg7-transfer-phone{position:absolute;width:260px;height:565px;right:64px;top:50%;transform:translateY(-50%) rotate(5deg);cursor:default}.pg7-transfer-note{position:absolute;right:28px;bottom:30px;width:330px;display:grid;grid-template-columns:34px 1fr;gap:10px;padding:16px;border:1px solid rgba(224,225,221,.15);border-radius:17px;background:rgba(13,27,42,.82);backdrop-filter:blur(18px);z-index:6}.pg7-transfer-note svg{width:26px}.pg7-transfer-note b{font-size:.8rem}.pg7-transfer-note p{font-size:.7rem;color:rgba(224,225,221,.58);margin:4px 0 0}

/* Atlas */
.pg7-feature-atlas{padding:115px 0;background:var(--pg7-paper);color:var(--pg7-ink)}.pg7-atlas-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--pg7-line-dark)}.pg7-atlas-item{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:28px 26px;border-bottom:1px solid var(--pg7-line-dark)}.pg7-atlas-item:nth-child(odd){border-right:1px solid var(--pg7-line-dark)}.pg7-atlas-item>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--pg7-line-dark);color:var(--pg7-mid)}.pg7-atlas-item svg{width:22px}.pg7-atlas-item h3{font-size:1.18rem;margin:0 0 7px}.pg7-atlas-item p{font-size:.86rem;line-height:1.62;color:rgba(13,27,42,.6);margin:0}.pg7-atlas-cta{display:flex;gap:24px;align-items:center;margin-top:42px;flex-wrap:wrap}.pg7-atlas-cta .pg7-primary{background:var(--pg7-ink);color:var(--pg7-paper)}.pg7-atlas-cta .pg7-secondary{color:var(--pg7-ink);border-color:rgba(13,27,42,.28)}

/* Legal/trust */
.pg7-trust{padding:115px 0;background:var(--pg7-panel);color:var(--pg7-paper)}.pg7-trust-head p{color:rgba(224,225,221,.62)}.pg7-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(224,225,221,.12);border-bottom:1px solid rgba(224,225,221,.12)}.pg7-trust-card{min-height:380px;padding:32px 26px;border-right:1px solid rgba(224,225,221,.12);display:flex;flex-direction:column;transition:background .25s ease,transform .25s ease}.pg7-trust-card:last-child{border-right:0}.pg7-trust-card:hover{background:rgba(119,141,169,.08);transform:translateY(-4px)}.pg7-trust-card>span{width:52px;height:52px;border:1px solid rgba(224,225,221,.16);border-radius:50%;display:grid;place-items:center;color:var(--pg7-soft);margin-bottom:auto}.pg7-trust-card svg{width:24px}.pg7-trust-card small{margin-top:48px;font-size:.62rem;letter-spacing:.12em;color:var(--pg7-soft);font-weight:850}.pg7-trust-card h3{font-size:1.65rem;line-height:1.05;letter-spacing:-.04em;margin:12px 0}.pg7-trust-card p{color:rgba(224,225,221,.58);font-size:.84rem;line-height:1.65}.pg7-trust-card b{font-size:.75rem;margin-top:12px}.pg7-legal-links{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border:1px solid rgba(224,225,221,.12);border-radius:18px;overflow:hidden}.pg7-legal-links a{display:flex;justify-content:space-between;padding:15px 16px;border-right:1px solid rgba(224,225,221,.12);font-size:.74rem}.pg7-legal-links a:last-child{border-right:0}.pg7-legal-links a:hover{background:rgba(119,141,169,.08)}

/* FAQ */
.pg7-faq{padding:110px 0;background:var(--pg7-paper);color:var(--pg7-ink)}.pg7-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.pg7-faq-copy{position:sticky;top:120px;align-self:start}.pg7-faq-copy h2{font-size:clamp(3rem,5.3vw,5.5rem);line-height:.92;letter-spacing:-.06em;margin:18px 0 24px}.pg7-faq-copy p{color:rgba(13,27,42,.62);line-height:1.7}.pg7-faq-list details{border-top:1px solid var(--pg7-line-dark);padding:24px 0}.pg7-faq-list details:last-child{border-bottom:1px solid var(--pg7-line-dark)}.pg7-faq-list summary{list-style:none;cursor:pointer;font-size:1.15rem;font-weight:760;display:flex;justify-content:space-between;gap:20px}.pg7-faq-list summary::-webkit-details-marker{display:none}.pg7-faq-list summary:after{content:"+";font-size:1.4rem;font-weight:400;color:var(--pg7-mid)}.pg7-faq-list details[open] summary:after{content:"–"}.pg7-faq-list p{margin:16px 0 0;color:rgba(13,27,42,.64);line-height:1.7;max-width:720px}

/* Final */
.pg7-final{position:relative;padding:125px 0 90px;min-height:760px;background:var(--pg7-ink);color:var(--pg7-paper);overflow:hidden}.pg7-final:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,rgba(119,141,169,.18),transparent 30%)}.pg7-final-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:min(28vw,430px);font-weight:950;letter-spacing:-.1em;color:rgba(224,225,221,.025);white-space:nowrap}.pg7-final-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px}.pg7-final-copy>img{width:72px;height:72px;border-radius:18px;margin-bottom:28px}.pg7-final-copy h2{font-size:clamp(3.4rem,6.5vw,6.8rem);line-height:.88;letter-spacing:-.07em;margin:18px 0 26px}.pg7-final-copy p{color:rgba(224,225,221,.64);font-size:1.05rem;line-height:1.65;max-width:550px}.pg7-final-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.pg7-final-visual{min-height:610px;position:relative}.pg7-final-visual>.pg7-phone{position:absolute;width:285px;height:620px;left:45%;top:0;transform:translateX(-50%) rotate(4deg)}.pg7-final-qr{position:absolute;right:4%;bottom:18%;display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid rgba(224,225,221,.14);border-radius:18px;background:rgba(27,38,59,.58);backdrop-filter:blur(18px)}.pg7-final-qr img{width:90px;border-radius:10px;background:#E0E1DD}.pg7-final-qr span{display:flex;flex-direction:column}.pg7-final-qr b{font-size:.78rem}.pg7-final-qr small{color:rgba(224,225,221,.55);margin-top:4px}

/* Inline screenshots: intentionally non-modal */


@keyframes pg7ticker{to{transform:translateX(-50%)}}@keyframes pg7gallery{to{transform:translateX(calc(-50% - 9px))}}@keyframes pg7orbit{to{transform:rotate(360deg)}}@keyframes pg7float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pg7beam{to{transform:scaleX(1)}}

/* Responsive */
@media(max-width:1100px){.pg7-hero-shell{grid-template-columns:1fr 1fr}.pg7-hero-cinema{height:590px}.pg7-phone-main{width:260px;height:564px}.pg7-phone-float{width:165px;height:358px}.pg7-float-note{display:none}.pg7-filterbar{grid-template-columns:1fr 1px 1.2fr 1px 1fr}.pg7-filter-status{grid-column:1/-1;border-top:1px solid rgba(224,225,221,.1);padding:10px 12px}.pg7-explorer-stage{grid-template-columns:1fr 1fr}.pg7-workflow-grid{gap:55px}.pg7-workflow-sticky{grid-template-columns:1fr;height:auto;min-height:0;top:100px}.pg7-story-stage{height:520px}.pg7-story-phone{width:220px;height:478px}.pg7-trust-grid{grid-template-columns:repeat(2,1fr)}.pg7-trust-card:nth-child(2){border-right:0}.pg7-trust-card:nth-child(-n+2){border-bottom:1px solid rgba(224,225,221,.12)}.pg7-legal-links{grid-template-columns:repeat(2,1fr)}.pg7-legal-links a:nth-child(2){border-right:0}.pg7-legal-links a:nth-child(-n+2){border-bottom:1px solid rgba(224,225,221,.12)}}
@media(max-width:900px){.pg7 .container{width:min(100% - 34px,760px)}.pg7-hero{padding-top:125px;min-height:auto}.pg7-hero-shell{grid-template-columns:1fr;gap:36px}.pg7-hero-copy{text-align:left}.pg7-hero-cinema{height:610px}.pg7-phone-main{width:265px;height:576px}.pg7-phone-float.float-left{left:8%}.pg7-phone-float.float-right{right:8%}.pg7-map-grid,.pg7-gallery-heading,.pg7-learning-head,.pg7-transfer-head,.pg7-atlas-head,.pg7-trust-head{grid-template-columns:1fr;gap:24px}.pg7-index small{writing-mode:initial;transform:none;align-self:end}.pg7-map-rail{grid-column:1;grid-template-columns:repeat(2,1fr)}.pg7-map-rail a{border-bottom:1px solid var(--pg7-line-dark)}.pg7-map-rail a:nth-child(even){border-right:0}.pg7-map-rail a:last-child{grid-column:1/-1}.pg7-explorer-stage{grid-template-columns:1fr;min-height:0;padding:60px 0}.pg7-explorer-visual{height:600px}.pg7-filterbar{position:relative;top:auto;grid-template-columns:1fr}.pg7-filter-separator{height:1px;width:100%;margin:0;background:rgba(224,225,221,.1)}.pg7-filter-status{grid-column:1}.pg7-workflow-grid{grid-template-columns:1fr}.pg7-workflow-sticky{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.pg7-story-steps{padding-top:50px}.pg7-story-step{min-height:0;padding:70px 0}.pg7-learning-grid{grid-template-columns:1fr}.pg7-learning-card,.pg7-learning-card.card-journal{grid-column:auto;grid-template-columns:1fr 1fr}.pg7-service-grid,.pg7-compare-grid,.pg7-faq-grid,.pg7-final-grid{grid-template-columns:1fr}.pg7-service-stage{height:650px}.pg7-compare-copy{text-align:left}.pg7-faq-copy{position:relative;top:auto}.pg7-transfer-stage{padding:38px;display:grid;grid-template-columns:1fr 260px;gap:28px}.pg7-transfer-phone{position:relative;right:auto;top:auto;transform:rotate(4deg);grid-column:2;grid-row:1;width:230px;height:500px}.pg7-transfer-flow{grid-column:1;grid-row:1}.pg7-transfer-note{position:relative;right:auto;bottom:auto;grid-column:1/-1;width:auto}.pg7-final-visual{min-height:600px}}
@media(max-width:640px){.pg7 .container{width:calc(100% - 28px)}.pg7-hero{padding-top:115px}.pg7-hero h1{font-size:clamp(3.4rem,17vw,5.5rem)}.pg7-hero-lead{font-size:.98rem}.pg7-legal-inline{grid-template-columns:28px 1fr}.pg7-legal-inline b{grid-column:2}.pg7-hero-cinema{height:500px;margin-inline:-8px}.pg7-phone-main{width:220px;height:478px}.pg7-phone-float{width:126px;height:274px}.pg7-phone-float.float-left{left:0;top:142px}.pg7-phone-float.float-right{right:0;top:110px}.pg7-map,.pg7-gallery,.pg7-learning,.pg7-compare,.pg7-feature-atlas,.pg7-trust,.pg7-faq{padding:82px 0}.pg7-map-copy h2,.pg7-gallery-heading h2,.pg7-learning-head h2,.pg7-transfer-head h2,.pg7-atlas-head h2,.pg7-trust-head h2{font-size:clamp(2.6rem,13vw,4.5rem)}.pg7-map-rail{grid-template-columns:1fr}.pg7-map-rail a,.pg7-map-rail a:nth-child(even){border-right:0}.pg7-map-rail a:last-child{grid-column:auto}.pg7-filter-group>div{display:grid;grid-template-columns:repeat(2,1fr)}.pg7-filter-group[data-pg7-filter-group="area"]>div{grid-template-columns:1fr}.pg7-filter-group button{text-align:left}.pg7-explorer{padding:82px 0}.pg7-explorer-copy h3{font-size:clamp(2.8rem,14vw,4.5rem)}.pg7-explorer-visual{height:510px;margin-inline:-6px}.pg7-explorer-phone{width:195px;height:424px}.pg7-explorer-phone.back{left:1%}.pg7-explorer-phone.front{right:2%}.pg7-orbit-label{font-size:.54rem}.pg7-shot{flex-basis:150px;height:326px;border-radius:24px}.pg7-workflow{padding:82px 0}.pg7-workflow-sticky{grid-template-columns:1fr}.pg7-workflow-copy h2{font-size:clamp(2.8rem,14vw,4.6rem)}.pg7-story-stage{height:500px}.pg7-story-phone{width:220px;height:478px}.pg7-story-progress{right:10px}.pg7-story-step{padding:54px 0}.pg7-learning-card,.pg7-learning-card.card-journal{grid-template-columns:1fr;min-height:0}.pg7-learning-card>div{padding:30px 24px}.pg7-learning-card figure{height:420px}.pg7-learning-card.card-journal figure{max-height:none}.pg7-service{padding:82px 0}.pg7-service-copy h2{font-size:clamp(2.8rem,14vw,4.6rem)}.pg7-service-stage{height:545px;margin-inline:-8px}.pg7-service-phone{width:220px;height:478px}.pg7-service-rings i:nth-child(1){width:460px;height:460px}.pg7-service-rings i:nth-child(2){width:350px;height:350px}.pg7-service-rings i:nth-child(3){width:240px;height:240px}.pg7-service-callout{min-width:120px;padding:10px 11px}.pg7-service-callout.c1{left:0}.pg7-service-callout.c2{right:0}.pg7-compare-stage{min-height:560px}.pg7-compare-phone{width:250px;height:543px;border-radius:39px}.pg7-transfer{padding:82px 0}.pg7-transfer-stage{padding:24px;grid-template-columns:1fr}.pg7-transfer-flow{grid-column:1}.pg7-transfer-phone{grid-column:1;grid-row:auto;justify-self:center;width:220px;height:478px}.pg7-transfer-note{grid-column:1}.pg7-atlas-grid{grid-template-columns:1fr}.pg7-atlas-item:nth-child(odd){border-right:0}.pg7-trust-grid,.pg7-legal-links{grid-template-columns:1fr}.pg7-trust-card{border-right:0!important;border-bottom:1px solid rgba(224,225,221,.12)}.pg7-legal-links a{border-right:0!important;border-bottom:1px solid rgba(224,225,221,.12)}.pg7-final{padding:90px 0}.pg7-final-copy h2{font-size:clamp(3rem,15vw,4.8rem)}.pg7-final-visual{min-height:520px}.pg7-final-visual>.pg7-phone{width:220px;height:478px;left:44%}.pg7-final-qr{right:0;bottom:4%;grid-template-columns:70px 1fr}.pg7-final-qr img{width:70px}}
@media(prefers-reduced-motion:reduce){.pg7 *,.pg7 *:before,.pg7 *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.pg7-reveal{opacity:1;transform:none}.pg7-shot-track{transform:none;animation:none}.pg7-hero-beam{transform:scaleX(1)}}

/* =========================================================
   V8 FINAL VISUAL QA / RESPONSIVE / CONTRAST PASS
   ========================================================= */

/* Sticky elements must never be trapped by the main wrapper. */
body.home{overflow-x:clip}.pg7{overflow:visible}.pg7 section{overflow-x:clip}.pg7-workflow{overflow:visible!important}

/* Use the real iOS chrome contained in the screenshots; no synthetic notch. */
.pg7-phone:before{display:none!important}.pg7-phone{padding:4px;border:1px solid rgba(224,225,221,.22);box-shadow:0 30px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(224,225,221,.15)}.pg7-phone-screen{border-radius:39px}

/* ---------- Readability audit: home ---------- */
.pg7-hero-lead,.pg7-proofline,.pg7-legal-inline,
.pg7-explorer-copy p,.pg7-explorer-meta span,.pg7-filter-status,
.pg7-workflow p,.pg7-story-step p,.pg7-service-copy p,.pg7-transfer-flow article p,
.pg7-transfer-note p,.pg7-trust-head p,.pg7-trust-card p,.pg7-final-copy p{color:rgba(224,225,221,.86)!important}
.pg7-filter-group small{color:rgba(224,225,221,.78)!important}.pg7-filter-group button{color:rgba(224,225,221,.84)}
.pg7-map-copy p,.pg7-gallery-heading p,.pg7-learning-head p,.pg7-transfer-head p,.pg7-atlas-head p,
.pg7-atlas-item p,.pg7-faq-copy p,.pg7-faq-list p{color:#415A77!important}
.pg7-map-rail span{color:#415A77!important}.pg7-final-qr small{color:rgba(224,225,221,.82)!important}
.pg7-trust-card small,.pg7-service-callout span{color:#E0E1DD!important}.pg7-service-points b{color:#E0E1DD!important}
.pg7-hero h1 em{color:#E0E1DD!important;opacity:.78}.pg7-overline{color:#415A77}.pg7-explorer .pg7-overline,.pg7-workflow .pg7-overline,.pg7-service .pg7-overline,.pg7-transfer .pg7-overline,.pg7-trust .pg7-overline,.pg7-final .pg7-overline{color:#E0E1DD!important;opacity:.88}

/* ---------- New hero product composition ---------- */
.pg8-hero-stage{position:relative;height:690px;perspective:1500px;transform-style:preserve-3d;isolation:isolate}.pg8-stage-halo{position:absolute;inset:7% 10% 9%;border-radius:50%;background:radial-gradient(circle,rgba(119,141,169,.2),rgba(65,90,119,.08) 37%,transparent 70%);filter:blur(16px);z-index:-2}.pg8-stage-axis{position:absolute;z-index:-1;pointer-events:none;background:rgba(224,225,221,.11)}.pg8-stage-axis.axis-x{left:1%;right:1%;top:53%;height:1px}.pg8-stage-axis.axis-y{top:4%;bottom:2%;left:50%;width:1px}.pg8-stage-caption{position:absolute;top:17px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;width:310px;font-size:.58rem;letter-spacing:.14em;font-weight:850;color:rgba(224,225,221,.78)}
.pg8-device{position:relative;margin:0;background:#0D1B2A;border:1px solid rgba(224,225,221,.28);border-radius:48px;padding:4px;box-shadow:0 38px 110px rgba(0,0,0,.38),inset 0 0 0 1px rgba(119,141,169,.15);overflow:hidden;cursor:default;transition:box-shadow .35s ease,filter .35s ease,scale .35s ease;will-change:translate}.pg8-device:hover{box-shadow:0 48px 130px rgba(0,0,0,.46),0 0 0 1px rgba(224,225,221,.11);scale:1.012}.pg8-device-glass{width:100%;height:100%;border-radius:43px;overflow:hidden;background:#1B263B}.pg8-device img,.pg8-device-glass img{display:block;width:100%;height:100%;object-fit:cover}
.pg8-device-main{position:absolute;z-index:6;width:306px;aspect-ratio:9/19.55;left:50%;top:22px;transform:translateX(-50%) rotate(-1.1deg)}
.pg8-peek{position:absolute;z-index:2;margin:0;width:238px;height:476px;border-radius:29px;overflow:hidden;border:1px solid rgba(224,225,221,.18);background:#1B263B;box-shadow:0 28px 82px rgba(0,0,0,.3);cursor:default;will-change:translate;transition:opacity .3s ease,filter .3s ease,scale .3s ease}.pg8-peek img{width:100%;height:100%;object-fit:cover;display:block}.pg8-peek-left{left:0;top:126px;transform:rotate(-7deg);opacity:.82}.pg8-peek-right{right:0;top:112px;transform:rotate(7deg);opacity:.82}.pg8-peek:hover{opacity:1;filter:saturate(1.06);scale:1.02}.pg8-peek-head{position:absolute;z-index:3;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-radius:12px;background:rgba(13,27,42,.8);backdrop-filter:blur(16px);color:#E0E1DD}.pg8-peek-head span,.pg8-peek-head small{font-size:.55rem;letter-spacing:.12em;font-weight:850}
.pg8-stage-callout{position:absolute;z-index:10;display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:11px 13px;border-radius:15px;border:1px solid rgba(224,225,221,.18);background:rgba(13,27,42,.78);backdrop-filter:blur(20px);box-shadow:0 18px 55px rgba(0,0,0,.24);will-change:translate;color:#E0E1DD}.pg8-stage-callout i{font-style:normal;font-size:.58rem;font-weight:900;color:#E0E1DD}.pg8-stage-callout span{display:flex;flex-direction:column}.pg8-stage-callout b{font-size:.67rem}.pg8-stage-callout small{font-size:.59rem;color:rgba(224,225,221,.82);margin-top:2px}.pg8-stage-callout.callout-a{left:3%;top:62px}.pg8-stage-callout.callout-b{right:1%;top:48px}.pg8-stage-callout.callout-c{right:3%;bottom:42px}

/* ---------- Gallery: selected product browser instead of moving screenshot wall ---------- */
.pg8-gallery{overflow:hidden}.pg8-gallery-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:46px;align-items:stretch}.pg8-gallery-nav{border-top:1px solid rgba(13,27,42,.2)}.pg8-gallery-nav button{width:100%;display:grid;grid-template-columns:32px 1fr auto;grid-template-rows:auto auto;gap:2px 12px;text-align:left;padding:18px 8px;border:0;border-bottom:1px solid rgba(13,27,42,.18);background:transparent;color:#0D1B2A;cursor:pointer;transition:padding .25s ease,background .25s ease}.pg8-gallery-nav button:hover{padding-left:14px;background:rgba(119,141,169,.12)}.pg8-gallery-nav button.active{padding-left:14px;background:#0D1B2A;color:#E0E1DD}.pg8-gallery-nav button span{grid-row:1/3;font-size:.63rem;font-weight:900;color:#415A77;padding-top:4px}.pg8-gallery-nav button.active span{color:#E0E1DD}.pg8-gallery-nav button b{font-size:.92rem}.pg8-gallery-nav button small{font-size:.68rem;color:#415A77}.pg8-gallery-nav button.active small{color:rgba(224,225,221,.84)}
.pg8-gallery-stage{position:relative;min-height:720px;border:1px solid rgba(13,27,42,.16);border-radius:34px;background:linear-gradient(145deg,#1B263B,#0D1B2A);box-shadow:0 26px 80px rgba(13,27,42,.14);overflow:hidden;perspective:1500px;transform-style:preserve-3d;isolation:isolate}.pg8-gallery-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 45%,rgba(119,141,169,.21),transparent 38%);pointer-events:none}.pg8-gallery-gridmark{position:absolute;inset:0;background-image:linear-gradient(rgba(224,225,221,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(224,225,221,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 86%);pointer-events:none;z-index:0}.pg8-gallery-copy{position:absolute;z-index:8;left:32px;top:30px;width:min(315px,38%);color:#E0E1DD}.pg8-gallery-copy>span{font-size:.59rem;letter-spacing:.14em;font-weight:850;color:#E0E1DD}.pg8-gallery-copy h3{font-size:clamp(1.8rem,3vw,3.15rem);line-height:.98;letter-spacing:-.045em;margin:10px 0 12px}.pg8-gallery-copy p{font-size:.82rem;line-height:1.62;color:rgba(224,225,221,.86);margin:0}.pg8-gallery-counter{display:flex;align-items:center;gap:10px;margin-top:18px}.pg8-gallery-counter b,.pg8-gallery-counter small{font-size:.61rem;letter-spacing:.1em}.pg8-gallery-counter i{height:1px;width:52px;background:rgba(224,225,221,.38)}
.pg8-gallery-main,.pg8-gallery-side{position:absolute;border:0;padding:0;cursor:default;overflow:hidden;will-change:translate;transition:opacity .26s ease,filter .26s ease,box-shadow .3s ease,scale .3s ease;background:#0D1B2A}.pg8-gallery-main img,.pg8-gallery-side img{width:100%;height:100%;object-fit:cover;display:block}.pg8-gallery-main{z-index:5;width:282px;aspect-ratio:9/19.55;left:56%;top:38px;transform:translateX(-50%) rotate(1.1deg);border-radius:46px;border:4px solid #0D1B2A;box-shadow:0 35px 100px rgba(0,0,0,.4),0 0 0 1px rgba(224,225,221,.18)}.pg8-device-rail{position:absolute;inset:0;border-radius:42px;box-shadow:inset 0 0 0 1px rgba(224,225,221,.12);pointer-events:none;z-index:2}.pg8-gallery-main:hover{scale:1.02}.pg8-gallery-side{z-index:3;width:198px;height:430px;border-radius:27px;border:1px solid rgba(224,225,221,.16);box-shadow:0 24px 70px rgba(0,0,0,.28);opacity:.88}.pg8-gallery-side.side-a{right:3%;top:98px;transform:rotate(6deg)}.pg8-gallery-side.side-b{right:13%;bottom:-74px;transform:rotate(-4deg)}.pg8-gallery-side:hover{opacity:1;scale:1.025}.pg8-gallery-stage.is-switching .pg8-gallery-main,.pg8-gallery-stage.is-switching .pg8-gallery-side{opacity:.25;filter:blur(7px);scale:.98}

/* ---------- Workflow: robust sticky phone ---------- */
.pg8-workflow{padding:118px 0 130px;background:#0D1B2A;color:#E0E1DD}.pg8-workflow-head{display:grid;grid-template-columns:130px 1fr;gap:70px;margin-bottom:40px}.pg8-workflow-head h2{font-size:clamp(3rem,6vw,6rem);line-height:.92;letter-spacing:-.065em;margin:16px 0 22px}.pg8-workflow-head p{max-width:760px;line-height:1.7}.pg8-workflow-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);gap:70px;align-items:start}.pg8-workflow-layout .pg7-story-steps{padding:8vh 0 8vh}.pg8-workflow-layout .pg7-story-step{min-height:66vh;padding:13vh 0 70px}.pg8-story-sticky{position:sticky;top:106px;align-self:start;height:clamp(460px,calc(100svh - 128px),720px);border:1px solid rgba(224,225,221,.12);border-radius:32px;background:linear-gradient(145deg,rgba(27,38,59,.92),rgba(13,27,42,.96));box-shadow:0 26px 90px rgba(0,0,0,.24);overflow:hidden;perspective:1500px;transform-style:preserve-3d;z-index:4}.pg8-story-sticky .pg7-story-stage{height:100%}.pg8-story-sticky .pg7-story-word{font-size:clamp(4.6rem,8vw,8.5rem);color:rgba(224,225,221,.055);left:0;right:0}.pg8-story-sticky .pg7-story-phone{position:absolute;width:min(260px,44%);aspect-ratio:9/19.55;height:auto;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-1deg);z-index:4}.pg8-story-sticky .pg7-story-progress{right:24px;bottom:24px;width:155px}.pg8-story-ruler{position:absolute;z-index:8;top:24px;left:24px;right:24px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;font-size:.58rem;letter-spacing:.12em;font-weight:850;color:rgba(224,225,221,.84)}.pg8-story-ruler i{height:1px;background:rgba(224,225,221,.22)}.pg8-story-orbit{position:absolute;border:1px solid rgba(119,141,169,.2);border-radius:50%;left:50%;top:50%;will-change:translate}.pg8-story-orbit.orbit-one{width:74%;aspect-ratio:1;transform:translate(-50%,-50%)}.pg8-story-orbit.orbit-two{width:54%;aspect-ratio:1;transform:translate(-50%,-50%);border-style:dashed}.pg8-workflow-layout .pg7-story-step.active{transform:translateX(0);opacity:1}.pg8-workflow-layout .pg7-story-step:not(.active){opacity:.58}

/* ---------- Learning: images physically separated from copy ---------- */
.pg8-learning{overflow:hidden}.pg8-learning-visuals{position:relative;height:700px;margin:12px 0 46px;border-top:1px solid rgba(13,27,42,.18);border-bottom:1px solid rgba(13,27,42,.18);perspective:1500px;transform-style:preserve-3d}.pg8-learning-visuals:before{content:"";position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(119,141,169,.22),transparent 68%)}.pg8-learning-line{position:absolute;left:2%;right:2%;top:52%;height:1px;background:rgba(13,27,42,.14)}.pg8-learning-word{position:absolute;left:0;right:0;top:43%;text-align:center;font-size:clamp(7rem,15vw,14rem);font-weight:900;letter-spacing:-.09em;color:rgba(13,27,42,.035);pointer-events:none}.pg8-learning-shot{position:absolute;border:0;padding:0;overflow:hidden;background:#0D1B2A;box-shadow:0 28px 82px rgba(13,27,42,.2);cursor:default;will-change:translate;transition:scale .35s ease,box-shadow .35s ease}.pg8-learning-shot img{width:100%;height:100%;object-fit:cover;display:block}.pg8-learning-shot span{position:absolute;z-index:3;left:12px;top:12px;padding:8px 10px;border-radius:10px;background:rgba(13,27,42,.82);backdrop-filter:blur(14px);color:#E0E1DD;font-size:.58rem;letter-spacing:.1em;font-weight:850}.pg8-learning-shot:hover{scale:1.02;box-shadow:0 38px 105px rgba(13,27,42,.27)}.pg8-learning-shot.shot-quiz{width:232px;height:505px;left:8%;top:110px;border-radius:31px;transform:rotate(-5deg)}.pg8-learning-shot.shot-scenario{width:292px;height:634px;left:50%;top:30px;transform:translateX(-50%) rotate(1deg);border-radius:42px;z-index:4}.pg8-learning-shot.shot-journal{width:232px;height:505px;right:8%;top:104px;border-radius:31px;transform:rotate(5deg)}.pg8-learning-copygrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(13,27,42,.18)}.pg8-learning-copy{padding:30px 28px 12px;border-right:1px solid rgba(13,27,42,.18)}.pg8-learning-copy:last-child{border-right:0}.pg8-learning-copy small{font-size:.62rem;letter-spacing:.13em;font-weight:850;color:#415A77}.pg8-learning-copy h3{font-size:clamp(1.55rem,2.5vw,2.8rem);line-height:1;letter-spacing:-.045em;margin:13px 0 15px}.pg8-learning-copy p{color:#415A77;line-height:1.67;margin:0}

/* ---------- Stronger generic pointer parallax ---------- */
[data-pg8-parallax-scene]{perspective:1500px;transform-style:preserve-3d}.pg7 [data-pg8-depth]{translate:var(--pg8-x,0px) var(--pg8-y,0px);transition:translate .1s linear;will-change:translate}.pg7-explorer-visual [data-pg8-depth],.pg7-service-stage [data-pg8-depth],.pg7-transfer-stage [data-pg8-depth],.pg7-final-visual [data-pg8-depth]{transition:translate .09s linear}

/* Additional polish / common layout guardrails */
.pg7 img{max-width:100%}.pg7 button,.pg7 a{touch-action:manipulation}.pg7 :focus-visible{outline:2px solid #E0E1DD;outline-offset:4px}.pg7-gallery :focus-visible,.pg7-learning :focus-visible,.pg7-map :focus-visible,.pg7-compare :focus-visible,.pg7-faq :focus-visible,.pg7-feature-atlas :focus-visible{outline-color:#0D1B2A}
.pg7-filterbar{box-shadow:0 20px 62px rgba(0,0,0,.28),inset 0 1px rgba(224,225,221,.08)}.pg7-filter-group button.active{box-shadow:0 8px 24px rgba(0,0,0,.24)}
.pg7-transfer-flow article{background:rgba(27,38,59,.72)}.pg7-transfer-note{background:rgba(13,27,42,.95)}.pg7-trust-card:hover{background:rgba(119,141,169,.12)}

@media(max-width:1180px){
  .pg8-hero-stage{height:640px}.pg8-device-main{width:276px}.pg8-peek{width:190px;height:414px}.pg8-peek-left{left:2%}.pg8-peek-right{right:2%}.pg8-stage-callout.callout-c{right:0}
  .pg8-gallery-shell{grid-template-columns:230px minmax(0,1fr);gap:30px}.pg8-gallery-main{left:55%;width:260px}.pg8-gallery-side{width:170px;height:370px}.pg8-gallery-copy{width:270px}
  .pg8-workflow-layout{grid-template-columns:minmax(0,.85fr) minmax(390px,1.15fr);gap:44px}
}

@media(max-width:900px){
  .pg7-hero-shell{grid-template-columns:1fr!important}.pg8-hero-stage{height:620px;max-width:680px;width:100%;margin-inline:auto}.pg8-device-main{width:272px}.pg8-peek{width:185px;height:402px}.pg8-stage-callout.callout-a{left:4%}.pg8-stage-callout.callout-b{right:3%}
  .pg8-gallery-shell{grid-template-columns:1fr;gap:24px}.pg8-gallery-nav{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;scrollbar-width:none;border-top:0;padding-bottom:6px}.pg8-gallery-nav::-webkit-scrollbar{display:none}.pg8-gallery-nav button{min-width:150px;border-top:1px solid rgba(13,27,42,.18);grid-template-columns:28px 1fr}.pg8-gallery-nav button small{grid-column:2}.pg8-gallery-stage{min-height:680px}.pg8-gallery-copy{width:300px}.pg8-gallery-main{left:52%;top:92px}.pg8-gallery-side.side-a{right:2%;top:160px}.pg8-gallery-side.side-b{right:10%;bottom:-52px}
  .pg8-workflow-head{grid-template-columns:1fr;gap:24px}.pg8-workflow-layout{grid-template-columns:1fr;gap:0}.pg8-story-sticky{order:-1;top:82px;height:520px;margin-bottom:28px}.pg8-workflow-layout .pg7-story-steps{padding:0}.pg8-workflow-layout .pg7-story-step{min-height:0;padding:72px 0}.pg8-story-sticky .pg7-story-phone{width:220px}
  .pg8-learning-visuals{height:610px}.pg8-learning-shot.shot-quiz{width:190px;height:413px;left:4%;top:120px}.pg8-learning-shot.shot-scenario{width:250px;height:543px}.pg8-learning-shot.shot-journal{width:190px;height:413px;right:4%;top:120px}.pg8-learning-copygrid{grid-template-columns:1fr}.pg8-learning-copy{border-right:0;border-bottom:1px solid rgba(13,27,42,.18);padding:26px 0}.pg8-learning-copy:last-child{border-bottom:0}
}

@media(max-width:640px){
  body.home{overflow-x:hidden}.pg7 .container{width:calc(100% - 28px)}
  .pg7-hero{padding-top:112px}.pg8-hero-stage{height:500px;margin-inline:0}.pg8-device-main{width:214px;top:18px}.pg8-peek{width:126px;height:274px;border-radius:22px}.pg8-peek-left{left:-5px;top:145px}.pg8-peek-right{right:-5px;top:118px}.pg8-peek-head{display:none}.pg8-stage-caption{width:220px;top:0}.pg8-stage-callout{display:none}.pg8-stage-axis.axis-y{left:50%}
  .pg8-gallery-stage{min-height:590px;border-radius:26px}.pg8-gallery-copy{left:20px;right:20px;top:20px;width:auto}.pg8-gallery-copy h3{font-size:1.75rem}.pg8-gallery-copy p{font-size:.78rem;max-width:280px}.pg8-gallery-main{width:212px;left:50%;top:142px;border-radius:36px}.pg8-gallery-side{width:122px;height:265px;border-radius:20px}.pg8-gallery-side.side-a{right:-8px;top:190px}.pg8-gallery-side.side-b{left:-10px;right:auto;bottom:-34px}.pg8-gallery-nav{grid-template-columns:repeat(5,138px)}.pg8-gallery-nav button{min-width:138px;padding:14px 7px}.pg8-gallery-nav button small{font-size:.62rem}
  .pg8-story-sticky{position:relative;top:auto;height:500px;margin-bottom:20px}.pg8-story-sticky .pg7-story-phone{width:214px}.pg8-story-ruler{left:18px;right:18px;top:18px}.pg8-story-sticky .pg7-story-progress{right:18px;bottom:18px}.pg8-workflow-head h2{font-size:clamp(2.7rem,13vw,4.5rem)}
  .pg8-learning-visuals{height:520px;margin-bottom:34px}.pg8-learning-shot.shot-quiz{width:132px;height:287px;left:-8px;top:148px;border-radius:22px}.pg8-learning-shot.shot-scenario{width:205px;height:445px;top:36px;border-radius:34px}.pg8-learning-shot.shot-journal{width:132px;height:287px;right:-8px;top:142px;border-radius:22px}.pg8-learning-shot span{font-size:.5rem;padding:6px 7px}.pg8-learning-word{font-size:20vw}
  .pg7-service-stage{height:520px}.pg7-service-callout{max-width:126px;min-width:0}.pg7-transfer-stage{overflow:hidden}
}

@media(max-width:380px){
  .pg8-device-main{width:196px}.pg8-peek{width:112px;height:243px}.pg8-gallery-main{width:198px}.pg8-gallery-side{width:112px;height:243px}.pg8-story-sticky .pg7-story-phone{width:198px}.pg8-learning-shot.shot-scenario{width:190px;height:413px}.pg8-learning-shot.shot-quiz,.pg8-learning-shot.shot-journal{width:118px;height:256px}
}

@media(hover:none),(pointer:coarse){.pg7 [data-pg8-depth]{translate:none!important}.pg8-gallery-main:hover,.pg8-gallery-side:hover,.pg8-learning-shot:hover,.pg8-device:hover,.pg8-peek:hover{scale:1}.pg8-gallery-nav button{min-height:62px}}
@media(prefers-reduced-motion:reduce){.pg7 [data-pg8-depth]{translate:none!important}.pg8-gallery-stage.is-switching .pg8-gallery-main,.pg8-gallery-stage.is-switching .pg8-gallery-side{filter:none;opacity:1;scale:1}}

/* V8.1 mobile corrections discovered by visual audit */
@media(max-width:640px){
  .pg7-hero-copy{min-width:0;max-width:100%}.pg7-hero h1{font-size:clamp(2.9rem,12.8vw,4.15rem);line-height:.88;letter-spacing:-.06em;max-width:100%}.pg7-hero h1 span,.pg7-hero h1 em{max-width:100%}.pg7-hero-lead{max-width:100%;font-size:.98rem;line-height:1.62}
  .pg8-gallery-nav{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-bottom:0}.pg8-gallery-nav button{min-width:0!important;grid-template-columns:26px minmax(0,1fr);padding:14px 8px}.pg8-gallery-nav button:nth-child(5){grid-column:1/-1}.pg8-gallery-nav button b,.pg8-gallery-nav button small{overflow-wrap:anywhere}.pg8-gallery-stage{min-height:640px}.pg8-gallery-main{top:164px}.pg8-gallery-side.side-a{top:215px}.pg8-gallery-side.side-b{bottom:-24px}
}

/* V8.2 final homepage contrast + story-state polish */
.pg8-workflow-layout .pg7-story-step:not(.active){opacity:.74}
.pg8-workflow-layout .pg7-story-step:not(.active) p{color:rgba(224,225,221,.78)}
.pg8-workflow-layout .pg7-story-step:not(.active) small,.pg8-workflow-layout .pg7-story-step:not(.active)>span{color:rgba(224,225,221,.78)}
.pg8-workflow-layout .pg7-story-step.active p{color:rgba(224,225,221,.92)}
.pg7-hero-lead,.pg7-map-copy p,.pg7-gallery-heading p,.pg7-learning-head p,.pg7-service-copy p,.pg7-transfer-head p,.pg7-atlas-head p,.pg7-trust-head p,.pg7-faq-copy p{color:rgba(224,225,221,.88)}
.pg7-gallery,.pg7-learning,.pg7-compare,.pg7-feature-atlas,.pg7-faq{color:#0D1B2A}
.pg7-gallery p,.pg7-learning p,.pg7-compare p,.pg7-feature-atlas p,.pg7-faq p{color:#415A77}
.pg8-gallery-copy p{color:rgba(224,225,221,.9)!important}.pg8-gallery-copy small,.pg8-gallery-copy span{color:rgba(224,225,221,.86)!important}
.pg8-stage-caption,.pg8-stage-callout,.pg8-peek-head,.pg8-story-ruler{color:#E0E1DD}

/* V8.3 product imagery: one real phone + independent UI planes, never a three-phone stack */
@media(min-width:901px){
  .pg8-peek{width:250px;height:330px;border-radius:24px;background:#1B263B}
  .pg8-peek img{object-fit:cover;object-position:50% 8%}
  .pg8-peek-left{left:-1%;top:215px;transform:rotate(-6deg)}
  .pg8-peek-right{right:-1%;top:138px;transform:rotate(5deg)}
  .pg8-gallery-side{width:205px;height:252px;border-radius:22px}
  .pg8-gallery-side img{object-fit:cover;object-position:50% 12%}
  .pg8-gallery-side.side-a{right:2%;top:78px;transform:rotate(3deg)}
  .pg8-gallery-side.side-b{right:3.5%;bottom:72px;transform:rotate(-2deg)}
}
@media(max-width:1180px) and (min-width:901px){
  .pg8-peek{width:190px;height:280px}.pg8-peek-left{top:220px}.pg8-peek-right{top:155px}
  .pg8-gallery-side{width:172px;height:214px}.pg8-gallery-side.side-a{right:1%;top:110px}.pg8-gallery-side.side-b{right:2%;bottom:78px}
}
@media(max-width:900px) and (min-width:641px){
  .pg8-peek{width:178px;height:260px;border-radius:22px}.pg8-peek-left{left:2%;top:220px}.pg8-peek-right{right:2%;top:155px}
  .pg8-gallery-side{width:170px;height:220px;border-radius:20px}.pg8-gallery-side.side-a{right:3%;top:180px}.pg8-gallery-side.side-b{right:3%;bottom:46px;left:auto}
}
@media(max-width:640px){
  .pg8-peek{width:132px;height:182px;border-radius:18px}.pg8-peek-left{left:0;top:215px}.pg8-peek-right{right:0;top:158px}.pg8-peek img{object-position:50% 10%}
  .pg8-gallery-stage{min-height:610px}.pg8-gallery-side{width:116px;height:148px;border-radius:16px}.pg8-gallery-side img{object-fit:cover;object-position:50% 10%}.pg8-gallery-side.side-a{right:5px;top:auto;bottom:26px;transform:rotate(2deg)}.pg8-gallery-side.side-b{left:5px;right:auto;bottom:26px;transform:rotate(-2deg)}
}
@media(max-width:380px){.pg8-peek{width:116px;height:164px}.pg8-gallery-side{width:108px;height:140px}}

/* V8.4 sticky story remains functional on small screens without swallowing the viewport. */
@media(max-width:900px){
  .pg8-story-sticky{height:clamp(320px,calc(100svh - 96px),520px)}
  .pg8-story-sticky .pg7-story-phone{width:min(220px,38svh)}
}
@media(max-width:640px){
  .pg8-story-sticky{position:sticky;top:78px;height:clamp(300px,calc(100svh - 92px),430px);margin-bottom:24px}
  .pg8-story-sticky .pg7-story-phone{width:min(176px,36svh)}
  .pg8-story-sticky .pg7-story-progress{width:118px;right:14px;bottom:14px}
  .pg8-story-ruler{left:14px;right:14px;top:14px}
}
@media(max-width:380px){
  .pg8-story-sticky{top:74px;height:clamp(290px,calc(100svh - 88px),400px)}
  .pg8-story-sticky .pg7-story-phone{width:min(160px,35svh)}
}
@media(max-width:640px){
  .pg8-workflow-layout{display:flex;flex-direction:column;align-items:stretch}
  .pg8-workflow-layout .pg7-story-steps{order:0}
  .pg8-story-sticky{order:-1;align-self:stretch}
}
@media(max-width:640px){.pg8-story-sticky{align-self:flex-start;width:100%}}
@media(max-width:640px){body.home{overflow-x:clip!important}}
@media(max-width:640px){
  .pg8-story-sticky{background:linear-gradient(145deg,#1B263B 0%,#0D1B2A 100%);box-shadow:0 18px 56px rgba(0,0,0,.34)}
}

/* =========================================================
   V9 FINAL FINISH
   Inline-only screenshots, lower desktop sticky story,
   mobile-native story, bulletproof contrast and clipping.
   ========================================================= */

/* Screenshot imagery is presentation, not a hidden modal trigger. */
.pg8-gallery-main,.pg8-gallery-side,.pg8-learning-shot,.pg8-device,.pg8-peek{cursor:default!important}
.pg8-gallery-main,.pg8-gallery-side,.pg8-learning-shot{pointer-events:none}
.pg8-gallery-main:hover,.pg8-gallery-side:hover,.pg8-learning-shot:hover{scale:1!important}
.pg9-mobile-story-visual{display:none}

/* High-contrast microcopy across every dark homepage surface. */
.pg7-explorer .pg7-filter-group small{color:rgba(224,225,221,.82)!important}
.pg7-explorer .pg7-filter-group button:not(.active){color:rgba(224,225,221,.86)!important}
.pg7-explorer .pg7-filter-status{color:rgba(224,225,221,.84)!important}
.pg7-explorer .pg7-explorer-copy p{color:rgba(224,225,221,.9)!important}
.pg7-explorer .pg7-explorer-meta span{color:rgba(224,225,221,.88)!important}
.pg7-explorer .pg7-orbit-label{color:#E0E1DD!important}
.pg8-workflow-head p,.pg7-service-copy p,.pg7-transfer-head p,.pg7-transfer-flow article p,
.pg7-trust-head p,.pg7-final-copy p{color:rgba(224,225,221,.9)!important}
.pg8-workflow-layout .pg7-story-step p{color:rgba(224,225,221,.9)!important}
.pg8-workflow-layout .pg7-story-step small,.pg8-workflow-layout .pg7-story-step>span{color:rgba(224,225,221,.86)!important}
.pg8-gallery-copy p{color:rgba(224,225,221,.92)!important}
.pg8-gallery-copy>span,.pg8-gallery-counter{color:#E0E1DD!important}

/* Desktop / tablet scrollytelling: start lower and hold the product near the
   visual centre of the viewport. This avoids the old top-heavy pin. */
@media(min-width:701px){
  .pg8-story-sticky{
    top:clamp(148px,18svh,205px)!important;
    height:clamp(430px,calc(100svh - 235px),620px)!important;
  }
  .pg8-story-sticky .pg7-story-phone{width:min(238px,42%)!important}
}

/* Point 02 / selected screens: all controls and imagery stay inside the
   viewport. No side image uses negative offsets on compact layouts. */
@media(max-width:700px){
  .pg8-gallery{overflow:clip}
  .pg8-gallery-shell{display:block!important}
  .pg8-gallery-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;margin-bottom:18px!important;border-top:0!important}
  .pg8-gallery-nav button{min-width:0!important;width:100%!important;border:1px solid rgba(13,27,42,.16)!important;border-radius:14px!important;padding:13px 10px!important;grid-template-columns:24px minmax(0,1fr)!important;background:rgba(119,141,169,.07)!important}
  .pg8-gallery-nav button.active{background:#0D1B2A!important;color:#E0E1DD!important}
  .pg8-gallery-nav button:nth-child(5){grid-column:1/-1!important}
  .pg8-gallery-stage{min-height:650px!important;width:100%!important;border-radius:26px!important;overflow:hidden!important}
  .pg8-gallery-copy{left:18px!important;right:18px!important;top:20px!important;width:auto!important;max-width:none!important}
  .pg8-gallery-copy p{max-width:100%!important}
  .pg8-gallery-main{width:min(190px,58vw)!important;left:50%!important;top:186px!important;border-radius:33px!important}
  .pg8-gallery-side{width:min(108px,31vw)!important;height:138px!important;border-radius:16px!important;bottom:24px!important;top:auto!important}
  .pg8-gallery-side.side-a{left:18px!important;right:auto!important;transform:rotate(-2deg)!important}
  .pg8-gallery-side.side-b{right:18px!important;left:auto!important;transform:rotate(2deg)!important}
}
@media(max-width:370px){
  .pg8-gallery-nav{grid-template-columns:1fr!important}
  .pg8-gallery-nav button:nth-child(5){grid-column:auto!important}
  .pg8-gallery-stage{min-height:625px!important}
  .pg8-gallery-main{width:178px!important;top:190px!important}
  .pg8-gallery-side{width:94px!important;height:126px!important}
}

/* Mobile workflow: a separate, readable composition. Each narrative step owns
   its matching screen. There is deliberately no sticky desktop phone here. */
@media(max-width:700px){
  .pg8-workflow{padding:82px 0 88px!important}
  .pg8-workflow-head{display:block!important;margin-bottom:24px!important}
  .pg8-workflow-head .pg7-index{margin-bottom:24px}
  .pg8-workflow-head h2{font-size:clamp(2.7rem,12.5vw,4.3rem)!important;line-height:.94!important}
  .pg8-workflow-layout{display:block!important}
  .pg8-story-sticky{display:none!important}
  .pg8-workflow-layout .pg7-story-steps{padding:0!important}
  .pg8-workflow-layout .pg7-story-step,
  .pg8-workflow-layout .pg7-story-step:not(.active),
  .pg8-workflow-layout .pg7-story-step.active{
    min-height:0!important;padding:42px 0 48px!important;opacity:1!important;transform:none!important;
  }
  .pg8-workflow-layout .pg7-story-step>span{margin-bottom:10px!important}
  .pg8-workflow-layout .pg7-story-step h3{font-size:clamp(2rem,9.5vw,3.05rem)!important;line-height:.98!important;margin:18px 0 14px!important}
  .pg8-workflow-layout .pg7-story-step p{font-size:.98rem!important;line-height:1.68!important;margin-bottom:0}
  .pg9-mobile-story-visual{
    position:relative;display:grid!important;place-items:center;height:360px;margin:18px 0 26px;border:1px solid rgba(224,225,221,.13);border-radius:24px;overflow:hidden;
    background:radial-gradient(circle at 50% 48%,rgba(119,141,169,.22),transparent 42%),linear-gradient(145deg,#1B263B,#0D1B2A);
  }
  .pg9-mobile-story-visual:before{content:"";position:absolute;width:250px;height:250px;border:1px dashed rgba(119,141,169,.22);border-radius:50%}
  .pg9-mobile-story-visual>span{position:absolute;left:12px;top:12px;font-size:.58rem;letter-spacing:.14em;font-weight:900;color:rgba(224,225,221,.82)}
  .pg9-mobile-story-visual img{position:relative;z-index:2;width:154px;height:auto;max-height:330px;object-fit:cover;border-radius:24px;box-shadow:0 22px 54px rgba(0,0,0,.34)}
}
@media(max-width:370px){
  .pg9-mobile-story-visual{height:330px}
  .pg9-mobile-story-visual img{width:142px;max-height:302px}
}

/* Gentle hover motion remains on visual planes without implying click-to-open. */
@media(hover:hover) and (pointer:fine){
  .pg8-gallery-stage:hover .pg8-gallery-main{box-shadow:0 42px 116px rgba(0,0,0,.44),0 0 0 1px rgba(224,225,221,.18)}
  .pg8-learning-visuals:hover .shot-scenario{box-shadow:0 38px 104px rgba(13,27,42,.27)}
}

/* Final contrast sweep: all user-facing microcopy on dark surfaces clears the
   previous low-opacity styling. Ultra-faint giant words/grids remain decorative. */
.pg7-proofline,.pg7-legal-inline,.pg7-float-note span,.pg7-hero-ticker span,
.pg7-story-progress span,.pg7-service-callout span,.pg7-transfer-flow article>b,
.pg7-transfer-note p,.pg7-trust-card p,.pg7-trust-card small,.pg7-final-qr small{
  color:rgba(224,225,221,.84)!important;
}
.pg7-service-points b,.pg7-transfer-flow>i,.pg7-trust-card>span{color:#AABBCB!important}
.pg7-transfer-phone{cursor:default!important}

/* Phone landscape uses the mobile narrative as well; sticky scrollytelling in
   a 390–560px-high viewport would cover the explanation. */
@media(max-width:950px) and (max-height:560px){
  .pg8-workflow{padding:72px 0 80px!important}
  .pg8-workflow-head{display:block!important;margin-bottom:20px!important}
  .pg8-workflow-head .pg7-index{margin-bottom:20px}
  .pg8-workflow-layout{display:block!important}
  .pg8-story-sticky{display:none!important}
  .pg8-workflow-layout .pg7-story-steps{padding:0!important}
  .pg8-workflow-layout .pg7-story-step,.pg8-workflow-layout .pg7-story-step:not(.active),.pg8-workflow-layout .pg7-story-step.active{min-height:0!important;padding:34px 0 42px!important;opacity:1!important;transform:none!important}
  .pg8-workflow-layout .pg7-story-step>span{margin-bottom:8px!important}
  .pg9-mobile-story-visual{position:relative;display:grid!important;place-items:center;height:290px;margin:14px 0 20px;border:1px solid rgba(224,225,221,.13);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(119,141,169,.22),transparent 42%),linear-gradient(145deg,#1B263B,#0D1B2A)}
  .pg9-mobile-story-visual>span{position:absolute;left:12px;top:12px;font-size:.58rem;letter-spacing:.14em;font-weight:900;color:rgba(224,225,221,.84)}
  .pg9-mobile-story-visual img{position:relative;z-index:2;width:132px;max-height:266px;object-fit:cover;border-radius:22px;box-shadow:0 18px 48px rgba(0,0,0,.34)}
}

/* V9 anchor safety: fixed header must never cover section intros */
.pg7 section[id]{scroll-margin-top:calc(var(--final-header-total,110px) + 22px)}
@media(max-width:950px){.pg7 section[id]{scroll-margin-top:92px}}