/* home.css — homepage-only presentation. Served separately so the HTML stays small and this CSS can
   use the shared content-fingerprint / immutable-cache contract. */

.home-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 14px;
  border-radius:999px;border:1px solid var(--nd-border,#353b46);background:var(--nd-surface,#1b1e24);
  font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--nd-text-soft,#c7ccd6)}
.home-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--nd-accent,#ffb63b);
  box-shadow:0 0 0 4px var(--nd-tint-2,rgba(255,182,59,.18))}
.home-grad{background:linear-gradient(115deg,var(--nd-accent,#ffb63b),var(--nd-accent-deep,#f2a900));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.home-lead{font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.6;color:var(--nd-text-soft,#c7ccd6);max-width:60ch}

.hero{position:relative;overflow:hidden;padding:clamp(64px,9vw,124px) 0 clamp(56px,7vw,104px)}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(60% 70% at 78% -10%,var(--nd-tint-2,rgba(255,182,59,.16)),transparent 60%),
    radial-gradient(50% 60% at 8% 110%,var(--nd-tint-1,rgba(255,182,59,.10)),transparent 55%)}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--nd-line,#2a2f39) 1px,transparent 1px),
    linear-gradient(90deg,var(--nd-line,#2a2f39) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 78%);
  mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 78%)}
.hero .container{position:relative;z-index:1}
.hero h1{margin:0 0 18px;font-size:clamp(2.2rem,5.4vw,4rem);line-height:1.04;letter-spacing:-.02em;
  font-weight:800;color:var(--nd-text-strong,#fff);max-width:16ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-cta .btn,.btn--lg{padding:13px 26px;font-size:.98rem}
.hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;margin-top:38px;
  padding-top:24px;border-top:1px solid var(--nd-line,#2a2f39)}
.hero-trust .tnum{font-weight:800;color:var(--nd-text-strong,#fff)}
.hero-trust span{font-size:.92rem;color:var(--nd-muted,#9aa3b2)}
.hero-trust b{color:var(--nd-accent-text,#ffb63b)}

.home-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:min(440px,84%);gap:20px;
  overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  padding:6px 4px 16px;scrollbar-width:thin}
.home-carousel figure{margin:0;scroll-snap-align:center;position:relative}
.home-carousel a{display:block;border-radius:var(--nd-radius,14px);overflow:hidden;
  border:1px solid var(--nd-line,#2a2f39);box-shadow:var(--nd-shadow-1,0 6px 18px rgba(0,0,0,.28));
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.home-carousel a:hover{transform:translateY(-4px);box-shadow:var(--nd-shadow-2,0 18px 48px rgba(0,0,0,.55));
  border-color:var(--nd-accent,#ffb63b)}
.home-carousel img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
.home-carousel figcaption{margin-top:10px;font-size:.86rem;color:var(--nd-muted,#9aa3b2);line-height:1.4}

.sec-head{max-width:62ch;margin:0 0 38px}
.sec-head h2{margin:0 0 12px;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.12;letter-spacing:-.01em;
  font-weight:800;color:var(--nd-text-strong,#fff)}
.sec-head p{margin:0;font-size:1.04rem;line-height:1.6;color:var(--nd-text-soft,#c7ccd6)}
.sec-head--center{margin-left:auto;margin-right:auto;text-align:center}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature-card{position:relative;background:var(--nd-surface,#1b1e24);border:1px solid var(--nd-border,#353b46);
  border-radius:var(--nd-radius,14px);padding:26px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--nd-shadow-2,0 18px 48px rgba(0,0,0,.55));
  border-color:var(--nd-accent,#ffb63b)}
.feature-ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;
  border-radius:12px;background:var(--nd-tint-2,rgba(255,182,59,.14));margin-bottom:16px}
.feature-ico svg{width:24px;height:24px;fill:none;stroke:var(--nd-accent,#ffb63b);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.feature-card h3{margin:0 0 8px;font-size:1.14rem;font-weight:700;color:var(--nd-text-strong,#fff)}
.feature-card p{margin:0;font-size:.96rem;line-height:1.55;color:var(--nd-text-soft,#c7ccd6)}

.home-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.home-split h2{margin:0 0 14px;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.14;font-weight:800;
  letter-spacing:-.01em;color:var(--nd-text-strong,#fff)}
.home-split p{font-size:1.02rem;line-height:1.62;color:var(--nd-text-soft,#c7ccd6)}
.home-action{margin-top:22px}
.home-kicker{margin:0 0 8px;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--nd-accent-text,#ffb63b)}
.home-video{width:100%;height:auto;display:block;border-radius:var(--nd-radius,14px);
  border:1px solid var(--nd-line,#2a2f39);background:var(--nd-bg-deep,#0f1216);
  box-shadow:var(--nd-shadow-1,0 6px 18px rgba(0,0,0,.28))}

.home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.home-stat{text-align:center;padding:22px 14px;border-radius:var(--nd-radius,14px);
  background:var(--nd-surface,#1b1e24);border:1px solid var(--nd-border,#353b46)}
.home-stat-num{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;line-height:1;
  color:var(--nd-accent-text,#ffb63b)}
.home-stat-title{margin-top:8px;font-size:.86rem;color:var(--nd-text-soft,#c7ccd6)}

.home-cta{position:relative;overflow:hidden;border-radius:var(--nd-radius,16px);
  border:1px solid var(--nd-border,#353b46);background:var(--nd-surface,#1b1e24);
  padding:clamp(36px,5vw,64px);text-align:center}
.home-cta::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(70% 120% at 50% -20%,var(--nd-tint-2,rgba(255,182,59,.18)),transparent 60%)}
.home-cta > *{position:relative;z-index:1}
.home-cta h2{margin:0 0 12px;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;letter-spacing:-.01em;
  color:var(--nd-text-strong,#fff)}
.home-cta p{margin:0 auto 26px;max-width:54ch;font-size:1.05rem;line-height:1.6;color:var(--nd-text-soft,#c7ccd6)}
.home-cta .cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

@media (max-width:860px){
  .feature-grid{grid-template-columns:1fr}
  .home-split{grid-template-columns:1fr;gap:28px}
  .home-split .home-media{order:-1}
  .home-stats{grid-template-columns:repeat(2,1fr)}
  .home-carousel{grid-auto-columns:88%}
}