@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#050d1a;--alt:#09182b;--surface:#112a46;--surface-2:#172f4d;--line:#294766;--text:#f8fafc;--soft:#b8c5d6;--muted:#8295ab;--blue:#2563eb;--blue-light:#3b82f6;--red:#e63946;--radius:20px;--shadow:0 22px 64px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.62;overflow-x:hidden;max-width:100vw}section{width:100%;box-sizing:border-box}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,'DM Sans',sans-serif;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,7vw,5.8rem);font-weight:700}h2{font-size:clamp(2rem,5vw,3.6rem);font-weight:700}h3{font-size:1.35rem}p{color:var(--soft)}:focus-visible{outline:2px solid #8db8ff;outline-offset:3px}.container{width:min(100% - 36px,1220px);margin-inline:auto}.narrow{max-width:830px}.skip-link{position:absolute;left:12px;top:-60px;background:var(--blue);padding:8px 14px;z-index:200}.skip-link:focus{top:12px}.eyebrow,.plan-kicker{font-size:.74rem;letter-spacing:.18em;font-weight:800;color:#7fb1ff;text-transform:uppercase}.eyebrow-line{display:inline-block;width:18px;height:2px;background:var(--blue-light);vertical-align:middle;margin-right:9px}.lead{font-size:clamp(1rem,2vw,1.2rem);max-width:650px;line-height:1.75}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:12px 22px;background:var(--blue);border:1px solid var(--blue-light);border-radius:10px;color:white;font-weight:800;font-size:.94rem;line-height:1.25;transition:background .2s,transform .2s,box-shadow .2s;white-space:normal;text-align:center}.button:hover{background:var(--blue-light);transform:translateY(-2px);box-shadow:0 10px 25px rgba(37,99,235,.26)}.button span{font-size:1.1em}.button-ghost{background:transparent;border-color:var(--line)}.button-ghost:hover{background:var(--surface)}.button-red{background:var(--red);border-color:#fa6570}.button-red:hover{background:#f04c59}.button-small{min-height:43px;padding:8px 15px;font-size:.82rem}.site-header{height:76px;background:rgba(5,13,26,.94);border-bottom:1px solid rgba(91,137,182,.17);position:relative;z-index:50}.header-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content;font-family:Outfit,sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:.03em;line-height:1}.brand>span:last-child>span{color:#6ea6ff}.brand small{display:block;color:#8ea5c0;font-family:'DM Sans',sans-serif;font-size:.48rem;letter-spacing:.19em;margin-top:5px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #6b9cff;border-radius:10px;background:linear-gradient(140deg,#174eab,#0e2c58);font-size:1.6rem;line-height:1;color:#d6e7ff;transform:rotate(-5deg)}.desktop-nav{display:none;align-items:center;gap:18px;margin-left:auto}.desktop-nav a{font-size:.82rem;color:var(--soft);font-weight:700;transition:color .2s}.desktop-nav a:hover,.footer-top a:hover{color:#74a9ff}.header-cta{display:none}.menu-toggle{margin-left:auto;width:44px;height:44px;display:grid;align-content:center;justify-content:center;gap:5px;border:1px solid var(--line);background:var(--surface);border-radius:9px}.menu-toggle span{width:19px;height:2px;background:white;display:block}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:80}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:min(85vw,350px);padding:24px;background:#0b1c31;border-left:1px solid var(--line);z-index:90;overflow-y:auto;box-shadow:var(--shadow)}.mobile-menu[hidden],.menu-overlay[hidden]{display:none}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.mobile-menu-head strong{font-family:Outfit;font-size:1.2rem}.menu-close{border:0;background:none;color:white;font-size:2rem;line-height:1}.mobile-menu>a:not(.button){display:block;padding:12px 0;border-bottom:1px solid var(--line);font-weight:700}.mobile-menu .button{margin-top:25px;width:100%}.hero{overflow:hidden;background:radial-gradient(ellipse at 70% 20%,rgba(22,74,146,.28),transparent 46%),linear-gradient(180deg,#071429,#050d1a);padding:57px 0 0}.hero-grid{display:grid;gap:26px;align-items:center}.hero-copy h1{max-width:720px;margin:20px 0 21px}.hero-copy .lead{max-width:590px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.hero-points{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:31px;color:var(--soft);font-size:.78rem;font-weight:700}.hero-points span:before{content:'✓';color:#69a2ff;margin-right:8px}.hero-visual{min-width:0}.world-map{width:100%;height:auto;object-fit:contain}.offer-card{background:linear-gradient(135deg,#112a46,#102238);border:1px solid #3d6c9e;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-top:-5px}.offer-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;color:var(--muted);font-size:.68rem;letter-spacing:.12em;font-weight:800}.offer-label{color:#ff8890}.offer-card h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:12px 0}.offer-card h2 em{font-style:normal;color:#ff7780;display:block}.offer-card p{font-size:.86rem;margin-bottom:18px}.offer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.offer-bottom small{display:block;color:var(--muted);font-size:.72rem}.offer-bottom strong{font-family:Outfit;font-size:2rem;letter-spacing:.06em;font-variant-numeric:tabular-nums}.hero-strip{display:flex;justify-content:space-between;gap:18px;overflow:auto;padding-block:27px;color:#7996b4;font-size:.7rem;white-space:nowrap;font-weight:800;letter-spacing:.14em}.section{padding:78px 0}.section-alt{background:var(--alt)}.section-head{margin-bottom:30px}.section-head h2{margin:8px 0 15px;max-width:780px}.section-head p:last-child{max-width:700px}.rail{overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent)}.rail-track{display:flex;gap:14px;width:max-content;animation:drift 50s linear infinite}.rail-item{flex:none;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 7px 20px rgba(0,0,0,.18)}.rail-item img{width:100%;height:100%;object-fit:contain}.rail-posters .rail-item{width:145px;height:214px}.rail-sports{margin-top:30px}.rail-sports .rail-item{width:175px;height:220px}.rail-previews .rail-item{width:min(76vw,560px);height:auto}.rail-devices .rail-item{width:155px;height:155px;padding:6px}.rail-reviews .rail-item{width:205px;height:260px;padding:8px}.rail-reviews .rail-item img{object-fit:contain}.rail:focus-within .rail-track,.rail:hover .rail-track{animation-play-state:paused}@keyframes drift{to{transform:translateX(-50%)}}.split{display:grid;gap:30px;align-items:center}.sport-spotlight{max-height:360px;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line)}.sport-spotlight img{width:100%;max-height:360px;object-fit:cover}.comparison-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:570px}th,td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line)}thead{background:#16395f;color:#fff}tbody tr:last-child>*{border-bottom:0}tbody th{font-weight:700;color:var(--text)}td{color:var(--soft)}tbody td:nth-child(2){color:#8ebaff;font-weight:800}.pricing-shell{background:#0b1c31;border:1px solid var(--line);border-radius:24px;padding:16px}.selector-row{display:grid;gap:18px;margin-bottom:22px}.selector-row strong{display:block;margin-bottom:10px;font-size:.9rem}.segmented{display:flex;flex-wrap:wrap;gap:7px}.segmented button{background:#142b47;border:1px solid var(--line);color:var(--soft);border-radius:8px;min-height:42px;padding:8px 13px;font-size:.8rem;font-weight:800;transition:background .2s,border-color .2s,color .2s}.segmented button:hover{border-color:#5b91da;color:white}.segmented button[aria-pressed=true]{background:var(--blue);border-color:#82b2ff;color:white}.pricing-grid,.multi-grid{display:grid;gap:14px}.plan-card,.multi-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:23px;transition:transform .2s,border-color .2s,box-shadow .2s}.plan-card:hover,.multi-card:hover,.feature-card:hover,.link-card:hover{transform:translateY(-3px);border-color:#4b7caf;box-shadow:var(--shadow)}.plan-card.featured{border-color:#4b96ff;background:linear-gradient(180deg,#153b67,#112a46);box-shadow:0 0 0 1px rgba(59,130,246,.13),0 20px 45px rgba(0,0,0,.2)}.plan-top{display:flex;justify-content:space-between;gap:6px;align-items:center;min-height:26px}.featured-badge{background:var(--red);border-radius:5px;padding:4px 8px;font-size:.63rem;font-weight:800;letter-spacing:.05em}.plan-card h3{font-size:2rem;margin:20px 0 3px}.plan-connections{font-size:.85rem;margin:0}.plan-price{display:flex;align-items:baseline;gap:7px;margin-top:23px}.plan-total,.multi-total{font-family:Outfit;font-size:clamp(2.8rem,5vw,3.6rem);font-weight:800;line-height:1}.plan-price span{color:var(--muted)}.savings{margin-top:15px}.savings strong{display:inline-block;background:#163c64;color:#a8cbff;border:1px solid #35669e;padding:5px 10px;border-radius:7px;font-size:.8rem}.savings small{display:block;color:var(--muted);line-height:1.35;margin-top:7px}.plan-equivalent,.plan-daily,.multi-equivalent,.multi-daily{font-size:.85rem;margin:10px 0 0}.plan-daily,.multi-daily{margin-top:0}.plan-card ul{list-style:none;padding:18px 0 0;margin:19px 0 0;border-top:1px solid var(--line)}.plan-card li{color:var(--soft);font-size:.83rem;padding:5px 0 5px 20px;position:relative}.plan-card li:before{content:'✓';position:absolute;left:0;color:#81c59b}.feature-link{font-size:.83rem;color:#9bc2ff;font-weight:800;margin:12px 0 20px}.plan-card .button{margin-top:auto;width:100%}.monthly-plan{margin-top:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:12px}.monthly-plan h3{margin:6px 0}.monthly-price{display:flex;align-items:baseline;gap:8px}.monthly-price small{color:var(--muted)}.monthly-plan-end .button{margin-top:12px}.pricing-note{font-size:.76rem;color:var(--muted);margin:18px 3px}.payment-strip{display:flex;justify-content:center}.payment-strip img{width:min(100%,531px);padding:9px 16px;border:1px solid var(--line);border-radius:10px;background:#142b47}.multi-card h3{font-size:2rem;margin:15px 0 5px}.duration-selector{margin:15px 0 24px}.duration-selector button{min-width:58px}.multi-total{margin-bottom:8px}.multi-savings{color:#a8cbff;font-weight:800;font-size:.83rem}.multi-bonus{color:#ffa5aa;font-weight:800;font-size:.83rem}.multi-card .button{margin-top:auto}.step-grid,.feature-grid,.link-card-grid{display:grid;gap:14px}.step-grid article,.feature-card,.link-card,.info-card,.support-panel,.contact-methods article,.contact-form,.guide-card,.article-aside{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.step-grid article>span,.guide-number{font-family:Outfit;font-size:2.2rem;color:#6ba5ff;font-weight:800}.step-grid article h3{margin:12px 0}.step-grid article p,.feature-card p{font-size:.9rem;margin-bottom:0}.center-link{text-align:center;margin-top:25px}.center-link a,.article-links a{color:#9bc2ff;font-weight:800}.rating-line{color:white;font-family:Outfit;font-weight:800;font-size:1.4rem}.rating-line span{color:var(--muted);font-family:'DM Sans';font-size:.78rem;font-weight:500}.support-grid{display:grid;gap:25px;align-items:center}.support-panel{min-height:220px}.support-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:var(--blue);font-size:2rem;font-weight:800;margin-bottom:15px}.support-panel a,.contact-methods a:not(.button){color:#9bc2ff;font-weight:700}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #457bb4;border-radius:10px;background:#183d67;color:#9bc2ff;font:800 .8rem Outfit}.feature-card h3,.feature-card h2{font-size:1.3rem;margin:18px 0 8px}.faq-list{border-top:1px solid var(--line);margin:24px 0}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 5px;cursor:pointer;font-family:Outfit;font-size:1.13rem;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#7eb0ff;font-size:1.5rem;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding:0 35px 18px 5px;margin:0;font-size:.9rem}.page-intro{padding:45px 0 68px;background:radial-gradient(ellipse at 85% 20%,rgba(22,74,146,.2),transparent 50%),var(--alt)}.breadcrumb{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.77rem;margin-bottom:38px}.breadcrumb a:hover{color:#80aeff}.page-intro h1{font-size:clamp(2.6rem,6vw,4.9rem);max-width:970px;margin:10px 0 22px}.page-intro .lead{max-width:780px}.cta-band{background:#102b4c;padding:56px 0;border-block:1px solid #1d507d}.cta-band-inner{display:grid;gap:20px;align-items:center}.cta-band h2{font-size:clamp(1.9rem,4vw,3rem);margin:7px 0}.cta-band p:last-child{margin-bottom:0}.guide-jump{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.guide-jump a{padding:7px 12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:.8rem;color:#afd0ff}.guide-list{display:grid;gap:17px}.guide-card{display:grid;gap:20px}.guide-card h2{font-size:1.7rem;margin:8px 0}.guide-card p{font-size:.86rem}.guide-card ol{margin:0;padding-left:22px}.guide-card li{padding:5px 0;color:var(--soft)}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}.review-grid figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px}.review-grid img{width:100%;max-height:540px;object-fit:contain}.review-grid figcaption{font-size:.78rem;color:var(--muted);padding:10px 3px 0}.contact-grid{display:grid;gap:18px}.contact-methods{display:grid;gap:16px}.contact-methods h2,.contact-form h2{font-size:1.7rem;margin:14px 0}.contact-form label{display:block;font-size:.82rem;font-weight:700;margin:15px 0 5px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--line);border-radius:8px;background:#071a30;color:white;min-height:44px;padding:9px 12px}.contact-form textarea{resize:vertical}.contact-form .button{margin-top:18px}.link-card{display:block;transition:transform .2s,border-color .2s,box-shadow .2s}.link-card h2{font-size:1.55rem;margin:10px 0}.link-card span:last-child{color:#9bc2ff;font-size:.82rem;font-weight:800}.article-layout{display:grid;gap:20px}.article-copy>section{padding-bottom:23px;margin-bottom:30px;border-bottom:1px solid var(--line)}.article-copy h2{font-size:1.8rem}.article-copy p{line-height:1.9}.article-links a,.article-aside a{display:block;padding:9px 0;border-bottom:1px solid var(--line)}.article-aside{align-self:start}.article-aside h2{font-size:1.35rem}.error-page{min-height:67vh;display:grid;align-items:center;padding:70px 0}.error-code{font:800 clamp(7rem,24vw,16rem)/.9 Outfit;color:#3b82f6;letter-spacing:-.08em;margin:0}.error-page h1{font-size:clamp(2.5rem,6vw,4.8rem);margin:10px 0}.site-footer{background:#06111f;border-top:1px solid var(--line);padding:55px 0 22px}.footer-top{display:grid;gap:33px}.footer-top>div:first-child p{font-size:.85rem;max-width:300px;margin:22px 0}.footer-top h3{font-size:1rem;margin-bottom:15px}.footer-top a:not(.brand){display:block;color:var(--soft);font-size:.82rem;margin:7px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:.72rem}.floating-contact{position:fixed;right:15px;bottom:15px;z-index:45;background:var(--blue);border:1px solid #7babff;color:white;border-radius:10px;padding:11px 16px;font-size:.8rem;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.35)}.activity-toast{position:fixed;z-index:44;bottom:15px;left:15px;width:min(calc(100vw - 90px),300px);display:flex;align-items:center;gap:10px;background:#0d0f14;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 13px;box-shadow:0 16px 32px rgba(0,0,0,.3);animation:toast-in .4s cubic-bezier(.2,.9,.3,1.2)}.activity-toast[hidden]{display:none}.toast-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:#1b3455;color:#b8d5ff;font-weight:800}.toast-copy{font-size:.74rem;line-height:1.35;color:var(--soft)}.toast-copy strong{display:block;color:white;font-size:.8rem}.activity-toast button{align-self:flex-start;margin-left:auto;background:none;border:0;color:#aab2be;font-size:1.1rem;line-height:1}@keyframes toast-in{from{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}
@media(min-width:700px){.container{width:min(100% - 52px,1220px)}.hero{padding-top:78px}.hero-grid,.split,.support-grid{grid-template-columns:1fr 1fr}.hero-grid{gap:30px}.pricing-grid,.multi-grid,.step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.link-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selector-row{grid-template-columns:1fr 1fr}.monthly-plan{grid-template-columns:1fr auto auto;align-items:center}.monthly-plan-end{text-align:right}.guide-card{grid-template-columns:1fr 1.4fr}.contact-grid{grid-template-columns:.85fr 1.15fr}.article-layout{grid-template-columns:minmax(0,1fr) 260px}.cta-band-inner{grid-template-columns:1fr auto}.footer-top{grid-template-columns:1.35fr 1fr 1fr 1fr}.rail-posters .rail-item{width:180px;height:268px}.rail-reviews .rail-item{width:235px;height:285px}}
@media(min-width:1120px){.desktop-nav,.header-cta{display:flex}.menu-toggle{display:none}.hero-grid{grid-template-columns:1.06fr .94fr;gap:46px}.hero{padding-top:90px}.hero-copy h1{font-size:clamp(3.8rem,5.2vw,5.8rem)}.section{padding:98px 0}.pricing-shell{padding:25px}.plan-card{padding:27px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:699px){.hero-copy h1{font-size:clamp(2.55rem,11vw,3.75rem)}.hero{padding-top:57px}.hero-actions .button{flex:1 1 140px}.offer-bottom .button{width:100%}.rail-track{gap:10px}.pricing-shell{padding:12px}.segmented button{padding:8px 10px;min-height:40px}.currency-selector button{min-width:47px}.page-intro{padding-top:30px}.section{padding:65px 0}.support-panel{min-height:0}.floating-contact{bottom:max(12px,env(safe-area-inset-bottom));right:12px}.activity-toast{bottom:max(12px,env(safe-area-inset-bottom));left:12px;width:min(calc(100vw - 100px),265px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.rail-track{animation:none;max-width:100vw;overflow-x:auto}}
.rail-logos{padding-bottom:20px}.rail-logos .rail-track{animation-duration:65s}.rail-logos .rail-item{width:135px;height:76px;padding:4px;background:#10223a}.rail-logos .rail-item img{object-fit:contain}.support-gallery-label{margin-top:35px}.support-gallery-label p{font-size:.78rem;color:var(--muted)}.rail-chats .rail-item{width:150px;height:320px;padding:5px}.rail-chats .rail-item img{object-fit:contain}
.rail .rail-track,.rail:hover .rail-track{animation-play-state:paused}.rail.is-visible .rail-track,.rail.is-visible:hover .rail-track{animation-play-state:running}@keyframes drift{to{transform:translateX(calc(-50% - 7px))}}@media(max-width:699px){.rail-track{gap:10px}@keyframes drift{to{transform:translateX(calc(-50% - 5px))}}}
