/* Editorial broadcast direction: typography, orbital artwork and clear pricing. */
:root{--ink:#e9edeb;--paper:#10191c;--orange:#c6ef6a;--gold:#c6ef6a;--muted:#adbdb7;--line:#334440;--white:#fff;--dark:#10191c}
body{background:#10191c;color:#edf2ec;font-family:"Trebuchet MS",Verdana,sans-serif}
.wrap{width:min(1240px,calc(100% - 48px))}
.header{background:#10191c;border-bottom:1px solid #34443f}
.nav{min-height:88px}.logo{font-size:21px;letter-spacing:-.07em}.logo span{color:#c6ef6a}.navlinks{color:#c2d0c8}.nav-cta{border-color:#62756d;color:#eef5eb}.nav-cta:hover{background:#c6ef6a;color:#10191c}
.hero{background:#10191c;position:relative}.hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#3c5047;left:6%}
.hero-grid{grid-template-columns:1.12fr .88fr;gap:4%;min-height:610px;padding:76px 0 84px}.hero-copy{position:relative;z-index:1}.hero .eyebrow{color:#c6ef6a}.eyebrow{color:#b9e960}.hero h1{font-size:clamp(52px,6.3vw,91px);line-height:.98;letter-spacing:-.065em;margin:22px 0 26px}.hero h1 em{display:block;font-style:normal;font-weight:400;color:#b7cbc1}.lead{max-width:590px;color:#b9c9c1;font-size:18px}.button{background:#c6ef6a;color:#122019;border-radius:2px;padding:15px 22px}.button:hover{background:#d8f79b}.button.outline{border-color:#60736a;color:#edf4ed}.button.outline:hover{background:#263831}.hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:50px;padding-top:19px;border-top:1px solid #384a42;color:#a5b8ad;font-size:10px;font-weight:800;letter-spacing:.11em}
.visual{height:480px;display:grid;place-items:center;padding:0;position:relative}.visual:before{display:none}.orbit{position:absolute;border:1px solid #688477;border-radius:50%;inset:7% 5%;transform:rotate(-20deg)}.orbit-two{inset:17% -1%;transform:rotate(37deg);border-color:#415c4f}.broadcast-card{width:min(100%,390px);height:360px;background:#d6edc3;color:#183025;position:relative;z-index:1;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:20px 20px 0 #263e32;transform:rotate(-4deg)}.broadcast-card:after{content:"";position:absolute;right:25px;top:68px;width:80px;height:80px;border:1px solid #728d79;border-radius:50%;box-shadow:0 0 0 16px #d6edc3,0 0 0 17px #91a991}.broadcast-top,.broadcast-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;font-weight:800}.broadcast-title{font:normal clamp(45px,4.8vw,65px)/1 Georgia,serif;letter-spacing:-.065em}.broadcast-title i{font-weight:400;color:#57715c}.broadcast-bottom span:last-child{font-size:27px}.visual-label{position:absolute;z-index:2;right:0;bottom:12px;font-size:10px;letter-spacing:.13em;color:#c4d6c9;font-weight:800}.visual-label span{font-size:28px;color:#c6ef6a;vertical-align:middle}
.bar{background:#c6ef6a;color:#15221a}.bar .wrap{padding:18px 0}.section{padding:96px 0}.section-head h2,.split h2,.guide h2{letter-spacing:-.055em}.section-head p,.guide p,.split p,.note{color:#b0c1b7}.pricing{gap:0;border:1px solid #3a4a42}.package,.package.featured{background:#182521;color:#edf3ec;border:0;border-right:1px solid #3a4a42;border-radius:0;padding:28px}.package:last-child{border-right:0}.package.featured{background:#d5e9c4;color:#182b20}.package .tag{color:#bee86c}.featured .tag{color:#4f6d39}.package h3{font-size:29px}.package .description{color:#afc0b5}.featured .description{color:#4a6252}.prices{border-color:#405149}.featured .prices{border-color:#a8bea2}.price-row span{color:#b9c9bd}.featured .price-row span{color:#506656}.price-row strong{font-size:25px}.featured .button{background:#19342a;color:#fff}.note a{text-decoration:underline;text-underline-offset:3px}
.pale{background:#e5ece2;color:#192b23}.pale .eyebrow{color:#617e2e}.pale .split p,.pale .section-head p,.pale .faq p{color:#53665a}.steps{border-color:#afbeb0}.step{border-color:#afbeb0}.step b{color:#637d37}.step h3{color:#17291f}.guide h3{color:#e5f0e5}.table-wrap{border-color:#43544b;border-radius:0}table{background:#1a2923}th{background:#2b3c32;color:#d8e8dc}td{color:#bbcbc0}th,td{border-color:#43544b}.faq details{border-color:#b6c5b7}.contact{border-radius:0;background:#c6ef6a;color:#172b1d;padding:55px}.contact .eyebrow{color:#536d2c}.contact .button{background:#172b1d;color:#fff}.footer{border-top:1px solid #34443f}.float-wa{background:#c6ef6a;color:#122019;border-radius:3px}
@media(max-width:900px){.pricing{grid-template-columns:repeat(2,1fr)}.package:nth-child(2){border-right:0}.package:nth-child(-n+2){border-bottom:1px solid #3a4a42}.visual{height:390px}.broadcast-card{height:300px;width:300px}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.hero-grid{padding:57px 0 66px;gap:22px}.hero h1{font-size:clamp(45px,12vw,64px)}.hero-meta{margin-top:32px;gap:10px}.visual{height:320px;margin:10px 0}.broadcast-card{width:min(280px,78%);height:260px;padding:18px}.broadcast-title{font-size:42px}.broadcast-card:after{width:52px;height:52px;top:55px}.visual-label{bottom:0}.section{padding:66px 0}.pricing{grid-template-columns:1fr}.package,.package:nth-child(2){border-right:0;border-bottom:1px solid #3a4a42}.package:last-child{border-bottom:0}.package .description{min-height:0}.contact{padding:28px}.bar .wrap{gap:10px}.hero:before{display:none}}

/* Streaming interface inspired by the reference site. */
:root{--ink:#f6f5ff;--paper:#0b0b16;--orange:#ad76ff;--gold:#f3b545;--muted:#b3b1c4;--line:#303047;--dark:#0b0b16}
body{background:#0b0b16;color:#f6f5ff;font-family:"Trebuchet MS",Verdana,sans-serif}
h1,h2,h3{font-family:"Trebuchet MS",Verdana,sans-serif;letter-spacing:-.045em}
.header{background:#0d0d1a;border-color:#ffffff12}.nav{min-height:78px}.logo{letter-spacing:-.055em}.logo span{color:#a978ff}.navlinks{color:#c3c0d1}.nav-cta{border:1px solid #7f52d0;color:#f7f2ff;background:#8c53e71c;border-radius:10px}.nav-cta:hover{background:#7f4ed1;color:#fff}
.hero{background:radial-gradient(ellipse at 76% 42%,#532e823d,transparent 42%),radial-gradient(ellipse at 20% 5%,#37216c35,transparent 40%),#0b0b16}.hero:before{display:none}.hero-grid{min-height:590px;padding:72px 0 80px;gap:6%}.hero .eyebrow{display:inline-block;color:#f6c764;background:#d69e2c17;border:1px solid #c8913250;border-radius:99px;padding:8px 13px;letter-spacing:.1em}.hero h1{font-size:clamp(46px,5vw,70px);line-height:1.08;letter-spacing:-.055em;margin:23px 0}.hero h1 em{color:#ba90ff;font-weight:800}.lead{color:#c0bfce;font-size:18px}.button{background:linear-gradient(110deg,#a16af4,#7542cf);color:#fff;border:1px solid transparent;border-radius:12px;box-shadow:0 10px 28px #8c4cde33;padding:15px 22px}.button:hover{background:#aa79f5}.button.outline{background:#ffffff08;color:#fff;border-color:#ffffff29;box-shadow:none}.button.outline:hover{background:#ffffff12}.hero-meta{border:0;padding:0;margin-top:36px;gap:12px;color:#dad8e5;letter-spacing:0;font-size:12px}.hero-meta span{background:#ffffff08;border:1px solid #ffffff12;padding:9px 12px;border-radius:10px}
.visual{height:450px}.glow-orb{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#904de548,transparent 67%);filter:blur(12px)}.stream-screen{position:relative;width:min(100%,480px);padding:16px;border-radius:24px;background:#202032;border:1px solid #ffffff30;box-shadow:0 30px 80px #0009,0 0 60px #8846d224}.stream-top{display:flex;align-items:center;gap:9px;padding:2px 3px 14px;color:#ded8ef;font-size:10px;letter-spacing:.09em}.screen-logo{display:grid;place-items:center;width:30px;height:30px;background:#8f5ce1;border-radius:9px;font-size:12px}.screen-dots{margin-left:auto;letter-spacing:3px;color:#9e9aaf}.stream-body{position:relative;overflow:hidden;min-height:285px;border-radius:15px;padding:30px;background:radial-gradient(circle at 88% 20%,#d3916f9c,transparent 28%),radial-gradient(circle at 55% 100%,#7252adcc,transparent 55%),linear-gradient(135deg,#27254b,#573764 55%,#2a2448)}.stream-body:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 40px,#ffffff06 41px 42px);pointer-events:none}.screen-pill{display:inline-block;background:#ffffff20;border:1px solid #ffffff30;border-radius:99px;padding:6px 10px;color:#fff;font-size:10px;font-weight:800}.screen-heading{font-size:clamp(37px,4vw,55px);font-weight:900;letter-spacing:-.06em;margin-top:45px;line-height:1}.screen-heading span{color:#f6bd52}.stream-body p{font-size:14px;color:#e1dcec;line-height:1.5;margin-top:12px}.screen-play{position:absolute;right:30px;bottom:26px;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#fff;color:#6c43b0;box-shadow:0 0 0 8px #ffffff29}.screen-bottom{display:flex;justify-content:space-between;gap:12px;padding:15px 4px 2px;font-size:9px;letter-spacing:.08em;color:#c3bfd1}.device-badge,.test-badge{position:absolute;z-index:2;background:#25253b;border:1px solid #ffffff2b;border-radius:14px;box-shadow:0 15px 35px #0007;display:flex;gap:10px;align-items:center;padding:13px 15px}.device-badge{left:-12px;bottom:8px}.device-badge>span{font-size:23px;color:#d8bcff}.device-badge b,.device-badge small,.test-badge b{display:block}.device-badge b{font-size:12px}.device-badge small{color:#aaa6bd;font-size:10px}.test-badge{right:-10px;top:34px;color:#ffd57f;font-size:20px}.test-badge span{color:#d2cfde;font-size:10px}.test-badge b{color:white;font-size:12px}
.bar{background:#171526;color:#d2cbe5;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}.bar .wrap{padding:20px 0}.section{padding:90px 0}.eyebrow{color:#bb91ff}.section-head p,.guide p,.split p,.note{color:#b6b3c5}.pricing{gap:16px;border:0}.package,.package.featured{background:#171724;color:#f8f7ff;border:1px solid #ffffff14;border-radius:20px;padding:26px;box-shadow:0 18px 45px #0002}.package:last-child{border-right:1px solid #ffffff14}.package.featured{background:linear-gradient(160deg,#302344,#1b192d);border-color:#a46cef;box-shadow:0 0 0 1px #a46cef33,0 20px 55px #7d42c525}.package .tag,.featured .tag{color:#c69dff}.package h3{font-size:23px}.package .description,.featured .description{color:#aaa8ba}.prices,.featured .prices{border-color:#ffffff1b}.price-row span,.featured .price-row span{color:#c1bdcf}.price-row strong{font-size:25px;color:#f7f5ff}.featured .price-row strong{color:#d4b4ff}.featured .button{background:linear-gradient(110deg,#a16af4,#7542cf);color:#fff}.note a{color:#c8a3ff}
.pale{background:#12121f;color:#f4f2fb}.pale .eyebrow{color:#bc8dff}.pale .split p,.pale .section-head p,.pale .faq p{color:#b4b1c5}.steps,.step{border-color:#ffffff20}.step b{color:#c69aff}.step h3{color:#f7f6ff}.guide h3{color:#f5f3ff}.table-wrap{border-color:#ffffff20;border-radius:16px}table{background:#171724}th{background:#252337;color:#eee9f8}td{color:#c2bfd0}th,td{border-color:#ffffff16}.faq details{border-color:#ffffff20}.contact{border-radius:24px;background:linear-gradient(125deg,#5f36a1,#8d52ce);color:#fff;padding:52px}.contact .eyebrow{color:#ffe2a6}.contact .button{background:#fff;color:#49306d}.footer{background:#090912;border-color:#ffffff12}.float-wa{background:#168b54;color:#fff;border-radius:99px;box-shadow:0 9px 30px #0008}
@media(max-width:900px){.package:nth-child(2){border-right:1px solid #ffffff14}.package:nth-child(-n+2){border-bottom:1px solid #ffffff14}.package.featured{border-color:#a46cef}.visual{height:390px}.stream-screen{width:min(100%,410px)}.stream-body{min-height:245px}}
@media(max-width:650px){.hero-grid{padding:54px 0 65px}.hero h1{font-size:clamp(41px,10.5vw,58px)}.hero-meta{gap:8px;margin-top:25px}.hero-meta span{font-size:11px}.visual{height:320px;margin:10px 8px}.stream-screen{padding:11px}.stream-body{min-height:205px;padding:20px}.screen-heading{margin-top:32px;font-size:38px}.screen-play{width:44px;height:44px;right:20px;bottom:20px}.device-badge{left:-8px;bottom:-2px;padding:9px}.test-badge{right:-9px;top:10px;padding:9px}.package,.package:nth-child(2){border:1px solid #ffffff14}.package.featured{border-color:#a46cef}.contact{padding:28px}}

/* Reference-inspired layout: broadcast preview, cyan accents and purple lighting. */
.hero{background:radial-gradient(ellipse at top left,#d946ef2e,transparent 50%),radial-gradient(ellipse at bottom right,#06b6d222,transparent 55%),linear-gradient(135deg,#0a0118,#0b0b16,#120828)}
.hero-grid{grid-template-columns:1.35fr .85fr;min-height:650px}.hero .eyebrow{background:#06b6d219;border-color:#06b6d255;color:#67e8f9;text-transform:none;letter-spacing:0;font-size:13px}.hero h1{font-size:clamp(42px,4.7vw,64px);letter-spacing:-.04em}.hero h1 em{display:inline;color:#b67cff}.hero-meta span{color:#d5d4df}.hero-meta span::first-letter{color:#4ade80}.player-link{display:inline-block;color:#67e8f9;font-size:13px;font-weight:700;margin-top:24px}.player-link:hover{text-decoration:underline}.hero-meta{margin-top:20px}.stream-screen{padding:24px;background:linear-gradient(135deg,#191524ee,#141523ee);border-radius:32px}.stream-top{padding:0 0 16px;font-weight:800;letter-spacing:.13em}.live-dot{color:#ef4444}.screen-quality{margin-left:auto;color:#67e8f9;background:#06b6d21c;border-radius:6px;padding:5px 8px;letter-spacing:0}.stream-body{min-height:235px;border:1px solid #ffffff1a;background:linear-gradient(135deg,#a855f74d,#171327 50%,#06b6d233);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px}.tv-icon{font-size:54px;color:#fff;line-height:1}.screen-heading{font-size:19px;letter-spacing:0;margin-top:14px}.stream-body p{color:#67e8f9;font-size:13px;margin:6px 0 0}.screen-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.screen-stats div{text-align:center;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;padding:12px 5px}.screen-stats b{display:block;color:#c084fc;font-size:17px}.screen-stats div:nth-child(2) b{color:#67e8f9}.screen-stats div:nth-child(3) b{color:#f472b6}.screen-stats span{display:block;color:#aaa7b8;font-size:10px}.pricing{gap:18px}.package{transition:transform .2s,border-color .2s}.package:hover{transform:translateY(-4px);border-color:#a855f788}.package .button{width:100%}.float-wa{background:#20b866}.float-wa:hover{background:#168b54}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.visual{display:none}.hero-grid{min-height:auto}.hero-copy{max-width:720px}}
@media(max-width:650px){.hero-grid{padding:70px 0}.hero h1{font-size:clamp(38px,10vw,52px)}.hero .actions .button{width:100%}.hero-meta{display:grid;grid-template-columns:1fr 1fr}.hero-meta span{font-size:11px}.section{padding:68px 0}}
@media(prefers-reduced-motion:reduce){.package{transition:none}}