.hub-hero{padding:calc(var(--header) + 68px) 0 80px;min-height:760px}.hub-hero .hero-grid{min-height:620px}.hub-hero h1{font-size:clamp(45px,5.5vw,72px)}.hub-hero .core{width:92px;height:92px}.hub-hero .core span{font-size:18px;margin-top:15px}
.coupon-strip{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;margin-top:24px;padding:11px;border:1px solid #394550;background:#101820}.coupon-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--blue);color:#06111a;font-weight:900}.coupon-strip div{display:grid}.coupon-strip small{color:#8996a0;font-size:9px}.coupon-strip strong{color:var(--amber);font:900 16px/1.1 ui-monospace,monospace}.coupon-strip p{margin:0;color:#aeb8c0;font-size:12px}.coupon-strip button{height:36px;padding:0 13px;border:1px solid var(--amber);background:transparent;color:var(--amber);font-size:11px;font-weight:800;cursor:pointer}.coupon-strip button.copied{background:var(--green);border-color:var(--green);color:#07110c}
.hub-section{position:relative}.hub-section.alt{background:#0b0f14}.hub-metric-grid,.node-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hub-metric,.node-preview{min-height:255px;padding:28px;border:1px solid var(--line);background:var(--surface)}.hub-metric>span{color:#74818c;font:800 10px ui-monospace,monospace}.hub-metric>strong{display:block;margin:30px 0 6px;color:var(--amber);font:800 38px ui-monospace,monospace}.hub-metric h3{margin:0 0 10px;font-size:20px}.hub-metric p{color:var(--muted);font-size:13px}.hub-jump{display:flex;align-items:center;justify-content:space-between;min-height:62px;margin-top:16px;padding:0 20px;border:1px solid #44515d;background:#111820;color:#e8edf0;font-weight:750}.hub-jump b{color:var(--amber);font-size:17px}.hub-jump:hover{border-color:var(--amber)}.hub-jump-blue{border-color:#315b7b}.hub-jump-blue b{color:var(--blue)}
.node-preview header{display:flex;align-items:center;gap:9px}.node-preview header i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.node-preview header span{font-weight:800}.node-preview header b{margin-left:auto;color:#8e9aa4;font:700 9px ui-monospace,monospace}.node-preview>strong{display:block;margin:27px 0 7px;color:#eef4f7;font:800 38px ui-monospace,monospace}.node-preview p{min-height:48px;color:#8f9ba5;font-size:12px}.node-preview footer{padding-top:15px;border-top:1px solid var(--line);color:var(--amber);font-size:11px}.hub-pricing .price-card ul{min-height:135px}.hub-pricing .price-card .button{font-size:12px}
.hub-platforms{border:1px solid #35414c}.client-quick-panel{display:grid;grid-template-columns:80px 1fr 1fr;align-items:center;gap:28px;padding:34px;border:1px solid #35414c;border-top:0;background:#10161c}.client-symbol{display:grid;place-items:center;width:68px;height:68px;background:var(--blue);color:#07111a;font:900 20px ui-monospace,monospace}.client-quick-panel small{color:#77848e;font-size:10px}.client-quick-panel h3{margin:3px 0;font-size:22px}.client-quick-panel p{margin:0;color:var(--muted);font-size:13px}.client-quick-panel ol{display:grid;gap:7px;margin:0;padding-left:22px;color:#b7c0c7;font-size:13px}
.knowledge-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.featured-faq,.featured-reading{border:1px solid var(--line);background:var(--surface)}.featured-faq details{border-bottom:1px solid var(--line)}.featured-faq summary{position:relative;padding:20px 48px 20px 20px;cursor:pointer;font-weight:750;list-style:none}.featured-faq summary span::before,.featured-faq summary span::after{content:"";position:absolute;right:20px;top:30px;width:14px;height:1px;background:var(--amber)}.featured-faq summary span::after{transform:rotate(90deg)}.featured-faq details[open] summary span::after{transform:none}.featured-faq p{margin:0;padding:0 20px 20px;color:var(--muted);font-size:13px;line-height:1.85}.featured-reading>a:not(.knowledge-link){display:grid;grid-template-columns:1fr auto;gap:5px 18px;padding:18px 20px;border-bottom:1px solid var(--line)}.featured-reading small{grid-column:1;color:#76838d;font-size:9px}.featured-reading strong{font-size:14px}.featured-reading span{grid-column:2;grid-row:1/3;align-self:center;color:var(--amber);font-size:11px}.knowledge-link{display:block;padding:18px 20px;color:var(--blue);font-weight:800;font-size:12px}.hub-final{padding:70px 0;background:#eef2f4;color:#0b0e12}.hub-final .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.hub-final h2{max-width:760px;margin:10px 0 0;font-size:clamp(32px,4vw,52px);line-height:1.15}.hub-final .kicker{color:#725800}
@media(max-width:900px){.hub-metric-grid,.node-preview-grid{grid-template-columns:1fr 1fr}.coupon-strip{grid-template-columns:auto 1fr auto}.coupon-strip p{display:none}.client-quick-panel{grid-template-columns:70px 1fr}.client-quick-panel ol{grid-column:1/-1}.knowledge-split{grid-template-columns:1fr}}
@media(max-width:720px){.hub-hero{padding-top:105px}.hub-metric-grid,.node-preview-grid{grid-template-columns:1fr}.coupon-strip{grid-template-columns:auto 1fr}.coupon-strip button{grid-column:1/-1}.client-quick-panel{grid-template-columns:1fr}.client-symbol{width:54px;height:54px}.hub-final .container{display:block}.hub-final .button{margin-top:24px;width:100%}}

/* Original anime character artwork integrated into the hero background. */
.hub-hero{position:relative;isolation:isolate}
.hub-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,11,15,.99) 0%,rgba(8,11,15,.97) 32%,rgba(8,11,15,.74) 56%,rgba(8,11,15,.38) 78%,rgba(8,11,15,.62) 100%),linear-gradient(0deg,#080b0f 0%,transparent 28%,rgba(8,11,15,.12) 100%);pointer-events:none}
.hub-hero .hero-grid{position:relative;z-index:2}
.hero-character{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;opacity:.88;filter:saturate(.72) contrast(1.12)}
.hero-character::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,transparent 0%,rgba(8,11,15,.08) 33%,rgba(8,11,15,.65) 100%)}
.hero-character img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hub-hero .hero-copy{position:relative;z-index:3;text-shadow:0 2px 18px rgba(0,0,0,.82)}
.hub-hero .hero-copy p,.hub-hero .trust-row{text-shadow:0 2px 10px #080b0f}
.hub-hero .network-visual{background:rgba(9,14,19,.7);backdrop-filter:blur(3px)}
.field-report{align-self:center;border:1px solid #35414c;background:rgba(10,15,20,.84);backdrop-filter:blur(5px)}.field-report header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #35414c}.field-report header div{display:grid;gap:4px}.field-report header small{color:#7f8b94;font-size:10px}.field-report header strong{font-size:18px}.field-report header>span{color:#72d7a7;font-size:11px}.field-report header i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#52e39a}.field-route>div{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:14px;padding:21px 22px;border-bottom:1px solid #29343d}.field-route b{font-size:15px}.field-route span{color:#89959e;font-size:12px}.field-route strong{font:800 18px ui-monospace,monospace}.field-note{display:grid;grid-template-columns:repeat(3,1fr)}.field-note span{display:grid;gap:5px;padding:18px;border-right:1px solid #29343d;color:#77848d;font-size:9px}.field-note span:last-child{border-right:0}.field-note strong{color:#edf2f5;font:800 17px ui-monospace,monospace}.field-report footer{padding:13px 20px;border-top:1px solid #29343d;color:#77848d;font-size:10px;line-height:1.6}
.hub-section .section-heading h2{font-size:clamp(34px,4vw,52px)}.hub-metric,.node-preview,.price-card,.featured-faq,.featured-reading{box-shadow:none}.hero-character{opacity:.68;filter:saturate(.55) contrast(1.04)}
html[data-theme="light"] .hub-hero::before{background:linear-gradient(90deg,rgba(244,241,234,.99) 0%,rgba(244,241,234,.96) 38%,rgba(244,241,234,.74) 66%,rgba(244,241,234,.58) 100%),linear-gradient(0deg,#f4f1ea 0%,transparent 28%)}html[data-theme="light"] .hub-hero .hero-copy{color:#172028;text-shadow:none}html[data-theme="light"] .hub-hero .hero-copy p,html[data-theme="light"] .hub-hero .trust-row{text-shadow:none}html[data-theme="light"] .field-report{background:rgba(255,255,255,.9);border-color:#bcc7cd}html[data-theme="light"] .field-report header,html[data-theme="light"] .field-route>div,html[data-theme="light"] .field-note span,html[data-theme="light"] .field-report footer{border-color:#d5dade}html[data-theme="light"] .field-note strong{color:#172028}html[data-theme="light"] .coupon-strip,html[data-theme="light"] .hub-metric,html[data-theme="light"] .node-preview,html[data-theme="light"] .client-quick-panel,html[data-theme="light"] .featured-faq,html[data-theme="light"] .featured-reading{background:#fff}
@media(max-width:900px){.hero-character{opacity:.58}.hero-character img{object-position:68% center}.hub-hero::before{background:linear-gradient(90deg,rgba(8,11,15,.99) 0%,rgba(8,11,15,.94) 58%,rgba(8,11,15,.52) 100%),linear-gradient(0deg,#080b0f 0%,transparent 30%)}}
@media(max-width:720px){.hero-character{opacity:.4}.hero-character img{object-position:72% center}.hub-hero::before{background:linear-gradient(90deg,rgba(8,11,15,.99) 0%,rgba(8,11,15,.96) 72%,rgba(8,11,15,.72) 100%),linear-gradient(0deg,#080b0f 0%,transparent 28%)}}
