/* XTV finishing system: consistent controls, artwork, and restrained motion. */
:root{--ease:cubic-bezier(.22,.68,0,1.01);--surface:#0c1713;--accent:#24d9a0}
body{font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Segoe UI",Arial,sans-serif;text-wrap:balance}
p{ text-wrap:pretty }
header{height:88px;background:#070e0be8;backdrop-filter:blur(20px);border-color:#ffffff0d}
nav a{position:relative;transition:color .2s}nav a[aria-current]{box-shadow:none}
nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}nav a:hover:after,nav a[aria-current]:after{transform:scaleX(1)}
.button{min-height:50px;gap:12px;border-radius:9px;font-size:14px;font-weight:650;letter-spacing:.1px;transition:background .22s,border-color .22s,transform .22s var(--ease),box-shadow .22s}
.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #0003}.button:active{transform:translateY(0)}
.button.secondary,header>.button{background:#ffffff04;border-color:#ffffff24}.button.secondary:hover,header>.button:hover{border-color:#62deb08a;background:#1b3429}
.button .arrow{width:17px;height:17px;flex-shrink:0;transition:transform .22s var(--ease)}.button:hover .arrow{transform:translateX(3px)}
.hero.showcase{background:radial-gradient(ellipse at 80% 50%,#123c2e70,transparent 48%),#060d0a;display:grid;grid-template-columns:1.1fr 1fr;gap:45px;min-height:590px;padding-block:80px}
.showcase .hero-content{max-width:650px}.showcase h1{font-size:clamp(44px,4.6vw,68px);letter-spacing:-2.8px;line-height:1.08;font-weight:650}
.showcase .intro{font-size:17px;line-height:1.8;max-width:490px;color:#abbcb3}.showcase .eyebrow{font-size:10px;letter-spacing:2px}
.hero-art{margin:0;position:relative;perspective:1100px;padding:28px 0 0;min-width:0}
.television{position:relative;padding:8px 8px 20px;border-radius:14px;background:linear-gradient(145deg,#496356,#18241e 12%,#0b110e 65%,#35483e);border:1px solid #5b79675c;box-shadow:0 35px 55px #0009;transform:rotateY(-7deg) rotateX(2deg);transition:transform .8s var(--ease)}
.hero-art:hover .television{transform:rotateY(-2deg) rotateX(0)}
.television-screen{aspect-ratio:16/10;border-radius:7px;overflow:hidden;background:linear-gradient(0deg,#020a078a,transparent 75%),url('/assets/xtv-cinematic.png') 67% center/cover;position:relative;border:1px solid #020604}
.television-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,#ffffff12,transparent 45%);pointer-events:none}
.television-screen img{position:absolute;width:38%;height:auto;left:8%;bottom:13%;filter:drop-shadow(0 2px 8px #0009)}
.television:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;bottom:8px;left:50%;background:#52d6a6}
.screen-stand{height:36px;width:29%;margin:0 auto;background:linear-gradient(90deg,#101c15,#33473b,#101c15);clip-path:polygon(32% 0,68% 0,76% 85%,100% 91%,100% 100%,0 100%,0 91%,24% 85%)}
.hero-art figcaption{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:#91ad9d;text-align:center;margin-top:23px;display:flex;align-items:center;justify-content:center;gap:14px}.hero-art figcaption:before,.hero-art figcaption:after{content:"";width:22px;height:1px;background:#365545}
.section{padding-block:80px}.subscription-pricing{position:relative}.pricing-heading h2{font-size:38px;font-weight:600;letter-spacing:-1.3px}.pricing-heading p:last-child{font-size:15px;color:#a5b7ad}.currency-note{border:1px solid #ffffff14;padding:5px 10px;border-radius:5px;font-size:11px}
.duration-picker{border-color:#ffffff18;border-radius:10px;background:#101a15;padding:5px;gap:3px}.duration-picker button{border-radius:6px;padding-inline:24px;transition:background .22s,color .22s,box-shadow .22s}.duration-picker button[aria-pressed=true]{background:#c4f5df;color:#0b3221;box-shadow:0 2px 6px #0003;font-weight:650}.duration-picker button:hover{background:#ffffff0c}.duration-picker button[aria-pressed=true]:hover{background:#d5ffe9}
.pricing-grid{gap:20px}.price-card{padding:30px;border-radius:14px;border-color:#ffffff18;background:linear-gradient(145deg,#15241c80,#0b1410 70%);position:relative;overflow:hidden;transition:border-color .3s,transform .35s var(--ease),box-shadow .35s}
.price-card:hover{transform:translateY(-5px);border-color:#66c89870;box-shadow:0 18px 35px #0003}.price-card:focus-within{border-color:#66c89870}
.plan-heading{align-items:flex-start}.plan-heading h3{font-size:22px;font-weight:600;margin-top:9px}.connection-icon{width:50px;height:46px;max-width:none;display:grid;place-items:center;border:1px solid #44635166;background:#183b282e;border-radius:10px;opacity:1;color:#91dbb4}.connection-icon svg{width:34px;height:28px;stroke:currentColor;fill:none;stroke-width:1.6}
.plan-description{font-size:13px;margin-top:5px;min-height:22px;color:#a1b5a8}.price-amount{margin-top:29px;align-items:flex-start}.price-amount strong{font-size:64px;letter-spacing:-3px;font-weight:600}.currency{font-size:25px}.monthly-equivalent{margin-bottom:25px;color:#a1b5a8}.plan-details{border-color:#ffffff10}.plan-details>div{margin-block:10px}.plan-details dt{color:#9caea2}.plan-details dd{color:#d1dfd6}
.plan-order{background:#24d9a0;border-color:#24d9a0;color:#052c1c;font-weight:650;justify-content:space-between;padding-inline:19px}.plan-order:hover{color:#042819;background:#66e7bb;border-color:#66e7bb}.price-card:nth-child(2) .plan-order{background:#24d9a0}
.pricing-bottom{color:#9cb0a1}.faqs details{border-color:#ffffff14;transition:background .2s}.faqs summary{padding:5px 0;font-weight:550}.faqs summary span{transition:transform .25s;color:#88b9a0}.faqs details[open] summary span{transform:rotate(45deg)}.faqs details[open] p{animation:answer-in .25s ease both}
.cta{background:transparent;padding-top:32px;border-color:#ffffff18}.cta .button{background:var(--accent);color:#062b1c;border-color:var(--accent)}
form{border-color:#ffffff18}select,textarea{border-radius:7px;transition:border-color .2s;background:#080f0b}select:hover,textarea:hover{border-color:#668876}
.order-guide li:before{width:26px;height:26px;border:1px solid #32513f;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#a2d6b9}.order-guide strong{font-weight:600}.order-guide li{padding-left:44px}.floating-contact{box-shadow:0 5px 24px #0005;transition:transform .2s,background .2s}.floating-contact:hover{transform:translateY(-3px);background:#1b5137}
.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .65s var(--ease),transform .65s var(--ease);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:none}.price-refresh{animation:price-in .24s ease-out}
@keyframes answer-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes price-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:761px){.showcase .hero-content{animation:answer-in .65s ease-out}.hero-art{animation:answer-in .9s ease-out}.subscription-hero.showcase h1{font-size:58px}}
@media(max-width:1000px){.hero.showcase{gap:24px}.showcase h1,.subscription-hero.showcase h1{font-size:49px}.price-card{padding:24px}.plan-heading h3{font-size:20px}.connection-icon{width:42px;height:40px}.price-amount strong{font-size:58px}}
@media(max-width:760px){header{height:auto}nav a:after{bottom:-4px}.hero.showcase{grid-template-columns:1fr;padding-block:49px 45px;gap:22px;min-height:0}.showcase h1,.subscription-hero.showcase h1{font-size:43px;letter-spacing:-1.7px}.showcase .intro{font-size:16px}.hero-art{width:100%;max-width:440px;margin-inline:auto;padding:15px 6px 0}.television{transform:none;padding:6px 6px 17px}.television-screen{aspect-ratio:16/9}.screen-stand{height:25px}.hero-art figcaption{font-size:9px;margin-top:14px}.section{padding-block:55px}.pricing-heading h2{font-size:31px}.currency-note{width:fit-content}.duration-picker button{padding-inline:3px}.price-card{padding:27px}.plan-heading h3{font-size:23px}.connection-icon{width:50px;height:46px}.price-amount strong{font-size:60px}.button{border-radius:8px}.price-card:hover{transform:none}.duration-description{font-size:12px}.pricing-bottom{font-size:12px}.reveal-ready{transform:translateY(10px)}}
.reseller-routes{max-width:none;gap:24px}.reseller-routes .package{padding:38px;border-radius:14px;background:linear-gradient(135deg,#13231b,#0b1510);border-color:#ffffff1c}.reseller-routes .package .category{display:block;margin-bottom:23px;letter-spacing:1.8px}.reseller-routes .package h3{font-size:30px;font-weight:600}.reseller-routes .package>p{max-width:440px;min-height:55px}.reseller-routes .package>.button{width:auto;min-width:220px}.feature-list>li>span{width:34px;height:34px;border:1px solid #385341;display:grid;place-items:center;border-radius:8px;font-size:11px;flex-shrink:0}.feature-list>li{gap:24px}.brief-section form{box-shadow:0 12px 35px #0002}
@media(max-width:760px){.hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:340px}.hero-actions .button{width:100%;justify-content:space-between;padding-inline:19px}.reseller-routes .package{padding:28px}.reseller-routes .package>.button{width:100%;min-width:0}.reseller-routes .package>p{min-height:0}}
.credit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.credit-card{padding:28px 23px;border:1px solid #ffffff20;border-radius:14px;background:linear-gradient(145deg,#193025,#0b1710);display:flex;flex-direction:column}.credit-card .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:22px}.credit-card h3{font-size:36px;letter-spacing:-1px;font-weight:600;margin-bottom:28px}.credit-card h3 span{font-size:17px;letter-spacing:0;font-weight:400;color:#b4cabb}.credit-total{font-size:42px;font-weight:600;letter-spacing:-1.5px;line-height:1.2}.credit-total span{display:block;font-size:12px;letter-spacing:0;font-weight:400;color:#a3bbaa;margin-top:8px}.credit-unit{font-size:14px;color:#b4d9c4;margin:17px 0 26px}.credit-card .button{width:100%;font-size:13px;justify-content:space-between;padding-inline:15px;margin-top:auto}.credit-note{font-size:13px;color:#a5bcae;margin:23px 0 0}.reseller-pricing{scroll-margin-top:20px}
@media(max-width:1000px){.credit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-card{padding:27px}}
@media(max-width:540px){.credit-grid{grid-template-columns:1fr}.credit-card h3{margin-bottom:20px}.credit-card{padding:27px}.credit-note{font-size:12px}}
/* Final layout rhythm and navigation. */
header{padding-block:12px;height:84px;gap:24px}header .brand{width:163px}nav{gap:8px}nav a{padding:9px 13px!important;border-radius:7px;font-size:13px}nav a:hover{background:#ffffff06}nav a[aria-current]{background:#16362666;color:#b8f3d8}nav a:after{left:13px;right:13px;bottom:2px;height:1px}
.menu-toggle{display:none}.hero.showcase{padding-block:66px 62px;min-height:555px;gap:64px}.showcase .eyebrow{color:#8bd6b6}.showcase .intro{line-height:1.8;margin-bottom:28px}.hero-footnote{margin-top:24px!important;color:#97aa9e}.hero-footnote strong{font-weight:500;color:#d0e7d9}.television-screen img{width:30%;left:50%;top:7%;bottom:auto;transform:translateX(-50%);filter:drop-shadow(0 3px 9px #000)}
.hero-art figcaption{letter-spacing:.8px;text-transform:none;gap:12px;color:#8fa799}.hero-art figcaption:before,.hero-art figcaption:after{display:none}.art-caption-brand{font-weight:700;letter-spacing:2px;font-size:11px;color:#b7d7c5;border-right:1px solid #365144;padding-right:13px}
.subscription-pricing{padding-block:70px 75px}.pricing-heading{margin-bottom:26px}.pricing-heading h2{font-size:36px;margin-bottom:12px}.duration-row{margin-bottom:30px}.duration-description{font-size:13px;color:#becfc3}.duration-description span{display:block;color:#88a392;font-size:11px;margin-top:3px}.price-card{padding:28px 30px;background:linear-gradient(150deg,#17261e,#0c1711 65%);box-shadow:0 4px 14px #0002}.price-card:nth-child(2){border-color:#4b8e696e;background:linear-gradient(150deg,#1c3527,#0d1c13 65%)}.price-amount{margin-top:24px}.price-amount strong{font-size:58px}.monthly-equivalent{margin-bottom:21px}.plan-details{padding-top:12px;margin-bottom:23px}.plan-details>div{margin-block:7px}.plan-order{min-height:49px}.pricing-bottom{padding-top:2px}.reseller-feature{border:1px solid #ffffff12;border-radius:18px;margin-block:14px 0;padding:55px 60px;gap:70px;background:radial-gradient(ellipse at 15% 50%,#1d573938,transparent 48%),#0c1811}.brand-caption{display:block;text-align:center;font-size:9px;letter-spacing:2.8px;color:#79a88c;margin-bottom:22px}.reseller-wordmark img{opacity:1}.reseller-feature h2{font-size:35px;line-height:1.15}.reseller-feature p:not(.eyebrow){font-size:15px;line-height:1.8}.faq-section{padding-block:84px}.faqs details{padding:19px 0}.faqs summary{font-size:15px}.faqs summary span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff1c;border-radius:50%;font-size:19px;flex-shrink:0}.cta{margin-bottom:54px;padding-top:30px}.footer-main{margin-bottom:32px}footer{padding-top:42px}.footer-bottom{color:#98afa0}
@media(max-width:1300px){.reseller-feature{margin-inline:5%;padding-inline:40px}.hero.showcase{gap:38px}header .brand{width:145px}nav a{padding-inline:10px!important}}
@media(min-width:761px) and (max-width:950px){header{gap:12px;padding-inline:3%}header .brand{width:125px}header>.button{padding-inline:12px}nav{gap:0}nav a{font-size:12px;padding-inline:8px!important}.hero.showcase{min-height:480px;padding-block:50px;gap:20px}.showcase h1,.subscription-hero.showcase h1{font-size:44px}.showcase .intro{font-size:15px}.price-card{padding:22px 19px}.plan-heading h3{font-size:18px}.connection-icon{width:38px;height:36px}.connection-icon svg{width:27px}.plan-order{font-size:12px;padding-inline:13px}.plan-description{font-size:12px}.price-amount strong{font-size:52px}}
@media(max-width:760px){html{scroll-padding-top:95px}header{min-height:76px;height:auto;display:flex;padding:13px 6%;gap:12px;flex-wrap:wrap}header .brand{width:125px}header>.button{display:none}.menu-toggle:not([hidden]){margin-left:auto;display:inline-flex;align-items:center;gap:11px;justify-content:center;min-width:91px;min-height:44px;padding:10px 12px;border:1px solid #45655277;border-radius:8px;background:#0d1c13;color:#d8eadf;font-size:13px;cursor:pointer}.menu-toggle svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none}.menu-toggle[aria-expanded=true]{border-color:#74c097}.menu-toggle[aria-expanded=true] svg{transform:rotate(90deg)}header nav{order:3;width:100%;display:grid;grid-template-columns:1fr;gap:4px;border-top:1px solid #ffffff12;padding:12px 0 2px;margin-top:1px}header[data-menu-enhanced=true]:not([data-menu-open=true]) nav{display:none}header nav a{min-height:46px;display:flex;align-items:center;padding:10px 15px!important;font-size:15px}header nav a:after{display:none}header[data-menu-open=true] nav{animation:answer-in .2s ease}.hero.showcase{padding-block:43px 36px;gap:24px;min-height:0}.showcase h1,.subscription-hero.showcase h1{font-size:44px}.showcase .intro{font-size:15px;line-height:1.8}.hero-art{max-width:430px;padding-top:9px}.television-screen img{width:31%;top:8%}.hero-art figcaption{font-size:10px}.hero-footnote{font-size:11px}.hero-actions{gap:10px}.subscription-pricing{padding-block:49px}.pricing-heading h2{font-size:30px}.duration-description{font-size:12px;text-align:left}.duration-description span{display:inline;margin-left:3px}.pricing-grid{gap:16px}.price-card{padding:27px}.plan-heading h3{font-size:23px}.price-amount strong{font-size:58px}.reseller-feature{margin:6px 6%;padding:34px 27px;gap:29px;border-radius:13px}.brand-caption{text-align:left;margin-bottom:15px;font-size:8px}.reseller-wordmark{max-width:195px}.reseller-feature h2{font-size:30px}.reseller-feature .inline-actions{gap:18px}.faq-section{padding-block:52px}.cta{margin-bottom:44px}.faqs summary{font-size:14px}.footer-main{gap:25px}.floating-contact{bottom:16px;right:16px}.currency-note{margin-top:17px}}
@media(max-width:370px){.showcase h1,.subscription-hero.showcase h1{font-size:39px}.duration-picker button{font-size:11px}.duration-description span{display:block;margin-left:0}.price-card{padding:23px}.reseller-feature{padding:30px 22px}}
.reseller-priority{margin-top:38px;border-color:#37865c;background:radial-gradient(ellipse at 12% 50%,#206b433d,transparent 60%),#0d2116;box-shadow:inset 0 1px 0 #79dea320}.reseller-priority .eyebrow{color:#7ce5b0}.reseller-priority h2{font-size:38px}.reseller-priority .brand-caption{color:#a1d7b6}.reseller-priority .button{background:#28dca1;color:#052e1c;border-color:#28dca1}
@media(max-width:760px){.reseller-priority{margin-top:25px}.reseller-priority h2{font-size:30px}.reseller-priority .inline-actions .button{width:100%;justify-content:space-between}.reseller-priority .inline-actions{gap:13px}}
.mobile-contact{display:none}.menu-toggle svg path{transform-origin:12px 12px;transition:transform .2s}.menu-line-top{transform:translateY(-4px)}.menu-line-bottom{transform:translateY(4px)}.menu-toggle[aria-expanded=true] svg{transform:none}.menu-toggle[aria-expanded=true] .menu-line-top{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-line-bottom{transform:rotate(-45deg)}
@media(max-width:760px){header nav .mobile-contact{display:flex;color:#94e6bb;border-top:1px solid #ffffff12;margin-top:6px;padding-top:14px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.hero-art .television{transform:none}}