:root{--blue:var(--vsl-blue,#073c91);--navy:var(--vsl-navy,#041c45);--red:var(--vsl-red,#ed1c24);--gold:var(--vsl-gold,#f5b900);--bg:var(--vsl-bg,#f0f2f5)}*{box-sizing:border-box}body{margin:0;font-family:var(--vsl-font,Inter,Arial,sans-serif);color:#10213d;background:var(--bg)}header{height:64px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--vsl-surface,#f7f8fa);position:sticky;top:0;z-index:5;box-shadow:0 2px 14px #001a3b12}header b{color:var(--blue);font-size:18px}header span{color:var(--red);font-style:italic}nav{display:flex;gap:16px;align-items:center}a{text-decoration:none;color:inherit}button,.primary,.secondary{border:0;border-radius:8px;padding:10px 16px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,var(--blue),#1465dc);color:white}.secondary{background:var(--vsl-surface,#f7f8fa);border:1px solid #cad6e8;color:var(--blue)}.hero{min-height:calc(100vh - 64px);padding:42px 6%;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1.05fr);gap:26px;align-items:center;background:linear-gradient(135deg,#f7f8fa 50%,#e8eef7)}.hero h1{font-size:42px;line-height:1;margin:12px 0;color:var(--navy)}.hero em{color:var(--blue);font-style:normal}.hero h2{display:inline-block;background:var(--red);color:white;padding:10px 14px;border-radius:8px;font-size:22px}.hero h2 span{font-size:12px;color:white}.hero p{font-size:16px;line-height:1.5;max-width:620px}.hero img{width:100%;max-height:520px;object-fit:contain;border-radius:10px;box-shadow:0 18px 44px #00265d22}.actions{display:flex;gap:10px;margin-top:18px}section{padding:48px 6%}section>h2,.sectionhead h2{font-size:30px;color:var(--navy)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{background:var(--vsl-surface,#f7f8fa);border-radius:10px;padding:18px;box-shadow:0 8px 30px #0b37700d}.cards strong{font-size:24px;color:var(--red)}.free{text-align:center;background:#fff3c7;padding:14px;border-radius:10px;font-weight:800}.panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;background:var(--navy);color:white}.panel h2{font-size:32px}.panel form{background:var(--vsl-surface,#f7f8fa);color:#10213d;padding:22px;border-radius:10px;display:grid;gap:11px}.panel input,.panel select,.modal input{width:100%;padding:10px 12px;border:1px solid #d9e1ec;border-radius:8px}.panel label{font-size:13px;font-weight:700}.sectionhead{display:flex;justify-content:space-between;align-items:center}.sectionhead span{background:#667085;color:white;padding:7px 10px;border-radius:20px;font-weight:800}.selling{display:grid;grid-template-columns:1fr 1fr;gap:16px}.video,.picker{background:var(--vsl-surface,#f7f8fa);padding:16px;border-radius:10px;box-shadow:0 8px 30px #0b37700d}.video{min-height:440px;position:relative;background:#081425}.video video{width:100%;height:360px;object-fit:cover;border-radius:10px}.videoempty{position:absolute;inset:0;display:grid;place-items:center;color:#8ca0ba;font-size:20px}.controls{position:absolute;bottom:22px;left:0;right:0;text-align:center}.controls button:last-child{background:var(--red);color:white}.picker iframe{width:100%;height:380px;border:1px solid #dde5f0;border-radius:10px;margin:10px 0}.share{text-align:center;background:linear-gradient(135deg,var(--blue),var(--navy));color:white}.modal{display:none;position:fixed;inset:0;background:#001127aa;z-index:10;place-items:center}.modal>div{width:min(420px,90%);background:var(--vsl-surface,#f7f8fa);padding:24px;border-radius:10px;display:grid;gap:10px}.x{justify-self:end;font-size:22px;background:none}footer{text-align:center;padding:20px;background:#03152f;color:#a9bad1;font-size:12px}@media(max-width:850px){nav a{display:none}.hero,.panel,.selling{grid-template-columns:1fr}.hero{padding-top:32px;min-height:auto}.hero h1{font-size:34px}.cards{grid-template-columns:1fr 1fr}.hero img{margin-top:18px;max-height:420px}}@media(max-width:500px){.cards{grid-template-columns:1fr}.hero h1{font-size:30px}section{padding:36px 5%}}

/* Landing page compact spacing: keep the same brand style, but remove oversized vertical gaps. */
body{background:#eef2f7}
.hero{min-height:auto;padding:72px 6% 84px;gap:34px}
.hero h1{margin:10px 0}
.hero h2{margin:4px 0 10px}
.hero p{margin:12px 0 0}
section{padding:38px 6%}
#package{padding-top:48px;padding-bottom:48px}
#package h2,#how-it-works h2{margin-top:0;margin-bottom:20px}
.cards{gap:16px}
.free{margin-top:16px;margin-bottom:0}
.panel{margin:0;padding-top:44px;padding-bottom:44px;gap:40px;align-items:center}
.panel h2{margin:10px 0 18px}
.panel p{margin:0 0 18px}
#how-it-works{padding-top:48px;padding-bottom:48px}
footer{padding:18px}
@media(max-width:850px){.hero{padding:46px 5% 52px;gap:22px}section,#package,#how-it-works{padding:34px 5%}.panel{padding-top:36px;padding-bottom:36px}}