:root { --navy:#1c5cab; --blue:#2a78d6; --orange:#eb6834; --ink:#0b0b0b; --ink2:#52514e; --muted:#9a9a94; --panel:#f6f5f2; --line:#e6e5e1; --bg:#ffffff; }
* { box-sizing:border-box; }
body { margin:0; font-family:"Segoe UI", Calibri, Helvetica, Arial, sans-serif; color:var(--ink); background:var(--bg); line-height:1.5; }
.wrap { max-width:1080px; margin:0 auto; padding:0 16px; }
header { padding:14px 0; border-bottom:1px solid var(--line); }
header .wrap { display:flex; justify-content:space-between; align-items:center; }
.brand { font-weight:700; color:var(--navy); }
.eyebrow { color:var(--blue); font-weight:600; font-size:14px; letter-spacing:.3px; text-transform:uppercase; }
.hero { padding:48px 0 32px; display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center; }
h1 { font-size:40px; line-height:1.15; margin:8px 0 12px; color:var(--navy); }
.sub { font-size:19px; color:var(--ink2); margin:0 0 20px; }
.cover { width:100%; max-width:380px; height:auto; display:block; margin:0 auto; border-radius:10px; box-shadow:0 20px 50px rgba(28,92,171,.25); }
form, .card { background:var(--panel); padding:22px; border-radius:12px; border-top:4px solid var(--orange); }
form h3, .card h3 { margin:0 0 12px; font-size:18px; }
label { display:block; font-size:14px; color:var(--ink2); margin:10px 0 4px; }
input, select { width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:8px; font-size:15px; background:#fff; }
input:invalid.touched, select:invalid.touched { border-color:var(--orange); }
.check { display:flex; gap:10px; align-items:flex-start; margin-top:12px; font-size:13px; color:var(--ink2); }
.check input { width:auto; margin-top:3px; }
button, .cta { display:inline-block; width:100%; margin-top:14px; background:var(--orange); color:#fff; border:0; border-radius:8px; padding:14px; font-size:17px; font-weight:700; cursor:pointer; text-align:center; text-decoration:none; }
button:hover, .cta:hover { background:#d85a2a; }
button[disabled] { opacity:.6; cursor:wait; }
.cta { width:auto; padding:14px 22px; }
.cta.secondary { background:var(--navy); }
.fine { font-size:12.5px; color:var(--muted); margin-top:8px; text-align:center; }
.fine.err { color:#b3261e; }
section { padding:40px 0; border-top:1px solid var(--line); }
h2 { font-size:28px; color:var(--navy); margin:0 0 16px; }
ul.points { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:12px 28px; }
ul.points li { padding-left:30px; position:relative; font-size:17px; }
ul.points li::before { content:""; position:absolute; left:0; top:8px; width:14px; height:14px; border-radius:50%; background:var(--blue); }
.faces { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.face { background:var(--panel); border-radius:10px; padding:14px; font-size:15px; }
.face b { color:var(--navy); display:block; margin-bottom:4px; }
.illus { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:18px; }
.illus img { width:100%; height:auto; border-radius:10px; }
.not { margin-top:18px; padding:14px 18px; border-left:4px solid var(--orange); background:#fdefe8; border-radius:6px; }
figure { margin:0; } figure img { width:100%; height:auto; border:1px solid var(--line); border-radius:10px; }
figcaption { font-size:14px; color:var(--ink2); text-align:center; margin-top:8px; }
.author { display:grid; grid-template-columns:120px 1fr; gap:22px; align-items:center; }
.avatar { width:120px; height:120px; border-radius:50%; object-fit:cover; }
details { border-top:1px solid var(--line); padding:12px 0; } summary { font-weight:600; cursor:pointer; font-size:17px; } details p { margin:8px 0 0; color:var(--ink2); }
footer { padding:28px 0 40px; color:var(--muted); font-size:13px; border-top:1px solid var(--line); }
footer a { color:var(--muted); }
.video { position:relative; padding-top:56.25%; background:var(--navy); border-radius:12px; overflow:hidden; }
.video iframe, .video video { position:absolute; inset:0; width:100%; height:100%; border:0; }
.kit { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center; }
.kit ul { padding-left:20px; }
.price { font-size:32px; font-weight:700; color:var(--navy); }
.calendly { min-height:700px; border:1px solid var(--line); border-radius:12px; }
@media (max-width:820px) { .hero { grid-template-columns:1fr; padding-top:28px; } h1 { font-size:32px; } ul.points { grid-template-columns:1fr; } .faces { grid-template-columns:1fr 1fr; } .illus { grid-template-columns:1fr; } .author { grid-template-columns:1fr; } .kit { grid-template-columns:1fr; } }