.hero-visual.liquid-mockups{height:560px;max-width:620px;width:100%;margin-inline:auto;isolation:isolate;perspective:1400px;perspective-origin:50% 40%}.liquid-mockups .mockup-aura{position:absolute;pointer-events:none;border-radius:50%;z-index:-1}.liquid-mockups .aura-blue{width:118%;height:96%;left:-6%;top:4%;background:radial-gradient(closest-side,rgba(63,91,255,.42),transparent)}.liquid-mockups .aura-mint{width:52%;height:52%;right:-4%;top:22%;background:radial-gradient(closest-side,rgba(0,240,144,.2),transparent)}.liquid-mockups .visual-orbit{width:98%;height:430px;left:1%;top:76px;border:1px solid rgba(177,200,255,.12);transform:rotateX(66deg) rotate(-14deg)}.liquid-mockups .orbit-two{width:114%;height:530px;left:-7%;top:22px;border:1px dashed rgba(177,200,255,.1);opacity:.7}.liquid-mockups .hv-layer{position:absolute;inset:0;pointer-events:none;transform:translate3d(calc(var(--px,0) * var(--d,10) * 1px),calc(var(--py,0) * var(--d,10) * .8px),0) rotateY(calc(var(--px,0) * 5deg)) rotateX(calc(var(--py,0) * -4deg))}.liquid-mockups .hv-ring{--d:-9}.liquid-mockups .hv-phone{--d:9}.liquid-mockups .hv-card-now{--d:24}.liquid-mockups .hv-card-future{--d:18}.liquid-mockups .glass-ring{position:absolute;left:auto;right:-3%;top:82px;width:400px;height:400px;border-radius:50%;--hole:61%;transform:none;transform-style:flat;transition:--p .9s var(--ease,ease)}.glass-ring>i{position:absolute;inset:0;border-radius:50%;pointer-events:none}.glass-ring .ring-shadow{inset:auto 10% -16%;height:20%;background:radial-gradient(closest-side,rgba(2,6,32,.6),transparent)}.glass-ring .ring-glow{inset:-8%;background:conic-gradient(#00f09099 0 calc(var(--p) * 1%),#748aff6b 0 100%);-webkit-mask:radial-gradient(closest-side,transparent 50%,#000 63%,#000 86%,transparent 100%);mask:radial-gradient(closest-side,transparent 50%,#000 63%,#000 86%,transparent 100%);filter:blur(24px);opacity:.8;transition:opacity .9s}.glass-ring .ring-body{background:conic-gradient(transparent 0 .8%,rgba(0,240,144,.74) 0 calc(var(--p) * 1% - .8%),transparent 0 calc(var(--p) * 1% + .8%),rgba(206,216,255,.24) 0 99.2%,transparent 0);-webkit-mask:radial-gradient(closest-side,transparent calc(var(--hole) - .6%),#000 var(--hole),#000 98.8%,transparent 100%);mask:radial-gradient(closest-side,transparent calc(var(--hole) - .6%),#000 var(--hole),#000 98.8%,transparent 100%);backdrop-filter:blur(14px) saturate(175%);-webkit-backdrop-filter:blur(14px) saturate(175%);transition:opacity .9s}.glass-ring .ring-shine{background:radial-gradient(closest-side,transparent calc(var(--hole) - .6%),rgba(255,255,255,.9) var(--hole),rgba(255,255,255,.2) calc(var(--hole) + 3%),transparent calc(var(--hole) + 9%),transparent 82%,rgba(255,255,255,.16) 92%,rgba(255,255,255,.8) 98.6%,transparent 100%),conic-gradient(from 292deg,transparent 0deg,rgba(255,255,255,.6) 24deg,transparent 56deg,transparent 168deg,rgba(255,255,255,.24) 196deg,transparent 232deg);-webkit-mask:radial-gradient(closest-side,transparent calc(var(--hole) - .6%),#000 var(--hole),#000 98.8%,transparent 100%);mask:radial-gradient(closest-side,transparent calc(var(--hole) - .6%),#000 var(--hole),#000 98.8%,transparent 100%);transition:opacity .9s}.glass-ring .ring-label{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}.glass-ring .ring-label>span{font:500 9px/1.4 Geist Mono,monospace;letter-spacing:.15em;color:#c3d2ff}.glass-ring .ring-label>strong{display:block;margin:7px 0 5px;font:500 66px/1 Outfit Variable,sans-serif;letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff 30%,#b6f8da);-webkit-background-clip:text;background-clip:text;color:transparent}.glass-ring .ring-label small{font-size:30px;margin-left:2px}.glass-ring .ring-label>em{font:450 13px/1.4 Inter Variable,sans-serif;font-style:normal;color:#ccd7f6;font-variant-numeric:tabular-nums}.liquid-mockups .webgl-scene{position:absolute;inset:-25%;z-index:1;opacity:0;pointer-events:none;transition:opacity 1.1s}.liquid-mockups .scene-ready .webgl-scene{opacity:1}.liquid-mockups .scene-ready .ring-body,.liquid-mockups .scene-ready .ring-shine{opacity:0}.liquid-mockups .scene-ready .ring-glow{opacity:.45}.liquid-mockups .phone-mockup{position:absolute;z-index:3;width:250px;height:480px;top:28px;left:3%;padding:9px;border-radius:40px;background:linear-gradient(115deg,#a0bde1,#1c3977 15%,#051b46 38%,#6686b9 72%,#d7e6fa);border:1px solid rgba(220,232,253,.55);box-shadow:inset 0 0 0 1px #ffffff38,inset 0 0 0 3px #193568,-9px 14px 0 -10px #a6c5f88c,-20px 36px 64px #020a289e,0 0 70px #568efa24;transform:rotate(-7deg);animation:phone-drift 9s ease-in-out infinite}.liquid-mockups .phone-mockup:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(112deg,rgba(255,255,255,.16),transparent 20%,transparent 70%,rgba(255,255,255,.14));box-shadow:inset 1px 1px 1px #ffffffb3,inset -1px -1px 1px #2c4a8c80}.liquid-mockups .phone-button{position:absolute;background:linear-gradient(90deg,#8da9d2,#314b7b);border:1px solid rgba(190,213,244,.42);width:3px;border-radius:3px}.liquid-mockups .phone-button-volume{left:-3px;top:102px;height:48px}.liquid-mockups .phone-button-power{right:-3px;top:139px;height:57px}.liquid-mockups .phone-screen{position:relative;height:100%;border-radius:31px;overflow:hidden;color:#112b60;background:radial-gradient(ellipse at 95% 65%,rgba(217,234,255,.56),transparent 68%),linear-gradient(165deg,#fff,#f1f6fc 75%,#edf3fb);box-shadow:0 0 0 1px #020e2b,0 0 0 3px #071f47}.liquid-mockups .phone-screen:after{content:"";position:absolute;inset:-20% -70%;pointer-events:none;background:linear-gradient(105deg,transparent 44%,rgba(255,255,255,.5) 50%,transparent 56%);transform:translate(-55%);animation:phone-glare 8s ease-in-out 2.4s infinite}.liquid-mockups .phone-status{height:28px;padding:10px 17px 0;display:flex;align-items:center;justify-content:space-between;font:600 9px/1 Inter Variable,sans-serif}.liquid-mockups .phone-island{position:absolute;width:63px;height:17px;top:6px;left:calc(50% - 31px);border-radius:12px;background:#07152b;box-shadow:inset -8px 0 4px -4px #273551}.liquid-mockups .phone-signal{display:flex;align-items:flex-end;gap:2px;height:9px}.liquid-mockups .phone-signal i{display:block;width:2px;height:4px;background:#173160;border-radius:1px}.liquid-mockups .phone-signal i:nth-child(2){height:6px}.liquid-mockups .phone-signal i:nth-child(3){height:8px}.liquid-mockups .phone-signal b{width:13px;height:7px;border-radius:2px;border:1px solid #173160;margin-left:3px;box-shadow:inset 0 0 0 1px #fff;background:#173160}.liquid-mockups .phone-browser{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 13px 0;padding:6px 8px;border-radius:8px;border:1px solid #dae4f3;background:#e7eef7;color:#586d8c;font-size:7px;line-height:1.3}.liquid-mockups .phone-browser>svg:last-child{margin-left:auto}.liquid-mockups .phone-browser>svg:first-child{margin-left:auto}.liquid-mockups .phone-content{padding:15px 16px 0}.liquid-mockups .phone-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.liquid-mockups .phone-brand .logo{width:auto;height:21px}.liquid-mockups .phone-brand>span{font:500 7px/1 Geist Mono,monospace;letter-spacing:.13em;border:1px solid #cfddf0;border-radius:999px;padding:5px 7px;color:#4b6691}.liquid-mockups .phone-principal{border:1px solid #d3e0f2;border-radius:12px;padding:9px 11px;background:#fff9;margin-bottom:13px}.liquid-mockups .phone-principal>span{display:block;font-size:9px;line-height:1.4;color:#607595}.liquid-mockups .phone-principal>strong{font:500 24px/1.3 Outfit Variable,sans-serif;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}.liquid-mockups .phone-percent{margin-bottom:13px}.liquid-mockups .phone-percent>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.liquid-mockups .phone-percent span{font-size:9px;color:#5d7293}.liquid-mockups .phone-percent strong{font:500 23px/1 Outfit Variable,sans-serif;letter-spacing:-.03em}.liquid-mockups .phone-percent small{font-size:12px;margin-left:1px;color:#6f83a1}.liquid-mockups .phone-range{height:4px;background:#d7e4f6;border-radius:4px}.liquid-mockups .phone-range>i{display:block;height:4px;background:linear-gradient(90deg,#00c27a,#00e08a);border-radius:4px;position:relative;transition:width .5s var(--ease,ease)}.liquid-mockups .phone-range>i:after{content:"";position:absolute;right:-4px;top:-2px;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid #00c27a;box-shadow:0 0 0 2px #00c27a26}.liquid-mockups .phone-now{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 0% 0%,rgba(255,255,255,.22),transparent 50%),linear-gradient(130deg,#3049d4,#1b2f8e);border:1px solid #6477dc;border-radius:12px;padding:10px 12px;box-shadow:0 8px 18px -8px #1b2f8e99;color:#fff;margin-bottom:7px}.liquid-mockups .phone-now>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#d3e5ff}.liquid-mockups .phone-now>strong{display:block;color:#00f090;font:500 27px/1.25 Outfit Variable,sans-serif;letter-spacing:-.03em;margin-top:3px;font-variant-numeric:tabular-nums;white-space:nowrap}.liquid-mockups .phone-future{padding:7px 12px 10px;border-bottom:1px solid #d4e0ee}.liquid-mockups .phone-future>span{display:block;font-size:8px;color:#5d7293}.liquid-mockups .phone-future>strong{display:block;font:500 23px/1.3 Outfit Variable,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.025em}.liquid-mockups .phone-totals{display:grid;gap:6px;margin-top:12px}.liquid-mockups .phone-totals>div{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:8px;color:#617698}.liquid-mockups .phone-totals strong{font:500 13px/1.3 Outfit Variable,sans-serif;font-variant-numeric:tabular-nums;color:#183769;white-space:nowrap}.liquid-mockups .phone-illustrative{display:flex;align-items:center;justify-content:center;gap:4px;font:7px/1.4 Inter Variable,sans-serif;color:#7589a6;margin-top:12px}.liquid-mockups .phone-home{height:3px;width:65px;position:absolute;bottom:7px;left:calc(50% - 32px);background:#35517854;border-radius:5px}.liquid-mockups .floating-result{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;min-width:0;max-width:none;padding:16px 18px;border-radius:22px;border:1px solid rgba(217,237,255,.45);background:linear-gradient(135deg,#ecf7ff33,#a5cfff0f 60%,#eaf4ff24),#0e184a80;box-shadow:inset 0 1px #ffffffa6,inset 1px 0 #ffffff38,inset 0 -14px 26px -20px #96b4ffa6,0 26px 54px -20px #020828bf;backdrop-filter:blur(16px) saturate(175%);-webkit-backdrop-filter:blur(16px) saturate(175%);color:#eff7ff;transform:none}.liquid-mockups .floating-result strong{display:block;font:450 29px/1.28 Outfit Variable,sans-serif;letter-spacing:-.035em;white-space:nowrap;font-variant-numeric:tabular-nums;animation:card-number .6s var(--ease,ease)}.liquid-mockups .floating-result span{font:8px Geist Mono,monospace;color:#d0e3ff;letter-spacing:.09em}.liquid-mockups .result-now{inset:18px -1% auto auto;width:274px;rotate:2deg;animation:card-drift 8s ease-in-out infinite}.liquid-mockups .result-now strong{color:#00f090}.liquid-mockups .result-future{inset:436px 6% auto auto;width:250px;rotate:-2deg;animation:card-drift 9s ease-in-out -3s infinite}.liquid-mockups .floating-icon{width:40px;height:42px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;background:radial-gradient(120% 120% at 28% 0%,rgba(255,255,255,.35),transparent 58%),#d3eaff1a;border:1px solid rgba(224,239,255,.36);color:#e6f2ff;box-shadow:inset 0 1px #ffffff59}.liquid-mockups .result-now .floating-icon{color:#03311c;background:radial-gradient(120% 120% at 28% 0%,rgba(255,255,255,.7),transparent 55%),linear-gradient(160deg,#6dffc6,#00c877);border-color:#fff9}.liquid-mockups .result-tick{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;margin-left:auto;border-radius:50%;background:#00f09029;color:#00f090}.liquid-mockups .visual-footnote{position:absolute;bottom:-6px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:7px;font:8px/1.5 Geist Mono,monospace;letter-spacing:.04em;color:#a3bde6;text-align:center}.liquid-mockups .visual-footnote svg{color:#b6d2f8;flex-shrink:0}@keyframes phone-drift{0%,to{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-9px) rotate(-6deg)}}@keyframes card-drift{50%{translate:0 -9px}}@keyframes phone-glare{0%,62%{transform:translate(-55%)}to{transform:translate(55%)}}@keyframes card-number{0%{opacity:.2;filter:blur(4px);transform:translateY(6px)}}@keyframes ring-in{0%{opacity:0;scale:.82;rotate:-28deg;filter:blur(10px)}}@keyframes rise-in{0%{opacity:0;translate:0 46px}}@keyframes card-in{0%{opacity:0;scale:.9;translate:0 26px;filter:blur(8px)}}@media(prefers-reduced-motion:no-preference){.liquid-mockups .glass-ring{animation:ring-in 1.5s var(--ease,ease) .2s both}.liquid-mockups .hv-phone{animation:rise-in 1.3s var(--ease,ease) .32s both}.liquid-mockups .result-now{animation:card-in 1s var(--ease,ease) .78s both,card-drift 8s ease-in-out 1.8s infinite}.liquid-mockups .result-future{animation:card-in 1s var(--ease,ease) .94s both,card-drift 9s ease-in-out 1.94s infinite}}@media(min-width:1441px){.hero-visual.liquid-mockups{height:580px}}@media(max-width:1200px){.hero-visual.liquid-mockups{height:520px}.liquid-mockups .glass-ring{width:340px;height:340px;top:92px;right:-4%}.glass-ring .ring-label>strong{font-size:56px}.liquid-mockups .phone-mockup{width:232px;height:446px;left:0}.liquid-mockups .result-now{width:246px;top:24px;right:-2%}.liquid-mockups .result-future{width:230px;top:408px;right:2%}.liquid-mockups .floating-result{padding:13px 14px}.liquid-mockups .floating-result strong{font-size:25px}}@media(min-width:861px)and (max-width:950px){.hero-visual.liquid-mockups{height:470px}.liquid-mockups .glass-ring{width:268px;height:268px;top:100px;right:-10%}.glass-ring .ring-label>span{font-size:7px;letter-spacing:.1em}.glass-ring .ring-label>strong{font-size:44px}.glass-ring .ring-label>em{font-size:11px}.liquid-mockups .phone-mockup{width:188px;height:370px;left:-3%;padding:8px;border-radius:32px}.liquid-mockups .phone-principal>span,.liquid-mockups .phone-percent span{font-size:8px}.liquid-mockups .phone-totals{display:none}.liquid-mockups .phone-screen{border-radius:26px}.liquid-mockups .phone-content{padding:12px 13px 0}.liquid-mockups .phone-brand{margin-bottom:12px}.liquid-mockups .phone-principal>strong{font-size:20px}.liquid-mockups .phone-now>strong{font-size:22px}.liquid-mockups .phone-future>strong{font-size:19px}.liquid-mockups .result-now{width:214px}.liquid-mockups .result-future{width:204px;top:388px}.liquid-mockups .floating-result strong{font-size:21px}.liquid-mockups .floating-icon{width:32px;height:34px;border-radius:10px}.liquid-mockups .visual-footnote{display:none}}@media(max-width:700px){.hero-visual.liquid-mockups{height:500px;max-width:430px;margin:34px auto 0}.liquid-mockups .aura-blue{top:6%;width:120%;left:-10%}.liquid-mockups .visual-orbit{width:100%;height:330px;left:0;top:110px}.liquid-mockups .orbit-two{width:112%;height:400px;left:-6%;top:56px}.liquid-mockups .glass-ring{width:250px;height:250px;right:-6%;top:132px}.glass-ring .ring-label>span{font-size:7px;letter-spacing:.1em}.glass-ring .ring-label>strong{font-size:42px;margin:5px 0 3px}.glass-ring .ring-label small{font-size:20px}.glass-ring .ring-label>em{font-size:10px}.glass-ring .ring-glow{filter:blur(16px)}.liquid-mockups .phone-mockup{width:206px;height:408px;left:-1%;top:44px;padding:8px;border-radius:34px;animation:none;transform:rotate(-6deg)}.liquid-mockups .phone-screen{border-radius:26px}.liquid-mockups .phone-screen:after{display:none}.liquid-mockups .phone-status{height:24px;padding:8px 13px 0;font-size:8px}.liquid-mockups .phone-island{width:56px;height:15px;left:calc(50% - 28px);top:5px}.liquid-mockups .phone-browser{margin:6px 10px 0;padding:5px 6px;font-size:6px;gap:4px}.liquid-mockups .phone-content{padding:12px 12px 0}.liquid-mockups .phone-brand{margin-bottom:12px}.liquid-mockups .phone-brand .logo{height:18px}.liquid-mockups .phone-brand>span{font-size:6px;padding:4px 5px}.liquid-mockups .phone-principal{padding:8px 10px;margin-bottom:10px;border-radius:9px}.liquid-mockups .phone-principal>span{font-size:8px}.liquid-mockups .phone-principal>strong{font-size:20px}.liquid-mockups .phone-percent{margin-bottom:10px}.liquid-mockups .phone-percent>div:first-child{margin-bottom:6px}.liquid-mockups .phone-percent span{font-size:8px}.liquid-mockups .phone-percent strong{font-size:20px}.liquid-mockups .phone-now{padding:8px 10px;margin-bottom:5px;border-radius:10px}.liquid-mockups .phone-now>span{font-size:7px}.liquid-mockups .phone-now>strong{font-size:22px}.liquid-mockups .phone-future{padding:6px 10px 8px}.liquid-mockups .phone-future>strong{font-size:19px}.liquid-mockups .phone-future>span{font-size:7px}.liquid-mockups .phone-totals{margin-top:9px;gap:5px}.liquid-mockups .phone-totals>div{font-size:7px}.liquid-mockups .phone-totals strong{font-size:11px}.liquid-mockups .phone-illustrative{margin-top:9px;font-size:6px}.liquid-mockups .floating-result{padding:11px 12px;gap:9px;border-radius:16px}.liquid-mockups .floating-result strong{font-size:21px}.liquid-mockups .floating-result span{font-size:6px;letter-spacing:.065em}.liquid-mockups .result-now{right:-2%;top:10px;width:198px}.liquid-mockups .result-future{right:0;top:404px;width:188px}.liquid-mockups .floating-icon{width:30px;height:32px;border-radius:9px}.liquid-mockups .floating-icon>svg{width:16px}.liquid-mockups .result-tick{width:16px;height:16px}.liquid-mockups .visual-footnote{display:flex;font-size:6px;letter-spacing:0;bottom:-10px;gap:5px}.liquid-mockups .visual-footnote svg{width:11px}}@media(max-width:380px){.hero-visual.liquid-mockups{height:486px}.liquid-mockups .glass-ring{width:228px;height:228px;right:-9%;top:140px}.glass-ring .ring-label>strong{font-size:38px}.liquid-mockups .phone-mockup{width:192px;height:392px;left:-3%}.liquid-mockups .phone-principal>strong{font-size:18px}.liquid-mockups .phone-now>strong{font-size:20px}.liquid-mockups .phone-future>strong{font-size:18px}.liquid-mockups .phone-totals strong{font-size:10px}.liquid-mockups .result-now{width:182px}.liquid-mockups .result-now strong{font-size:19px}.liquid-mockups .result-future{width:176px;top:392px}.liquid-mockups .result-future strong{font-size:19px}}@media(prefers-reduced-motion:reduce){.liquid-mockups .phone-mockup,.liquid-mockups .floating-result{animation:none}.liquid-mockups .phone-range>i,.liquid-mockups .glass-ring{transition:none}}