/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:calc(var(--nav-h) + 60px) 0 80px}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.hero-title{margin-bottom:20px}
.hero-title .text-cyan{display:block}
.hero-sub{font-size:1.05rem;color:var(--text-muted);max-width:480px;margin-bottom:32px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
.hero-stats{display:flex;align-items:center;gap:24px}
.stat{display:flex;flex-direction:column}
.stat-num{font-family:var(--font-head);font-size:1.8rem;font-weight:700;color:var(--cyan);line-height:1}
.stat-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:4px}
.stat-div{width:1px;height:36px;background:var(--border)}
/* Terminal */
.hero-visual{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:0}
.terminal-window{background:#0A0F14;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;width:100%;max-width:480px;animation:float 6s ease-in-out infinite}
.terminal-bar{background:#111;padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}
.t-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}
.t-title{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);margin-left:8px}
.terminal-body{padding:16px 18px;font-family:var(--font-mono);font-size:.72rem;line-height:2}
.t-line{color:var(--text-muted)}
.t-prompt{color:var(--cyan);margin-right:8px}
.t-ok{color:var(--green)}
.t-warn{color:var(--orange)}
.t-crit{color:var(--red)}
.t-info{color:var(--cyan-dim)}
.t-dim{color:var(--text-dim)}
.t-cursor{color:var(--cyan);animation:blink .8s step-end infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.score-ring{position:absolute;bottom:-20px;right:-20px;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;padding:12px}
@keyframes draw-ring{from{stroke-dashoffset:314}to{stroke-dashoffset:182}}

/* TRUST BAR */
.trust-bar{background:var(--bg-2)}
.trust-inner{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.certs{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.cert-badge{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}
.cert-icon{font-size:1rem}
.cert-sep{width:1px;height:20px;background:var(--border)}

/* SERVICES GRID */
.section-sub{color:var(--text-muted);max-width:560px;margin:12px auto 56px;font-size:.98rem}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service-card{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.service-card:hover{text-decoration:none}
.service-icon{width:44px;height:44px;border:1px solid var(--border);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--cyan);flex-shrink:0}
.service-icon svg{width:22px;height:22px}
.service-card h4{color:var(--text)}
.service-card p{font-size:.88rem;color:var(--text-muted);flex:1}
.service-link{font-family:var(--font-mono);font-size:.7rem;color:var(--cyan);letter-spacing:.08em}

/* PORTRAY TEASER */
.portray-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.portray-features{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.portray-features li{display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--text-muted)}
.feat-check{color:var(--green);font-weight:700}
.report-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.report-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);font-family:var(--font-head);font-size:.9rem;letter-spacing:.06em;color:var(--text)}
.report-header .badge{margin-left:auto}
.score-bar-wrap{padding:16px 20px;border-bottom:1px solid var(--border)}
.score-label{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.72rem;margin-bottom:8px;color:var(--text-muted)}
.score-bar{height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
.score-fill{height:100%;border-radius:3px;transition:width 1s ease}
.findings-list{padding:8px 0}
.finding-row{display:flex;align-items:center;gap:12px;padding:9px 20px;border-bottom:1px solid rgba(0,212,255,.05);font-size:.78rem;color:var(--text-muted)}
.finding-row:last-child{border-bottom:none}
.report-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border);background:rgba(0,0,0,.2)}

/* WHY */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.why-card{padding:28px;border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--ease)}
.why-card:hover{border-color:var(--border-h)}
.why-num{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:rgba(0,212,255,.15);line-height:1;margin-bottom:16px}
.why-card h4{margin-bottom:10px;font-size:1rem}
.why-card p{font-size:.86rem;color:var(--text-muted)}

/* CTA BAND */
.cta-band{padding:100px 0;text-align:center;position:relative;overflow:hidden;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.cta-band-inner{position:relative;z-index:2;max-width:640px;margin:0 auto}
.cta-band h2{margin:12px 0 16px}
.cta-band p{color:var(--text-muted);font-size:.98rem;margin-bottom:32px}
.hero-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5}
.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--cyan),transparent);animation:scroll-pulse 2s ease-in-out infinite}
@keyframes scroll-pulse{0%,100%{opacity:.3;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}

@media(max-width:1024px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;gap:48px;text-align:center}
  .hero-sub{margin:0 auto 32px}
  .hero-actions{justify-content:center}
  .hero-stats{justify-content:center}
  .hero-visual{align-items:center}
  .portray-inner{grid-template-columns:1fr;gap:40px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .trust-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){
  .services-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .certs{gap:16px}
  .cert-sep{display:none}
}

/* Service card footer with quote button */
.service-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--border);
  flex-wrap: wrap;
  gap: 8px;
}
.service-card { padding-bottom: 20px; }

/* Update components.js to add i18n script tag */