:root{--duration-stagger:40ms;--duration-micro:80ms;--duration-quick:.15s;--duration-fast:.25s;--duration-medium:.35s;--duration-slow:.4s;--duration-very-slow:.5s;--distance-micro:4px;--digit-dur:var(--duration-very-slow);--digit-distance:8px;--digit-stagger:var(--duration-stagger);--digit-ease:var(--ease-smooth-out);--digit-dir-x:0;--digit-dir-y:1;--acc-expand:var(--duration-fast);--acc-collapse:var(--duration-fast);--acc-chevron:var(--duration-fast);--acc-ease:var(--ease-smooth-out)}@layer base{.home{background:var(--color-page-bg);color:var(--color-text-primary);overflow-x:clip}}.home ::selection{background:var(--color-primary-tint);color:var(--color-text-primary)}.home :focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:3px}.home-cta :focus-visible{outline-color:var(--color-completed-well)}.home-section{padding-top:var(--spacing-section);padding-bottom:var(--spacing-section)}@media (min-width:768px){.home-section{padding-top:calc(var(--spacing-section) * 1.5);padding-bottom:calc(var(--spacing-section) * 1.5)}}@media (min-width:1280px){.home-section{padding-top:calc(var(--spacing-section) * 1.5);padding-bottom:calc(var(--spacing-section) * 1.5)}}.home-btn{transition:transform var(--duration-micro) var(--ease-smooth-out)}.home-btn:active{transform:scale(.98)}.plan-card{transition:transform var(--duration-fast) var(--ease-smooth-out)}@media (hover:hover){.plan-card:hover{transform:translateY(calc(var(--distance-micro) * -1));transition-duration:var(--duration-quick)}}.t-acc-panel{transition:grid-template-rows var(--acc-collapse) var(--acc-ease);grid-template-rows:0fr;display:grid}.t-acc[data-open=true] .t-acc-panel{transition-duration:var(--acc-expand);grid-template-rows:1fr}.t-acc-panel-inner{overflow:hidden}.t-acc-chevron{transform-origin:50%;transition:transform var(--acc-chevron) var(--acc-ease);display:inline-flex;transform:scaleY(1)}.t-acc[data-open=true] .t-acc-chevron{transform:scaleY(-1)}@keyframes t-digit-pop-in{0%{transform:translateY(var(--digit-distance));opacity:0}to{opacity:1;transform:translateY(0)}}.t-digit-group{align-items:baseline;display:inline-flex}.t-digit{display:inline-block}.t-digit-group.is-animating .t-digit{animation:t-digit-pop-in var(--digit-dur) var(--digit-ease) both}.t-digit-group.is-animating .t-digit[data-stagger="1"]{animation-delay:var(--digit-stagger)}.t-digit-group.is-animating .t-digit[data-stagger="2"]{animation-delay:calc(var(--digit-stagger) * 2)}.sip-value{fill:none;stroke:var(--color-primary);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.sip-ghost{fill:none;stroke:var(--color-primary);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:2 6;opacity:.3}.sip-today{fill:none;stroke:var(--color-text-secondary);stroke-width:2.25px;stroke-linecap:round;stroke-dasharray:5 4}.sip-invested{fill:var(--color-neutral-well)}.sip-invested-line{fill:none;stroke:var(--color-text-meta);stroke-width:2px;stroke-linecap:round}.sip-value-fill{fill:var(--color-primary-tint)}.sip-grid{stroke:var(--color-progress-track);stroke-width:1px}.sip-card.can-draw:not(.is-drawn) .sip-value{stroke-dasharray:1;stroke-dashoffset:1px}.sip-card.can-draw.is-drawn .sip-value{stroke-dasharray:1;animation:sip-draw var(--duration-very-slow) var(--ease-smooth-out) forwards}.sip-card.can-draw:not(.is-drawn) .sip-rest{opacity:0}.sip-card.can-draw.is-drawn .sip-rest{animation:sip-fade var(--duration-fast) var(--ease-smooth-out) var(--duration-micro) forwards}@keyframes sip-draw{to{stroke-dashoffset:0}}@keyframes sip-fade{to{opacity:1}}.ace-word{animation:ace-in var(--duration-fast) var(--ease-smooth-out) both;animation-delay:calc(var(--w,0) * var(--duration-stagger));display:inline-block}.ace-stream>span:first-child .ace-word{--w:0}.ace-stream>span:nth-child(2) .ace-word{--w:1}.ace-stream>span:nth-child(3) .ace-word{--w:2}.ace-stream>span:nth-child(4) .ace-word{--w:3}.ace-stream>span:nth-child(5) .ace-word{--w:4}.ace-stream>span:nth-child(6) .ace-word{--w:5}@keyframes ace-in{0%{opacity:0;transform:translateY(var(--distance-micro))}to{opacity:1;transform:none}}.hero-wash{background:linear-gradient(to bottom, var(--color-page-bg), transparent 9rem), radial-gradient(56rem 34rem at 78% 58%, #2874fc22, transparent 68%), radial-gradient(36rem 24rem at 0% 100%, #95aafe30, transparent 70%), var(--color-page-bg)}.glass{background:var(--color-glass-fill);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(14px)saturate(1.4);box-shadow:0 12px 28px -8px #1a56c440,0 2px 6px #0000000f}.glass-card{-webkit-backdrop-filter:blur(16px)saturate(1.5);background:#ffffffc2;border:1px solid #ffffffd9;box-shadow:0 22px 40px -16px #1a56c455,0 2px 6px #0f172a14,inset 0 1px #fff}.glass-icon{box-shadow:0 10px 18px -8px #1a56c499,inset 0 1px #fff6}.glass-icon-blue{background:linear-gradient(145deg,#6ba0ff,#2874fc 55%,#1a56c4)}.glass-icon-green{background:linear-gradient(145deg,#4ade80,#16a34a)}.glass-icon-gold{background:linear-gradient(145deg,#fcd34d,#f59e0b)}.coin-shadow{filter:blur(6px);background:radial-gradient(closest-side,#0f172a55,#0000)}.bob{animation:6s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-10px)}}[data-grow]{transform-box:fill-box;transform-origin:50% 100%}[data-pop]{transform-box:fill-box}.spot{position:relative}.spot:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(22rem circle at var(--mx,50%) var(--my,50%), #2874fc22, transparent 62%);transition:opacity var(--duration-fast) var(--ease-smooth-out);position:absolute;inset:0}.spot>*{z-index:1;position:relative}@media (hover:hover){.spot:hover:before{opacity:1}}.row-link-dark>span:first-child,.row-arrow-dark{transition:transform var(--duration-fast) var(--ease-smooth-out), background-color var(--duration-fast) var(--ease-smooth-out), color var(--duration-fast) var(--ease-smooth-out)}@media (hover:hover){.row-link-dark:hover>span:first-child{transform:translate(8px)}.row-link-dark:hover .row-arrow-dark{background:var(--color-card-bg);color:var(--color-primary-dark);transform:translate(-4px)}}.unlock-steps{gap:2.5rem;display:grid}.unlock-step{gap:1.25rem;display:flex;position:relative}.unlock-step:not(:last-child):before{content:"";background:linear-gradient(var(--color-primary), var(--color-progress-track));opacity:.55;width:2px;position:absolute;top:3.5rem;bottom:-2.25rem;left:1.5rem}.unlock-num{z-index:1;position:relative}@media (min-width:1024px){.unlock-steps{gap:0}.unlock-step{min-height:27rem}.unlock-step:last-child{min-height:0}.unlock-step:not(:last-child):before{bottom:.75rem}}.unlock-stage{border-radius:var(--radius-large);background:radial-gradient(28rem 22rem at 50% 38%, #2874fc26, transparent 70%), linear-gradient(var(--color-locked-fill), #e8efff);height:33rem;box-shadow:inset 0 0 0 1px var(--color-neutral-well);position:sticky;top:6.5rem;overflow:hidden}.u-scene{perspective:1400px;transition:opacity .5s var(--ease-smooth-out);place-items:center;display:grid;position:absolute;inset:0}.unlock-stage .u-scene{opacity:0;pointer-events:none}.unlock-stage .u-scene[data-on=true]{opacity:1}.u-inline .u-scene{border-radius:var(--radius-card);background:radial-gradient(20rem 16rem at 50% 40%, #2874fc26, transparent 70%), linear-gradient(var(--color-locked-fill), #e8efff);height:24rem;position:relative;overflow:hidden}.plans{width:15rem;height:19rem;transform-style:preserve-3d;position:relative;transform:rotateX(6deg)rotateY(-24deg)}.plan3d{border-radius:var(--radius-card);border:1px solid var(--color-neutral-well);background:var(--color-card-bg);transition:transform .9s var(--ease-smooth-out) calc(var(--i) * 90ms);flex-direction:column;padding:1.25rem;display:flex;position:absolute;inset:0;box-shadow:0 24px 40px -18px #1a56c455}.u-scene:not([data-on=false]) .plan3d{transform:translate3d(calc(var(--i) * 52px - 52px), calc(var(--i) * -18px + 18px), calc(var(--i) * 56px))}.plan3d .bar{background:var(--color-neutral-well)}.plan-dot{background:var(--color-primary-tint);color:var(--color-primary-dark)}.plan-cta{background:var(--color-locked-fill);color:var(--color-text-secondary)}.plan3d:nth-child(3){color:#fff;background:linear-gradient(160deg,#2874fc,#1a56c4);border-color:#0000}.plan3d:nth-child(3) .bar{background:#fff5}.plan3d:nth-child(3) .plan-dot{color:#fff;background:#fff3}.plan3d:nth-child(3) .plan-cta{color:var(--color-primary-dark);background:#fff}.plan-badge{transition:transform .5s var(--ease-smooth-out) 1s;position:absolute;top:-1.25rem;right:-1.5rem;transform:translate3d(52px,-18px,120px)scale(0)}.u-scene:not([data-on=false]) .plan-badge{transform:translate3d(52px,-18px,120px)scale(1)}.pay{width:19rem;height:16rem;transform-style:preserve-3d;position:relative}.paycard{border-radius:var(--radius-card);color:#fff;opacity:0;width:18rem;height:11rem;transition:transform .9s var(--ease-smooth-out), opacity .6s var(--ease-smooth-out);background:linear-gradient(135deg,#3b82f6,#1a56c4 55%,#0f2f73);flex-direction:column;padding:1.25rem;display:flex;position:absolute;top:2rem;left:0;overflow:hidden;transform:rotateX(14deg)rotateY(-22deg)rotate(-3deg)translateY(44px);box-shadow:0 30px 50px -20px #0f2f73aa}.u-scene:not([data-on=false]) .paycard{opacity:1;transform:rotateX(14deg)rotateY(-22deg)rotate(-3deg)}.paychip{background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:.4rem;width:2.4rem;height:1.8rem}.shine{background:linear-gradient(115deg,#0000 35%,#fff5 50%,#0000 65%);animation:3.6s ease-in-out 1s infinite shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes shine{to{transform:translate(120%)}}.paypill{background:var(--color-glass-fill);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .5s var(--ease-smooth-out), transform .8s var(--ease-smooth-out);border-radius:9999px;padding:.5rem 1rem;font-size:13px;font-weight:700;position:absolute;transform:translateY(14px);box-shadow:0 12px 24px -10px #1a56c466}.paypill.p1{transition-delay:.4s;top:0;right:-1.5rem}.paypill.p2{transition-delay:.55s;top:7rem;right:-2.5rem}.paypill.p3{transition-delay:.7s;bottom:-1rem;left:1rem}.u-scene:not([data-on=false]) .paypill{opacity:1;transform:none}.paid{color:#fff;background:var(--color-sim-profit);transition:transform .5s var(--ease-smooth-out) 1.2s;border-radius:9999px;align-items:center;gap:.5rem;padding:.55rem 1rem .55rem .6rem;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:-.25rem;right:-1rem;transform:scale(0);box-shadow:0 14px 28px -10px #16a34a99}.u-scene:not([data-on=false]) .paid{transform:scale(1)}.kyc{width:21rem;height:19rem;position:relative}.idcard{border-radius:var(--radius-card);border:1px solid var(--color-neutral-well);opacity:0;transform-origin:0;width:17.5rem;transition:transform .9s var(--ease-smooth-out), opacity .6s var(--ease-smooth-out);background:#fff;padding:1.1rem;position:absolute;top:0;left:0;overflow:hidden;transform:perspective(900px)rotateY(14deg)rotateX(4deg)translateY(26px);box-shadow:0 28px 44px -20px #1a56c466}.u-scene:not([data-on=false]) .idcard{opacity:1;transform:perspective(900px)rotateY(14deg)rotateX(4deg)}.scan{background:linear-gradient(#0000,#2874fc44);border-bottom:2px solid #2874fcaa;height:3rem;animation:2.4s linear infinite scan;position:absolute;top:-3rem;left:0;right:0}@keyframes scan{to{transform:translateY(14rem)}}.kychecks{gap:.6rem;list-style:none;display:grid;position:absolute;bottom:2.4rem;right:0}.kychecks li{background:var(--color-glass-fill);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(10px);opacity:0;transition:transform .6s var(--ease-smooth-out) calc(.5s + var(--k) * .28s), opacity .4s var(--ease-smooth-out) calc(.5s + var(--k) * .28s);border-radius:9999px;align-items:center;gap:.6rem;padding:.5rem .9rem .5rem .55rem;font-size:13px;font-weight:700;display:flex;transform:translate(34px);box-shadow:0 12px 24px -10px #1a56c466}.u-scene:not([data-on=false]) .kychecks li{opacity:1;transform:none}.lockpill{min-width:10.5rem;color:var(--color-text-secondary);transition:background-color .4s var(--ease-smooth-out) 1.7s, color .4s var(--ease-smooth-out) 1.7s;background:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:0;left:1.25rem;box-shadow:0 14px 28px -12px #1a56c466}.lockpill .shackle{transform-origin:16px 11px;transition:transform .5s var(--ease-smooth-out) 1.7s}.lock-text-b{opacity:0;transition:opacity .4s var(--ease-smooth-out) 1.7s;position:absolute;left:2.9rem}.lock-text-a{transition:opacity .3s var(--ease-smooth-out) 1.7s}.u-scene:not([data-on=false]) .lockpill{color:#fff;background:var(--color-sim-profit)}.u-scene:not([data-on=false]) .lockpill .shackle{transform:translateY(-3px)rotate(-30deg)}.u-scene:not([data-on=false]) .lock-text-a{opacity:0}.u-scene:not([data-on=false]) .lock-text-b{opacity:1}.closing-blue{background:linear-gradient(135deg,#1a56c4,#2874fc 55%,#1a56c4)}.closing-rays{background:radial-gradient(40rem 26rem at 85% 0,#fff3,#0000 65%),radial-gradient(30rem 20rem at 0 100%,#0f172a55,#0000 70%)}.ring-light{border:1.5px solid #ffffff30;animation:80s linear infinite spin}.ring-light-2{border-style:dashed;animation-direction:reverse}.deck-card{color:#fff;-webkit-backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff40;box-shadow:0 20px 40px -18px #0f172a77}.statement-glow{background:radial-gradient(40rem 26rem at 88% 10%,#2874fc55,#0000 70%),radial-gradient(30rem 22rem at 0 100%,#95aafe26,#0000 70%)}.nav-panel{opacity:0;visibility:hidden;transition:opacity var(--duration-quick) var(--ease-smooth-out), transform var(--duration-quick) var(--ease-smooth-out), visibility 0s linear var(--duration-quick);transform:translateY(-6px)}.nav-panel[data-open=true]{opacity:1;visibility:visible;transition-delay:0s;transform:none}.marquee{overflow:hidden}.marquee-track{width:max-content;animation:42s linear infinite marquee;display:flex}.marquee-row{gap:1.5rem;padding-right:1.5rem;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}@media (hover:hover){.product-card{transition:transform var(--duration-fast) var(--ease-smooth-out), box-shadow var(--duration-fast) var(--ease-smooth-out)}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px -12px #1a56c433,0 2px 8px #0000000f}}.closing-glow{background:radial-gradient(34rem 24rem at 85% 20%,#2874fc66,#0000 70%),radial-gradient(24rem 18rem at 60% 110%,#95aafe33,#0000 70%);animation:7s ease-in-out infinite alternate glow}@keyframes glow{to{opacity:.65}}@media (prefers-reduced-motion:reduce){.bob,.aurora,.fan-flow,.shine,.scan,.ring-light,.marquee-track,.closing-glow{animation:none}.marquee-track{flex-wrap:wrap;width:auto}.marquee-row[aria-hidden=true]{display:none}.home-btn,.plan-card,.t-acc-panel,.t-acc-chevron,.t-digit,.sip-value,.sip-rest,.ace-word{transition:none!important;animation:none!important}.sip-value{stroke-dashoffset:0}.sip-rest,.ace-word,.t-digit{opacity:1;transform:none}}.navy-card{background:radial-gradient(60% 70% at 85% 22%, #2874fc80, transparent 70%), radial-gradient(45% 55% at 8% 100%, #1a56c452, transparent 70%), var(--color-surface-dark)}.plan-card{border-radius:var(--radius-card);background:var(--color-card);box-shadow:0 1px 0 #fff inset, 0 0 0 1px var(--color-progress-track), 0 14px 28px -20px #1a56c455;transition:transform .5s var(--ease-smooth-out), box-shadow .5s var(--ease-smooth-out);flex-direction:column;padding:1.25rem;display:flex}@media (min-width:640px){.plan-card:nth-child(2){transform:translateY(-8px)}}@media (hover:hover){.plan-card:hover{transform:translateY(-6px);box-shadow:inset 0 1px #fff,0 0 0 1px #2874fc55,0 22px 36px -18px #1a56c477}.plan-card:nth-child(2):hover{transform:translateY(-6px)}@media (min-width:640px){.plan-card:nth-child(2):hover{transform:translateY(-14px)}}}.tier{width:5.5rem;height:4.6rem;transform-style:preserve-3d;margin-bottom:1rem;display:block;position:relative;transform:rotateX(58deg)rotate(-38deg)}.tier-plate{width:3.2rem;height:3.2rem;transform:translateZ(calc(var(--z) * 15px));transition:transform .5s var(--ease-smooth-out);background:linear-gradient(135deg,#f1f6ff,#c9dbff);border-radius:.85rem;position:absolute;bottom:.4rem;left:1rem;box-shadow:inset 0 0 0 1px #2874fc26,0 5px #9fbbf7,0 12px 14px -6px #1a56c466}.tier-plate:last-child{background:linear-gradient(135deg,#6ba0ff,#2874fc);box-shadow:inset 0 0 0 1px #fff5,0 5px #1a56c4,0 12px 14px -6px #1a56c488}@media (hover:hover){.plan-card:hover .tier-plate{transform:translateZ(calc(var(--z) * 22px))}}.ua{perspective:700px;width:9.5rem;height:6.5rem;display:block;position:relative}.ua-card,.ua-id{transition:transform .6s var(--ease-smooth-out);border-radius:1rem;display:block;position:absolute;inset:0;transform:rotateX(14deg)rotateY(-18deg)rotate(-4deg)}.ua-card{background:linear-gradient(135deg,#5b95ff,#2874fc 45%,#1a56c4);padding:.85rem;overflow:hidden;box-shadow:inset 0 1px #fff6,0 20px 28px -14px #1a56c499}.ua-chip{background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:.35rem;width:1.7rem;height:1.3rem;display:block}.ua-lines{gap:.4rem;display:grid;position:absolute;bottom:.85rem;left:.85rem;right:.85rem}.ua-lines>span{background:#fff5;border-radius:9999px;height:.4rem;display:block}.ua-lines>span:nth-child(2){width:60%}.ua-sheen{background:linear-gradient(112deg,#0000 38%,#ffffff40 50%,#0000 62%);animation:4.2s ease-in-out 1s infinite ua-sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes ua-sheen{to{transform:translate(120%)}}.ua-id{background:var(--color-card);box-shadow:0 0 0 1px var(--color-progress-track), 0 20px 28px -14px #1a56c466;align-items:center;gap:.75rem;padding:.85rem;display:flex}.ua-id .ua-lines{flex:1;position:static}.ua-id .ua-lines>span{background:var(--color-neutral-well)}.ua-photo{background:linear-gradient(160deg,#dbe7ff,#9db8fb);border-radius:.6rem;flex-shrink:0;width:2.6rem;height:3.2rem;display:block}.ua-badge{width:2.4rem;height:2.4rem;box-shadow:0 10px 18px -8px #16a34a99, 0 0 0 3px var(--color-page-bg);background:linear-gradient(135deg,#34d36e,#16a34a);border-radius:9999px;position:absolute;bottom:-.7rem;right:-.6rem}.ua-kyc .ua-badge{box-shadow:0 10px 18px -8px #1a56c499, 0 0 0 3px var(--color-page-bg);background:linear-gradient(135deg,#5b95ff,#1a56c4)}@media (hover:hover){.group:hover .ua-card,.group:hover .ua-id{transform:rotateX(8deg)rotateY(-9deg)rotate(-2deg)translateY(-3px)}}@media (prefers-reduced-motion:reduce){.ua-sheen{animation:none}}.login-band{background:linear-gradient(135deg,#1747a8 0%,#2874fc 52%,#4a90ff 100%)}.login-band-glow{background:radial-gradient(38rem 26rem at 88% 8%,#ffffff40,#0000 68%),radial-gradient(30rem 22rem at 6% 100%,#0b1f5c88,#0000 70%),radial-gradient(22rem 16rem at 62% 112%,#f2cf7a40,#0000 70%)}.fan-flow{stroke-dasharray:2 3.2;animation:1.8s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-10.4px}}.login-card{background:linear-gradient(160deg,#fff,#eaf1ff);border-radius:1.6rem;flex-direction:column;align-items:center;width:8.6rem;padding:1.1rem 1rem 1rem;display:flex;transform:perspective(900px)rotateY(10deg)rotate(-3deg);box-shadow:inset 0 1px #fff,0 36px 50px -22px #0b1f5ccc,0 10px 20px -10px #0b1f5c66}.app-tile{width:var(--s,5.6rem);height:var(--s,5.6rem);border-radius:calc(var(--s,5.6rem) * .3);place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffa,inset 0 -8px 14px #00000018,0 26px 34px -16px #0b1f5ccc,0 8px 14px -8px #0b1f5c88}.app-tile:after{content:"";background:linear-gradient(150deg,#fff6,#0000 46%);position:absolute;inset:0}.tile-blue{color:#fff;background:linear-gradient(160deg,#6ba0ff,#1a56c4)}.hub-tile{transform:rotate(-5deg);box-shadow:inset 0 1px #fff,inset 0 -10px 18px #2874fc1f,0 50px 60px -28px #0b1f5ccc,0 16px 26px -14px #1a56c488}.tile-white{color:#1a56c4;background:linear-gradient(160deg,#fff,#dbe8ff)}.tile-gold{color:#5b3a00;background:linear-gradient(160deg,#fde68a,#f59e0b)}.tile-navy{color:#fff;background:linear-gradient(160deg,#1f3a8a,#0b1f5c)}.hp-3d{perspective:1800px;transform-style:preserve-3d;position:absolute;inset:0}.hp-orbits,.hp-phone-wrap{transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0}.hp-orbits{transform:translateZ(-34px) rotateY(calc(-13deg + var(--mx,0) * 14deg + var(--sy,0) * 22deg)) rotateX(calc(4deg + var(--my,0) * -8deg)) rotateZ(2deg)}.orbit{width:calc(var(--size) * .92);aspect-ratio:1;transform-style:preserve-3d;transform:translate(-50%, -50%) rotateZ(var(--rz)) rotateY(var(--ry)) rotateX(var(--rx));position:absolute;top:50%;left:50%}.orbit-ring{border:1.5px solid var(--color-primary);opacity:.13;border-radius:9999px;position:absolute;inset:0}.orbit-spin{transform-style:preserve-3d;animation:orbit-spin var(--dur) linear infinite;position:absolute;inset:0}.orbit-arm{transform-style:preserve-3d;transform:rotateZ(var(--a));position:absolute;inset:0}.orbit-coin{width:2.3rem;height:2.3rem;font-family:var(--font-display), sans-serif;color:#fff;opacity:.15;animation:orbit-counter var(--dur) linear infinite;background:radial-gradient(circle at 32% 28%,#f6d77e,#c9962b);border-radius:9999px;place-items:center;margin:-1.15rem 0 0 -1.15rem;font-size:1.05rem;font-weight:800;display:grid;position:absolute;top:0;left:50%;box-shadow:inset 0 0 0 2px #fff8}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-counter{to{transform:rotate(-360deg)}}.hp-phone{transform-style:preserve-3d;transform:translateY(calc(var(--sy,0) * -60px)) rotateY(calc(-13deg + var(--mx,0) * 14deg + var(--sy,0) * 22deg)) rotateX(calc(4deg + var(--my,0) * -8deg)) rotateZ(2deg)}.hp-phone-float{animation:7s ease-in-out infinite hp-float}@keyframes hp-float{50%{transform:translateY(-12px)}}.iphone{aspect-ratio:9/19.3;background:linear-gradient(140deg,#8d97ab,#3a4256 22%,#151b2b 50%,#3d465b 78%,#aab3c5);border-radius:3.1rem;width:min(13rem,46vw);padding:7px;position:relative;box-shadow:inset 0 0 0 1.5px #fff5,inset 0 0 0 3.5px #0a0f1c,0 46px 56px -34px #0b2a6b99,0 18px 28px -22px #1a56c488}.iphone-key{background:linear-gradient(#aab3c5,#4a5369);border-radius:2px;width:3px;position:absolute}.iphone-screen{background:#fff;border-radius:2.55rem;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.iphone-island{background:#05070d;border-radius:9999px;width:34%;height:1.55rem;position:absolute;top:.65rem;left:50%;transform:translate(-50%)}.iphone-status{color:#0b1224;justify-content:space-between;align-items:center;font-size:.72rem;display:flex;position:absolute;top:.75rem;left:1.4rem;right:1.4rem}.iphone-status b{font-weight:700}.iphone-status i{align-items:center;gap:.3rem;display:flex}.iphone-tree{aspect-ratio:1200/860;width:76%;display:block;position:relative;overflow:hidden}.iphone-tree-img{object-fit:cover;object-position:50% 8.8%}.iphone-tree-mask{background:#fff;height:17%;position:absolute;top:82%}.iphone-home{background:#0b122440;border-radius:9999px;width:36%;height:4px;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.iphone-glass{pointer-events:none;background:linear-gradient(115deg,#fff0 0% 55%,#1a56c40d 100%);position:absolute;inset:0}.hp-tile-pos{transform:translate(calc(var(--mx,0) * var(--k,1) * 26px), calc(var(--my,0) * var(--k,1) * 20px + var(--sy,0) * var(--k,1) * -50px))}.hp-tile-float{animation:9s ease-in-out infinite hp-drift}@keyframes hp-drift{0%,to{transform:translate(0)}33%{transform:translate(8px,-12px)}66%{transform:translate(-7px,-4px)}}.frost{-webkit-backdrop-filter:blur(22px)saturate(1.6);background:linear-gradient(135deg,#ffffffb8,#ffffff6e);border:1px solid #fffc;box-shadow:0 24px 44px -18px #1a56c466,0 2px 6px #0f172a14,inset 0 1px #fff,inset 0 -1px #fff5}.frost-icon{box-shadow:0 10px 18px -8px #1a56c499,inset 0 1px #fff6}.frost-blue{background:linear-gradient(145deg,#6ba0ff,#2874fc 55%,#1a56c4)}.frost-gold{background:linear-gradient(145deg,#fcd34d,#f59e0b)}.frost-green{background:linear-gradient(145deg,#4ade80,#16a34a)}.frost-violet{background:linear-gradient(145deg,#a99bff,#6a4df0)}@media (prefers-reduced-motion:reduce){.orbit-spin,.orbit-coin,.hp-phone-float,.hp-tile-float{animation:none}}