/* Home page — builds on site.css */
.h-nav { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.96); backdrop-filter: saturate(1.4) blur(8px); border-bottom: 1px solid var(--line); }
.h-nav .inner { max-width: 1120px; margin: 0 auto; padding: 10px 16px; display: flex; align-items: center; gap: 18px; }
.h-nav .logo img { height: 40px; width: auto; }
.h-nav .links { display: flex; gap: 20px; margin-left: auto; }
.h-nav .links a { color: var(--ink); text-decoration: none; font-weight: 600; font-size: 15px; }
.h-nav .links a:hover { color: var(--brand); }
.h-nav .btn { flex: none; padding: 10px 16px; font-size: 15px; }
@media (max-width: 820px) { .h-nav .links { display: none; } .h-nav .btn { margin-left: auto; } }
@media (max-width: 380px) { .h-nav .logo img { height: 32px; } .h-nav .btn { padding: 9px 12px; font-size: 14px; } }

.h-hero {
  background: radial-gradient(900px 500px at 85% 10%, rgba(255,138,0,.18), transparent 60%),
              radial-gradient(900px 600px at 0% 100%, #2a1470 0%, transparent 60%),
              linear-gradient(160deg, #0b1446 0%, #1c1060 100%);
  color: #fff; padding: 64px 16px 72px;
}
.h-hero .inner { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 36px; align-items: center; }
@media (min-width: 900px) { .h-hero .inner { grid-template-columns: 1.15fr .85fr; } }
.eyebrow { display: inline-block; font-size: 13px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; color: var(--yellow); margin-bottom: 14px; }
.h-hero h1 { font-size: clamp(34px, 5.4vw, 56px); line-height: 1.06; font-weight: 900; letter-spacing: -.8px; margin: 0 0 18px; }
.h-hero h1 em { font-style: normal; color: var(--orange); }
.h-hero p.lead { font-size: clamp(17px, 2.1vw, 20px); line-height: 1.55; opacity: .92; margin: 0 0 26px; max-width: 600px; }
.h-ctas { display: flex; gap: 12px; flex-wrap: wrap; }
.h-ctas .btn { flex: none; }
.btn.light { background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.35); }
.btn.light:hover { background: rgba(255,255,255,.2); }
.h-cred { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.h-cred span { font-size: 13px; font-weight: 700; padding: 6px 10px; border-radius: 99px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); }
.h-hero-card { background: #fff; color: var(--ink); border-radius: 18px; padding: 22px; box-shadow: 0 30px 70px rgba(0,0,0,.35); display: grid; grid-template-columns: 120px 1fr; gap: 18px; align-items: center; }
.h-hero-card img { border-radius: 6px; box-shadow: 0 10px 24px rgba(0,0,0,.25); }
.h-hero-card h3 { margin: 0 0 6px; font-size: 19px; line-height: 1.25; }
.h-hero-card p { margin: 0 0 12px; color: var(--muted); font-size: 14px; }
.h-hero-card .btn { width: 100%; padding: 12px 14px; font-size: 15px; }
@media (max-width: 420px) { .h-hero-card { grid-template-columns: 90px 1fr; padding: 16px; gap: 14px; } }

.h-section { padding: 72px 16px; }
.h-section.alt { background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.h-section .inner { max-width: 1120px; margin: 0 auto; }
.h-section h2 { font-size: clamp(26px, 3.6vw, 38px); font-weight: 900; letter-spacing: -.4px; margin: 0 0 10px; line-height: 1.15; }
.h-section .intro { color: var(--muted); font-size: 18px; max-width: 680px; margin: 0 0 34px; }
.h-section .center { text-align: center; }
.h-section .center .intro { margin-left: auto; margin-right: auto; }

.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.card2 { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 22px; }
.h-section.alt .card2 { background: #f8f9fc; }
.card2 .ic { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: #eef1ff; color: var(--brand); margin-bottom: 14px; }
.card2 .ic svg { width: 22px; height: 22px; }
.card2 h3 { margin: 0 0 6px; font-size: 18px; }
.card2 p { margin: 0; color: var(--muted); font-size: 15px; }

.steps3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; counter-reset: st; }
.step3 { position: relative; padding: 24px 22px 22px; border-radius: 16px; background: #f8f9fc; border: 1px solid var(--line); counter-increment: st; }
.step3::before { content: counter(st); display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--orange); color: #111; font-weight: 900; margin-bottom: 12px; }
.step3 h3 { margin: 0 0 6px; font-size: 18px; }
.step3 p { margin: 0; color: var(--muted); font-size: 15px; }

.book-band { display: grid; grid-template-columns: 1fr; gap: 30px; align-items: center; background: linear-gradient(160deg, #0b1446, #2a1470); color: #fff; border-radius: 22px; padding: 34px 24px; }
@media (min-width: 820px) { .book-band { grid-template-columns: 220px 1fr; padding: 40px 44px; } }
.book-band img { max-width: 220px; margin: 0 auto; border-radius: 6px; box-shadow: 0 20px 50px rgba(0,0,0,.45); }
.book-band h2 { color: #fff; }
.book-band p { opacity: .9; font-size: 17px; margin: 0 0 18px; }
.book-band ul { margin: 0 0 22px; padding-left: 20px; opacity: .92; }
.book-band li { margin-bottom: 6px; }

.team { display: grid; grid-template-columns: 1fr; gap: 30px; align-items: center; }
@media (min-width: 900px) { .team { grid-template-columns: 1fr 1fr; } }
.team img { border-radius: 18px; }
.team p { color: #333; margin: 0 0 14px; }

.contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.contact-card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 22px; text-decoration: none; color: var(--ink); display: block; }
.contact-card:hover { border-color: #b9c3ea; }
.contact-card .k { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: var(--muted); }
.contact-card .v { font-size: 19px; font-weight: 800; margin-top: 6px; color: var(--brand); word-break: break-word; }

.disclosure { font-size: 12px; color: #9aa1b8; line-height: 1.6; }