:root{
  --ink:#101827;
  --muted:#536170;
  --line:#dfe6ee;
  --blue:#1178f2;
  --blue-dark:#075bc2;
  --green:#087b39;
  --soft:#f6f9fc;
  --dark:#0d1724;
  --card:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
img{max-width:100%;height:auto}
.wrap{width:min(1120px,100%);margin:0 auto;padding:0 22px}
.public-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}
.public-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0}
.public-nav img{width:168px;display:block}
.public-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px;color:#48576a}
.public-links a{font-weight:900;text-decoration:none}
.public-links .demo{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:8px;padding:10px 14px}
.public-links .login{border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:#fff}
.hero{padding:66px 0 54px;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%)}
.compact-hero{padding-bottom:24px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(320px,.97fr);gap:34px;align-items:center}
.eyebrow{font-size:13px;font-weight:900;color:#0a65d8;text-transform:uppercase;letter-spacing:.06em}
h1{font-size:clamp(36px,5.7vw,62px);line-height:1.04;margin:12px 0 18px;letter-spacing:0}
h2{font-size:clamp(28px,4vw,38px);line-height:1.15;margin:0 0 12px}
h3{font-size:20px;line-height:1.2;margin:0 0 10px}
p{margin-top:0}
.lead{max-width:760px;font-size:19px;color:var(--muted);margin-bottom:26px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;padding:12px 18px;text-decoration:none;font-weight:900;border:1px solid var(--line);background:#fff}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.primary:hover,.public-links .demo:hover{background:var(--blue-dark)}
.visual-frame{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;box-shadow:0 24px 70px rgba(16,24,39,.14)}
.visual-frame img{display:block;border-radius:8px}
.proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.proof-strip span,.trust-pill{border:1px solid #cfe2ff;background:#f4f9ff;color:#0a4f99;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900;text-align:center}
.section{padding:56px 0;border-top:1px solid var(--line)}
.section.soft{background:var(--soft)}
.section.dark{background:var(--dark);color:#fff}
.section.dark .section-lead,.section.dark .card p{color:#cbd6e2}
.section-lead{max-width:760px;color:var(--muted);margin-bottom:24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(255px,100%),1fr));gap:14px}
.card{border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--card)}
.section.dark .card{background:#121f30;border-color:#26384d}
.card b{display:block;margin-bottom:8px;font-size:17px}
.card p{color:var(--muted);margin:0}
.capture-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.demo-flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.capture-card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.capture-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.capture-card div{padding:14px}
.capture-card b{display:block;margin-bottom:4px}
.capture-card p{color:var(--muted);margin:0;font-size:14px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:step}
.step{counter-increment:step;border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff}
.step b::before{content:counter(step) ". ";color:var(--blue)}
.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.trust-card{border:1px solid #bfe3cf;background:#f0fff6;border-radius:10px;padding:16px}
.trust-card b{display:block;color:var(--green);margin-bottom:5px}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #cfe2ff;background:#f4f9ff;border-radius:12px;padding:22px;margin-top:28px}
.cta-band p{margin:0;color:var(--muted)}
.legal-content{max-width:900px}
.legal-content h2{font-size:26px;margin-top:30px}
.legal-content li{margin-bottom:8px}
.public-footer{padding:28px 0;color:#647181;border-top:1px solid var(--line)}
.public-footer .wrap{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
.public-footer a{font-weight:900;text-decoration:none}
@media(max-width:900px){
  .hero-grid,.capture-grid,.steps,.trust-grid,.proof-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .wrap{padding:0 18px}
  .public-nav{align-items:center;flex-wrap:wrap;gap:10px}
  .public-nav img{width:142px}
  .public-links{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .public-links a{display:none}
  .public-links .demo,.public-links .login{display:flex;align-items:center;justify-content:center;min-height:40px;text-align:center}
  .hero{padding:42px 0 38px}
  .hero-grid,.capture-grid,.steps,.trust-grid,.proof-strip{grid-template-columns:1fr}
  .lead{font-size:16px}
  .actions .btn{width:100%}
  .cta-band{align-items:stretch;flex-direction:column}
  .cta-band .btn{width:100%}
}