/* home.css — homepage hero and home-only sections (hero is always dark) */
.hero{position:relative;overflow:hidden;background:#04070d;color:#f3f6fb;isolation:isolate;padding-block:var(--sp-8) var(--sp-9)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(55% 80% at 85% 20%,rgba(47,143,255,.40),transparent 62%),radial-gradient(40% 60% at 5% 95%,rgba(155,115,255,.28),transparent 62%),radial-gradient(35% 50% at 60% 100%,rgba(255,107,135,.14),transparent 65%)}
.hero::after{content:"";position:absolute;right:-8%;top:-10%;width:58%;height:130%;z-index:-1;background:linear-gradient(135deg,rgba(25,211,255,.18),rgba(47,143,255,.03));clip-path:polygon(28% 0,100% 0,72% 50%,100% 100%,28% 100%,56% 50%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--sp-7);align-items:center}
.hero .badge{margin-bottom:var(--sp-5)}
.hero h1{color:#f3f6fb;margin-bottom:var(--sp-5);font-size:clamp(2.5rem,5vw,4.2rem);text-wrap:balance}
.hero h1 span{display:block}
.hero-lede{color:#b7c1d6;font-size:var(--fs-400);max-width:54ch;margin-bottom:var(--sp-6)}
.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid rgba(255,255,255,.14)}
.hero-fact strong{display:block;font-family:var(--font-display);font-weight:800;font-size:var(--fs-400);color:#fff}
.hero-fact span{display:block;color:#9aa6bf;font-size:var(--fs-100);margin-top:2px}
.hero-fact:nth-child(1) strong{color:var(--cyan)}
.hero-fact:nth-child(2) strong{color:#c4b0ff}
.hero-fact:nth-child(3) strong{color:#ff9bb0}

.showcase{position:relative;max-width:520px;margin-inline:auto;width:100%}
.showcase-frame{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 6px rgba(47,143,255,.08);background:#000}
.showcase-frame img{width:100%;height:auto}
.float-chip{position:absolute;display:inline-flex;align-items:center;gap:var(--sp-2);padding:10px 16px;border-radius:999px;background:rgba(8,13,26,.92);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);font-family:var(--font-display);font-weight:700;font-size:var(--fs-200);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.45);white-space:nowrap;animation:bob 6s ease-in-out infinite}
.float-chip::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c,var(--cyan));box-shadow:0 0 12px var(--c,var(--cyan))}
.float-chip--1{--c:var(--primary);left:-6%;top:10%}
.float-chip--2{--c:var(--violet);right:-5%;top:46%;animation-delay:-2s}
.float-chip--3{--c:var(--coral);left:4%;bottom:-4%;animation-delay:-4s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.video-fact{display:flex;gap:var(--sp-3);align-items:center;margin-top:var(--sp-5)}
.home-contact{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-7);align-items:center}