.app-page{background:#070708}.app-header{position:absolute;inset:0 0 auto;z-index:10;height:78px;border-bottom:1px solid rgba(255,255,255,.045);background:linear-gradient(180deg,rgba(4,4,5,.72),transparent)}.app-header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.back-link{padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#aaa5a7;font-size:11px;font-weight:700;transition:border-color .2s,color .2s}.back-link:hover{border-color:rgba(255,89,32,.4);color:var(--orange2)}.app-hero{position:relative;min-height:800px;display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 43%,rgba(178,32,13,.26),transparent 31%),radial-gradient(circle at 18% 70%,rgba(255,78,27,.08),transparent 25%),linear-gradient(145deg,#060607,#10090a)}.app-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(circle,#000,transparent 75%)}.app-glow{position:absolute;right:-180px;top:18%;width:620px;aspect-ratio:1;border-radius:50%;background:rgba(202,37,11,.14);filter:blur(100px)}.app-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(55px,7vw,100px);align-items:center;padding-top:85px}.app-copy h1{margin-bottom:7px;font-size:clamp(58px,8vw,100px);letter-spacing:-.07em;text-shadow:0 10px 40px rgba(0,0,0,.38)}.app-copy h2{margin-bottom:24px;color:var(--orange2);font-size:20px}.app-lead{max-width:600px;color:#aaa5a7;font-size:16px;line-height:1.85}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:28px 0 32px}.feature-list span{padding:11px 12px 11px 33px;border:1px solid var(--line);border-radius:8px;color:#b7b2b4;background:rgba(255,255,255,.02);font-size:10px}.feature-list span::before{content:"◇";position:absolute;margin-left:-21px;color:var(--orange2)}.play-button{display:inline-flex;align-items:center;gap:12px;min-height:60px;padding:8px 19px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:#050506;box-shadow:0 12px 35px rgba(0,0,0,.35);transition:transform .2s,border-color .2s,box-shadow .2s}.play-button:hover{transform:translateY(-3px);border-color:rgba(255,103,54,.62);box-shadow:0 15px 40px rgba(0,0,0,.42),0 0 26px rgba(255,65,22,.12)}.play-button svg{width:29px;height:33px}.play-button span{display:grid;line-height:1}.play-button small{font-size:7px;letter-spacing:.12em}.play-button strong{margin-top:4px;font-size:18px}.app-visual{position:relative;min-height:570px;display:grid;place-items:center}.visual-frame{position:relative;width:min(600px,100%);aspect-ratio:1.08;overflow:hidden;border:1px solid rgba(255,84,29,.42);border-radius:25px;background:#050506;box-shadow:0 35px 100px rgba(0,0,0,.6),0 0 70px rgba(255,48,15,.12)}.visual-frame::before{content:"";position:absolute;z-index:2;inset:14px;border:1px solid rgba(255,105,54,.18);border-radius:16px;pointer-events:none}.visual-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(4,4,5,.9))}.visual-frame img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s}.visual-frame:hover img{transform:scale(1.025);filter:saturate(1.07)}.visual-frame>span{position:absolute;z-index:3;right:24px;bottom:22px;text-align:right;font-size:9px;letter-spacing:.15em}.visual-frame strong{color:var(--orange2);font-size:15px}.app-info{padding:105px 0;background:#0a0a0c}.app-info header{max-width:650px;margin-bottom:45px}.app-info h2{font-size:clamp(37px,5vw,58px)}.app-info h2 span{color:var(--orange2)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.info-grid article{min-height:210px;padding:27px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#151518,#0e0e10);transition:transform .25s,border-color .25s}.info-grid article:hover{transform:translateY(-5px);border-color:rgba(255,84,29,.35)}.info-grid b{color:var(--orange2);font-size:9px}.info-grid h3{margin:40px 0 10px;font-size:21px}.info-grid p{color:#8f8a8c;font-size:12px}.download{padding:95px 0;background:#070708}.download-panel{display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center;padding:40px;border:1px solid rgba(255,81,28,.3);border-radius:19px;background:linear-gradient(110deg,rgba(67,20,12,.55),#111114);box-shadow:var(--shadow)}.download-panel>img{width:115px;height:90px;object-fit:contain;filter:drop-shadow(0 0 17px rgba(255,72,28,.2))}.download-panel h2{margin:0 0 8px;font-size:31px}.download-panel p:last-child{margin:0;color:#8f898c}.app-footer{padding:25px 0;border-top:1px solid var(--line);color:#6f6a6d;background:#050506;font-size:10px}.app-footer .container{display:flex;justify-content:space-between}.app-footer p{margin:0}
@media(max-width:850px){.app-hero{padding:115px 0 75px}.app-grid{grid-template-columns:1fr;padding-top:0}.app-copy{text-align:center}.app-lead{margin-inline:auto}.feature-list{text-align:left}.app-visual{min-height:auto;order:-1}.visual-frame{width:min(520px,88vw)}.info-grid{grid-template-columns:1fr}.download-panel{grid-template-columns:auto 1fr}.download-panel .play-button{grid-column:span 2;justify-self:start}}@media(max-width:540px){.app-header .brand span{display:none}.app-copy h1{font-size:55px}.feature-list{grid-template-columns:1fr}.visual-frame{width:100%}.download-panel{grid-template-columns:1fr;padding:27px}.download-panel .play-button{grid-column:auto}.download-panel>img{width:70px;height:70px}.app-footer .container{gap:20px}}
