@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

:root { color-scheme: dark; --bg:#05060b; --line:rgba(151,165,211,.16); --line-strong:rgba(111,141,255,.32); --text:#f7f8ff; --muted:#9ba4bb; --max-width:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { min-width:320px; margin:0; overflow-x:hidden; color:var(--text); background:linear-gradient(rgba(84,100,155,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(84,100,155,.04) 1px,transparent 1px),var(--bg); background-size:56px 56px; font-family:"Inter",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
img { display:block; max-width:100%; }
.page-glow { position:fixed; z-index:-1; width:560px; height:560px; border-radius:50%; filter:blur(110px); opacity:.14; pointer-events:none; }
.page-glow-one { top:80px; right:-260px; background:#335cff; }
.page-glow-two { top:780px; left:-360px; background:#6e32ff; }
main,.footer-inner,.copyright { width:min(calc(100% - 40px),var(--max-width)); margin-inline:auto; }
.video-section,.download-section { padding:80px 0; }
.video-section { padding-top:56px; padding-bottom:40px; }
.download-section { padding-top:40px; }
.section-heading { margin-bottom:34px; display:flex; align-items:end; justify-content:space-between; gap:40px; }
.section-heading>div { display:flex; align-items:center; gap:16px; }
.section-heading h1,.section-heading h2 { margin:0; font-size:clamp(28px,4vw,42px); letter-spacing:-.04em; }
.section-heading>p { max-width:440px; margin:0; color:var(--muted); font-size:14px; line-height:1.65; }
.video-heading { align-items:center; flex-direction:column; gap:12px; text-align:center; }
.video-heading>div { width:100%; justify-content:center; }
.video-heading>p { max-width:620px; }
.video-shell { position:relative; overflow:hidden; width:100%; aspect-ratio:16/9; border:1px solid rgba(111,141,255,.26); border-radius:24px; background:#000; box-shadow:0 34px 80px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04); }
.video-shell::after { content:""; position:absolute; z-index:1; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 7px rgba(255,255,255,.018); pointer-events:none; }
.video-shell iframe { position:relative; z-index:3; width:100%; height:100%; display:block; border:0; background:#000; }
.downloader-code { max-width:320px; margin:0 auto; padding:8px; overflow:hidden; border:1px solid rgba(255,128,30,.28); border-radius:16px; background:radial-gradient(circle at 50% 100%,rgba(255,111,0,.12),transparent 45%),rgba(10,12,19,.94); box-shadow:0 28px 70px rgba(0,0,0,.3); }
.downloader-code img { width:100%; height:auto; border-radius:14px; }
.downloader-code figcaption { margin:17px 8px 3px; color:#c7cddd; font-size:14px; line-height:1.6; text-align:center; }
.downloader-code figcaption strong { color:#ff9c47; font-size:16px; }
footer { border-top:1px solid var(--line); background:rgba(4,5,9,.76); }
.footer-inner { min-height:150px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:28px; }
.footer-brand img { width:148px; height:auto; }
.footer-inner p { margin:0; color:var(--muted); font-size:13px; }
.footer-inner>a:last-child { color:#aab8f5; font-size:13px; font-weight:700; text-decoration:none; }
.footer-inner>a:last-child:hover { color:#fff; }
.copyright { padding:22px 0 34px; border-top:1px solid rgba(151,165,211,.08); color:#687087; font-size:11px; }
@media(max-width:720px){main,.footer-inner,.copyright{width:min(calc(100% - 28px),var(--max-width))}.video-section,.download-section{padding:60px 0}.video-section{padding-top:42px;padding-bottom:28px}.download-section{padding-top:28px}.section-heading{margin-bottom:26px;align-items:start;flex-direction:column;gap:15px}.video-heading{align-items:center}.section-heading>div{align-items:flex-start}.video-heading>div{justify-content:center}.video-shell{border-radius:16px}.downloader-code{max-width:280px;padding:8px;border-radius:14px}.downloader-code img{border-radius:10px}.downloader-code figcaption{margin:12px 7px 5px;font-size:12px}.footer-inner{padding:42px 0;grid-template-columns:1fr;gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}