:root{--night:#070d27;--navy:#0b1741;--blue:#1677ff;--cyan:#21d4ef;--violet:#8054ff;--white:#f7f8ff;--muted:#a3b1d1;--line:#26365c;--sans:'DM Sans',Arial,sans-serif;--display:Manrope,'DM Sans',sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);color:var(--white)}body{font-family:var(--sans);-webkit-font-smoothing:antialiased}.page-shell{height:100svh;min-height:690px;max-width:1600px;margin:auto;padding:0 6.3%;display:flex;flex-direction:column;overflow:hidden;position:relative;background:radial-gradient(ellipse at 77% 50%,#16317958 0,transparent 35%),radial-gradient(ellipse at 5% 92%,#39207924 0,transparent 33%),linear-gradient(118deg,#080e2b 0%,#0a1231 56%,#080f2c 100%)}.page-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:radial-gradient(#91b1ff 0.65px,transparent .65px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent 12%,black 100%)}.topbar{height:77px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;z-index:3}.brand{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;font:800 16px/1.05 var(--display);letter-spacing:-.05em}.brand img{width:39px;height:39px;border-radius:12px;box-shadow:0 4px 17px #0064ff36}.brand-accent{color:#a7eaff}.brand small{display:block;margin-top:5px;font:700 7px var(--sans);letter-spacing:.18em;color:#95a9d0}.top-note{font-size:11px;color:#9cabc9;letter-spacing:.03em}.sparkle{color:#55dfff;font-size:16px;margin-right:5px}.top-link{color:#eff7ff;text-decoration:none;border:1px solid #536b9b;border-radius:30px;padding:10px 16px;font-size:11px;font-weight:700;transition:.2s}.top-link:hover{border-color:#6cdcff;background:#147aff24}.hero{flex:1;min-height:0;position:relative;z-index:1;display:grid;grid-template-columns:48% 52%;align-items:center;padding:18px 0 9px}.hero-copy{position:relative;z-index:2;padding-bottom:11px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.18em;color:#94a8d1;display:flex;align-items:center;gap:9px}.eyebrow-line{width:23px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.hero h1{font:800 clamp(49px,5.1vw,76px)/1.02 var(--display);letter-spacing:-.075em;margin:19px 0 15px;color:#fbfcff}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#29d9f1,#7398ff 55%,#a27cff);color:transparent;background-clip:text;-webkit-background-clip:text}.intro{font-size:14px;line-height:1.62;color:#a9b8d5;max-width:430px;margin:0}.quick-benefits{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:12px}.quick-benefits li{display:flex;align-items:center;gap:10px}.benefit-check{flex:none;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#1a8bff24;color:#54dff5;font-size:12px;font-weight:700;border:1px solid #218ffb40}.quick-benefits li>span:last-child{display:flex;flex-direction:column;gap:3px}.quick-benefits strong{font-size:11px;color:#edf4ff;font-weight:700}.quick-benefits small{font-size:9px;color:#9eacc8}.store-buttons{display:flex;gap:10px;margin-top:22px}.store-button{height:49px;padding:0 14px;min-width:148px;border-radius:9px;display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;border:1px solid #ffffff24;background:#121d3b;box-shadow:0 7px 22px #0206124f;transition:transform .2s,border-color .2s,background .2s}.store-button:hover{transform:translateY(-2px);border-color:#7eaaff;background:#16264c}.store-button svg{width:23px;height:23px;fill:#fff}.store-button span{display:flex;flex-direction:column;line-height:1}.store-button small{font-size:8px;color:#c2cde1}.store-button strong{font-size:14px;margin-top:4px;letter-spacing:-.02em}.availability{margin:11px 0 0;color:#899abb;font-size:9px}.availability span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4fddc2;margin:0 5px 1px 0;box-shadow:0 0 9px #4fddc267}
.screens-stage{height:min(100%,600px);min-height:430px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.stage-glow{position:absolute;z-index:-2;width:390px;height:430px;border-radius:48%;background:radial-gradient(ellipse,#2558d34d,transparent 69%);filter:blur(9px);right:14%;top:50%;transform:translateY(-50%)}.screen-card{position:absolute;width:242px;height:524px;border-radius:24px;overflow:hidden;border:1px solid #aacbff75;background:#101b41;box-shadow:0 20px 55px #02040d8c,0 0 30px #1d74ee18}.screen-card img{display:block;width:100%;height:100%;object-fit:cover}.screen-front{z-index:2;right:24%;top:50%;transform:translateY(-50%) rotate(2deg);border:2px solid #bdd8ffb0;box-shadow:0 26px 58px #02040d9c,0 0 0 6px #24499b18,0 0 42px #287dff28}.screen-back{width:192px;height:416px;opacity:.8;filter:saturate(.9)}.screen-back-left{z-index:1;left:6%;top:15%;transform:rotate(-11deg)}.screen-back-right{z-index:0;right:4%;bottom:9%;transform:rotate(10deg);opacity:.73}.floating-tag{position:absolute;z-index:4;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #adc5ff2b;border-radius:30px;background:#111c3be8;box-shadow:0 8px 25px #03071874;backdrop-filter:blur(8px);color:#e3edff;font-size:9px;font-weight:600;white-space:nowrap}.tag-top{top:12%;right:8%;transform:rotate(3deg)}.tag-icon{color:#67ddff;font-size:14px}.tag-bottom{bottom:13%;left:7%;transform:rotate(-3deg)}.tag-dot{width:6px;height:6px;border-radius:50%;background:#52dfca;box-shadow:0 0 9px #52dfca}
.bottom-band{position:relative;z-index:1;flex:none;min-height:102px;border-top:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;gap:20px}.feature-strip{display:flex;align-items:center;gap:clamp(15px,2.5vw,36px)}.feature{display:flex;align-items:center;gap:10px;white-space:nowrap}.feature-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:14px}.icon-ai{background:#153971;color:#50dcf2}.icon-doc{background:#242354;color:#9d8aff}.icon-share{background:#153952;color:#5ce1bf}.feature span:last-child{display:flex;flex-direction:column;gap:3px}.feature strong{font-size:10px;color:#e1eaff}.feature small{font-size:8px;color:#91a1c2}.separator{height:29px;width:1px;background:#ffffff1e}.qr-card{display:flex;align-items:center;gap:9px;padding:7px 12px 7px 7px;border:1px solid #ffffff20;background:#101a38e8;border-radius:12px;flex:none}.qr-image-wrap{width:66px;height:66px;border-radius:7px;background:#fff;padding:4px;display:grid;place-items:center}.qr-image-wrap img{width:58px;height:58px;image-rendering:pixelated}.qr-card>span{display:flex;flex-direction:column;gap:4px;white-space:nowrap}.qr-card strong{font-size:9px;color:#f0f5ff}.qr-card small{font-size:8px;color:#99a9c8}footer{height:34px;flex:none;border-top:1px solid #ffffff0c;display:flex;align-items:center;justify-content:space-between;color:#7887a9;font-size:8px}.footer-dot{font-size:8px;color:#36cdec;margin:0 3px}
@media(min-width:1400px){.page-shell{padding-left:8%;padding-right:8%}.hero{grid-template-columns:47% 53%}.screens-stage{transform:scale(1.03)}}
@media(max-width:1050px) and (min-width:761px){.page-shell{padding:0 4.5%}.hero{grid-template-columns:48% 52%}.hero h1{font-size:clamp(48px,6vw,64px)}.intro{font-size:13px;max-width:370px}.quick-benefits{gap:10px;margin-top:18px}.store-buttons{gap:6px}.store-button{min-width:0;flex:1;padding:0 7px;gap:5px}.store-button strong{font-size:11px}.store-button small{font-size:7px}.screens-stage{transform:scale(.87)}.feature-strip{gap:13px}.feature small{font-size:7px}.qr-card{gap:6px;padding-right:8px}}
@media(max-width:760px){.page-shell{height:100svh;min-height:0;padding:0 20px;overflow:hidden}.topbar{height:59px}.top-note{display:none}.brand{font-size:15px}.brand img{width:34px;height:34px;border-radius:10px}.top-link{font-size:10px;padding:8px 13px}.hero{flex:1;display:flex;flex-direction:column;align-items:stretch;padding:15px 0 0;gap:0}.hero-copy{flex:none;padding:0}.eyebrow{font-size:8px}.hero h1{font-size:clamp(42px,10.8vw,58px);margin:11px 0 8px;line-height:.99}.intro{font-size:12px;line-height:1.5;max-width:500px}.quick-benefits{display:none}.store-buttons{margin-top:14px;gap:8px}.store-button{height:44px;min-width:0;flex:1;padding:0 9px;gap:7px}.store-button svg{width:20px;height:20px}.store-button small{font-size:7px}.store-button strong{font-size:12px}.availability{margin-top:8px;font-size:8px}.screens-stage{height:min(38svh,270px);min-height:205px;flex:1;max-height:270px;margin-top:1px;transform:none}.stage-glow{width:250px;height:240px;right:50%;transform:translate(50%,-50%);top:50%}.screen-card{width:161px;height:270px;border-radius:17px}.screen-card img{object-fit:cover}.screen-front{right:50%;top:50%;transform:translate(50%,-50%) rotate(2deg)}.screen-back{width:118px;height:218px;opacity:.65}.screen-back-left{left:4%;top:10%;transform:rotate(-13deg)}.screen-back-right{right:2%;bottom:8%;transform:rotate(12deg)}.floating-tag{font-size:7px;padding:7px 9px;gap:5px}.tag-top{top:4%;right:1%}.tag-icon{font-size:11px}.tag-bottom{bottom:4%;left:1%}.bottom-band{min-height:75px;padding:8px 0 9px;gap:10px;display:flex;flex-direction:column;align-items:stretch}.feature-strip{justify-content:space-between;gap:6px}.feature{flex:1;flex-direction:column;align-items:flex-start;gap:4px;white-space:normal}.feature-icon{width:23px;height:23px;border-radius:7px;font-size:11px}.feature strong{font-size:8px}.feature small{display:none}.separator{height:37px}.qr-card{display:none}footer{display:none}}
@media(max-width:390px){.page-shell{padding:0 16px}.topbar{height:54px}.hero{padding-top:12px}.hero h1{font-size:42px;margin:9px 0 7px}.intro{font-size:11px}.store-buttons{margin-top:11px}.store-button{height:42px;padding:0 7px}.store-button strong{font-size:11px}.screens-stage{height:min(34svh,232px);min-height:180px}.screen-card{height:245px;width:147px}.screen-back{height:198px;width:107px}.bottom-band{min-height:69px;padding-top:6px}.feature strong{font-size:7px}}
@media(max-height:700px) and (min-width:761px){.page-shell{min-height:610px}.topbar{height:63px}.hero h1{font-size:clamp(47px,4.5vw,63px)}.quick-benefits{gap:8px;margin-top:15px}.screens-stage{transform:scale(.84)}.bottom-band{min-height:88px}}
@media(max-height:700px) and (max-width:760px){.topbar{height:50px}.hero{padding-top:9px}.hero h1{font-size:clamp(39px,10vw,49px);margin:8px 0 6px}.intro{font-size:10px}.store-buttons{margin-top:8px}.store-button{height:39px}.availability{margin-top:6px}.screens-stage{height:min(32svh,210px);min-height:155px}.screen-card{height:205px;width:123px}.screen-back{height:170px;width:92px}.bottom-band{min-height:61px}.feature-icon{width:20px;height:20px}.feature strong{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}