:root{--bg:#0b0f1a;--surface:#111626;--card:#151a2e;--text:#e6e8f0;--muted:#9aa3b2;--accent:#6a7cff;--accent-2:#6ef5c8;--danger:#ff6b6b}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.btn:focus{outline:2px solid var(--accent);outline-offset:2px}
.link:focus{outline:2px solid var(--accent);outline-offset:2px}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:rgba(11,15,26,.7);backdrop-filter:saturate(180%) blur(12px);z-index:40}
.header-bar{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:700;letter-spacing:.2px}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #253056;background:#0f1426;color:#e6e8f0;border-radius:10px}
.nav{position:absolute;top:64px;right:20px;display:none;background:var(--surface);border:1px solid #1e253f;border-radius:12px;padding:8px;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.nav.open{display:flex;flex-direction:column;min-width:220px}
.nav a{color:var(--text);text-decoration:none;padding:10px 12px;border-radius:8px}
.nav a:hover{background:#0f1426}
.nav a + a{margin-top:4px}
.nav .btn-sm{padding:.6rem .9rem;border-radius:10px;background:linear-gradient(90deg,var(--accent),#8a94ff);color:#fff;width:100%;text-align:center}
.hero{position:relative;background:radial-gradient(1000px 400px at 10% 10%,#182044 0%,transparent 60%),linear-gradient(180deg,#0b0f1a,rgba(11,15,26,.9));padding:64px 0}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-bg img{position:absolute;opacity:.18}
.bg-funnel{top:-20px;right:-10px;width:180px;animation:floatA 8s ease-in-out infinite}
.bg-graph{bottom:-20px;left:-10px;width:160px;animation:floatB 10s ease-in-out infinite}
.bg-spark{top:40%;left:50%;transform:translate(-50%,-40%) rotate(-8deg);width:120px;animation:floatC 9s ease-in-out infinite}
@keyframes floatA{0%{transform:translateY(0)}50%{transform:translateY(8px)}100%{transform:translateY(0)}}
@keyframes floatB{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}
@keyframes floatC{0%{transform:translate(-50%,-40%) rotate(-8deg)}50%{transform:translate(-50%,-46%) rotate(-6deg)}100%{transform:translate(-50%,-40%) rotate(-8deg)}}
.hero-inner{display:grid;grid-template-columns:1fr;gap:24px}
.hero-copy h1{font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.2;margin:0 0 12px}
.hero-copy p{color:var(--muted);margin:0 0 20px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-ctas .btn{flex:1 1 240px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.25rem;border-radius:12px;font-weight:600;text-decoration:none}
.btn-primary{background:linear-gradient(90deg,var(--accent),#8a94ff);color:#fff}
.btn-secondary{background:transparent;border:1px solid #2a3250;color:#cbd1e2}
.trust-stats{display:grid;gap:16px;margin-top:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.stat{background:var(--card);padding:16px 18px;border-radius:12px;min-width:140px}
.stat-value{font-size:1.25rem;font-weight:700}
.stat-label{color:var(--muted);font-size:.9rem}
.section{padding:56px 0}
.grid{display:grid;gap:16px}
.services-grid{grid-template-columns:repeat(1,1fr)}
.service-card{background:var(--card);padding:20px;border-radius:14px;border:1px solid #1e253f;display:flex;gap:16px}
.icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex:none}
.icon svg{width:22px;height:22px;fill:#0b0f1a}
.service-meta h3{margin:0 0 8px;font-size:1.05rem}
.service-meta p{margin:0;color:var(--muted)}
.process{display:grid;grid-template-columns:1fr;gap:16px}
.process-step{background:var(--card);border:1px solid #1e253f;border-radius:14px;padding:20px;display:flex;gap:16px}
.step-index{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#8a94ff);display:flex;align-items:center;justify-content:center;font-weight:700;color:#0b0f1a}
.case-card{background:var(--card);border:1px solid #1e253f;border-radius:14px;padding:20px}
.case-card h3{margin:0 0 8px}
.case-card .meta{color:var(--muted);margin:0 0 12px}
.case-card .result{font-weight:600;color:#dbe0f0}
.case-card .actions{margin-top:16px}
.testimonial-slider{position:relative}
.slides{display:flex;overflow:hidden;border-radius:16px}
.testimonial{flex:0 0 100%;padding:24px;background:var(--card);border:1px solid #1e253f}
.testimonial .name{font-weight:700}
.testimonial .role{color:var(--muted)}
.stars{color:#ffd66b;margin:8px 0}
.dots{display:flex;gap:8px;justify-content:center;margin-top:14px}
.dot{width:10px;height:10px;border-radius:50%;background:#2a3250}
.dot.active{background:linear-gradient(90deg,var(--accent),#8a94ff)}
.logo-carousel{overflow:hidden}
.logos{display:flex;gap:24px}
.logo{height:56px;min-width:140px;border-radius:12px;background:#0f1426;border:1px solid #1e253f;display:flex;align-items:center;justify-content:center;color:#9aa3b2;filter:grayscale(1);transition:.2s}
.logo:hover{filter:grayscale(0);color:#e6e8f0}
.why-grid{grid-template-columns:repeat(1,1fr)}
.why-card{background:var(--card);border:1px solid #1e253f;border-radius:14px;padding:20px}
.contact-form{background:var(--card);border:1px solid #1e253f;border-radius:16px;padding:20px}
.form-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-bottom:16px}
label span{display:block;margin-bottom:6px;color:#cbd1e2}
input,select,textarea{width:100%;background:#0f1426;border:1px solid #253056;color:#e6e8f0;border-radius:10px;padding:.75rem}
.hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}
.form-status{margin-top:12px;color:#6ef5c8}
.site-footer{background:#0f1426;border-top:1px solid #1e253f}
.footer-inner{display:grid;grid-template-columns:1fr;gap:16px;padding:24px 0}
.footer-contact a,.footer-social a{color:#cbd1e2;text-decoration:none;margin-right:12px}
.footer-bottom{border-top:1px solid #1e253f;padding:12px 0;color:#9aa3b2}
.modal{position:fixed;inset:0;display:none}
.modal.open{display:block}
.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.modal-content{position:relative;max-width:780px;margin:60px auto;background:var(--card);border:1px solid #1e253f;border-radius:16px}
.modal-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:none;border-radius:8px;background:#0f1426;color:#e6e8f0;cursor:pointer}
.modal-body{padding:24px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.reveal{transition:none}.logos{animation:none}.dot{transition:none}.bg-funnel,.bg-graph,.bg-spark{animation:none}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(min-width:768px){.hero-inner{grid-template-columns:1.1fr .9fr}.hero-copy h1{font-size:2.6rem}.services-grid{grid-template-columns:repeat(3,1fr)}.process{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:2fr 1fr 1fr}.menu-toggle{display:none}.nav{position:static;display:flex;background:transparent;border:none;box-shadow:none;padding:0}.nav.open{flex-direction:row}.nav a{padding:0;margin-left:16px}.nav a + a{margin-top:0}.nav .btn-sm{width:auto}.bg-funnel{top:-30px;right:20px;width:240px}.bg-graph{bottom:-30px;left:40px;width:200px}.bg-spark{width:150px}.brand-logo{height:32px}.brand-text{display:block}}
@media(min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}.process{grid-template-columns:repeat(4,1fr)}}