:root{--primary:#FF6C3A;--primary-dark:#E55A2F;--primary-light:#FFE2D8;--accent-blue:#3AB5FF;--text-dark:#1F1F1F;--text-light:#6B6B6B;--bg-soft:#FFF7F4}.hub-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#04091e 0,#080f2e 40%,#0b1640 100%)}.hub-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.07) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;animation:orbPulse 6s ease-in-out infinite alternate}.orb1{top:-150px;left:-150px;width:500px;height:500px;background:#6366f1}.orb2{right:-100px;bottom:-100px;width:400px;height:400px;background:#06b6d4;animation-delay:2s}.orb3{top:50%;left:50%;width:300px;height:300px;background:#8b5cf6;transform:translate(-50%,-50%);animation-delay:4s}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.4px;border:1px solid;transition:transform .3s,box-shadow .3s;cursor:default;white-space:nowrap}.badge:hover{transform:translateY(-3px)}.badge-blue{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.5);color:#a5b4fc}.badge-cyan{background:rgba(6,182,212,.15);border-color:rgba(6,182,212,.5);color:#67e8f9}.badge-purple{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.5);color:#c4b5fd}.badge-green{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.5);color:#6ee7b7}.badge-orange{background:rgba(249,115,22,.15);border-color:rgba(249,115,22,.5);color:#fdba74}.badge-pink{background:rgba(236,72,153,.15);border-color:rgba(236,72,153,.5);color:#f9a8d4}.diagram-container{position:relative;width:100%;max-width:1100px;margin:60px auto 0}.hub-canvas-area{position:relative;width:100%;height:680px;overflow:hidden}.center-hub{position:absolute;top:50%;left:50%;width:160px;height:160px;transform:translate(-50%,-50%);z-index:10}.center-hub-inner{position:relative;z-index:2;display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:3px solid rgba(99,102,241,.8);background:linear-gradient(135deg,#312e81,#1e1b4b);text-align:center;box-shadow:0 0 0 10px rgba(99,102,241,.08),0 0 0 22px rgba(99,102,241,.05),0 0 60px rgba(99,102,241,.4),0 0 120px rgba(99,102,241,.15);animation:hubPulse 3s ease-in-out infinite;cursor:default}.hub-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1.5px dashed rgba(99,102,241,.35);transform:translate(-50%,-50%);animation:spin 18s linear infinite}.hub-ring-1{width:190px;height:190px}.hub-ring-2{width:220px;height:220px;animation-direction:reverse;animation-duration:25s;border-color:rgba(6,182,212,.2)}.center-hub-logo{font-size:13px;font-weight:800;color:#e0e7ff;line-height:1.1;letter-spacing:-.3px}.center-hub-sub{margin-top:4px;font-size:9px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:#818cf8}.center-hub-icon{margin-bottom:6px;font-size:28px;filter:drop-shadow(0 0 8px rgba(99,102,241,.8))}.sat-node{position:absolute;z-index:8;cursor:pointer;transform:translate(-50%,-50%);transition:transform .3s}.sat-node:hover{transform:translate(-50%,-50%) scale(1.12)}.sat-node:hover .node-card{border-color:rgba(255,255,255,.5);box-shadow:0 0 30px rgba(99,102,241,.5)}.node-card{position:relative;min-width:100px;overflow:hidden;border:1.5px solid rgba(99,102,241,.3);border-radius:14px;background:rgba(15,23,42,.85);padding:10px 14px;text-align:center;backdrop-filter:blur(12px);transition:border-color .3s,box-shadow .3s}.node-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.08),transparent);opacity:0;transition:opacity .3s}.sat-node:hover .node-card::before{opacity:1}.node-icon{display:block;margin-bottom:4px;font-size:22px}.node-label{font-size:10.5px;font-weight:700;color:#e2e8f0;letter-spacing:.2px;white-space:nowrap}.node-sub{margin-top:2px;font-size:9px;color:#64748b;white-space:nowrap}.node-card.cyan{border-top:2px solid #06b6d4}.node-card.purple{border-top:2px solid #8b5cf6}.node-card.green{border-top:2px solid #10b981}.node-card.orange{border-top:2px solid #f97316}.node-card.pink{border-top:2px solid #ec4899}.node-card.blue{border-top:2px solid #3b82f6}.node-card.yellow{border-top:2px solid #eab308}.node-card.red{border-top:2px solid #ef4444}.node-card.teal{border-top:2px solid #14b8a6}.node-card.indigo{border-top:2px solid #6366f1}#connectionSvg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.hub-tooltip{position:fixed;z-index:1000;max-width:200px;padding:10px 14px;border:1px solid rgba(99,102,241,.4);border-radius:10px;background:rgba(15,23,42,.95);color:#e2e8f0;font-size:12px;box-shadow:0 10px 40px rgba(0,0,0,.5);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .2s}.hub-tooltip.visible{opacity:1}.hub-tooltip strong{display:block;margin-bottom:4px;color:#a5b4fc}.stat-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.03);padding:24px 20px;text-align:center;transition:transform .3s,border-color .3s,box-shadow .3s}.stat-card::before{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#6366f1,#06b6d4)}.stat-card:hover{transform:translateY(-6px);border-color:rgba(99,102,241,.3);box-shadow:0 20px 40px rgba(0,0,0,.3)}.stat-num{font-size:36px;font-weight:900;background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.03);padding:40px;backdrop-filter:blur(10px)}.content-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.6),rgba(6,182,212,.6),transparent)}.section-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;border:1px solid rgba(99,102,241,.3);border-radius:999px;background:rgba(99,102,241,.12);padding:6px 16px;color:#818cf8;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes gridMove{0%{transform:translateY(0)}100%{transform:translateY(50px)}}@keyframes orbPulse{from{opacity:.12;transform:scale(1)}to{opacity:.25;transform:scale(1.15)}}@keyframes hubPulse{0%,100%{box-shadow:0 0 0 10px rgba(99,102,241,.08),0 0 0 22px rgba(99,102,241,.05),0 0 60px rgba(99,102,241,.4),0 0 120px rgba(99,102,241,.15)}50%{box-shadow:0 0 0 14px rgba(99,102,241,.12),0 0 0 30px rgba(99,102,241,.07),0 0 80px rgba(99,102,241,.6),0 0 160px rgba(99,102,241,.2)}}@keyframes spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes dashFlow{from{stroke-dashoffset:0}to{stroke-dashoffset:-40}}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes marquee2{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.animate-marquee{animation:marquee 30s linear infinite}.animate-marquee2{animation:marquee2 30s linear infinite}@media (max-width:900px){.step-connector{display:none}}@media (max-width:768px){.hub-canvas-area{height:520px}.center-hub,.center-hub-inner{width:110px;height:110px}.hub-ring-1{width:140px;height:140px}.hub-ring-2{width:165px;height:165px}.node-card{min-width:76px;padding:7px 10px}.node-icon{font-size:16px}.node-label{font-size:8.5px}.node-sub{display:none}}@media (max-width:640px){section{padding-left:16px!important;padding-right:16px!important}}.seamless-section{background:linear-gradient(135deg,#04091e 0,#09102b 42%,#121938 100%)}.seamless-grid{background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:42px 42px;animation:gridMove 18s linear infinite}.seamless-orb{position:absolute;border-radius:999px;filter:blur(90px);opacity:.16;animation:orbPulse 8s ease-in-out infinite alternate}.seamless-orb-one{top:5%;right:5%;width:22rem;height:22rem;background:rgba(255,108,58,.35)}.seamless-orb-two{left:3%;bottom:12%;width:16rem;height:16rem;background:rgba(59,130,246,.32);animation-delay:2s}.seamless-orb-three{top:48%;left:42%;width:11rem;height:11rem;background:rgba(255,108,58,.22);animation-delay:4s}.seamless-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.seamless-reveal.is-visible{opacity:1;transform:translateY(0)}.seamless-panel{border:1px solid rgba(255,255,255,.08);border-radius:28px;background:rgba(15,23,42,.68);padding:28px;backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(2,6,23,.28)}.seamless-search-wrap{position:relative}.seamless-search-box{display:flex;align-items:center;gap:12px;border:1px solid rgba(148,163,184,.18);border-radius:22px;background:rgba(2,6,23,.55);padding:10px 12px 10px 16px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.seamless-search-wrap.is-focused .seamless-search-box{border-color:rgba(255,108,58,.55);background:rgba(15,23,42,.88);box-shadow:0 0 0 4px rgba(255,108,58,.12)}.seamless-suggestions{position:absolute;left:0;right:0;top:calc(100% + 12px);display:none;flex-direction:column;gap:4px;border:1px solid rgba(148,163,184,.18);border-radius:20px;background:rgba(2,6,23,.96);padding:8px;box-shadow:0 20px 45px rgba(2,6,23,.35);z-index:20}.seamless-search-wrap.is-focused.has-results .seamless-suggestions{display:flex}.seamless-suggestion{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:14px;background:0 0;color:#e2e8f0;cursor:pointer;padding:10px 12px;text-align:left;transition:background .2s ease,color .2s ease}.seamless-suggestion:hover{background:rgba(255,108,58,.12);color:#fff}.seamless-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:#cbd5e1;font-size:13px;font-weight:500;padding:10px 16px;transition:border-color .2s ease,background .2s ease,color .2s ease}.seamless-pill:hover{border-color:rgba(255,108,58,.3);background:rgba(255,108,58,.1);color:#fff}.seamless-marquee{animation:seamlessMarquee 28s linear infinite}.seamless-brand-pill{white-space:nowrap;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.04);color:#cbd5e1;font-size:14px;font-weight:500;padding:10px 20px}.tpc-stat-card{background:rgba(255,255,255,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,108,58,.18);border-radius:1rem;padding:1.75rem;transition:box-shadow .3s ease,transform .3s ease}.tpc-stat-card:hover{box-shadow:0 8px 32px rgba(255,108,58,.18);transform:translateY(-4px)}.tpc-marquee-track{display:flex;width:max-content;animation:tpcMarquee 32s linear infinite}.tpc-marquee-track:hover{animation-play-state:paused}.tpc-logo-pill{display:flex;align-items:center;justify-content:center;min-width:130px;height:52px;margin:0 .75rem;border:1px solid rgba(0,0,0,.07);border-radius:9999px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:.6rem 1.6rem;transition:box-shadow .2s ease}.tpc-logo-pill:hover{box-shadow:0 4px 18px rgba(255,108,58,.22)}.tpc-carousel-track{display:flex;transition:transform .45s cubic-bezier(.4, 0, .2, 1)}.tpc-slide{flex:0 0 calc(33.333% - 1rem);margin-right:1.5rem}.tpc-problem-card{display:flex;flex-direction:column;height:100%;border:1px solid rgba(0,0,0,.06);border-radius:1.25rem;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.07);padding:2rem 1.75rem 1.6rem;transition:box-shadow .3s ease,transform .3s ease}.tpc-problem-card:hover{box-shadow:0 8px 32px rgba(255,108,58,.16);transform:translateY(-4px)}.tpc-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1.5px solid #d1d5db;border-radius:999px;background:#fff;color:#374151;transition:border-color .2s ease,background .2s ease,color .2s ease}.tpc-nav-btn:hover{border-color:#ff6c3a;background:#fff5f1;color:#ff6c3a}.tpc-nav-btn:disabled{opacity:.35;cursor:default}.tpc-dot{width:8px;height:8px;border-radius:999px;background:#d1d5db;transition:background .2s ease,width .2s ease}.tpc-dot.active{width:24px;background:#ff6c3a}.tpc-cta-pill{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:1.5rem;border:0;border-radius:999px;background:#ff6c3a;transition:background .2s ease,transform .2s ease}.tpc-cta-pill:hover{background:#e5552a;transform:translateX(3px)}.tab-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#475569;font-size:14px;font-weight:700;line-height:1.4;padding:.9rem 1.2rem;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease,background .2s ease}.tab-btn.active,.tab-btn:hover{border-color:rgba(255,108,58,.28);background:#fff7f4;color:#ff6c3a;box-shadow:0 10px 24px rgba(255,108,58,.12)}.tab-panel{display:none}.tab-panel.active{display:grid}.product-cta{border-radius:999px;background:#0f172a;color:#fff;font-size:14px;font-weight:700;padding:.95rem 1.3rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.product-cta:hover{background:#1e293b;box-shadow:0 14px 32px rgba(15,23,42,.16);transform:translateY(-2px)}.product-barcode span{display:block;width:2px;height:40px;background:#fff}.product-barcode span.dark{background:#0f172a}.product-barcode span.thin{width:1px}.product-barcode span.wide{width:3px}@keyframes seamlessMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes tpcMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (max-width:1024px){.tpc-slide{flex:0 0 calc(50% - 0.75rem)}}@media (max-width:768px){.seamless-panel{padding:22px}}@media (max-width:640px){.seamless-orb-one{width:16rem;height:16rem}.seamless-orb-two{width:12rem;height:12rem}.seamless-orb-three{display:none}.seamless-search-box{padding:8px 8px 8px 14px}.seamless-brand-pill{padding:9px 16px;font-size:13px}.tpc-slide{flex:0 0 100%;margin-right:0}.tab-btn{width:100%;justify-content:center}}