:root{color:#f8faff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:#050a15}body{margin:0;min-width:320px;min-height:100vh;background:#050a15;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.showcase{display:grid;grid-template-columns:minmax(420px,43%) minmax(0,57%);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"intro media" "download media";gap:18px;width:100%;min-height:100vh;min-height:100svh;padding:18px;overflow:hidden;background:radial-gradient(circle at 14% 18%,rgba(49,74,139,.13),transparent 32%),#050a15;outline:none}.intro-panel{grid-area:intro;display:flex;min-height:0;flex-direction:column;padding:clamp(18px,3.2vw,44px) clamp(18px,3.5vw,52px) 18px}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:15px;font-weight:560;letter-spacing:.25em}.brand img{width:clamp(94px,8vw,116px);height:auto;object-fit:contain}.copy-stage{display:flex;flex:1;align-items:center;padding:clamp(54px,9vh,106px) 0 clamp(34px,5vh,62px)}.copy-animate{width:min(100%,570px);animation:copy-pop .62s cubic-bezier(.16,1,.3,1) both}@keyframes copy-pop{0%{opacity:0;transform:translateY(34px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.eyebrow{margin:0 0 18px;color:#758cff;font-size:12px;font-weight:720;letter-spacing:.18em;text-transform:uppercase}h1{max-width:590px;margin:0;color:#fff;font-size:clamp(48px,5.15vw,78px);font-weight:690;letter-spacing:-.064em;line-height:.98;text-wrap:balance}.description{max-width:430px;margin:25px 0 0;color:#e0e7f99e;font-size:clamp(16px,1.35vw,19px);line-height:1.6}.media-panel{position:relative;grid-area:media;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:#0b1220;box-shadow:0 34px 80px #00000047;isolation:isolate}.media-panel:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(2,6,15,.06),transparent 60%,rgba(2,6,15,.24));content:"";pointer-events:none}.slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transform:translateY(4%) scale(1.025);transition:opacity .62s ease,transform .9s cubic-bezier(.16,1,.3,1)}.slide--active{opacity:1;transform:translateY(0) scale(1)}.slide img{width:100%;height:100%;object-fit:cover;object-position:center}.pagination{position:absolute;z-index:2;top:50%;left:24px;display:grid;gap:10px;padding:13px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#050a1559;transform:translateY(-50%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pagination button{width:5px;height:22px;padding:0;border:0;border-radius:99px;background:#ffffff61;cursor:pointer;transition:height .22s ease,background .22s ease,box-shadow .22s ease}.pagination button[aria-current=true]{height:40px;background:linear-gradient(#3d8cff,#7548ff);box-shadow:0 0 18px #5b5bffa3}.download-panel{grid-area:download;display:grid;grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:20px;margin:0 0 18px;padding:17px 18px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#0c1426d1;box-shadow:0 18px 46px #00000030}.download-brand,.download-actions,.qr-code{display:flex;align-items:center}.download-brand{gap:13px}.download-brand img{width:58px;height:58px;border-radius:15px;object-fit:cover}.download-brand div{display:grid;gap:4px}.download-brand strong{font-size:17px;font-weight:670}.download-brand span{color:#dae2f687;font-size:12px}.download-actions{gap:14px}.qr-code{gap:9px}.qr-code img{width:54px;height:54px;padding:3px;border-radius:8px;background:#fff}.qr-code span{max-width:52px;color:#dae2f68a;font-size:11px;line-height:1.35}.download-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:13px;background:linear-gradient(115deg,#2f89ff,#5a64ff 55%,#7841ff);box-shadow:0 15px 34px #3841ec4a;color:#fff;font-size:14px;font-weight:680;text-decoration:none;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.download-button svg{width:20px;height:20px;flex:0 0 auto}.download-button:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 19px 40px #3841ec5e}.download-button:active{transform:translateY(0)}.download-button:focus-visible,.pagination button:focus-visible{outline:3px solid rgba(145,173,255,.9);outline-offset:4px}@media(max-width:1120px)and (min-width:821px){.showcase{grid-template-columns:minmax(380px,46%) minmax(0,54%)}.intro-panel{padding-right:26px;padding-left:26px}.qr-code span{display:none}.download-panel{grid-template-columns:auto 1fr}.download-actions{justify-content:flex-end}.download-button span{display:none}.download-button{width:54px;padding:0}}@media(max-width:820px){body{overflow:auto}.showcase{grid-template-columns:1fr;grid-template-rows:auto minmax(340px,48svh) auto;grid-template-areas:"intro" "media" "download";gap:14px;min-height:100svh;padding:12px;overflow:visible}.intro-panel{min-width:0;min-height:280px;padding:20px 14px 8px}.brand{font-size:13px}.brand img{width:92px}.copy-stage{align-items:flex-end;padding:66px 0 24px}.eyebrow{margin-bottom:13px;font-size:10px}h1{max-width:390px;font-size:clamp(40px,11.5vw,50px);letter-spacing:-.058em}.description{max-width:340px;margin-top:17px;font-size:15px;line-height:1.5}.media-panel{min-height:340px;border-radius:22px}.pagination{top:auto;right:18px;bottom:16px;left:auto;grid-auto-flow:column;gap:8px;padding:9px 12px;transform:none}.pagination button{width:22px;height:4px}.pagination button[aria-current=true]{width:40px;height:4px}.download-panel{grid-template-columns:1fr auto;gap:12px;margin:0;padding:14px;border-radius:18px}.download-brand img{width:52px;height:52px;border-radius:13px}.download-brand strong{font-size:16px}.qr-code{display:none}.download-button{min-height:52px;padding:13px 16px}}@media(max-width:430px){.download-button span{display:none}.download-button{width:52px;padding:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}