/* Motion layer: light, progress and tactile feedback in the approved palette. */
@property --edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.page{position:relative;z-index:1}
.ambient-grid{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.22;background-image:linear-gradient(#526f8318 1px,transparent 1px),linear-gradient(90deg,#526f8318 1px,transparent 1px);background-size:76px 76px;mask-image:radial-gradient(ellipse at 75% 15%,#000,transparent 72%)}
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#112431;z-index:90;pointer-events:none}
.reading-progress span{display:block;width:100%;height:100%;transform:scaleX(var(--reading-progress,0));transform-origin:left;background:linear-gradient(90deg,#839eaf,#e8f6ff 70%,#60d7ff);box-shadow:0 0 14px #58cfff}
.motion-toggle{position:fixed;bottom:18px;left:18px;z-index:50;display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 14px;border:1px solid #59758280;border-radius:30px;background:#071119ed;backdrop-filter:blur(10px);color:#c9dce6;font-size:11px;letter-spacing:.02em;cursor:pointer;box-shadow:0 5px 22px #0005}
.motion-toggle:before{content:'';width:7px;height:7px;border-radius:50%;background:#73d9ff;box-shadow:0 0 10px #5ccfff}
.motion-toggle[aria-pressed=false]:before{background:#74818a;box-shadow:none}
.motion-toggle:hover{border-color:#b5e7fc;color:#fff}
.section-bridge{height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate;gap:9px;margin:0;pointer-events:none}
.bridge-rail{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#426b83 30%,#426b83 70%,transparent);z-index:-1}
.bridge-rail:after{content:'';position:absolute;left:-1px;top:0;width:3px;height:25%;border-radius:5px;background:linear-gradient(transparent,#9ee5ff,transparent);opacity:0}
.bridge-node{width:36px;height:36px;display:grid;place-items:center;border:1px solid #66899d;border-radius:9px;background:#071017;color:#bce9ff;font-size:11px;letter-spacing:.08em;box-shadow:0 0 0 7px #071017,0 0 22px #30aee81c}
.bridge-name{background:#04090c;padding:4px 12px;color:#8eafc2;font-size:9px;letter-spacing:.22em}
.testimonials{padding-top:12px}.about{margin-top:0}.offers{padding-top:12px}.final-cta{margin-top:0}
.fx-powered .bridge-rail:after{animation:bridge-travel 3s ease-in-out infinite}
.fx-powered .bridge-node{animation:node-pulse 3s ease-in-out infinite}
.fx-powered .bridge-name{animation:label-glow 3s ease-in-out infinite}
.section-heading h2{display:inline-block;position:relative;padding-bottom:20px}
.section-heading h2:after{content:'';position:absolute;left:calc(50% - 31px);bottom:0;width:62px;height:2px;background:linear-gradient(90deg,transparent,#b7e4fb,transparent);box-shadow:0 0 12px #71c8f777;transform-origin:center}
.fx-powered .section-heading h2:after{animation:heading-pulse 3.8s ease-in-out infinite}
.hero{border-bottom-color:#3e657a}
.hero-art:before{background:radial-gradient(ellipse at 50% 40%,#1f6a9950,transparent 65%)}
.fx-powered .hero-art:before{animation:ambient-breathe 6s ease-in-out infinite}
.orbit-field{position:absolute;inset:0 -3% 0 -8%;overflow:clip;pointer-events:none;z-index:-1}
.orbit-field .orbit{width:90%;left:5%;top:3%}
.orbit-field .orbit-two{width:84%;left:8%;top:6%}
.orbit{border-style:dashed;border-color:#648da17a}
.orbit:after{content:'';position:absolute;top:12%;left:17%;width:7px;height:7px;border-radius:50%;background:#a7e4ff;box-shadow:0 0 15px #4ac6ff,0 0 30px #4ac6ff88}
.orbit-two:after{width:4px;height:4px;left:80%;top:82%}
.fx-powered .orbit-one{animation:orbit-turn 42s linear infinite}
.fx-powered .orbit-two{animation:orbit-turn 32s linear infinite reverse}
.notification{border-color:#4f819477;background:linear-gradient(115deg,#102535ed,#061019f5)}
.fx-powered .notification{animation:notice-in .65s both,notice-float 6s ease-in-out infinite,notice-pulse 5.5s ease-in-out infinite;animation-delay:var(--delay),calc(var(--delay) + .7s),calc(var(--delay) + 1s)}
.method-badge{height:auto;min-height:224px;padding:10px 12px 18px;border:1px solid #71a4c1;background:radial-gradient(ellipse at 50% 5%,#18394beb,transparent 75%),#040b10f5;box-shadow:0 0 32px #3b9bc42c,inset 0 1px 18px #85d1fa12;isolation:isolate}
.method-badge:before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--edge-angle),transparent 0% 57%,#5dccff 68%,#edfbff 76%,transparent 84%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:2}
.fx-powered .method-badge:before{animation:edge-turn 6s linear infinite}
.fx-powered .method-badge{animation:badge-pulse 4.5s ease-in-out infinite}
.method-number{margin:0 auto 8px;background-size:100% 220%}
.fx-powered .method-number{animation:chrome-flow 4.5s ease-in-out infinite}
.method-label{color:#edf9ff;text-shadow:0 0 20px #93d9ff66}
.progress-track{height:5px;background:#142e40;overflow:hidden;box-shadow:0 0 12px #57c7ff55,inset 0 0 8px #0008}
.progress-track:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#287daf,#a1edff);transform-origin:left;transform:scaleX(1);border-radius:inherit;box-shadow:0 0 11px #5ecfff}
.fx-powered .progress-track:before{animation:method-charge 6.5s cubic-bezier(.2,.7,.25,1) infinite}
.progress-track i{inset:-3px 0;height:11px;width:24%;filter:blur(1px);border-radius:9px}
.method-checkpoints{display:flex;justify-content:space-between;align-items:center;margin:8px 16% 0;height:7px}
.method-checkpoints span{width:5px;height:5px;border-radius:50%;background:#89ddff;box-shadow:0 0 9px #46c1ff}
.fx-powered .method-checkpoints span{animation:checkpoint-on 6.5s ease infinite;animation-delay:calc(var(--checkpoint) * .24s)}
.method-tagline{margin-top:10px;letter-spacing:.015em}
.button{border-color:#c5e2f3;background-size:180% 100%;background-image:linear-gradient(110deg,#87a5b8 0%,#effaff 38%,#c8e1ee 55%,#8da9bc 100%);transition:transform .25s,box-shadow .25s,border-color .25s;touch-action:manipulation}
.fx-powered .button{animation:button-pulse 4s ease-in-out infinite}
.fx-powered .offer-card:nth-child(2) .button{animation-delay:.6s}.fx-powered .offer-card:nth-child(3) .button{animation-delay:1.2s}
.fx-powered .button:before{animation:button-sheen 5.5s cubic-bezier(.2,.6,.3,1) infinite;transition:none}
.button:hover,.button:focus-visible{transform:translateY(-3px);border-color:#f2fdff;background-position:100% 50%}
.button img{transition:translate .25s}.button:hover img,.button:focus-visible img{translate:5px 0}
.button:active{transform:translateY(0) scale(.98)}
.fx-ripple{position:absolute;left:var(--ripple-x);top:var(--ripple-y);width:28px;height:28px;margin:-14px;border-radius:50%;background:#e1f6ff88;pointer-events:none;animation:click-ripple .65s ease-out forwards;z-index:8}
.glass-card{position:relative;isolation:isolate;border-color:#5e7c8e;background:radial-gradient(ellipse at 10% 0%,#14293650,transparent 58%),linear-gradient(120deg,#080e12,#03070a 60%,#0a1014);transition:border-color .3s,box-shadow .3s,translate .3s,rotate .3s}
.glass-card:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(280px circle at var(--pointer-x,50%) var(--pointer-y,0%),#a1ddff20,transparent 70%);opacity:0;pointer-events:none;transition:opacity .35s;z-index:4}
.glass-card:hover:after,.glass-card:focus-within:after{opacity:1}
.glass-card:hover,.glass-card:focus-within{border-color:#bce6ff;box-shadow:0 14px 44px #0006,0 0 24px #67bde61a,inset 0 1px 0 #d6efff29}
.fx-powered .glass-card.fx-in-view{animation:card-breathe 6s ease-in-out infinite;animation-delay:var(--fx-delay,0s)}
.glass-card.fx-in-view:hover,.glass-card.fx-in-view:focus-within{animation-play-state:paused}
.fx-powered [data-fx-reveal]{opacity:0;translate:0 23px;transition:opacity .6s ease,translate .6s cubic-bezier(.2,.7,.3,1),border-color .3s,box-shadow .3s,rotate .3s;transition-delay:var(--fx-enter-delay,0s),var(--fx-enter-delay,0s),0s,0s,0s}
.fx-powered [data-fx-reveal].fx-revealed{opacity:1;translate:0 0}
.offer-card{overflow:hidden}
.offer-card:before{content:'';position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,#a4e5ff,transparent);box-shadow:0 0 18px #63caff;pointer-events:none}
.fx-powered .offer-icon,.fx-powered .hero-features .icon,.fx-powered .about-facts .icon{animation:icon-energy 4.5s ease-in-out infinite;animation-delay:var(--fx-delay,0s)}
.offer-card:hover .offer-icon{rotate:-4deg;scale:1.05;transition:rotate .3s,scale .3s}
.about{box-shadow:0 0 40px #1b4a602a,inset 0 1px 0 #c3ebff1a}
.fx-powered .about-orbit{animation:about-ring 6s ease-in-out infinite}
.final-cta{background:radial-gradient(ellipse at 70% 50%,#23516c44,transparent 70%),#050b10;border-color:#7faec7;box-shadow:0 0 40px #2c7c9b24}
.final-cta:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(transparent,#a1e5ff,transparent);box-shadow:0 0 20px #5bd0ff;pointer-events:none}
.fx-powered .final-cta:before{animation:label-glow 3s ease-in-out infinite}
.fx-paused *,.fx-paused *:before,.fx-paused *:after{animation-play-state:paused!important;transition:none!important}
.fx-paused [data-fx-reveal],.fx-paused .section-reveal{opacity:1!important;translate:0 0!important;transform:none!important}
.fx-reduced *,.fx-reduced *:before,.fx-reduced *:after{animation:none!important;transition:none!important}
.fx-reduced [data-fx-reveal],.fx-reduced .section-reveal{opacity:1!important;translate:0 0!important;transform:none!important}
.fx-reduced .progress-track:before{transform:scaleX(1)}
.fx-offscreen,.fx-offscreen *,.fx-offscreen:before,.fx-offscreen:after,.fx-offscreen *:before,.fx-offscreen *:after{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){.fx-powered .offer-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px)}}
@media(max-width:1100px) and (min-width:701px){.method-badge{min-height:174px;padding:8px 8px 15px}.method-tagline{font-size:8px}.method-checkpoints{margin-top:7px}.hero-features{width:100%}.hero-features li{padding:0 6px;gap:6px}.hero-features .icon{width:22px;height:22px}}
@media(max-width:700px){.ambient-grid{background-size:48px 48px;opacity:.16}.section-bridge{height:90px}.bridge-node{width:29px;height:29px;font-size:9px}.bridge-name{font-size:8px}.method-badge{min-height:160px;padding:8px 8px 14px}.method-number{margin-bottom:7px}.method-checkpoints{margin-top:7px}.method-tagline{font-size:7px;letter-spacing:0;margin-top:8px}.section-heading h2{padding-bottom:18px}.motion-toggle{left:12px;bottom:12px;font-size:10px;padding:9px 11px;min-height:40px}.fx-powered .button{animation-duration:5s}.fx-powered .orbit-one{animation-duration:56s}.section-heading h2:after{width:48px;left:calc(50% - 24px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.fx-powered [data-fx-reveal]{opacity:1;translate:0 0}.fx-powered .section-reveal{opacity:1;transform:none}}
@keyframes edge-turn{to{--edge-angle:360deg}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes chrome-flow{0%,100%{background-position:50% 0%}50%{background-position:50% 100%}}
@keyframes badge-pulse{0%,100%{box-shadow:0 0 24px #3b9bc42c,inset 0 1px 18px #85d1fa12}50%{box-shadow:0 0 45px #47bded4d,inset 0 1px 28px #85d1fa24}}
@keyframes method-charge{0%,8%{transform:scaleX(.02);opacity:.55}55%,90%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:.15}}
@keyframes checkpoint-on{0%,12%,100%{opacity:.2;scale:.7}40%,88%{opacity:1;scale:1.15}}
@keyframes button-pulse{0%,100%{box-shadow:0 0 0 0 #a9e7ff00,0 4px 20px #60b5dc16,inset 0 1px 0 #fff6}45%{box-shadow:0 0 0 5px #b7eaff0c,0 6px 30px #81d9ff40,inset 0 1px 0 #fffb}}
@keyframes button-sheen{0%,45%{transform:translateX(-85%)}78%,100%{transform:translateX(85%)}}
@keyframes click-ripple{from{transform:scale(0);opacity:.7}to{transform:scale(25);opacity:0}}
@keyframes node-pulse{0%,100%{border-color:#608396;box-shadow:0 0 0 7px #071017,0 0 15px #30aee81c}50%{border-color:#caefff;box-shadow:0 0 0 7px #071017,0 0 28px #5dceff5c}}
@keyframes label-glow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes bridge-travel{0%{translate:0 -10%;opacity:0}20%{opacity:1}85%{opacity:.9}100%{translate:0 400%;opacity:0}}
@keyframes heading-pulse{0%,100%{opacity:.5;scale:.85 1}50%{opacity:1;scale:1.35 1}}
@keyframes ambient-breathe{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes notice-pulse{0%,100%{border-color:#4f819477;box-shadow:0 0 8px #2a84ae12}50%{border-color:#7abbd3ae;box-shadow:0 0 17px #43b5e42c}}
@keyframes card-breathe{0%,100%{border-color:#5e7c8e;box-shadow:inset 0 1px 0 #b8c8d20c}50%{border-color:#88b7d1;box-shadow:0 0 22px #4ca5cc14,inset 0 1px 0 #c7e9ff20}}
@keyframes icon-energy{0%,100%{opacity:.75;scale:1}50%{opacity:1;scale:1.06}}
@keyframes about-ring{0%,100%{border-color:#6178849c;box-shadow:0 0 0 #69cdfc00}50%{border-color:#bcecff;box-shadow:0 0 25px #69cdfc33}}
footer{padding-bottom:95px}
.fx-tab-hidden *,.fx-tab-hidden *:before,.fx-tab-hidden *:after{animation-play-state:paused!important}
.fx-paused,.fx-reduced{scroll-behavior:auto}