@font-face{font-family:Pixel;src:url('/fonts/PressStart2P-Regular.ttf') format('truetype');font-display:swap}
:root{--cream:#f6f3eb;--paper:#fffdf7;--navy:#0d1d47;--blue:#194ec2;--pale:#e1eaff;--pink:#f75c98;--line:#b9c3d5;--muted:#57647b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--cream);color:var(--navy);font-family:Arial,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.wrap{width:min(100% - 72px,1240px);margin:auto}h1,h2,h3,p{margin-top:0}
.site-header{border-bottom:1px solid var(--navy)}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:900;letter-spacing:-.07em;white-space:nowrap}.brand-light{font-weight:700}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--blue);color:var(--paper);font:24px/1 "Arial Black",Arial,sans-serif}.nav{display:flex;gap:36px;font-size:14px;font-weight:700}.nav a:hover,.header-link:hover,.footer a:hover{color:var(--blue)}.header-link{font-size:14px;font-weight:800;white-space:nowrap}.header-link span{margin-left:6px;font-size:18px}
.hero{min-height:670px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center}.hero-copy{z-index:2;padding:64px 0 76px}.eyebrow,.section-kicker{font:10px/1.7 Pixel,monospace}.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:30px;color:var(--blue)}.pixel-spark{color:var(--pink);font-size:17px}h1{margin-bottom:24px;font-size:clamp(64px,7.1vw,112px);line-height:.99;letter-spacing:-.092em;font-weight:900}h1 span{color:var(--blue)}.hero-copy p{max-width:525px;margin-bottom:0;color:var(--muted);font-size:20px;line-height:1.48;font-weight:500}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;margin-top:38px;min-width:252px;min-height:62px;padding:0 22px;background:var(--navy);color:white;font-size:15px;font-weight:800;transition:background .15s,transform .15s}.primary-button:hover{background:var(--blue);transform:translateY(-3px)}.primary-button span{font-size:23px;font-weight:400}.hero-art{height:670px;position:relative;align-self:end;overflow:hidden}.hero-backdrop{position:absolute;inset:105px 3% 0 5%;background:var(--pale)}.hero-backdrop:before{content:"";position:absolute;inset:auto 0 0;height:125px;background:var(--blue)}.hero-art img{position:absolute;z-index:1;width:100%;height:670px;object-fit:contain;object-position:center bottom;bottom:-10px}.hero-sticker{position:absolute;z-index:2;right:10px;bottom:26px;width:102px;height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--pink);color:var(--navy);transform:rotate(8deg);font:15px/1.1 Pixel,monospace;text-align:center}.hero-sticker span{font:24px/1 Arial,sans-serif;margin-top:4px}
.live-band{background:var(--navy);color:white}.live-inner{min-height:166px;display:grid;grid-template-columns:1fr 1.35fr .85fr;align-items:center;gap:30px}.live-heading{display:flex;align-items:center;gap:18px}.live-dot{width:13px;height:13px;background:var(--pink);box-shadow:0 0 0 5px #f75c9830}.live-heading h2{font:11px/1.6 Pixel,monospace;margin:0}.live-count{display:flex;align-items:baseline;gap:17px}.live-count strong{font-size:clamp(48px,5.4vw,78px);line-height:1;font-weight:900;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.live-count span{color:#c5cee0;font-size:15px}.live-meta{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:11px}.live-meta>span{padding:7px 10px;border:1px solid var(--pink);color:#ff9dc0;font:9px/1.4 Pixel,monospace}.live-meta small{font-size:12px;color:#9fabca;text-align:right}
.status-section{background:var(--pale);padding:115px 0 125px}.status-wrap{display:grid;grid-template-columns:minmax(275px,.75fr) minmax(0,1.25fr);gap:65px}.section-kicker{display:block;color:var(--blue);margin-bottom:25px}.section-intro h2,.tariffs-head h2,.faq-aside h2{font-size:clamp(44px,5vw,70px);line-height:1.03;letter-spacing:-.075em;font-weight:900;margin-bottom:24px}.section-intro p{font-size:18px;line-height:1.5;color:var(--muted);max-width:300px;margin:0}.status-stage{position:relative}.status-controls{display:flex;margin-bottom:18px;border:1px solid var(--navy);background:var(--paper)}.status-controls button{flex:1;min-height:55px;border:0;border-right:1px solid var(--navy);padding:8px 10px;background:transparent;color:var(--navy);font-size:13px;font-weight:800;cursor:pointer}.status-controls button:last-child{border-right:0}.status-controls button:hover,.status-controls button[aria-pressed=true]{background:var(--navy);color:white}.status-card{height:342px;display:flex;flex-direction:column;justify-content:space-between;background:var(--navy);color:white;border:2px solid var(--navy);padding:27px 32px;box-shadow:9px 9px 0 var(--blue)}.status-card-top,.status-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font:10px/1.5 Pixel,monospace;color:#aab7d1}.status-indicator{display:flex;align-items:center;gap:10px;color:#a4e9cf}.status-indicator i{width:9px;height:9px;background:#62d3a3}.status-card-main{display:flex;align-items:center;gap:33px}.connection-symbol{width:66px;height:66px;flex:none;display:flex;align-items:end;gap:7px}.connection-symbol span{width:15px;background:#77e3bb}.connection-symbol span:nth-child(1){height:20px}.connection-symbol span:nth-child(2){height:39px}.connection-symbol span:nth-child(3){height:59px}.status-card h3{font-size:30px;line-height:1.15;letter-spacing:-.05em;margin-bottom:8px}.status-card p{color:#cbd5e7;margin:0;font-size:17px}.status-card-bottom{border-top:1px solid #465574;padding-top:18px}.status-card[data-mode=disconnected] .status-indicator{color:#b7c0d2}.status-card[data-mode=disconnected] .status-indicator i,.status-card[data-mode=disconnected] .connection-symbol span{background:#8998b4}.status-card[data-mode=offline] .status-indicator{color:#ff91ae}.status-card[data-mode=offline] .status-indicator i,.status-card[data-mode=offline] .connection-symbol span{background:var(--pink)}.status-mascot{position:absolute;z-index:2;right:-51px;bottom:20px;width:115px;height:165px;overflow:hidden;pointer-events:none}.status-mascot img{position:absolute;height:290px;width:auto;top:-8px;left:-35px}.network-note{margin:22px 0 0;font-size:13px;color:var(--muted)}.network-note strong{color:var(--blue)}.network-note.offline strong{color:#c82264}
.tariffs-section{padding:120px 0}.tariffs-head{display:flex;justify-content:space-between;align-items:end;gap:35px}.tariffs-head h2{margin-bottom:0}.tariffs-head p{max-width:300px;margin:0 0 7px;color:var(--muted);font-size:18px;line-height:1.5}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:185px}.plan{min-height:386px;display:flex;flex-direction:column;position:relative;background:var(--paper);border:2px solid var(--navy);padding:26px 26px 0}.plan-top{display:flex;justify-content:space-between;gap:12px;color:var(--blue);font:9px/1.5 Pixel,monospace;white-space:nowrap}.plan h3{font-size:29px;line-height:1.15;letter-spacing:-.055em;margin:62px 0 15px}.plan-price{font-size:47px;font-weight:900;line-height:1;letter-spacing:-.075em;white-space:nowrap}.plan-price span{font-size:16px;font-weight:700;letter-spacing:0;color:var(--muted)}.plan>p{font-size:14px;color:var(--muted);margin:15px 0 0}.plan-bottom{margin-top:auto;padding:21px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:800}.plan-bottom span{font-size:21px}.plan-best{background:var(--blue);color:white;box-shadow:8px 8px 0 var(--navy)}.plan-best .plan-top,.plan-best .plan-price span,.plan-best>p{color:#d7e4ff}.plan-best .plan-bottom{border-color:#7c9ce3}.plan-mascot{position:absolute;z-index:2;width:124%;height:auto;max-height:235px;object-fit:contain;bottom:calc(100% - 22px);left:-12%;pointer-events:none}.mascot-callout{position:absolute;z-index:3;right:12px;top:-123px;padding:10px 12px;background:var(--pink);color:var(--navy);font:9px/1.4 Pixel,monospace;white-space:nowrap;transform:rotate(5deg)}.price-note{margin:24px 0 0;color:var(--muted);font-size:13px}
.faq-section{background:var(--paper);border-block:1px solid var(--navy);overflow:hidden}.faq-wrap{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:80px;padding:108px 0 100px}.faq-aside{position:relative;min-height:360px}.faq-aside h2{margin-bottom:0}.faq-mascot{position:absolute;width:210px;height:220px;overflow:hidden;bottom:-100px;left:18px}.faq-mascot img{position:absolute;width:240px;height:auto;top:0;left:-10px}.faq-list{border-top:1px solid var(--navy)}.faq-list details{border-bottom:1px solid var(--navy)}.faq-list summary{list-style:none;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;font-size:19px;font-weight:800;letter-spacing:-.02em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:30px;line-height:1;color:var(--blue);font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:570px;color:var(--muted);font-size:15px;line-height:1.6;margin:0 40px 24px 0}.footer{background:var(--navy);color:white}.footer-inner{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.footer .brand-mark{background:var(--pink);color:var(--navy)}
@media(max-width:1050px){.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}h1{font-size:clamp(60px,7vw,85px)}.nav{gap:18px}.live-inner{grid-template-columns:.9fr 1.2fr 1fr}.status-wrap{gap:35px}.plans{gap:14px}.plan{padding-inline:18px}.plan-top{font-size:8px}.plan-price{font-size:39px}}
@media(max-width:760px){.wrap{width:min(100% - 40px,1240px)}.header-inner{height:72px}.nav{display:none}.header-link{font-size:12px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:78px 0 22px}.hero-art{height:min(112vw,590px)}.hero-art img{height:100%;bottom:0}.hero-backdrop{inset:65px 2% 0}.live-inner{min-height:0;grid-template-columns:1fr 1fr;gap:18px;padding-block:28px}.live-heading{grid-column:1/-1}.live-count strong{font-size:54px}.live-meta{align-self:center}.status-section{padding:86px 0 95px}.status-wrap{display:block}.section-intro{margin-bottom:45px}.section-intro p{max-width:520px}.status-mascot{right:-20px}.tariffs-section{padding:88px 0 85px}.plans{grid-template-columns:1fr;gap:16px;padding-top:60px}.plan{min-height:305px;padding:22px 25px 0}.plan h3{margin-top:35px}.plan-best{margin-top:155px}.plan-mascot{width:min(100%,430px);left:auto;right:0;bottom:calc(100% - 25px)}.mascot-callout{top:-120px}.faq-wrap{grid-template-columns:1fr;gap:35px;padding-top:85px}.faq-aside{min-height:0}.faq-mascot{display:none}.faq-list summary{font-size:17px}}
@media(max-width:480px){.wrap{width:min(100% - 32px,1240px)}.brand{font-size:18px}.brand-mark{width:31px;height:31px;font-size:21px}.header-link{font-size:11px}.eyebrow{font-size:9px}h1{font-size:clamp(50px,12.4vw,66px)}.hero-copy p{font-size:17px}.primary-button{min-height:58px;margin-top:30px}.hero-art{height:460px}.hero-backdrop{inset:60px 0 0}.hero-sticker{width:82px;height:82px;font-size:12px}.live-count{display:block}.live-count strong{font-size:48px}.live-count span{display:block;margin-top:5px;font-size:12px}.live-meta small{font-size:10px}.section-intro h2,.tariffs-head h2,.faq-aside h2{font-size:48px}.status-controls button{font-size:11px;min-height:57px;padding:7px 5px}.status-card{height:300px;padding:19px}.status-card-top,.status-card-bottom{font-size:8px}.status-card-main{gap:15px}.connection-symbol{width:45px;height:50px;gap:4px}.connection-symbol span{width:11px}.connection-symbol span:nth-child(1){height:16px}.connection-symbol span:nth-child(2){height:30px}.connection-symbol span:nth-child(3){height:44px}.status-card h3{font-size:22px}.status-card p{font-size:14px}.status-mascot{display:none}.tariffs-head{display:block}.tariffs-head p{margin:24px 0 0;font-size:16px}.plans{padding-top:35px}.plan-best{margin-top:150px}.plan-mascot{max-height:205px}.mascot-callout{top:-116px}.faq-list summary{min-height:72px;font-size:15px}.footer-inner{min-height:140px;flex-wrap:wrap}.footer-inner .brand{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
@media(max-width:760px){.faq-aside{min-height:325px}.faq-mascot{display:block;width:150px;height:180px;top:145px;bottom:auto;left:auto;right:0}.faq-mascot img{width:165px;left:-10px}}