.hp-hero{isolation:isolate;--hp-rail-shadow-a:rgba(0,118,249,.45);--hp-rail-shadow-b:rgba(0,118,249,.22);--hp-rail-grad-1:rgba(255,255,255,.12);--hp-rail-grad-2:rgba(255,255,255,.72);--hp-rail-grad-3:rgba(77,163,255,.95);--hp-rail-grad-4:rgba(0,118,249,.5);--hp-grid-dot:rgba(255,255,255,.7);--hp-chip-bg:rgba(7,14,35,.36);--hp-chip-border:rgba(255,255,255,.32);--hp-chip-text:#fff;--hp-chip-icon:#8de3ff;--hp-reflect-a:rgba(255,255,255,.35);--hp-reflect-b:rgba(110,190,255,.22);--hp-trust-bg:rgba(255,255,255,.12);--hp-trust-border:rgba(255,255,255,.26);--hp-trust-text:rgba(255,255,255,.96);--hp-trust-icon:#bfe8ff}
.hp-hero-inner{z-index:3}
.hp-hero h1{line-height:1.1}
.hp-hero-pre{font-size:.72em;font-weight:600;letter-spacing:.2px;opacity:.92;margin-right:.3em}
.hp-brand-glow{position:relative;display:inline-block;font-weight:800;letter-spacing:.2px;color:transparent;background:linear-gradient(90deg,#ffffff 0,#d8efff 20%,#7cd3ff 45%,#ffffff 65%,#7cd3ff 85%,#ffffff 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(180,232,255,.45));animation:hpBrandShimmer 5s linear infinite,hpBrandPulse 2.8s ease-in-out infinite}
.hp-brand-glow::after{content:'';position:absolute;left:2%;right:2%;height:2px;bottom:-6px;border-radius:999px;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.85) 30%,rgba(124,211,255,.95) 50%,rgba(255,255,255,.85) 70%,transparent 100%);opacity:.9;transform-origin:center;animation:hpBrandLine 2.8s ease-in-out infinite}
.hp-ambient{position:absolute;inset:0;pointer-events:none;z-index:2}
.hp-side-rail{position:absolute;top:8%;bottom:8%;width:14px;border-radius:999px;opacity:.45;box-shadow:0 0 30px var(--hp-rail-shadow-a),0 0 70px var(--hp-rail-shadow-b);background:linear-gradient(180deg,var(--hp-rail-grad-1) 0,var(--hp-rail-grad-2) 20%,var(--hp-rail-grad-3) 55%,var(--hp-rail-grad-4) 100%)}
.hp-side-rail::before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:repeating-linear-gradient(180deg,rgba(255,255,255,.45) 0 2px,transparent 2px 8px);mix-blend-mode:overlay;opacity:.3}
.hp-side-rail-left{left:1.25rem}
.hp-side-rail-right{right:1.25rem}
.hp-side-grid{position:absolute;top:10%;bottom:10%;width:180px;opacity:.2;background-image:radial-gradient(circle,var(--hp-grid-dot) 1px,transparent 1.3px);background-size:18px 18px;animation:hpGridFloat 16s linear infinite}
.hp-side-grid-left{left:2.8rem}
.hp-side-grid-right{right:2.8rem;animation-direction:reverse}
.hp-status-chip{position:absolute;display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px;color:var(--hp-chip-text);background:var(--hp-chip-bg);border:1px solid var(--hp-chip-border);box-shadow:0 10px 26px rgba(0,0,0,.2);backdrop-filter:blur(4px);animation:hpChipFloat 5.5s ease-in-out infinite}
.hp-status-chip i{font-size:11px;color:var(--hp-chip-icon)}
.hp-chip-l1{left:3.4rem;top:20%}
.hp-chip-l2{left:3rem;top:60%;animation-delay:.8s}
.hp-chip-r1{right:3.4rem;top:24%;animation-delay:1.1s}
.hp-chip-r2{right:3rem;top:58%;animation-delay:1.7s}
.hp-hero-terminal{position:relative;overflow:visible}
.hp-hero-terminal::after{content:'';position:absolute;left:7%;right:7%;height:34px;bottom:-24px;background:radial-gradient(ellipse at center,var(--hp-reflect-a) 0,var(--hp-reflect-b) 34%,rgba(0,118,249,0) 75%);filter:blur(8px);opacity:.85;pointer-events:none}
.hp-hero-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}
.hp-trust-pill{position:relative;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.25px;color:var(--hp-trust-text);background:var(--hp-trust-bg);border:1px solid var(--hp-trust-border);box-shadow:0 10px 24px var(--hp-trust-shadow);backdrop-filter:blur(6px);transition:transform .18s ease,box-shadow .2s ease,background .2s ease;overflow:hidden}
.hp-trust-pill::before{content:'';position:absolute;left:10px;right:10px;top:1px;height:38%;border-radius:999px;background:linear-gradient(180deg,var(--hp-trust-shine) 0,transparent 100%);pointer-events:none}
.hp-trust-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;font-size:10px;color:var(--hp-trust-icon);background:var(--hp-trust-icon-bg);border:1px solid var(--hp-trust-icon-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.hp-trust-pill:hover{transform:translateY(-2px);box-shadow:0 14px 28px var(--hp-trust-shadow-hover);background:var(--hp-trust-bg-hover)}
.hp-trust-pill:active{transform:translateY(-1px)}
@keyframes hpChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes hpGridFloat{0%{transform:translateY(0)}100%{transform:translateY(-36px)}}
@keyframes hpBrandShimmer{0%{background-position:0% 50%}100%{background-position:220% 50%}}
@keyframes hpBrandPulse{0%,100%{filter:drop-shadow(0 0 7px rgba(180,232,255,.4))}50%{filter:drop-shadow(0 0 12px rgba(180,232,255,.75))}}
@keyframes hpBrandLine{0%,100%{opacity:.65;transform:scaleX(.86)}50%{opacity:1;transform:scaleX(1)}}
@media (max-width:1100px){.hp-side-grid,.hp-status-chip{display:none}.hp-side-rail{opacity:.3}}
@media (max-width:700px){.hp-side-rail{display:none}.hp-hero-trust{gap:8px}.hp-hero-trust span{font-size:11px;padding:0 10px;height:30px}}
@media (prefers-reduced-motion:reduce){.hp-status-chip,.hp-side-grid,.hp-brand-glow,.hp-brand-glow::after{animation:none!important}}
html.theme-dark .hp-hero{--hp-rail-shadow-a:rgba(0,118,249,.45);--hp-rail-shadow-b:rgba(0,118,249,.22);--hp-rail-grad-1:rgba(255,255,255,.12);--hp-rail-grad-2:rgba(255,255,255,.68);--hp-rail-grad-3:rgba(77,163,255,.92);--hp-rail-grad-4:rgba(0,118,249,.5);--hp-grid-dot:rgba(255,255,255,.62);--hp-chip-bg:rgba(5,9,20,.52);--hp-chip-border:rgba(133,191,255,.35);--hp-chip-text:#f1f6ff;--hp-chip-icon:#8de3ff;--hp-reflect-a:rgba(255,255,255,.32);--hp-reflect-b:rgba(110,190,255,.22);--hp-trust-bg:rgba(255,255,255,.12);--hp-trust-bg-hover:rgba(255,255,255,.18);--hp-trust-border:rgba(255,255,255,.26);--hp-trust-text:rgba(255,255,255,.96);--hp-trust-icon:#bfe8ff;--hp-trust-icon-bg:rgba(165,220,255,.16);--hp-trust-icon-border:rgba(191,232,255,.45);--hp-trust-shadow:rgba(0,0,0,.24);--hp-trust-shadow-hover:rgba(0,0,0,.32);--hp-trust-shine:rgba(255,255,255,.35)}
html:not(.theme-dark) .hp-hero{--hp-rail-shadow-a:rgba(0,87,198,.28);--hp-rail-shadow-b:rgba(0,87,198,.14);--hp-rail-grad-1:rgba(255,255,255,.4);--hp-rail-grad-2:rgba(255,255,255,.92);--hp-rail-grad-3:rgba(153,213,255,.88);--hp-rail-grad-4:rgba(0,118,249,.42);--hp-grid-dot:rgba(255,255,255,.5);--hp-chip-bg:rgba(255,255,255,.24);--hp-chip-border:rgba(255,255,255,.56);--hp-chip-text:#f8fbff;--hp-chip-icon:#d4f2ff;--hp-reflect-a:rgba(255,255,255,.5);--hp-reflect-b:rgba(173,220,255,.3);--hp-trust-bg:rgba(255,255,255,.9);--hp-trust-bg-hover:rgba(255,255,255,.97);--hp-trust-border:rgba(255,255,255,.96);--hp-trust-text:#0b376d;--hp-trust-icon:#0076f9;--hp-trust-icon-bg:rgba(0,118,249,.12);--hp-trust-icon-border:rgba(0,118,249,.3);--hp-trust-shadow:rgba(0,87,198,.16);--hp-trust-shadow-hover:rgba(0,87,198,.24);--hp-trust-shine:rgba(255,255,255,.65)}