:root{
  --red:#C1272D;
  --red-600:#a31f24;
  --blue:#0D1B2A;
  --bg:#FFFFFF;
  --ink:#222222;
  --muted:#667085;
  --gray:#F5F6F8;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Robotto,Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}

.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.center{text-align:center}
.small{font-size:.9rem}
.muted{color:var(--muted)}
.lead{font-size:1.125rem;color:#fff; text-decoration:none}
.lead:hover{text-decoration:none}

.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:fixed;left:1rem;top:1rem;z-index:1000;background:#fff;padding:.5rem 1rem;border:2px solid var(--red);border-radius:.5rem}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.8);backdrop-filter:blur(6px);border-bottom:1px solid #eee}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.logo{height:36px}
.logo-sm{height:28px}
.nav-links{display:flex;gap:.75rem;align-items:center}
.nav-links a{color:#333;text-decoration:none;font-weight:600;padding:.5rem .75rem;border-radius:.5rem}
.nav-links a:hover{background:#f4f5f6}
.hamburger{display:none;background:none;border:none;padding:.5rem;cursor:pointer}
.hamburger span{display:block;width:24px;height:2px;background:#333;margin:5px 0;border-radius:2px;transition:all .2s}

@media (max-width: 860px){
  .hamburger{display:block}
  .nav-links{position:fixed;inset:64px 0 auto 0;background:#fff;border-bottom:1px solid #eee;display:grid;gap:.5rem;padding:1rem;transform:translateY(-120%);transition:transform .25s ease}
  .nav-links.open{transform:translateY(0)}
}

.btn{background:var(--red);color:#fff;border:none;border-radius:.75rem;padding:.6rem 1rem;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(193,39,45,.25);transition:transform .05s ease, box-shadow .2s ease, background .2s}
.btn:hover{background:var(--red-600);box-shadow:0 8px 20px rgba(193,39,45,.35)}
.btn:active{transform:translateY(1px)}
.btn--ghost{background:transparent;color:var(--blue);border:2px solid var(--blue);box-shadow:none}
.btn--ghost:hover{background:var(--blue);color:#fff}
.btn--lg{padding:.8rem 1.2rem}
.btn--xl{padding:1rem 1.5rem;font-size:1.1rem}

.section{padding:64px 0}
.section--tone{background:var(--gray)}

.grid-2{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}
@media(min-width:900px){.grid-2{grid-template-columns:1.15fr .85fr}}

.hero{position:relative;background:linear-gradient(180deg,#fff 0%, #fff 60%, #f9fafb 100%)}
.hero__text h1{font-size:2.2rem;line-height:1.15;margin:.25rem 0}
.hero__text .accent{color:var(--red)}
.hero__cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}
.hero__badges{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.badge{display:flex;gap:.4rem;align-items:center;background:#fff;border:1px solid #eee;border-radius:999px;padding:.4rem .7rem}
.hero__visual{display:flex;justify-content:center}
.phone-mock{width:min(320px,86%);background:linear-gradient(145deg,#0d1b2a 0%, #13293d 100%);padding:14px;border-radius:22px;box-shadow:0 20px 60px rgba(13,27,42,.25)}
.phone-mock img{width:100%;display:block;border-radius:16px}
.wave{display:block;width:100%;height:64px;color:#fff}
.wave path{fill:#f5f6f8}

.cards{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.25rem}
.cards.three{grid-template-columns:1fr}
@media(min-width:720px){.cards.three{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:1px solid #eee;border-radius:16px;padding:1rem;box-shadow:0 6px 24px rgba(0,0,0,.04)}
.card h3{margin:.5rem 0}
.card img{width:48px;height:48px}

.benefit{border-top:4px solid var(--red)}

.owner-card{display:flex;gap:1rem;align-items:center;background:#fff;border:1px solid #eee;border-radius:16px;padding:1rem;box-shadow:0 6px 24px rgba(0,0,0,.04)}
.owner-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.trust-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}
.trust-list li{display:flex;gap:.5rem;align-items:center}

.quote blockquote{margin:0 0 .5rem 0;font-style:italic}

.cta{background:linear-gradient(135deg, var(--red) 0%, var(--blue) 100%);color:#fff;text-align:center;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.cta .btn{background:#fff;color:var(--blue);box-shadow:none}
.cta .btn:hover{background:#f3f4f7}

.faq{background:#fff;border:1px solid #eee;border-radius:12px;padding:.75rem .9rem;margin:.5rem 0}
.faq summary{cursor:pointer;font-weight:700}

.site-footer{background:var(--blue);color:#e8eaed;padding:2rem 0}
.footer-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:780px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}
.site-footer a{color:#e8eaed;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:1rem;padding-top:1rem}

@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}
.animate-float{animation:float 5s ease-in-out infinite}

@keyframes up{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}
.animate-up{opacity:0;transform:translateY(18px)}
.animate-up.in{animation:up .55s ease forwards}
.delay-1{animation-delay:.12s}
.delay-2{animation-delay:.24s}
.delay-3{animation-delay:.36s}
.register{background:var(--red) !important;color:#fff !important;text-decoration:none !important}
.register:hover{background:var(--red-600);text-decoration:none}