/* Immersive marketing interactions layered over the base MGC stylesheet. */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:2000;pointer-events:none;background:rgba(255,255,255,.025)}
.scroll-progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--cyan),#6b9cff,var(--violet),var(--green));box-shadow:0 0 18px rgba(101,230,255,.55);will-change:transform}

.hero-scroll-cue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#6f849b;font-size:9px;letter-spacing:.17em;text-transform:uppercase;z-index:3}
.hero-scroll-cue i{width:1px;height:42px;background:linear-gradient(to bottom,var(--cyan),transparent);position:relative;overflow:hidden}
.hero-scroll-cue i::after{content:"";position:absolute;top:-12px;left:-1px;width:3px;height:12px;border-radius:4px;background:white;animation:scrollCue 1.8s ease-in-out infinite}
@keyframes scrollCue{0%{transform:translateY(0);opacity:0}25%{opacity:1}75%{opacity:1}100%{transform:translateY(52px);opacity:0}}

.motion-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(101,230,255,.025),rgba(138,125,255,.025));padding:15px 0}
.motion-marquee-track{display:flex;width:max-content;animation:marqueeFlow 30s linear infinite}
.motion-marquee-set{display:flex;align-items:center;gap:34px;padding-right:34px}
.motion-marquee span{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;color:#8fa3ba;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.motion-marquee span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(101,230,255,.7)}
@keyframes marqueeFlow{to{transform:translateX(-50%)}}

.scroll-story{position:relative;padding:80px 0 120px;background:radial-gradient(circle at 25% 35%,rgba(101,230,255,.08),transparent 28%),radial-gradient(circle at 78% 65%,rgba(138,125,255,.08),transparent 30%),#081421;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.story-intro{max-width:760px;margin:0 auto 72px;text-align:center}
.story-intro h2{font:700 clamp(38px,4.8vw,62px)/1.03 Manrope,sans-serif;letter-spacing:-.05em;margin:18px 0}
.story-intro p{color:var(--muted);font-size:17px}
.story-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:76px;align-items:start}
.story-stage-wrap{position:sticky;top:120px;height:620px;display:flex;align-items:center;justify-content:center}
.story-stage{width:min(100%,650px);aspect-ratio:16/10;position:relative;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:#091626;box-shadow:0 45px 110px rgba(0,0,0,.48),0 0 80px rgba(61,202,255,.08);overflow:hidden;transform:perspective(1200px) rotateY(1.5deg);transition:.6s cubic-bezier(.2,.8,.2,1)}
.story-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.055) 50%,transparent 80%);transform:translateX(-110%);animation:stageShine 7s ease-in-out infinite;z-index:8;pointer-events:none}
@keyframes stageShine{0%,72%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
.story-browser{position:absolute;inset:0;display:flex;flex-direction:column}
.story-browser-top{height:48px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}
.story-browser-top i{width:7px;height:7px;border-radius:50%;background:#3c5168}.story-browser-top i:nth-child(2){background:#57718d}.story-browser-top i:nth-child(3){background:var(--green)}
.story-browser-top span{margin-left:auto;font-size:8px;color:#738ba4;letter-spacing:.08em;text-transform:uppercase}
.story-screen{position:relative;flex:1;overflow:hidden}
.story-layer{position:absolute;inset:0;padding:34px;opacity:0;transform:scale(1.045) translateY(12px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.story-stage[data-active="0"] .story-layer[data-layer="0"],.story-stage[data-active="1"] .story-layer[data-layer="1"],.story-stage[data-active="2"] .story-layer[data-layer="2"],.story-stage[data-active="3"] .story-layer[data-layer="3"]{opacity:1;transform:scale(1) translateY(0)}
.story-layer h4{font:700 clamp(22px,3vw,36px)/1.05 Manrope,sans-serif;margin:6px 0;color:white}.story-layer>small{font-size:9px;letter-spacing:.14em;color:var(--cyan);text-transform:uppercase}.story-layer>p{font-size:11px;color:#9db0c5;max-width:70%}
.story-upload{background:radial-gradient(circle at 78% 18%,rgba(101,230,255,.22),transparent 34%),linear-gradient(145deg,#0a2032,#0b1424)}
.asset-stack{display:flex;gap:12px;margin-top:30px}.asset-stack span{width:94px;height:106px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-size:10px;color:#9db0c5;box-shadow:0 16px 38px rgba(0,0,0,.2)}.asset-stack b{font:800 17px Manrope,sans-serif;color:white}
.story-schedule{background:radial-gradient(circle at 12% 82%,rgba(138,125,255,.22),transparent 36%),linear-gradient(145deg,#15172d,#0b1424)}
.story-timeline{margin-top:22px;border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(3,10,19,.35)}.story-time{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;border-top:1px dashed rgba(255,255,255,.08);padding:9px 0}.story-time:first-child{border-top:0}.story-time small{font-size:8px;color:#6f849c}.story-time i{height:28px;border-radius:7px;background:linear-gradient(90deg,rgba(101,230,255,.25),rgba(101,230,255,.08));border:1px solid rgba(101,230,255,.14)}.story-time:nth-child(2) i{width:76%;background:linear-gradient(90deg,rgba(138,125,255,.3),rgba(138,125,255,.08));border-color:rgba(138,125,255,.16)}.story-time:nth-child(3) i{width:88%;background:linear-gradient(90deg,rgba(104,232,183,.24),rgba(104,232,183,.07));border-color:rgba(104,232,183,.14)}
.story-publish{background:radial-gradient(circle at 72% 50%,rgba(101,230,255,.16),transparent 34%),linear-gradient(145deg,#0b1d2d,#0a1422)}
.screen-wall{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:10px;margin-top:24px;height:220px}.screen-wall div{border:1px solid rgba(255,255,255,.1);border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(145deg,#123750,#0a1a29)}.screen-wall div:first-child{grid-row:span 2;background:radial-gradient(circle at 72% 15%,rgba(101,230,255,.3),transparent 40%),#0d2436}.screen-wall div:nth-child(2){background:radial-gradient(circle at 80% 10%,rgba(138,125,255,.33),transparent 40%),#1b1b3a}.screen-wall div:nth-child(3){background:radial-gradient(circle at 15% 90%,rgba(104,232,183,.26),transparent 42%),#102b2b}.screen-wall span{position:absolute;left:12px;bottom:10px;font-size:8px;color:#dce9f4}.screen-wall b{display:block;font:800 28px Manrope,sans-serif;color:white}
.story-monitor{background:radial-gradient(circle at 20% 15%,rgba(104,232,183,.18),transparent 35%),linear-gradient(145deg,#0b2429,#091521)}
.health-map{position:relative;height:245px;margin-top:18px;border:1px solid var(--line);border-radius:16px;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:28px 28px;overflow:hidden}.health-map::before,.health-map::after{content:"";position:absolute;border:1px solid rgba(104,232,183,.16);border-radius:50%;width:150px;height:150px;left:42%;top:20%;transform:translate(-50%,-50%);animation:ripple 2.8s ease-out infinite}.health-map::after{animation-delay:1.4s}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.35);opacity:0}30%{opacity:1}100%{transform:translate(-50%,-50%) scale(1.4);opacity:0}}
.map-node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(104,232,183,.08),0 0 22px rgba(104,232,183,.48)}.map-node::after{content:attr(data-label);position:absolute;left:16px;top:-5px;font-size:8px;white-space:nowrap;color:#acc0d1}.map-node.n1{left:20%;top:28%}.map-node.n2{left:58%;top:23%}.map-node.n3{left:72%;top:62%}.map-node.n4{left:35%;top:72%}
.story-steps{padding:130px 0 80px;display:grid;gap:150px}.story-step{min-height:260px;display:flex;gap:22px;opacity:.35;transform:translateY(28px);transition:.5s ease}.story-step.active{opacity:1;transform:translateY(0)}.story-index{font:800 12px Manrope,sans-serif;color:var(--cyan);padding-top:9px}.story-step h3{font:700 clamp(28px,3.6vw,44px)/1.08 Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 15px}.story-step p{font-size:16px;color:#91a5bc;max-width:420px}.story-step ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.story-step li{font-size:10px;color:#bdd0df;border:1px solid var(--line);background:rgba(255,255,255,.03);padding:6px 10px;border-radius:999px}

.pricing-section{background:radial-gradient(circle at 50% 0,rgba(101,230,255,.075),transparent 30%)}
.pricing-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:46px}.pricing-head .section-heading{margin:0;max-width:720px}.pricing-controls{display:flex;align-items:flex-end;gap:7px;flex-direction:column}.pricing-control-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.currency-location-note{color:#71869c;font-size:9px;padding-right:3px}.pricing-toggle{display:inline-flex;border:1px solid var(--line);background:rgba(255,255,255,.03);padding:4px;border-radius:12px}.pricing-toggle button{border:0;background:transparent;color:#849ab1;font-size:11px;font-weight:700;padding:9px 13px;border-radius:9px;cursor:pointer}.pricing-toggle button.active{background:white;color:#07111f;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(17,36,59,.88),rgba(9,23,39,.94));padding:30px;position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.price-card:hover{transform:translateY(-7px);border-color:rgba(101,230,255,.2);box-shadow:0 25px 65px rgba(0,0,0,.3)}.price-card.featured{border-color:rgba(101,230,255,.28);background:radial-gradient(circle at 75% 5%,rgba(101,230,255,.12),transparent 31%),linear-gradient(180deg,#102a40,#0a192a);box-shadow:0 28px 80px rgba(31,166,211,.09)}.price-ribbon{position:absolute;right:22px;top:22px;background:rgba(101,230,255,.1);border:1px solid rgba(101,230,255,.18);color:var(--cyan);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;padding:5px 9px;border-radius:999px}.plan-name{font:800 12px Manrope,sans-serif;letter-spacing:.13em;color:#9db2c7;text-transform:uppercase}.plan-desc{font-size:13px;color:#8499b1;min-height:44px;margin:10px 0 20px}.price-line{display:flex;align-items:flex-end;gap:6px;margin:6px 0 4px}.price-currency{font:700 19px Manrope,sans-serif;margin-bottom:8px}.price-value{font:800 52px/.95 Manrope,sans-serif;letter-spacing:-.055em}.price-unit{font-size:10px;color:#7f94aa;margin-bottom:8px}.price-note{font-size:10px;color:#72879e;min-height:18px}.price-divider{height:1px;background:var(--line);margin:24px 0}.price-card ul{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:11px}.price-card li{font-size:12px;color:#c0cede;padding-left:19px;position:relative}.price-card li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.price-button{width:100%}.volume-strip{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);padding:18px 22px;display:grid;grid-template-columns:auto repeat(4,1fr);gap:18px;align-items:center}.volume-strip>strong{font:700 12px Manrope,sans-serif;color:#d8e5ef}.volume-tier{text-align:center}.volume-tier small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#71869c}.volume-tier span{display:block;font:700 13px Manrope,sans-serif;margin-top:3px}.pricing-foot{display:flex;justify-content:space-between;gap:24px;margin-top:20px;color:#6f8499;font-size:10px}.pricing-foot p{margin:0;max-width:760px}.pricing-foot a{color:var(--cyan);font-weight:700;white-space:nowrap}

.tilt-card{transform-style:preserve-3d;will-change:transform}.tilt-card>*{transform:translateZ(1px)}

@media (max-width:920px){.hero-scroll-cue{display:none}.story-shell{grid-template-columns:1fr;gap:0}.story-stage-wrap{top:98px;height:auto;z-index:4;padding-bottom:30px}.story-stage{max-width:650px}.story-steps{padding:30px 0 0;gap:70px}.story-step{min-height:0;opacity:.6}.pricing-head{align-items:flex-start;flex-direction:column}.pricing-grid{grid-template-columns:1fr}.plan-desc{min-height:0}.volume-strip{grid-template-columns:1fr 1fr}.volume-strip>strong{grid-column:1/-1}.pricing-foot{flex-direction:column}}
@media (max-width:620px){.scroll-story{padding:70px 0}.story-intro{margin-bottom:38px}.story-stage-wrap{position:relative;top:auto}.story-stage{border-radius:17px}.story-layer{padding:20px}.story-layer>p{max-width:90%}.asset-stack span{width:72px;height:88px}.story-steps{gap:52px}.story-step{gap:13px}.story-step h3{font-size:29px}.story-step p{font-size:14px}.pricing-controls,.pricing-control-row{width:100%;align-items:stretch}.pricing-toggle{flex:1}.pricing-toggle button{flex:1}.currency-location-note{text-align:right}.price-card{padding:24px}.volume-strip{gap:12px;padding:16px}.pricing-foot{font-size:9px}.motion-marquee{padding:12px 0}}
@media (prefers-reduced-motion:reduce){.motion-marquee-track,.hero-scroll-cue i::after,.story-stage::before,.health-map::before,.health-map::after{animation:none!important}.story-layer,.story-step,.price-card{transition:none!important}}