:root{--bg:#07030d;--bg2:#13071f;--panel:#ffffff13;--panel2:#ffffff1c;--line:#ffffff26;--text:#fff;--muted:#b9a8c8;--pink:#ff2ea6;--pink2:#ff79cf;--purple:#8c4dff;--yellow:#fff0a8;--shadow:0 30px 90px #ff2ea633}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%,#ff2ea638,transparent 30%),radial-gradient(circle at 90% 10%,#8c4dff33,transparent 32%),linear-gradient(180deg,var(--bg),#10051b 40%,#08030e);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.hero{min-height:100vh;padding:28px 5vw 70px;position:relative;overflow:hidden}.hero:after{content:"";filter:blur(40px);z-index:-1;background:linear-gradient(90deg,#0000,#ff2ea638,#0000);height:360px;position:absolute;inset:20% -10% auto}.nav{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto 64px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:12px;font-weight:800;display:flex}.orb{background:linear-gradient(135deg,var(--pink),var(--purple));width:18px;height:18px;box-shadow:0 0 24px var(--pink);border-radius:99px}.navlinks{color:var(--muted);gap:24px;font-size:14px;display:flex}.heroGrid,.split,.assetsGrid,.qaSection,.handoff{grid-template-columns:1.02fr .98fr;align-items:center;gap:54px;max-width:1240px;margin:0 auto;display:grid}.version,.eyebrow{color:var(--pink2);text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.055em;margin:14px 0 22px;font-size:clamp(42px,6vw,82px);line-height:1.03}.lead{color:#dfd3ea;max-width:720px;font-size:18px;line-height:1.9}.actions{flex-wrap:wrap;gap:14px;margin:30px 0;display:flex}.primary,.secondary,.doc button,.fullBtn,.handoff button,.preview button{border:1px solid var(--line);cursor:pointer;color:#fff;border-radius:999px;align-items:center;gap:9px;padding:13px 18px;display:inline-flex}.primary{background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 12px 36px #ff2ea63d}.secondary,.doc button,.fullBtn,.handoff button,.preview button{background:#ffffff14}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;display:grid}.stat{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border-radius:22px;padding:18px}.stat b{color:var(--yellow);font-size:30px;display:block}.stat span{color:#fff;font-weight:700;display:block}.stat small{color:var(--muted)}.phoneWrap{justify-self:center;position:relative}.phone{aspect-ratio:9/16;width:min(360px,80vw);box-shadow:var(--shadow),inset 0 0 0 1px #ffffff1f;background:#000;border:12px solid #ffffff29;border-radius:42px;padding:8px}.phone video,.videoCard video{object-fit:cover;background:#000;border-radius:28px;width:100%;height:100%}.glowBadge{background:#0c0516c7;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:12px 16px;display:flex;position:absolute;bottom:70px;right:-54px;box-shadow:0 0 40px #ff2ea647}main{padding:40px 5vw 90px}.section{max-width:1240px;margin:0 auto 120px}.section h2{letter-spacing:-.04em;margin:10px 0 18px;font-size:clamp(30px,4vw,52px);line-height:1.06}.section p{color:#d6c8e2;line-height:1.85}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff1a,#ffffff0b);border-radius:30px;padding:24px;box-shadow:0 20px 70px #00000038}.videoCard{justify-self:center;height:720px;padding:12px}.checkList{gap:12px;margin-top:22px;display:grid}.checkList div{color:#f5eefd;align-items:center;gap:10px;display:flex}.checkList svg{color:#7dffcf}.timeline{grid-template-columns:repeat(7,1fr);gap:14px;margin-top:32px;display:grid}.step{border:1px solid var(--line);background:#ffffff12;border-radius:24px;min-height:210px;padding:18px}.num{color:var(--pink2);font-weight:900}.step h3{margin:16px 0 8px}.step p{font-size:13px}.step span{color:var(--yellow);border:1px solid #fff0a840;border-radius:999px;padding:5px 9px;font-size:12px;display:inline-block}.thumbs{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;display:grid}.thumbs button{border:1px solid var(--line);color:#fff;text-align:left;cursor:pointer;background:#ffffff0f;border-radius:18px;align-items:center;gap:12px;padding:10px;display:flex}.thumbs button.active{border-color:var(--pink);box-shadow:0 0 0 1px #ff2ea680}.thumbs img{object-fit:cover;border-radius:12px;width:58px;height:78px}.preview{padding:14px}.preview img{object-fit:contain;background:#050208;border-radius:22px;width:100%;max-height:760px}.preview div{justify-content:space-between;align-items:center;padding:16px 6px 2px;display:flex}.miniCards{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}.miniCards .card{padding:18px}.miniCards svg{color:var(--pink2)}.miniCards b,.miniCards span{display:block}.miniCards span{color:var(--muted);margin-top:6px;font-size:13px}.wideImg{border-radius:20px;width:100%}.fullBtn{justify-content:center;width:100%;margin-top:16px}.filters{gap:10px;margin:22px 0;display:flex}.filters button{border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:999px;padding:10px 16px}.filters .active{background:var(--pink);border-color:var(--pink)}.docGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.doc{flex-direction:column;min-height:220px;display:flex}.docNo{color:#07030d;background:var(--yellow);border-radius:999px;width:max-content;padding:6px 10px;font-weight:900}.doc h3{margin:16px 0 6px}.doc p{font-size:14px}.doc button{justify-content:center;margin-top:auto}.handoff .card{min-height:300px}.handoff svg{color:var(--pink2)}.handoff button{margin:8px 8px 0 0}footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:30px 5vw}@media (width<=980px){.heroGrid,.split,.assetsGrid,.qaSection,.handoff{grid-template-columns:1fr}.timeline,.docGrid{grid-template-columns:repeat(2,1fr)}.videoCard{height:auto}.navlinks{display:none}.stats,.miniCards{grid-template-columns:1fr}}@media (width<=620px){.timeline,.docGrid,.thumbs{grid-template-columns:1fr}.hero{padding-top:20px}.glowBadge{justify-content:center;margin-top:14px;position:static}.card{border-radius:22px;padding:18px}}
