/* HUBORA.SHOP selected white + neon-blue/violet art direction — original frontend */
:root{--hub-blue:#0879f8;--hub-purple:#8614e7;--hub-navy:#091541;--hub-grad:linear-gradient(100deg,#019ff5 0%,#1539e9 38%,#9508e8 100%)}
html{scroll-padding-top:94px}body{background:#fcfcff;color:#0b1641}h1,h2,h3{letter-spacing:-.044em}.shell{width:min(1250px,calc(100% - 56px))}.announcement{display:none}.masthead{box-shadow:0 4px 20px #1b1b5e09}.navigation{height:76px}.brand img{width:60px;height:60px}.brand-word{font-size:24px}.brand-word small{color:#373d74}.desktop-nav a{color:#152049;font-size:12px}.desktop-nav a.on{background:var(--hub-grad);color:#fff;border-radius:30px;box-shadow:0 5px 16px #662af02b}.nav-outline{color:#182d8c;border:1px solid #3a2cdf;border-radius:26px}.nav-primary{border-radius:28px;background:var(--hub-grad);box-shadow:0 6px 18px #3d2ee635}.button-main{background:var(--hub-grad);border-radius:99px;font-size:14px;box-shadow:0 8px 22px #5234e939;padding:13px 24px}.button-main:hover{box-shadow:0 10px 27px #5434ff69}.section-heading h2{font-size:clamp(29px,3.6vw,40px);margin-bottom:7px}.section-heading.center p{font-size:13px}.section-pad{padding:60px 0}.section-heading em,h1 em,h2 em{background:var(--hub-grad);background-clip:text;-webkit-background-clip:text;color:transparent}.section-overline{color:#7c20db}
/* Hero: photographed illustrated TV assets, but HTML text remains editable and responsive. */
.hub-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 94% 0,#cba2ff88,transparent 40%),radial-gradient(ellipse at 72% 90%,#b4e8ff99,transparent 49%),linear-gradient(109deg,#fff 15%,#f3f7ff 92%)}
.hub-hero:after{content:"";position:absolute;pointer-events:none;bottom:-45px;left:-2%;height:115px;width:105%;background:linear-gradient(120deg,#b3bcff72,#fff0,#7d1ddc2b);border-radius:40% 40% 0 0;transform:rotate(-2deg)}
.hub-hero-shell{position:relative;z-index:1}.hero-carousel{position:relative;height:565px}.hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:46% 54%;align-items:center;gap:0;opacity:0;visibility:hidden;transform:translateX(15px);transition:opacity .5s,transform .5s,visibility .5s}.hero-slide.active{opacity:1;visibility:visible;transform:translateX(0)}
.hub-copy{z-index:3;position:relative;padding:12px 0 12px 9px}.hub-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.15em;font-weight:900;color:#6d27db}.hub-eyebrow:before{content:'✦';font-size:12px;color:#8656f4}.hub-copy h1{font-size:clamp(44px,4.9vw,74px);font-weight:900;line-height:1.04;margin:20px 0 17px;letter-spacing:-.062em}.hub-copy h1 em{display:inline-block;font-size:1.055em}.hub-decor-line{height:5px;width:124px;border-radius:40px;background:var(--hub-grad);margin:24px 0 25px}.hub-copy p{font-size:clamp(15px,1.55vw,20px);line-height:1.55;letter-spacing:-.025em;color:#334372;max-width:435px;font-weight:600;margin:0 0 27px}.hub-copy .button-main{min-width:240px;font-weight:800;font-size:16px;padding:17px 24px;gap:15px}.play-dot{font-size:12px;color:white}.hub-quick{display:flex;gap:0;margin-top:40px}.hub-quick span{padding:0 13px;font-size:11px;font-weight:850;color:#192554;line-height:1.3;border-right:1px solid #9fa6d5}.hub-quick span:first-child{padding-left:0}.hub-quick span:last-child{border-right:0}.hero-art-wrap{height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.hero-art-wrap:after{content:'';pointer-events:none;position:absolute;inset:0;box-shadow:inset 37px 0 34px -47px #f9faff}.hero-art{width:109%;height:auto;max-height:540px;object-fit:contain;object-position:center;filter:drop-shadow(0 15px 16px #181f8028);border-radius:15px}.hub-slider-controls{z-index:5;position:absolute;right:2px;bottom:18px;display:flex;align-items:center;gap:15px}.hub-slider-controls>button{border:1px solid #d4caef;width:34px;height:34px;background:#fff;color:#6921da;font-size:25px;border-radius:50%;display:grid;place-items:center}.hero-dots{display:flex;align-items:center;gap:8px}.hero-dots button{border:0;background:#c4b7e8;width:8px;height:8px;padding:0;border-radius:10px}.hero-dots button.selected{width:24px;background:var(--hub-grad)}
.hub-category-navigation{margin-top:19px;display:grid;grid-template-columns:repeat(7,1fr);padding:16px 12px;gap:0;border-radius:21px;background:linear-gradient(95deg,#075cc8,#09245e 44%,#44128e 82%,#6a0ba0);border:2px solid #4ad8ff;box-shadow:0 8px 30px #4b24c43d,0 0 0 4px #5633f318;position:relative;z-index:3}.hub-category-navigation a{min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:3px;border-right:1px solid #ffffff42}.hub-category-navigation a:last-child{border-right:0}.hub-category-navigation a span{font-size:26px;line-height:1.15}.hub-category-navigation a b{font-size:13px}.hub-category-navigation a:hover{background:#ffffff1c;border-radius:12px}
.pricing-zone{background:transparent}.pricing-zone.section-pad{padding:58px 0 47px}.pricing-controls{margin:22px auto 26px;box-shadow:0 9px 28px #4d3af310;border-radius:18px;padding:15px 19px}.pricing-grid{gap:16px}.price-card{border-radius:20px;padding:24px 23px 20px;background:linear-gradient(180deg,#f1e6ff,#fff 31%);border:1px solid #e7dafd;min-height:480px;box-shadow:0 13px 26px #1c245015}.price-card.recommended{border:2px solid #8732fd;background:linear-gradient(150deg,#009efa 0%,#1828a7 37%,#4e10b7 74%,#a000f1 100%);color:#fff;box-shadow:0 8px 28px #5825c68a}.price-card.recommended .plan-badge,.price-card.recommended .plan-identity p,.price-card.recommended .plan-identity h3,.price-card.recommended .price-value,.price-card.recommended .price-period,.price-card.recommended .price-display>small,.price-card.recommended .plan-connections,.price-card.recommended .plan-offer-text,.price-card.recommended .plan-includes,.price-card.recommended .plan-points li{color:#fff}.price-card.recommended .plan-letter{background:#ffffff2e;border:1px solid #ffffff55}.price-card.recommended .plan-divider{background:#ffffff47}.price-card.recommended .plan-points li span{color:#fff}.price-card.recommended .choose-plan{background:#fff;color:#5619cd}.price-card.recommended .plan-badge{background:#ae2ef2;color:#fff!important;position:absolute;top:-14px;right:12px;height:auto;padding:4px 14px;border-radius:30px;box-shadow:0 4px 12px #7322e284}.price-card .plan-includes{color:#483486}.plan-letter{border-radius:10px;background:#8d2ded}.price-value{letter-spacing:-.06em}.price-card .choose-plan{border:1.5px solid #9836f3;background:white;color:#3923a4;border-radius:90px}.price-card .plan-points{margin-top:4px}.price-card .plan-points li{margin:6px 0;font-size:11px}.price-card .plan-points li span{color:#7718e9}.price-card.recommended .plan-includes{color:#fff}.price-card .plan-identity h3{font-size:23px}.sample-disclaimer{margin-top:17px}
.hub-benefits{padding:35px 0 62px}.hub-benefit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.hub-benefit{border:1px solid #e2e7f8;box-shadow:0 9px 15px #1718590b;text-align:center;border-radius:16px;padding:21px 12px;background:#fff;min-height:165px;display:flex;align-items:center;flex-direction:column}.hub-benefit>span{font:900 30px/1 'Outfit',sans-serif;background:var(--hub-grad);color:transparent;background-clip:text;margin-bottom:12px}.hub-benefit b{font-size:12px;line-height:1.3}.hub-benefit p{font-size:10px;color:#64708d;line-height:1.5;margin:9px 0 0}
.hub-sport-gallery{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:14px 0 45px}.hub-section-head{display:flex;align-items:center}.hub-section-head h2{font-size:29px;line-height:1.04;margin:9px 0 10px}.hub-section-head p{font-size:12px;color:#667087;line-height:1.5}.hub-section-head .button-main{padding:10px 18px;font-size:12px}.hub-sport-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.hub-sport-tile{position:relative;min-height:212px;border-radius:16px;overflow:hidden;background:#07183e;box-shadow:0 12px 28px #1718581c}.hub-sport-tile:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#061436ee)}.hub-sport-tile img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .3s}.hub-sport-tile:hover img{transform:scale(1.06)}.hub-sport-tile span{position:absolute;z-index:1;bottom:0;padding:12px;color:white;left:0;display:flex;flex-direction:column}.hub-sport-tile b{font-size:14px}.hub-sport-tile small{font-size:10px;color:#d6e3ff}
.channel-section.section-pad{padding:18px 0 50px}.channel-section .section-heading{margin-bottom:20px}.channel-tile{background:linear-gradient(155deg,#fff,#f5f3ff);border-color:#e4dcf6;box-shadow:0 6px 20px #371b8212}.channel-bottom{margin-top:20px}
.devices-section.section-pad{background:#f9faff;padding:49px 0}.device-grid{gap:13px}.device-item{border-radius:17px;min-height:125px;box-shadow:0 6px 15px #20256c0a}.device-item span{font-size:30px;margin-bottom:8px}.device-tip{margin-top:22px}
.hub-reviews{padding:42px 0}.hub-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.hub-review{border:1px solid #e4e7f5;border-radius:16px;padding:22px;background:#fff;box-shadow:0 9px 25px #1616520c}.hub-review>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.review-avatar{width:31px;height:31px;background:var(--hub-grad);color:white;border-radius:50%;display:grid;place-items:center;font-weight:900}.review-stars{color:#fba800;font-size:15px;margin-left:auto}.hub-review p{font-size:12px;color:#454c6c;margin:17px 0 0}.hub-review-empty{background:linear-gradient(120deg,#fff,#f5f3ff);border:1px solid #e8e2f4;border-radius:20px;padding:24px;max-width:650px;margin:0 auto;text-align:center}.hub-review-empty .empty-icon{font-size:27px;color:#9436ff}.hub-review-empty h3{font-size:20px;margin:0 0 7px}.hub-review-empty p{color:#65718c;font-size:12px;margin:0 auto 12px;max-width:510px}.hub-review-empty a{font-weight:850;color:#7023db;font-size:12px}
.hub-reseller-banner{margin-top:25px;margin-bottom:38px;display:flex;align-items:center;gap:28px;border-radius:21px;background:linear-gradient(110deg,#004bd1,#3d1388 54%,#9d0eea 100%);color:#fff;padding:28px 38px;box-shadow:0 12px 30px #3a24a630}.hub-reseller-banner .handshake{font-size:55px;line-height:1;border-right:1px solid #fff7;padding-right:26px}.hub-reseller-banner div{flex:1}.hub-reseller-banner h2{font-size:23px;margin:0 0 6px}.hub-reseller-banner h2 em{color:#e5ccff;background:none}.hub-reseller-banner p{margin:0;font-size:12px;color:#e4ddff}.hub-reseller-banner .button-main{background:linear-gradient(100deg,#008cff,#8c03e1);border:1px solid #ffffff7c;white-space:nowrap}
.faq-section{background:#fff}.final-banner{margin-top:30px;margin-bottom:45px}.footer{background:linear-gradient(115deg,#03143b,#0f0d46 55%,#1b0c51);color:#fff}.footer-main b,.footer-main p,.footer-main a{color:#e6e9ff}.footer .brand-word{color:#fff}.footer .brand-word span{color:#c16cff}.footer-bottom{border-top:1px solid #ffffff1b;color:#d9d7f2}
@media(max-width:1100px){.hub-copy h1{font-size:clamp(41px,5vw,62px)}.hub-benefit-grid{grid-template-columns:repeat(3,1fr)}.hub-sport-gallery{grid-template-columns:1fr}.hub-sport-cards{grid-template-columns:repeat(4,1fr)}.hub-sport-tile{min-height:185px}}
@media(max-width:780px){.shell{width:min(100% - 32px,700px)}.navigation{height:70px}.hero-carousel{height:700px}.hero-slide{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start}.hub-copy{padding:43px 0 10px}.hub-copy h1{font-size:clamp(41px,8vw,60px);margin:10px 0}.hub-copy p{font-size:14px;max-width:90%;margin-bottom:16px}.hub-copy .button-main{font-size:14px;min-width:0}.hub-quick{margin-top:18px}.hero-art-wrap{height:320px;overflow:hidden}.hero-art{width:100%;max-height:320px}.hub-slider-controls{bottom:8px;right:12px}.hub-category-navigation{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.hub-category-navigation a{border:0;min-height:62px}.hub-category-navigation a span{font-size:22px}.hub-category-navigation a b{font-size:11px}.hub-sport-cards{grid-template-columns:repeat(2,1fr)}.hub-sport-tile{min-height:220px}.hub-benefit-grid{grid-template-columns:repeat(3,1fr)}.hub-review-grid{grid-template-columns:1fr}.hub-reseller-banner{flex-wrap:wrap;gap:14px}.hub-reseller-banner .button-main{width:100%}}
@media(max-width:520px){.hero-carousel{height:590px}.hub-copy{padding-top:31px}.hub-copy h1{font-size:clamp(36px,10vw,47px)}.hub-copy p{font-size:13px;max-width:100%;line-height:1.5}.hub-decor-line{margin:15px 0}.hub-copy .button-main{width:auto;padding:12px 22px}.hub-quick span{font-size:9px;padding:0 8px}.hero-art-wrap{height:220px;align-items:start}.hero-art{max-height:235px;width:100%;object-fit:contain}.hub-slider-controls{bottom:12px}.hub-category-navigation{padding:10px 5px;grid-template-columns:repeat(4,1fr);border-radius:13px}.hub-category-navigation a{min-height:58px}.hub-category-navigation a b{font-size:10px}.hub-benefit-grid{grid-template-columns:repeat(2,1fr);gap:9px}.hub-benefit{padding:18px 7px}.hub-sport-gallery{gap:12px}.hub-sport-tile{min-height:170px}.hub-sport-tile b{font-size:12px}.hub-sport-tile small{font-size:9px}.hub-reseller-banner{padding:21px}.hub-reseller-banner .handshake{font-size:35px}.hub-reseller-banner h2{font-size:18px}.pricing-zone.section-pad{padding:45px 0}.hub-benefits{padding:25px 0 35px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hub-sport-tile img{transition:none}}