*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-page)}
a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover)}
.site-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;border-bottom:1px solid transparent;position:sticky;top:0;z-index:20;background:rgba(18,15,23,0.55);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.site-nav.is-scrolled{background:rgba(255,255,255,0.9);border-bottom-color:var(--border-default);box-shadow:0 8px 24px rgba(29,13,46,0.06)}
.site-nav-logo{height:44px;transition:filter .25s ease}
.site-nav:not(.is-scrolled) .site-nav-logo{filter:brightness(0) invert(1)}
.site-nav-links{display:flex;align-items:center;gap:28px}
.nav-link{font-size:14px;font-weight:500;color:rgba(255,255,255,0.72);text-decoration:none;transition:color .2s ease}
.nav-link:hover{color:#fff}
.site-nav.is-scrolled .nav-link{color:var(--text-secondary)}
.site-nav.is-scrolled .nav-link:hover{color:var(--indigo-700)}
.site-nav .btn-primary{transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.site-nav:not(.is-scrolled) .btn-primary{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.35);color:#fff;box-shadow:none}
.site-nav:not(.is-scrolled) .btn-primary:hover{background:rgba(255,255,255,0.2)}
.footer-link{font-size:var(--fs-body-sm);color:var(--text-secondary);text-decoration:none}
.footer-link:hover{color:var(--indigo-700)}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;background:#120F17;color:#fff}
.hero-canvas,.hero-particles{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero-particles{z-index:1}
.hero-veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:
  radial-gradient(ellipse 70% 55% at 50% 42%, rgba(18,15,23,0.28) 0%, rgba(18,15,23,0.55) 55%, rgba(18,15,23,0.82) 100%),
  linear-gradient(180deg, rgba(18,15,23,0.35) 0%, transparent 28%, transparent 70%, rgba(18,15,23,0.75) 100%);
}
.hero-content{position:relative;z-index:3;max-width:780px;margin:0 auto;padding:120px 24px 100px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}
.hero-headline{font-size:var(--fs-display-xl);line-height:var(--lh-display-xl);font-weight:var(--fw-display-xl);letter-spacing:var(--ls-display-xl);color:#fff;text-shadow:0 0 60px rgba(111,185,181,0.25),0 2px 40px rgba(18,15,23,0.55)}
.hero-sub{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:rgba(220,240,238,0.78);max-width:620px}
.hero-note{font-size:var(--fs-body-sm);color:rgba(189,227,223,0.55)}
.hero .badge-brand{background:rgba(111,185,181,0.14);color:#BDE3DF;border:1px solid rgba(111,185,181,0.28)}
.hero .btn-primary{background:linear-gradient(135deg,#6FB9B5 0%,#4B8398 45%,#6B3FA0 100%);border-color:transparent;box-shadow:0 0 0 1px rgba(255,255,255,0.12),0 12px 40px rgba(75,131,152,0.35),0 0 60px rgba(107,63,160,0.25)}
.hero .btn-primary:hover{background:linear-gradient(135deg,#7FC6C0 0%,#6398A8 45%,#8F5FBE 100%);filter:brightness(1.05)}
.hero-content > *{opacity:0;transform:translateY(18px);animation:hero-rise .9s var(--ease-out,cubic-bezier(0,0,0.2,1)) forwards}
.hero-content > *:nth-child(1){animation-delay:.08s}
.hero-content > *:nth-child(2){animation-delay:.2s}
.hero-content > *:nth-child(3){animation-delay:.34s}
.hero-content > *:nth-child(4){animation-delay:.48s}
.hero-content > *:nth-child(5){animation-delay:.6s}
@keyframes hero-rise{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .hero-content > *{opacity:1;transform:none;animation:none}
}
.hero--fallback{background:radial-gradient(ellipse at 50% 40%,#3B1B5B 0%,#1D0D2E 45%,#120F17 100%)}
.btn{font-family:var(--font-sans);font-weight:600;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,filter .15s ease,box-shadow .15s ease;text-decoration:none}
.btn-md{padding:9px 16px;font-size:14px;height:40px}
.btn-lg{padding:12px 22px;font-size:16px;height:48px}
.btn-primary{background:var(--indigo-700);color:#fff;border-color:var(--indigo-700)}
.btn-primary:hover{background:var(--indigo-800)}
.btn-secondary{background:var(--surface-page);color:var(--indigo-700);border-color:var(--border-strong)}
.btn-secondary:hover{background:var(--surface-subtle)}
.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:var(--fs-caption);font-weight:600;padding:3px 10px;border-radius:var(--radius-full);line-height:1.4}
.badge-brand{background:var(--indigo-50);color:var(--indigo-700)}
.badge-neutral{background:var(--neutral-100);color:var(--neutral-700)}
.badge-info{background:var(--status-info-bg);color:var(--status-info-fg)}
.field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans)}
.field label{font-size:var(--fs-label);font-weight:var(--fw-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-secondary)}
.field input,.field select,.field textarea{font-family:var(--font-sans);font-size:var(--fs-body-md);padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-default);outline:none;color:var(--text-primary);background:var(--surface-page)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}
.feature-card{background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 28px rgba(29,13,46,0.04)}
.feature-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--indigo-50);color:var(--indigo-700);display:flex;align-items:center;justify-content:center}
.feature-title{font-size:var(--fs-heading-md);font-weight:var(--fw-heading-md);color:var(--text-primary)}
.feature-desc{font-size:var(--fs-body-md);color:var(--text-secondary);line-height:var(--lh-body-md)}
.features-section{position:relative;isolation:isolate;overflow:hidden;background:var(--surface-subtle);padding:88px 24px}
.features-ripple{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0.5}
.features-ripple-svg{display:block;width:100%;height:100%;overflow:hidden}
.features-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto}
.features-intro{text-align:center;max-width:640px;margin:0 auto 48px}
.features-intro-title{font-size:var(--fs-heading-xl);font-weight:var(--fw-heading-xl);color:var(--text-primary);text-shadow:0 1px 0 rgba(255,255,255,0.75)}
.features-intro-accent{font-size:var(--fs-heading-lg);font-weight:600;color:var(--indigo-700);margin-top:8px;text-shadow:0 1px 0 rgba(255,255,255,0.75)}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media (max-width:900px){
  .features-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .features-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
  .site-nav{padding:12px 16px;gap:12px}
  .site-nav-links{display:none}
  .hero-content{padding:88px 20px 80px}
  .features-section{padding:64px 20px}
}