.mobile-showcase{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;overflow:hidden;position:relative;padding-top:110px;padding-bottom:110px;background:radial-gradient(ellipse at 77% 45%,rgb(var(--theme-rgb)/.06),transparent 55%)}.mobile-pitch{max-width:530px}.mobile-pitch h2{font-size:clamp(48px,5.3vw,80px)}.mobile-intro{max-width:430px;color:var(--muted);font-size:18px;line-height:1.75}.mobile-benefits{list-style:none;padding:0;margin:35px 0;display:grid;gap:18px}.mobile-benefits li{display:flex;align-items:center;gap:18px;font-size:14px}.mobile-benefits li>span{color:var(--lime);font-size:10px;border:1px solid var(--line);padding:9px;border-radius:50%}.mobile-pitch .button{gap:24px}.mobile-disclaimer{font-size:11px;color:var(--muted);margin-top:20px}.phone-stage{position:relative;display:grid;place-items:center;isolation:isolate;padding:30px 0}.phone-halo{position:absolute;width:560px;height:560px;border:1px solid rgb(var(--theme-rgb)/.14);border-radius:50%;z-index:-1;box-shadow:0 0 100px rgb(var(--theme-rgb)/.08),inset 0 0 100px rgb(var(--theme-rgb)/.06)}.phone-halo:after{content:'';position:absolute;inset:40px;border:1px dashed rgb(var(--theme-rgb)/.15);border-radius:50%}.phone-device{width:340px;padding:7px;border-radius:48px;background:linear-gradient(130deg,#c4c8c0,#343a33 15%,#70776c 35%,#151a14 60%,#899182);box-shadow:0 45px 70px #0008,0 0 0 1px #9996;position:relative;transform:rotate(-5deg);transition:transform .7s cubic-bezier(.22,1,.36,1)}.phone-device:hover,.phone-device:focus-within{transform:rotate(0) translateY(-5px)}.phone-device:before{content:'';position:absolute;width:3px;height:65px;background:#63695f;left:-3px;top:150px;border-radius:3px}.phone-device:after{content:'';position:absolute;width:3px;height:50px;background:#63695f;right:-3px;top:185px;border-radius:3px}.phone-screen{background:#0c100d;border:3px solid #000;border-radius:41px;padding:0 21px 21px;color:#f5f7ef;overflow:hidden}.phone-status{display:flex;align-items:center;justify-content:space-between;position:relative;height:43px;font-size:10px;padding:0 6px}.phone-island{position:absolute;width:88px;height:24px;border-radius:20px;background:#000;left:50%;top:8px;transform:translateX(-50%)}.phone-island:after{content:'';width:6px;height:6px;background:#131e29;border:1px solid #263748;position:absolute;right:10px;top:8px;border-radius:50%}.phone-brand{display:flex;gap:6px;align-items:center;margin:12px 0 24px;font-size:22px;letter-spacing:-1px}.phone-brand .brand-mark{width:22px;height:22px;color:var(--lime)}.phone-avatar{margin-left:auto;width:29px;height:29px;display:grid;place-items:center;background:#242d22;border:1px solid #45513e;border-radius:50%;font-size:9px;letter-spacing:0}.phone-balance p{color:#9da995;font-size:11px;margin:0 0 9px}.phone-balance>strong{display:block;font-size:36px;font-weight:500;letter-spacing:-1.8px;font-variant-numeric:tabular-nums}.phone-gain{display:inline-block;margin-top:10px;padding:5px 8px;background:rgb(var(--theme-rgb)/.09);color:var(--lime);border-radius:6px;font-size:11px}.phone-chart{margin:20px -3px 6px}.phone-chart svg{width:100%;height:104px;display:block}.phone-periods{display:flex;justify-content:center;gap:12px;margin:8px 0 20px}.phone-periods button{border:0;border-radius:7px;background:transparent;color:#abb6a3;font-size:10px;padding:8px 17px;min-height:34px;transition:background .25s,color .25s}.phone-periods button[aria-pressed=true]{background:var(--lime);color:var(--on-accent)}.phone-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone-metrics>div{background:#171e17;border:1px solid #2a3427;border-radius:11px;padding:12px 10px;min-width:0}.phone-metrics span{display:block;font-size:9px;color:#a8b19f;min-height:24px}.phone-metrics strong{font-size:15px;font-weight:500}.phone-metrics>div:first-child strong{color:var(--lime)}.phone-holdings h3{font-size:13px;font-weight:500;margin:22px 0 10px}.phone-holding{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff0b}.phone-coin{width:28px;height:28px;display:grid;place-items:center;background:#20291e;border-radius:50%;color:var(--lime);font-size:16px}.phone-holding b{display:block;font-size:11px;font-weight:500}.phone-holding small{display:block;font-size:9px;color:#87947d;margin-top:3px}.phone-holding>strong{margin-left:auto;font-size:12px;font-weight:500}.phone-allocation{display:flex;gap:3px;margin:18px 0 12px;height:4px;border-radius:5px;overflow:hidden}.phone-allocation i{background:var(--lime);flex:32400}.phone-allocation i:nth-child(2){flex:18900;opacity:.7}.phone-allocation i:nth-child(3){flex:11750;opacity:.45}.phone-allocation i:nth-child(4){flex:21200;opacity:.2}.phone-demo{font-size:8px;text-align:center;color:#9caa91;line-height:1.6;margin:0 0 15px}.phone-home{display:block;width:90px;height:4px;background:#ecf0e5;border-radius:3px;margin:auto}.phone-caption{margin-top:38px;font-size:10px;color:var(--muted);letter-spacing:.14em;display:flex;align-items:center;gap:10px}.phone-caption-dot{width:5px;height:5px;border-radius:50%;background:var(--lime)}@media(max-width:900px){.mobile-showcase{gap:5%;padding-left:6%;padding-right:6%}.phone-device{width:315px}.phone-screen{padding-left:17px;padding-right:17px}.mobile-pitch h2{font-size:53px}.mobile-intro{font-size:16px}.mobile-benefits li{font-size:12px}}@media(max-width:680px){.mobile-showcase{grid-template-columns:1fr;padding-top:65px;padding-bottom:60px;gap:35px}.mobile-pitch{max-width:100%}.mobile-pitch h2{font-size:46px}.mobile-benefits{gap:14px;margin:25px 0}.phone-stage{padding:20px 0}.phone-device{width:min(310px,94%);transform:rotate(-3deg)}.phone-halo{width:400px;height:400px}.phone-balance>strong{font-size:33px}.phone-caption{font-size:9px}.phone-periods button{min-height:40px}.phone-device:hover{transform:rotate(-3deg)}}[data-motion=reduced] .phone-device{transform:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.phone-device{transform:none!important;transition:none!important}}

/* Independent float and pointer tilt keep the device motion smooth. */
.phone-device{transform:perspective(1000px) rotate(-5deg) rotateX(var(--phone-rx,0deg)) rotateY(var(--phone-ry,0deg));animation:phone-levitate 7s ease-in-out infinite;animation-play-state:paused;will-change:transform}.phone-active .phone-device{animation-play-state:running}.phone-device:hover,.phone-device:focus-within{transform:perspective(1000px) rotate(-1deg) rotateX(var(--phone-rx,0deg)) rotateY(var(--phone-ry,0deg));animation-play-state:paused}.phone-screen{position:relative}.phone-screen:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 20%,#ffffff09 38%,transparent 55%);transform:translateX(var(--phone-shine,-30%));transition:transform .8s ease;z-index:2}.phone-halo{animation:phone-aura 7s ease-in-out infinite;animation-play-state:paused}.phone-active .phone-halo{animation-play-state:running}@keyframes phone-levitate{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes phone-aura{0%,100%{opacity:.5;scale:.98}50%{opacity:1;scale:1.03}}.custom-brand-logo{display:block;width:160px;max-height:48px;object-fit:contain;object-position:left center}.phone-brand .custom-brand-logo{width:104px;max-height:30px}.phone-brand .brand-word{font-size:22px;font-weight:500;letter-spacing:-1px}.custom-brand-mark{object-fit:contain}@media(max-width:680px){.header .custom-brand-logo{width:115px;max-height:35px}.phone-device{transform:rotate(-3deg)}.phone-device:hover,.phone-device:focus-within{transform:rotate(-3deg)}}[data-motion=reduced] .phone-device,[data-motion=reduced] .phone-halo{animation:none!important;translate:none!important}[data-motion=reduced] .phone-screen:after{display:none}@media(prefers-reduced-motion:reduce){.phone-device,.phone-halo{animation:none!important;translate:none!important}.phone-screen:after{display:none}}
/* Scroll choreography replaces the gentle idle float. */
.brand .brand-word{font-weight:600;letter-spacing:-.055em}.brand .brand-mark{width:37px;height:37px}.phone-stage{perspective:1200px}.phone-device,.phone-device:hover,.phone-device:focus-within{animation:none;translate:none;transform:translateY(var(--scroll-y,0px)) perspective(1100px) rotate(var(--scroll-roll,-8deg)) rotateY(calc(var(--scroll-yaw,0deg) + var(--phone-ry,0deg))) rotateX(var(--phone-rx,0deg)) scale(var(--scroll-scale,1));transition:transform .22s ease-out;transform-origin:50% 50%}.phone-halo:after{transform:rotate(var(--halo-turn,0deg));border-style:dashed;transition:transform .3s}.phone-chart-line{filter:drop-shadow(0 0 5px rgb(var(--theme-rgb)/.25))}.phone-activity{display:flex;align-items:center;gap:9px;padding:10px;margin-top:12px;border:1px solid #35402f;border-radius:10px;background:#171e17}.phone-activity small{display:block;font-size:8px;color:var(--lime);margin-bottom:4px}.phone-activity b{display:block;font-size:9px;font-weight:500}.activity-pulse{height:6px;width:6px;border-radius:50%;background:var(--lime);flex-shrink:0}.phone-active .activity-pulse{animation:activity-beacon 1.8s infinite}.phone-pause{margin-left:auto;background:transparent;border:1px solid #526146;color:var(--lime);border-radius:50%;width:30px;height:30px;flex-shrink:0;font-size:11px}.phone-holdings h3{margin-top:16px}.phone-holding{padding:8px 0}.phone-allocation{margin-top:12px}.phone-demo{font-size:8px}@keyframes activity-beacon{50%{box-shadow:0 0 0 5px rgb(var(--theme-rgb)/.12)}}@media(max-width:680px){.phone-stage{padding:50px 0}.phone-device,.phone-device:hover,.phone-device:focus-within{transform:translateY(calc(var(--scroll-y,0px)*.5)) perspective(1100px) rotate(calc(var(--scroll-roll,0deg)*.6)) rotateY(var(--scroll-yaw,0deg)) scale(var(--scroll-scale,1))}.phone-pause{width:36px;height:36px}}[data-motion=reduced] .phone-device{transform:none!important}.phone-device:focus-within{--phone-rx:0deg;--phone-ry:0deg}@media(prefers-reduced-motion:reduce){.phone-device{transform:none!important}.activity-pulse{animation:none!important}}