@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#07121e;--surface:#0c1b29;--line:#213648;--text:#eef7fa;--muted:#a6bac4;--aqua:#80edf0;--blue:#3a9fe0;font-family:Inter,'Noto Sans SC',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-100px;background:#fff;color:#000;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{height:82px;border-bottom:1px solid rgba(161,221,234,.12);position:relative;z-index:5;background:rgba(7,18,30,.9)}.header-inner,.brand,.site-header nav,.footer-inner{display:flex;align-items:center}.header-inner{height:100%;justify-content:space-between}.brand{gap:10px;font-weight:800;font-size:20px;letter-spacing:-.05em}.brand img{object-fit:contain}.site-header nav{gap:38px;color:#b7c9d2;font-size:13px;font-weight:600}.site-header nav a,.header-cta,.button{transition:color .2s,background .2s,transform .2s}.site-header nav a:hover,.header-cta:hover{color:var(--aqua)}.header-cta{font-size:12px;font-weight:700;border:1px solid #3c6979;padding:13px 17px;border-radius:3px}.header-cta span{margin-left:18px;color:var(--aqua)}.hero{position:relative;overflow:hidden;min-height:720px;background:radial-gradient(circle at 78% 42%,#123957 0,transparent 34%),radial-gradient(circle at 55% 80%,#0e2c3d 0,transparent 32%),#07121e}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(138,211,232,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(138,211,232,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-glow{position:absolute;width:550px;height:550px;right:3%;top:14%;border-radius:50%;background:#36b9e3;filter:blur(140px);opacity:.12}.hero-grid{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:632px;position:relative}.hero-copy{padding:40px 0 60px;z-index:2}.eyebrow,.kicker,.hero-note,.feature-number,.small-label,.visual-label,.playlist-foot,.workflow-pill,.step-count,.hero-bottom{font-family:'DM Mono',monospace;letter-spacing:.13em}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--aqua);font-size:10px;font-weight:500}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 13px var(--aqua)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,6.4vw,86px);line-height:1.15;letter-spacing:-.075em;margin:27px 0 25px;font-weight:800}h1 em{font-style:normal;color:var(--aqua)}.hero-lead{color:#bbced7;font-size:16px;line-height:1.95;max-width:500px}.hero-actions{display:flex;gap:14px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 22px;border-radius:4px;font-weight:700;font-size:13px}.button:hover{transform:translateY(-3px)}.button-primary{background:#9df6f1;color:#05202c;box-shadow:0 10px 35px #52dfe329}.button-primary:hover{background:#c4fff8}.button-quiet{border:1px solid #426072;color:#e1eff4}.button-quiet:hover{background:#143044}.hero-note{font-size:10px;color:#7392a0;margin-top:52px;display:flex;align-items:center;gap:14px}.note-line{width:36px;height:1px;background:#5fcbd3}.note-sep{color:#355c68}.hero-visual{position:relative;height:540px;display:flex;align-items:center;justify-content:flex-end;padding-left:15px}.visual-halo{position:absolute;width:450px;height:450px;border:1px solid #65ccdc20;border-radius:50%;right:7%;top:8%;box-shadow:0 0 0 75px #65ccdc06,0 0 0 150px #65ccdc04}.player-window{position:relative;width:620px;max-width:110%;border:1px solid #55829a;border-radius:11px;overflow:hidden;background:#0a1722;box-shadow:0 30px 70px #0009,0 0 50px #1aa6d327;transform:perspective(1200px) rotateY(-8deg) rotateX(2deg);z-index:1}.window-top{height:40px;background:#132636;border-bottom:1px solid #345063;display:flex;align-items:center;justify-content:center;font-size:11px;color:#91b0c2;position:relative}.traffic{position:absolute;left:16px;display:flex;gap:6px}.traffic i{width:8px;height:8px;border-radius:50%;background:#53758a}.traffic i:first-child{background:#ec7e7e}.traffic i:nth-child(2){background:#e4bd6d}.traffic i:nth-child(3){background:#6acba0}.window-top-icon{position:absolute;right:18px;color:#91b0c2}.window-body{display:grid;grid-template-columns:minmax(0,1fr) 142px;min-height:310px}.video-stage{position:relative;overflow:hidden;min-height:310px;background:radial-gradient(ellipse at 60% 57%,#377da2 0,#174461 20%,#0b253c 45%,#071728 76%)}.video-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,transparent 20%,#83dce623 42%,transparent 44%),linear-gradient(165deg,transparent 44%,#70e7e518 50%,transparent 53%)}.video-light{position:absolute;width:380px;height:260px;left:10%;top:10%;background:#25b6d3;filter:blur(90px);opacity:.3}.video-rings{position:absolute;width:250px;height:250px;border:1px solid #a0f6fa44;border-radius:50%;top:12%;left:22%;box-shadow:0 0 0 25px #a0f6fa0a,0 0 0 55px #a0f6fa0a}.play-symbol{position:absolute;top:39%;left:47%;font-size:38px;color:#d7ffff;filter:drop-shadow(0 0 18px #7beaf1)}.video-caption{position:absolute;left:22px;bottom:20px;display:flex;flex-direction:column;gap:5px;text-shadow:0 2px 12px #06121e}.video-caption .small-label{font-size:8px;color:var(--aqua)}.video-caption strong{font-size:17px;letter-spacing:-.04em}.video-caption>span:last-child{font-size:9px;color:#b9d2da}.playlist{display:flex;flex-direction:column;border-left:1px solid #36546a;background:#102130}.playlist-head,.playlist-foot{padding:15px 12px;border-bottom:1px solid #304b5d;display:flex;justify-content:space-between;font-size:10px;color:#d5e7ec}.playlist-head span:last-child{color:#73b8c9}.playlist-item{display:flex;gap:6px;padding:12px 7px;border-bottom:1px solid #233e50;align-items:flex-start;color:#9db4c0}.playlist-item.active{background:#1b4155;border-left:2px solid #85efed;color:#e5fbfd}.playlist-item span:nth-child(2){min-width:0}.playlist-item strong{display:block;font-size:8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item small{font-size:7px;color:#8fb0bb}.file-icon{font-size:10px;color:#82e6e9}.lock{margin-left:auto;color:#7be9e7}.playlist-fill{flex:1}.playlist-foot{border-top:1px solid #304b5d;border-bottom:0;color:#7d9dad;font-size:7px}.controls{height:47px;border-top:1px solid #35536a;display:flex;align-items:center;gap:13px;padding:0 18px;color:#b2d0db;font-size:11px}.control-play{color:#9cf5f0;font-size:19px}.track{height:4px;flex:1;border-radius:3px;background:#3c5d70;overflow:hidden}.track i{display:block;width:36%;height:100%;background:#8beef0}.time{font-family:'DM Mono',monospace;font-size:8px}.sound,.expand{font-size:14px}.floating-chip{position:absolute;z-index:2;right:-10px;bottom:8px;background:#f4fffc;color:#082436;border-radius:5px;padding:13px 17px;display:flex;align-items:center;gap:11px;box-shadow:0 15px 30px #0006;transform:rotate(2deg)}.chip-icon{font-size:22px;color:#188fa8}.floating-chip strong,.floating-chip small{display:block}.floating-chip strong{font-size:11px}.floating-chip small{font-size:9px;color:#58808c;margin-top:3px}.visual-label{position:absolute;bottom:-27px;left:25%;font-size:8px;color:#7495a4}.hero-bottom{position:relative;border-top:1px solid #274153;height:73px;display:flex;align-items:center;justify-content:space-between;color:#6e91a1;font-size:9px}.hero-bottom span:nth-child(2){font-family:Inter,'Noto Sans SC',sans-serif;letter-spacing:0;color:#a4c2ce}.section{padding:115px 0}.kicker{font-size:11px;color:#6adbe2;margin-bottom:20px;font-weight:500}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-heading h2,.workflow h2,.availability h2{font-size:clamp(36px,4.4vw,56px);line-height:1.24;letter-spacing:-.06em;margin:0;font-weight:800}.section-heading>p{max-width:360px;color:#abc1cb;font-size:15px;line-height:1.9;margin-bottom:4px}.features{background:#0a1723}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{border:1px solid #254459;border-radius:7px;min-height:400px;position:relative;overflow:hidden;background:linear-gradient(155deg,#112a3c,#0a1b2a 80%);display:flex;flex-direction:column;justify-content:space-between;padding:30px}.feature-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#46c3d9;filter:blur(90px);opacity:.16;right:15%;top:20%}.feature-wide{grid-column:span 2;min-height:390px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;align-items:end}.feature-number{font-size:10px;color:#74c6d3;z-index:1}.feature-art{position:relative;align-self:center;display:flex;align-items:center;justify-content:center;min-height:205px;z-index:1}.feature-wide .feature-art{grid-column:2;grid-row:1/span 2;height:100%;width:100%}.feature-wide .feature-content{grid-column:1;grid-row:2;max-width:420px}.feature-content{position:relative;z-index:1}.feature-content h3{font-size:26px;letter-spacing:-.05em;margin-bottom:12px}.feature-content p{color:#abc2cd;line-height:1.85;font-size:14px;max-width:470px;margin:0}.art-play span{position:relative;font-size:72px;color:#b2fbf5;filter:drop-shadow(0 0 35px #6dedf4)}.orbit{position:absolute;width:235px;height:235px;border-radius:50%;border:1px solid #83e6e74d}.orbit-two{width:330px;height:330px;border-color:#83e6e722}.art-lock{font-size:93px;color:#9ff3ef;text-shadow:0 0 30px #59d7e8}.cipher-lines{position:absolute;font:10px/1.8 'DM Mono',monospace;letter-spacing:.3em;color:#5acbd650;transform:rotate(-12deg);white-space:nowrap}.art-stream{gap:16px;font-family:'DM Mono',monospace;color:#67e5e6}.stream-block{display:grid;place-items:center;width:58px;height:58px;border:1px solid #477988;background:#123346;border-radius:7px;color:#95dfe7}.stream-block.accent{background:#70e6e5;color:#072331;border-color:#8cf6f0;font-size:20px}.stream-flow{font-size:20px;color:#65c7d2}.workflow{background:#0d2030}.workflow-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:110px}.workflow-intro>p:not(.kicker){color:#aac1cb;font-size:15px;line-height:1.95;max-width:400px;margin:28px 0}.workflow-pill{display:inline-block;border:1px solid #356272;border-radius:3px;color:#99e7e7;font-size:10px;padding:13px 16px}.workflow-pill span{padding:0 8px;color:#56858c}.steps{border-top:1px solid #37566a}.steps article{display:grid;grid-template-columns:72px 1fr;gap:8px;padding:29px 0;border-bottom:1px solid #37566a}.step-count{font-size:12px;color:#7ce4e7;padding-top:3px}.steps h3{font-size:19px;margin-bottom:9px;letter-spacing:-.03em}.steps p{font-size:13px;color:#a8c0cb;line-height:1.85;margin:0}.details{background:#071622}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #2a4958}.detail{padding:30px 24px 5px 0;border-right:1px solid #2a4958;min-height:230px}.detail:not(:first-child){padding-left:24px}.detail:last-child{border-right:0}.detail-icon{font-size:30px;color:#83e6e9;font-family:Inter,sans-serif}.detail h3{font-size:17px;margin:26px 0 12px}.detail p{font-size:12px;line-height:1.85;color:#a4bac5;margin:0}.availability{padding-top:30px;padding-bottom:100px}.availability-box{border:1px solid #366679;border-radius:7px;background:radial-gradient(circle at 85% 42%,#1f6577 0,transparent 34%),linear-gradient(120deg,#12394a,#0b2433 70%);padding:65px 70px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.availability-box>div:first-child{max-width:620px;z-index:1}.availability h2{font-size:clamp(32px,3.8vw,48px)}.availability-box p:last-child{color:#b9d1d9;font-size:14px;line-height:1.95;margin:19px 0 0}.availability-box strong{color:#e8ffff}.availability-mark{width:190px;flex:0 0 190px;filter:drop-shadow(0 12px 35px #42d5e957)}.footer{border-top:1px solid #243e4d;padding:28px 0;color:#7897a5}.footer-inner{justify-content:space-between;font-size:11px}.footer .brand{color:#edf9fa;font-size:16px}.footer .brand img{width:32px;height:32px}@media(max-width:1050px){.player-window{width:570px}.hero-grid{grid-template-columns:47% 53%}.hero-visual{transform:scale(.88);transform-origin:center right}.workflow-grid{gap:60px}}@media(max-width:760px){.container{width:min(100% - 36px,580px)}.site-header{height:69px}.site-header nav{display:none}.brand{font-size:18px}.brand img{width:35px;height:35px}.header-cta{font-size:10px;padding:10px 11px}.header-cta span{margin-left:5px}.hero{min-height:0}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:72px 0 10px}.eyebrow{font-size:9px}h1{font-size:clamp(54px,12vw,76px);margin:22px 0}.hero-lead{font-size:14px}.hero-actions{gap:9px;margin-top:26px}.button{font-size:11px;padding:14px 16px;gap:14px}.hero-note{margin-top:34px;font-size:8px}.hero-visual{height:400px;transform:none;justify-content:center;padding-left:0}.visual-halo{width:300px;height:300px;right:12%;top:12%}.player-window{width:min(560px,112vw);max-width:none;transform:scale(.82) perspective(1200px) rotateY(-5deg);flex:none}.floating-chip{right:0;bottom:18px;transform:scale(.85) rotate(2deg);transform-origin:right bottom}.visual-label{bottom:13px;font-size:7px}.hero-bottom{height:58px;font-size:8px}.hero-bottom span:nth-child(2){display:none}.section{padding:78px 0}.section-heading{display:block;margin-bottom:32px}.section-heading h2,.workflow h2{font-size:40px}.section-heading>p{margin-top:20px;font-size:13px}.feature-grid{display:block}.feature-card,.feature-wide{display:flex;min-height:350px;margin-bottom:15px;padding:24px}.feature-wide .feature-art{height:185px;order:1}.feature-wide .feature-number{order:0}.feature-wide .feature-content{order:2}.feature-art{min-height:170px}.feature-content h3{font-size:22px}.feature-content p{font-size:12px}.orbit{width:170px;height:170px}.orbit-two{width:245px;height:245px}.art-play span{font-size:55px}.workflow-grid{display:block}.workflow-intro{margin-bottom:38px}.steps article{grid-template-columns:53px 1fr}.details-grid{grid-template-columns:1fr 1fr}.detail,.detail:not(:first-child){padding:20px 15px 20px 0;min-height:210px}.detail:nth-child(2){border-right:0;padding-left:15px}.detail:nth-child(3){border-top:1px solid #2a4958}.detail:nth-child(4){border-top:1px solid #2a4958;border-right:0;padding-left:15px}.detail h3{font-size:15px;margin:19px 0 9px}.detail p{font-size:11px}.availability{padding-top:0}.availability-box{padding:35px 25px}.availability-mark{display:none}.footer-inner{gap:15px;flex-wrap:wrap}.footer-inner>span:nth-child(2){display:none}}@media(max-width:390px){.header-cta{display:none}.hero-visual{height:340px}.player-window{transform:scale(.68) perspective(1200px) rotateY(-5deg)}.floating-chip{bottom:6px}.hero-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}