:root { --live-ink:#071916; --live-green:#1ed760; --live-lime:#c9ff4f; --live-cream:#f7f3e9; --live-muted:#566861; }
* { box-sizing:border-box; }
.live-build-page { overflow-x:hidden; color:var(--live-ink); background:#fff; }
.live-shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.live-skip { position:fixed; z-index:100; top:12px; left:12px; padding:10px 14px; color:#fff; background:var(--live-ink); transform:translateY(-160%); }
.live-skip:focus { transform:translateY(0); }
.live-hero { padding:132px 0 92px; color:#fff; background:radial-gradient(circle at 75% 10%,rgba(30,215,96,.18),transparent 30%),linear-gradient(140deg,#0b211a,#040906); }
.live-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.72fr); gap:72px; align-items:center; }
.live-kicker { display:inline-flex; margin:0 0 18px; padding:8px 12px; border:1px solid rgba(201,255,79,.42); border-radius:999px; color:var(--live-lime); font-size:.74rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.live-kicker--dark { border-color:#bbd0c7; color:#135b36; background:#eaf8f0; }
.live-hero h1 { max-width:740px; margin:0; font-size:clamp(3.6rem,6.8vw,6.4rem); line-height:.92; letter-spacing:-.065em; }
.live-lead { max-width:710px; margin:28px 0 0; color:#c0d1ca; font-size:1.18rem; line-height:1.7; }
.live-points { display:flex; flex-wrap:wrap; gap:10px 22px; margin:28px 0 18px; padding:0; list-style:none; color:#eef8f3; font-weight:800; }
.live-points li::before,.live-checks li::before { margin-right:9px; color:var(--live-green); content:"✓"; font-weight:900; }
.live-reassurance { color:#91a89f; font-size:.88rem; }
.live-mobile-cta { display:none; }
.live-form-card { padding:34px; border:1px solid rgba(201,255,79,.34); border-radius:18px; color:var(--live-ink); background:var(--live-cream); box-shadow:0 30px 80px rgba(0,0,0,.3); }
.live-form-card h2 { margin:4px 0 12px; font-size:2.35rem; line-height:1; letter-spacing:-.045em; }
.live-form-card > p:not(.live-kicker) { color:var(--live-muted); line-height:1.6; }
.live-form-card form { display:grid; gap:14px; margin-top:24px; }
.live-form-card form > div:not(.honeypot-field) { display:grid; gap:7px; }
.live-form-card label { font-size:.85rem; font-weight:850; }
.live-form-card input { min-height:52px; padding:0 13px; border:1px solid #9eb2aa; border-radius:8px; background:#fff; font:inherit; }
.live-form-card button,.live-button { display:inline-flex; min-height:54px; align-items:center; justify-content:center; padding:0 20px; border:0; border-radius:8px; color:var(--live-ink); background:var(--live-lime); font:inherit; font-weight:900; cursor:pointer; }
.live-form-card button:disabled { cursor:wait; opacity:.72; }
.live-form-card small { display:block; margin-top:16px; color:var(--live-muted); text-align:center; }
.field-error { min-height:1em; color:#9e2f2a; font-size:.78rem; }
.live-feedback { min-height:1.4em; margin:0; color:#9e2f2a; font-size:.88rem; line-height:1.5; }
.live-feedback.is-success { color:#19663e; font-weight:700; }
.live-proof { padding:100px 0; background:var(--live-cream); }
.live-proof__grid,.live-two-column { display:grid; grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr); gap:70px; align-items:center; }
.live-proof h2,.live-section h2 { margin:4px 0 22px; font-size:clamp(2.5rem,4.8vw,4.4rem); line-height:1; letter-spacing:-.05em; }
.live-proof p { color:var(--live-muted); font-size:1.08rem; line-height:1.72; }
.live-proof figure { margin:0; }
.live-proof img { display:block; width:100%; height:auto; border:1px solid #bcc8c3; border-radius:16px; box-shadow:0 28px 65px rgba(7,25,22,.18); }
.live-proof figcaption { margin-top:10px; color:var(--live-muted); font-size:.78rem; }
.live-actions { display:flex; flex-wrap:wrap; gap:18px 22px; align-items:center; margin-top:28px; }
.live-text-link { font-weight:850; }
.live-section { padding:100px 0; }
.live-section--dark { color:#fff; background:var(--live-ink); }
.live-section--dark h2 { max-width:850px; color:#fff; }
.live-agenda { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:48px; }
.live-agenda article { min-height:280px; padding:28px; border:1px solid rgba(255,255,255,.15); border-radius:12px; background:rgba(255,255,255,.04); }
.live-agenda span { color:var(--live-lime); font-weight:900; }
.live-agenda h3 { margin:70px 0 12px; color:#fff; font-size:1.35rem; }
.live-agenda p { margin:0; color:#b7c9c1; line-height:1.62; }
.live-audience { background:#edf0ff; }
.live-two-column { align-items:start; }
.live-checks { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.live-checks li { padding:20px 0; border-top:1px solid #c9d0e5; line-height:1.6; }
.live-checks li:last-child { border-bottom:1px solid #c9d0e5; }
.live-faq { background:#fff; }
.live-faq__grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:42px; }
.live-faq details { padding:24px; border:1px solid #d8dfdc; border-radius:10px; background:#fbfcfb; }
.live-faq summary { cursor:pointer; font-weight:850; }
.live-faq details p { margin:16px 0 0; color:var(--live-muted); line-height:1.65; }
.live-final { margin-top:74px; padding:54px; border-radius:16px; color:#fff; background:#0d2c23; text-align:center; }
.live-final h2 { max-width:800px; margin:0 auto 28px; color:#fff; }
.live-final p { margin:16px 0 0; color:#b8cbc3; }
.live-footer { padding:32px 0; color:#d0ddd7; background:#040906; }
.live-footer .live-shell { display:flex; justify-content:space-between; gap:20px; }
.live-build-page a:focus-visible,.live-build-page button:focus-visible,.live-build-page input:focus-visible,.live-build-page summary:focus-visible { outline:3px solid var(--live-lime); outline-offset:3px; }
@media (max-width:940px) { .live-hero__grid,.live-proof__grid,.live-two-column { grid-template-columns:1fr; } .live-hero__copy { max-width:780px; } .live-agenda { grid-template-columns:1fr 1fr; } .live-form-card { max-width:680px; } }
@media (max-width:620px) { .live-shell { width:calc(100% - 30px); } .live-hero { padding:110px 0 68px; } .live-hero h1 { font-size:clamp(3rem,15vw,4.25rem); } .live-mobile-cta { display:inline-flex; width:100%; margin-top:24px; } .live-form-card { padding:28px 20px; } .live-proof,.live-section { padding:72px 0; } .live-proof__grid { gap:42px; } .live-agenda,.live-faq__grid { grid-template-columns:1fr; } .live-agenda article { min-height:220px; } .live-agenda h3 { margin-top:38px; } .live-final { padding:38px 20px; } .live-final .live-button { width:100%; } .live-footer .live-shell { flex-direction:column; } }
