:root{
--bg:#0b1220;
--ink:#111827;
--ink-2:#1f2937;
--muted:#6b7280;
--card:#0f172a;
--line:#1f2937;
--white:#ffffff;
--indigo:#4F46E5;
--teal:#06B6D4;
--radius:14px;
--shadow:0 10px 25px rgba(0,0,0,.15);
}

*{box-sizing:border-box}
html:focus-within{scroll-behavior:smooth}
html,body{height:100%}
body{
margin:0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
color:var(--white);
background: radial-gradient(1200px 800px at 20% -10%, rgba(79,70,229,.3), transparent 60%),
radial-gradient(1000px 600px at 100% 0%, rgba(6,182,212,.18), transparent 60%),
linear-gradient(180deg, #0b1220, #0b1220 40%, #0a0f1a);
line-height:1.6;
}

.container{max-width:1100px;margin-inline:auto;padding:0 20px}
.section{padding:80px 0}
.section--alt{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));}
.section__header{margin-bottom:28px}
.section__header h2{margin:0 0 6px;font-size:clamp(24px,3vw,34px)}
.section__header p{margin:0;color:#c9cfdb}

.site-header{
position:sticky;top:0;z-index:1000;
backdrop-filter:saturate(160%) blur(8px);
background:rgba(11,18,32,.6);
border-bottom:1px solid rgba(255,255,255,.06);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;font-weight:700}
.brand--footer{display:flex;align-items:center;gap:8px;font-weight:700}
.primary-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;align-items:center}
.primary-nav a{color:#e5e7eb;text-decoration:none}
.primary-nav a:hover{color:#fff}
.nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:6px 10px}

.btn{
display:inline-block;padding:12px 18px;border-radius:12px;
background:linear-gradient(135deg, var(--indigo), var(--teal));
color:#fff;text-decoration:none;font-weight:700;box-shadow:var(--shadow)
}
.btn:hover{opacity:.95}
.btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.2)}
.btn--outline{background:transparent;border:1px solid rgba(255,255,255,.3)}
.btn--small{padding:8px 12px;border-radius:10px}

.hero{padding:96px 0 40px}
.hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.hero__content h1{font-size:clamp(28px,5vw,48px);line-height:1.1;margin:0 0 12px}
.lead{color:#c9cfdb;font-size:1.1rem}
.cta-row{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
.trust-bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 0;padding:0;list-style:none}
.trust-bullets li{background:rgba(255,255,255,.04);padding:8px 12px;border:1px solid rgba(255,255,255,.06);border-radius:10px}
.hero-art{width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4))}

.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,.06);
border-radius:var(--radius);
padding:18px;box-shadow:0 6px 18px rgba(0,0,0,.12)
}
.card h3{margin:0 0 6px;font-size:1.15rem}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}
.steps li{
list-style:none;background:rgba(255,255,255,.03);
padding:18px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06)
}
.steps li h3{margin:0 0 6px}
.steps li::before{
counter-increment:step;content:counter(step);
display:inline-grid;place-items:center;width:30px;height:30px;
border-radius:50%;background:linear-gradient(135deg,var(--indigo),var(--teal));margin-bottom:8px;font-weight:700
}

.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.case{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:18px;border-radius:var(--radius)}
.metric{color:#c9cfdb;margin:6px 0}

.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.price{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:20px;display:grid;gap:10px}
.price__value{font-size:1.8rem;margin:.3rem 0}
.price__value span{font-size:.9rem;color:#c9cfdb}
.price--featured{border:1px solid rgba(79,70,229,.5);background:linear-gradient(180deg, rgba(79,70,229,.12), rgba(6,182,212,.08))}
.badge{display:inline-block;background:#111827;border:1px solid rgba(255,255,255,.15);padding:4px 8px;border-radius:999px;font-size:.75rem;color:#c9cfdb}

.about{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}
.about__list{margin:0;padding-left:18px;color:#c9cfdb}

.contact-form{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:20px;border-radius:var(--radius)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.form-grid .full{grid-column:1/-1}
label{display:grid;gap:6px}
input, textarea{
width:100%;padding:12px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);
background:rgba(255,255,255,.02);color:#fff
}
input:focus, textarea:focus{outline:2px solid rgba(6,182,212,.6);outline-offset:2px}
.checkbox-label{margin-left:8px;color:#c9cfdb}
.form-note{margin-top:8px;color:#c9cfdb}

.site-footer{padding:40px 0 20px;border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.2)}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .6fr;gap:16px;align-items:start}
.footer-nav{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer-nav a{color:#c9cfdb;text-decoration:none}
.footer-nav a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.small{font-size:.9rem}
.muted{color:#c9cfdb}
.text-link{color:#9ecaff;text-decoration:none}
.text-link:hover{text-decoration:underline}

.skip-link{
position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden
}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:8px 12px;background:#111827;border-radius:8px;z-index:2000}

/* Nav responsive */
@media (max-width: 900px){
.hero__grid{grid-template-columns:1fr}
.cards{grid-template-columns:1fr 1fr}
.steps{grid-template-columns:1fr 1fr}
.cases{grid-template-columns:1fr}
.pricing{grid-template-columns:1fr}
.about{grid-template-columns:1fr}
.primary-nav{position:absolute;inset:60px 16px auto 16px;background:rgba(11,18,32,.96);
border:1px solid rgba(255,255,255,.06);border-radius:12px;transform:scale(.98);display:none}
.primary-nav.open{display:block}
.primary-nav ul{flex-direction:column;padding:12px}
.nav-toggle{display:inline-flex}
}

/* Reduced motion */
@media (prefers-reduced-motion: no-preference){
.btn{transition:transform .15s ease, opacity .2s ease}
.btn:hover{transform:translateY(-1px)}
}