*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0f172a;color:#e2e8f0;line-height:1.6}
a{color:#60a5fa;text-decoration:none}
a:hover{text-decoration:underline}

/* Nav */
nav{background:#0f172a;border-bottom:1px solid #1e293b;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}
.nav-name{font-weight:800;font-size:16px;color:#f8fafc}
.nav-name:hover{text-decoration:none;color:#60a5fa}
.nav-links{display:flex;align-items:center;gap:24px;font-size:14px}
.nav-links a{color:#94a3b8;transition:color 0.2s}
.nav-links a:hover{color:#f8fafc;text-decoration:none}
.nav-cta{background:#2563eb;color:white!important;padding:8px 20px;border-radius:8px;font-weight:600}
.nav-cta:hover{opacity:0.9}
.nav-mobile-cta{display:none;background:#2563eb;color:white;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none}

/* Hero */
.hero{max-width:780px;margin:0 auto;padding:80px 24px 60px;text-align:center}
.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#60a5fa;margin-bottom:16px}
h1{font-size:42px;font-weight:800;line-height:1.15;margin-bottom:20px;color:#f8fafc}
h1 span{color:#60a5fa}
.lead{font-size:18px;color:#94a3b8;max-width:580px;margin:0 auto 32px;line-height:1.7}
.hero-cta{display:inline-block;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white!important;padding:16px 40px;border-radius:10px;font-size:16px;font-weight:700;transition:opacity 0.2s}
.hero-cta:hover{opacity:0.9;text-decoration:none}

/* Exits */
.exits{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:40px auto 0;max-width:640px}
.exit-badge{background:#1a2332;border:1px solid #1e293b;border-radius:8px;padding:10px 16px;font-size:13px;color:#94a3b8}
.exit-badge strong{color:#22c55e;display:block;font-size:15px}

/* Stats */
.stats{background:#1a2332;border-top:1px solid #1e293b;border-bottom:1px solid #1e293b;padding:40px 24px}
.stats-inner{max-width:780px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;text-align:center}
.stat-num{font-size:36px;font-weight:800;color:#60a5fa}
.stat-label{font-size:13px;color:#64748b;margin-top:4px}

/* Clients strip */
.clients-strip{background:#1a2332;border-top:1px solid #1e293b;border-bottom:1px solid #1e293b;padding:32px 24px;text-align:center}
.clients-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#475569;margin-bottom:20px}
.client-names{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.client-name{font-size:15px;font-weight:600;color:#64748b;letter-spacing:0.5px}

/* Sections */
.section{max-width:780px;margin:0 auto;padding:64px 24px}
.section h2{font-size:28px;font-weight:800;margin-bottom:16px;color:#f8fafc}
.section h2 span{color:#60a5fa}
.section p{color:#94a3b8;font-size:16px;line-height:1.8;margin-bottom:16px}
.page-hero{max-width:780px;margin:0 auto;padding:60px 24px 40px;text-align:center}
.page-hero h1{font-size:36px;font-weight:800;color:#f8fafc;margin-bottom:12px}
.page-hero p{font-size:17px;color:#94a3b8;max-width:560px;margin:0 auto}

/* Services */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:32px}
.service-card{background:#1a2332;border:1px solid #1e293b;border-radius:12px;padding:24px;color:inherit;display:block;transition:border-color 0.2s}
.service-card:hover{border-color:#2563eb;text-decoration:none}
.service-card h3{font-size:17px;font-weight:700;margin-bottom:8px;color:#f8fafc}
.service-card p{font-size:14px;color:#64748b;line-height:1.6;margin:0}

/* Testimonial */
.testimonial{background:linear-gradient(135deg,#1e3a5f,#1a2332);border:1px solid #2563eb;border-radius:16px;padding:32px;margin:32px 0}
.testimonial blockquote{font-size:17px;line-height:1.8;color:#cbd5e1;font-style:italic;margin-bottom:16px}
.testimonial cite{font-size:14px;color:#60a5fa;font-style:normal;font-weight:600}

/* Case study cards */
.case-card{background:#1a2332;border:1px solid #1e293b;border-radius:12px;padding:28px;margin-bottom:20px}
.case-card h3{font-size:19px;font-weight:700;color:#f8fafc;margin-bottom:4px}
.case-card .case-result{font-size:22px;font-weight:800;color:#22c55e;margin-bottom:12px}
.case-card p{font-size:15px;color:#94a3b8;line-height:1.7}

/* FAQ */
.faq{margin-top:32px}
.faq-item{border-bottom:1px solid #1e293b;padding:20px 0}
.faq-item:last-child{border-bottom:none}
.faq-q{font-size:16px;font-weight:600;color:#f8fafc;margin-bottom:8px}
.faq-a{font-size:15px;color:#94a3b8;line-height:1.7}

/* About */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}
.about-list{list-style:none}
.about-list li{padding:8px 0;border-bottom:1px solid #1e293b;font-size:15px;color:#94a3b8}
.about-list li::before{content:'→ ';color:#60a5fa}

/* Contact form */
.form-section{background:#1a2332;border-top:1px solid #1e293b;padding:64px 24px}
.form-inner{max-width:560px;margin:0 auto;text-align:center}
.form-inner h2{font-size:28px;font-weight:800;margin-bottom:8px;color:#f8fafc}
.form-inner p{color:#94a3b8;font-size:16px;margin-bottom:32px}
.form-frame{border:none;width:100%;min-height:380px;border-radius:12px}

/* Footer */
footer{text-align:center;padding:32px 24px;font-size:13px;color:#334155;border-top:1px solid #1e293b}
footer a{color:#475569}
.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:16px;flex-wrap:wrap}
.footer-links a{color:#475569;font-size:13px}
.footer-links a:hover{color:#94a3b8}

/* CTA button */
.cta-btn{display:inline-block;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white!important;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:700;transition:opacity 0.2s;margin-top:8px}
.cta-btn:hover{opacity:0.9;text-decoration:none}

/* Chat — inline panel above contact form */
#chat-widget{background:#0f172a;border:1px solid #1e293b;border-radius:12px;overflow:hidden}
#chat-messages{height:280px;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}
#chat-messages::-webkit-scrollbar{width:4px}
#chat-messages::-webkit-scrollbar-track{background:transparent}
#chat-messages::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}
.chat-msg{max-width:85%;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.6}
.chat-msg.bot{background:#1a2332;color:#e2e8f0;align-self:flex-start;border-radius:4px 12px 12px 12px;border:1px solid #1e293b}
.chat-msg.user{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;align-self:flex-end;border-radius:12px 4px 12px 12px}
.chat-msg.typing{color:#64748b;font-style:italic}
#chat-input-row{display:flex;gap:0;border-top:1px solid #1e293b}
#chat-input{flex:1;background:#0f172a;border:none;border-right:1px solid #1e293b;padding:14px 16px;color:#e2e8f0;font-size:14px;outline:none;font-family:inherit}
#chat-input::placeholder{color:#475569}
#chat-input:focus{background:#111827}
#chat-send{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:white;border:none;padding:14px 24px;cursor:pointer;font-size:14px;font-weight:700;white-space:nowrap;transition:opacity 0.2s;font-family:inherit}
#chat-send:hover{opacity:0.9}
#chat-input:disabled{opacity:0.5}
#chat-suggestions{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-top:1px solid #1e293b;background:#0a0f1a}
#chat-suggestions button{background:transparent;border:1px solid #1e293b;border-radius:8px;padding:8px 14px;color:#60a5fa;font-size:13px;text-align:left;cursor:pointer;transition:all 0.2s;font-family:inherit;line-height:1.4}
#chat-suggestions button:hover{border-color:#2563eb;background:#0f172a;color:#93c5fd}

@media(max-width:600px){
  h1{font-size:28px}
  .lead{font-size:16px}
  .nav-links{display:none}
  .nav-mobile-cta{display:block}
  .about-grid{grid-template-columns:1fr}
  #chat-panel{width:calc(100vw - 32px);right:16px}
}