*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden;font-family:"Avenir Next","Segoe UI",system-ui,sans-serif;color:#f8f5ff}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #c6b1ff;outline-offset:4px}.mobile-showcase{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:820px;padding:65px 60px;border-radius:32px;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#3b365e,#15243d 60%,#102239)}.mobile-showcase:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#d4bcff24 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000)}.eyebrow{font-size:10px;letter-spacing:2px;color:#c2b1ef;font-weight:750}h2{font-size:clamp(38px,4.8vw,62px);line-height:1.05;letter-spacing:-2px;margin:24px 0}h2 em{font-style:normal;color:#bca3f3}.intro{font-size:15px;line-height:1.9;color:#c2cad9;max-width:470px}.screen-choices{display:grid;gap:10px;margin:30px 0}.screen-choices button{display:flex;gap:16px;align-items:center;text-align:left;width:100%;padding:17px 16px;border:1px solid #c8b6ec25;border-radius:15px;background:#ffffff03;color:#f4efff;transition:background .3s,border-color .3s,transform .3s}.screen-choices button[aria-pressed=true]{background:#b59ce91b;border-color:#c5acf08c;transform:translateX(5px)}.screen-choices button>span{font-size:10px;color:#ba9fe9}.screen-choices strong{font-size:14px;font-weight:650}.screen-choices small{display:block;font-size:11px;line-height:1.6;margin-top:5px;color:#b4bdd0}.screen-choices b{margin-left:auto;color:#b69ae8}.mobile-status{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;color:#d8c7fa}.mobile-status i{width:6px;height:6px;flex-shrink:0;background:#c2a6f0;border-radius:50%;margin-top:6px}.mobile-status small{font-size:10px;color:#9eabc1}.mobile-stage{position:relative;display:flex;align-items:center;flex-direction:column;padding:18px 0;min-width:0}.phone-shell{position:relative;width:292px;border-radius:43px;padding:9px;border:1px solid #b0a6c774;background:linear-gradient(120deg,#a5a0b7,#292e44 13%,#151f31 80%,#736b89);box-shadow:25px 35px 70px #07122399,0 0 0 1px #ffffff12;animation:phone-drift 8s ease-in-out infinite}.phone-screen{aspect-ratio:390/844;overflow:hidden;border-radius:34px;background:#f8f6fe;position:relative}.phone-screen img{display:block;width:100%;height:100%;object-fit:cover;animation:screen-enter .5s ease-out}.phone-screen img[hidden]{display:none}.float-label{position:absolute;z-index:2;padding:13px 17px;background:#ffffff0d;border:1px solid #cfbbef35;backdrop-filter:blur(14px);border-radius:14px;font-size:9px;line-height:1.7;color:#c9c6d9;box-shadow:0 20px 50px #09152a24;animation:label-drift 9s ease-in-out infinite}.float-label strong{font-size:12px;color:#eee5ff;font-weight:600}.label-top{top:60px;right:-10px}.label-bottom{bottom:100px;left:-12px;animation-delay:-3s}.orbit{position:absolute;border:1px solid #c8a9f324;width:420px;height:420px;border-radius:50%;top:90px;animation:orbit-spin 45s linear infinite}.orbit:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#c5a7f4;top:59px;left:59px;box-shadow:0 0 20px #d2b9ff}.orbit-two{width:480px;height:480px;top:60px;border-style:dashed;animation-direction:reverse;opacity:.5}.mobile-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:25px;font-size:10px;color:#b7b1cb}.mobile-controls button{border:1px solid #bca4e34d;border-radius:25px;padding:8px 11px;background:transparent;color:#ded1ef;font-size:10px}.paused *,.paused *:before{animation-play-state:paused!important}@keyframes phone-drift{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes label-drift{50%{transform:translateY(7px)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes screen-enter{from{opacity:.25;transform:translateX(9px)}to{opacity:1;transform:none}}@media(max-width:900px){.mobile-showcase{padding:40px 32px;gap:24px}.phone-shell{width:255px}.float-label{display:none}.orbit{width:310px;height:310px}.orbit-two{width:360px;height:360px}}@media(max-width:650px){.mobile-showcase{grid-template-columns:1fr;padding:32px 22px;gap:24px;border-radius:22px}.mobile-copy h2{font-size:43px}.intro{font-size:13px}.eyebrow{font-size:8px}.screen-choices{margin:24px 0}.screen-choices button{padding:13px 12px;gap:12px}.screen-choices strong{font-size:12px}.screen-choices small{font-size:10px}.phone-shell{width:270px}.mobile-stage{padding-top:10px}.mobile-status{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.screen-choices button[aria-pressed=true]{transform:none}}