.app-page{--pink:#ff3f91;--orange:#ff9d24;--blue:#4c7dff;--purple:#9d51ff;background:#07101d;color:#eef3ff}
.app-page::before{background-image:linear-gradient(#29415b 1px,transparent 1px),linear-gradient(90deg,#29415b 1px,transparent 1px);opacity:.28}
.app-page a:focus-visible,.app-page summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.app-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 clamp(20px,4vw,68px);border-bottom:1px solid #ffffff24;background:#07101de8;backdrop-filter:blur(16px)}
.app-header .logo{font-size:12px;letter-spacing:.13em}.app-header .logo span{margin-right:.3em;color:var(--accent)}
.app-nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,38px);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.app-nav a{padding:8px 0;border-bottom:1px solid transparent}.app-nav a:hover,.app-nav a[aria-current="page"]{border-color:var(--accent);color:var(--accent)}
.app-main{overflow:hidden}.app-wrap{width:min(1500px,100%);margin:auto;padding-inline:clamp(20px,4vw,68px)}
.app-eyebrow{font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.app-hero{min-height:calc(100svh - 72px);display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:5vw;padding-block:80px}
.app-hero h1{max-width:760px;margin:.14em 0 .35em;font-size:clamp(64px,8vw,145px);font-weight:300;line-height:.82;letter-spacing:-.07em;text-transform:uppercase}
.gradient-word{background:linear-gradient(90deg,var(--pink),var(--orange));color:transparent;background-clip:text;-webkit-background-clip:text}
.app-lede{max-width:600px;color:#bec7d5;font-size:clamp(17px,1.45vw,23px)}
.app-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.app-meta span,.coming-badge{padding:8px 11px;border:1px solid #ffffff25;border-radius:999px;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.coming-badge{display:inline-block;margin-top:18px;border-color:#ff3f9180;color:#ff8abb;background:#ff3f9110}
.shot-stage{position:relative;min-height:760px}.phone-shot{position:absolute;width:min(43%,310px);height:auto;aspect-ratio:621/1344;object-fit:contain;border:1px solid #ffffff36;border-radius:32px;box-shadow:0 35px 90px #000b;transform:rotate(var(--tilt,0deg));transition:transform .25s ease}.phone-shot:nth-child(1){z-index:3;top:5%;left:31%;--tilt:-2deg}.phone-shot:nth-child(2){z-index:2;top:13%;left:3%;--tilt:-8deg;opacity:.78}.phone-shot:nth-child(3){z-index:1;top:11%;right:2%;--tilt:7deg;opacity:.78}.shot-stage:hover .phone-shot:nth-child(1){transform:translateY(-10px) rotate(-2deg)}
.app-section{padding-block:clamp(90px,11vw,170px);border-top:1px solid #ffffff20}.app-section-head{display:grid;grid-template-columns:1fr .8fr;gap:4vw;align-items:end;margin-bottom:60px}.app-section h2{max-width:850px;margin-top:10px;font-size:clamp(42px,5.5vw,84px);font-weight:300;line-height:.95;letter-spacing:-.055em;text-transform:uppercase}.app-section-head>p{max-width:620px;color:#9eabba;font-size:15px}
.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff24}.mode-card{display:grid;grid-template-rows:auto 1fr;min-width:0;border-right:1px solid #ffffff24}.mode-card:last-child{border-right:0}.mode-card img{width:100%;height:auto;aspect-ratio:621/1344;object-fit:contain;background:#081524}.mode-copy{padding:34px}.mode-copy span{font:9px var(--mono);color:var(--accent)}.mode-copy h3{margin:.3em 0 .65em;font-size:clamp(25px,2.6vw,40px);font-weight:300;text-transform:uppercase}.mode-copy p{color:#aab4c2}
.power-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ffffff24}.power-card{min-height:290px;padding:36px;border-right:1px solid #ffffff24}.power-card:last-child{border-right:0}.power-card b{font:10px var(--mono);color:var(--accent)}.power-card h3{margin:45px 0 16px;font-size:clamp(22px,2vw,32px);font-weight:300;text-transform:uppercase}.power-card p{color:#9eabba}
.feature-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-gallery figure{position:relative;overflow:hidden;border:1px solid #ffffff25;border-radius:24px;background:#081524}.feature-gallery img{width:100%;height:auto;aspect-ratio:621/1344;object-fit:contain;transition:transform .35s ease}.feature-gallery figure:hover img{transform:scale(1.025)}.feature-gallery figcaption{position:absolute;right:10px;bottom:10px;left:10px;padding:10px 12px;border:1px solid #ffffff20;border-radius:12px;background:#06101bdb;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.app-callout{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end;padding:clamp(45px,6vw,90px);border:1px solid #ffffff25;background:linear-gradient(135deg,#10233b,#190d29)}.app-callout h2{font-size:clamp(42px,5vw,76px)}.app-callout p{max-width:640px;margin-top:25px;color:#bcc6d5}.app-callout-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.text-link{padding-bottom:7px;border-bottom:1px solid var(--accent);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.app-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:150px;padding:35px clamp(20px,4vw,68px);border-top:1px solid #ffffff24;color:#8c98a8;font:9px var(--mono);text-transform:uppercase}.app-footer nav{display:flex;flex-wrap:wrap;gap:24px}.app-footer a:hover{color:var(--accent)}

.policy-main{padding-block:clamp(70px,9vw,130px)}.policy-hero{display:grid;grid-template-columns:1fr .55fr;gap:8vw;padding-bottom:70px;border-bottom:1px solid #ffffff24}.policy-hero h1{max-width:950px;margin:.15em 0 .28em;font-size:clamp(52px,7vw,108px);font-weight:300;line-height:.9;letter-spacing:-.06em;text-transform:uppercase}.policy-hero .app-lede{font-size:17px}.policy-facts{align-self:end;border:1px solid #ffffff24}.policy-facts p{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:17px 20px;border-bottom:1px solid #ffffff24}.policy-facts p:last-child{border:0}.policy-facts span{font:9px var(--mono);color:#8f9aaa;text-transform:uppercase}.policy-facts a{color:var(--accent);overflow-wrap:anywhere}
.support-contact{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw;padding-block:70px;border-bottom:1px solid #ffffff24}.support-email{display:inline-block;margin-top:18px;font-size:clamp(21px,2vw,34px);overflow-wrap:anywhere;border-bottom:1px solid var(--accent)}.support-note{padding:34px;border:1px solid #ffffff24;background:#ffffff07}.support-note h2{font-size:24px;font-weight:400;text-transform:uppercase}.support-note ul{margin:22px 0 0;padding-left:20px;color:#abb6c5}.warning{margin-top:20px;padding:15px;border-left:2px solid var(--orange);color:#d3d8df;background:#ff9d2410}
.faq{padding-block:70px}.faq h2,.policy-content>h2{margin-bottom:30px;font-size:clamp(32px,4vw,58px);font-weight:300;text-transform:uppercase}.faq details{border-top:1px solid #ffffff24}.faq details:last-child{border-bottom:1px solid #ffffff24}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;cursor:pointer;font-size:clamp(16px,1.6vw,23px);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font:18px var(--mono);color:var(--accent)}.faq details[open] summary::after{content:"−"}.faq details p{max-width:850px;padding:0 0 26px;color:#aab4c2}.faq details a,.policy-content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.policy-content{max-width:980px;padding-block:70px}.policy-content section{padding:36px 0;border-top:1px solid #ffffff24}.policy-content section:last-child{border-bottom:1px solid #ffffff24}.policy-content h2{margin-bottom:12px;font-size:clamp(23px,2.5vw,34px);font-weight:300}.policy-content p,.policy-content li{color:#aeb8c6}.policy-content p+p{margin-top:14px}.policy-content ul{padding-left:20px}.policy-links{display:flex;flex-wrap:wrap;gap:28px;margin-top:45px}

@media(max-width:980px){
  .app-hero{grid-template-columns:1fr;padding-top:70px}.shot-stage{min-height:680px}.app-section-head{grid-template-columns:1fr}.power-grid{grid-template-columns:1fr 1fr}.power-card:nth-child(2){border-right:0}.power-card:nth-child(-n+2){border-bottom:1px solid #ffffff24}.feature-gallery{grid-template-columns:1fr 1fr}.policy-hero{grid-template-columns:1fr}.support-contact{grid-template-columns:1fr}
}
@media(max-width:640px){
  .app-header{min-height:62px}.app-nav a:first-child{display:none}.app-nav{gap:14px;font-size:8px}.app-hero{min-height:auto;padding-block:68px}.app-hero h1{font-size:62px}.shot-stage{min-height:500px;margin-inline:-20px}.phone-shot{width:49%;border-radius:20px}.phone-shot:nth-child(1){left:25%}.phone-shot:nth-child(2){left:-8%}.phone-shot:nth-child(3){right:-8%}
  .mode-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.mode-card{flex:0 0 84%;scroll-snap-align:start}.mode-card:last-child{border-right:0}.power-grid{grid-template-columns:1fr}.power-card{min-height:230px;border-right:0;border-bottom:1px solid #ffffff24}.power-card:last-child{border-bottom:0}.feature-gallery{display:flex;margin-right:-20px;overflow-x:auto;scroll-snap-type:x mandatory}.feature-gallery figure{flex:0 0 78%;scroll-snap-align:start}.app-callout{grid-template-columns:1fr;padding:35px 25px}.app-footer{align-items:flex-start;flex-direction:column}
  .policy-main{padding-top:55px}.policy-hero{gap:45px}.policy-hero h1{font-size:50px}.policy-facts p{grid-template-columns:90px 1fr;padding-inline:15px}.support-contact{padding-block:50px}.support-note{padding:24px}.faq,.policy-content{padding-block:50px}
}
