/* ===== Launch Offer campaign layer ===== */
.lo{font-family:Inter,var(--sans),system-ui,sans-serif}
.lo-hero{background:linear-gradient(180deg,#0B1526 0%,#0E1B2C 100%);padding:0 0 40px;margin-top:-1px}
.lo-panel{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;background:linear-gradient(135deg,#102138 0%,#0E1B2C 60%,#123a2c 100%);border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:48px 52px;position:relative;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.45)}
.lo-panel::before{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-200px;border-radius:50%;background:radial-gradient(circle,rgba(34,181,115,.28),rgba(34,181,115,0) 65%);pointer-events:none}
.lo-eyebrow{display:inline-block;font:700 11.5px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5BE39A;border:1px solid rgba(91,227,154,.4);border-radius:100px;padding:6px 12px;margin-bottom:18px}
.lo-price{display:flex;align-items:baseline;gap:12px;color:#fff;margin-bottom:14px}
.lo-big{font:800 96px/1 Inter,sans-serif;letter-spacing:-.04em;background:linear-gradient(180deg,#fff 30%,#9FE8C4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lo-day{font:600 20px Inter,sans-serif;color:rgba(255,255,255,.75)}
.lo-h{font:600 34px/1.12 Fraunces,serif;color:#fff;margin:0 0 14px;letter-spacing:-.01em}
.lo-p{font:400 16px/1.55 Inter,sans-serif;color:rgba(255,255,255,.8);max-width:560px;margin:0 0 18px}
.lo-facts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.lo-facts span{font:700 12px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:8px 14px}
.lo-facts .lo-scar{background:#22B573;border-color:#22B573;color:#04130b}
.lo-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.lo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:16px 26px;font:700 15px Inter,sans-serif;text-decoration:none;transition:.2s;letter-spacing:.01em}
.lo-btn-p{background:#22B573;color:#04130b;box-shadow:0 14px 34px rgba(34,181,115,.35)}
.lo-btn-p:hover{background:#2ED184;transform:translateY(-2px)}
.lo-btn-s{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
.lo-btn-s:hover{border-color:#fff}
.lo-btn-full{width:100%}
.lo-line{font:500 15px Inter,sans-serif;color:rgba(255,255,255,.8);margin:0}
.lo-line b{color:#fff;letter-spacing:.06em;text-transform:uppercase}
.lo-right{display:flex;flex-direction:column;align-items:center;gap:16px}
.lo-ring{position:relative;width:260px;height:260px;display:flex;align-items:center;justify-content:center}
.lo-ring::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(255,255,255,.25);animation:loring 40s linear infinite}
.lo-ring-core{width:118px;height:118px;border-radius:50%;background:#fff;color:#0E1B2C;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(34,181,115,.18),0 20px 50px rgba(0,0,0,.4)}
.lo-ring-core b{font:800 30px/1 Inter,sans-serif;letter-spacing:-.03em}.lo-ring-core small{font:600 10.5px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-top:4px}
.lo-orb{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#9FE8C4;display:flex;align-items:center;justify-content:center;transform:rotate(var(--a)) translate(118px) rotate(calc(-1*var(--a)));animation:loorb 3s ease-in-out infinite;animation-delay:calc(var(--a)/40deg*.3s)}
.lo-orb svg{width:20px;height:20px}
@keyframes loorb{0%,100%{box-shadow:0 0 0 0 rgba(34,181,115,0)}50%{box-shadow:0 0 0 6px rgba(34,181,115,.25)}}
@keyframes loring{to{transform:rotate(360deg)}}
.lo-tag{font:600 12px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.lo-fine{margin:16px 6px 0;font:400 12px/1.5 Inter,sans-serif;color:rgba(255,255,255,.55)}
.lo-fine a{color:#9FE8C4}
/* count-up */
.lo-big.lo-anim{animation:lopop .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes lopop{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
/* product proof */
.lo-proof{background:#fff;padding:90px 0}
.lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-card{background:var(--paper2);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.3s;animation:lpin .6s both;animation-delay:calc(var(--i)*80ms)}
.lp-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(14,27,44,.12);border-color:var(--acc)}
.lp-card-crm,.lp-card-inbox,.lp-card-automations{grid-column:span 1}
.lp-mock{height:180px;background:#fff;border-bottom:1px solid var(--line);padding:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.lp-cap{display:flex;gap:12px;align-items:flex-start;padding:16px 18px 18px}
.lp-cap span{flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid var(--line);color:var(--acc);display:flex;align-items:center;justify-content:center}
.lp-cap svg{width:19px;height:19px}
.lp-cap b{display:block;font:700 15px Inter,sans-serif;color:var(--ink)}
.lp-cap small{display:block;font:400 13px/1.45 Inter,sans-serif;color:var(--mut);margin-top:2px}
@keyframes lpin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* mocks */
.mk-pipe{width:100%;display:grid;gap:10px}.mk-pipe div{display:flex;align-items:center;gap:8px}.mk-pipe span{width:52px;font:600 11px Inter,sans-serif;color:var(--mut)}.mk-pipe i{height:22px;border-radius:6px;background:#E6ECE8;display:block}.mk-pipe i.on{background:var(--acc)}
.mk-cal{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:100%}.mk-cal b{font:600 10px Inter,sans-serif;color:var(--mut);text-align:center}.mk-cal i{height:34px;border-radius:7px;background:#F3F6F4;border:1px solid var(--line);font:600 9.5px/34px Inter,sans-serif;text-align:center;font-style:normal;color:#04130b}.mk-cal i.on{background:#22B573;border-color:#22B573}
.mk-site{width:100%;border:1px solid var(--line);border-radius:10px;overflow:hidden}.mk-nav{display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--line)}.mk-nav i{width:26px;height:6px;border-radius:3px;background:#E6ECE8}.mk-hero{padding:14px 12px 10px;background:#0E1B2C}.mk-hero b{display:block;width:70%;height:10px;border-radius:3px;background:#fff;margin-bottom:6px}.mk-hero em{display:block;width:50%;height:6px;border-radius:3px;background:rgba(255,255,255,.5);margin-bottom:8px}.mk-hero u{display:block;width:34%;height:12px;border-radius:4px;background:#22B573;text-decoration:none}.mk-cols{display:flex;gap:6px;padding:8px}.mk-cols i{flex:1;height:26px;border-radius:5px;background:#F3F6F4;border:1px solid var(--line)}
.mk-soc{width:100%;display:grid;gap:8px}.mk-q{display:flex;align-items:center;gap:8px;font:600 12px Inter,sans-serif;color:var(--ink);background:#F3F6F4;border:1px solid var(--line);border-radius:9px;padding:8px 10px}.mk-q i{width:24px;height:24px;border-radius:7px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 9px Inter,sans-serif;font-style:normal}
.mk-inbox{width:100%;display:grid;gap:8px}.mk-msg{display:flex;gap:10px;align-items:center;background:#F3F6F4;border:1px solid var(--line);border-radius:9px;padding:8px 10px}.mk-msg i{width:28px;height:28px;border-radius:8px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 9px Inter,sans-serif;font-style:normal;flex:0 0 auto}.mk-msg b{display:block;font:700 12px Inter,sans-serif;color:var(--ink)}.mk-msg small{display:block;font:400 11px Inter,sans-serif;color:var(--mut)}
.mk-mail{width:100%}.mk-mailhead{display:flex;justify-content:space-between;font:700 12px Inter,sans-serif;color:var(--ink);margin-bottom:10px}.mk-mailhead span{font-weight:500;color:var(--mut)}.mk-bars{display:grid;gap:8px}.mk-bars div{display:flex;align-items:center;gap:8px}.mk-bars span{width:64px;font:600 11px Inter,sans-serif;color:var(--mut)}.mk-bars i{height:12px;border-radius:6px;background:var(--acc);display:block;opacity:.85}
.mk-rev{width:100%;display:grid;gap:8px}.mk-stars{font:700 18px Inter,sans-serif;color:#E8B04B;display:flex;align-items:center;gap:8px}.mk-stars span{font:700 14px Inter,sans-serif;color:var(--ink)}.mk-line{background:#F3F6F4;border:1px solid var(--line);border-radius:9px;padding:8px 10px}.mk-line b{display:block;font:700 12px Inter,sans-serif;color:var(--ink)}.mk-line small{display:block;font:400 11px Inter,sans-serif;color:var(--mut)}
.mk-pay{width:100%;display:grid;gap:8px}.mk-inv{display:flex;justify-content:space-between;align-items:center;background:#F3F6F4;border:1px solid var(--line);border-radius:9px;padding:9px 10px;font:600 12px Inter,sans-serif;color:var(--mut)}.mk-inv b{font:700 14px Inter,sans-serif;color:var(--ink)}.mk-paid{display:flex;align-items:center;gap:8px;font:700 12px Inter,sans-serif;color:#0f7a4b;background:rgba(34,181,115,.12);border-radius:9px;padding:8px 10px}.mk-paid i{width:20px;height:20px;border-radius:50%;background:#22B573;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-style:normal}.mk-paid svg{width:12px;height:12px}
.mk-flow{width:100%;display:flex;flex-direction:column;align-items:center}.mk-flow div{width:100%;max-width:220px;display:flex;align-items:center;gap:8px;background:#F3F6F4;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font:600 12px Inter,sans-serif;color:var(--ink)}.mk-flow i{width:22px;height:22px;border-radius:6px;background:var(--acc);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:700 11px Inter,sans-serif;font-style:normal}.mk-flow em{width:2px;height:12px;background:var(--line)}
.lo-note{max-width:820px;margin:26px auto 0;text-align:center;font:400 13px/1.55 Inter,sans-serif;color:var(--mut)}
.lo-note b{color:var(--ink)}.lo-note a{color:var(--acc);font-weight:600}
.lo-center{text-align:center;margin-top:26px}
/* contrast */
.lo-contrast{background:#0E1B2C;color:#fff;padding:90px 0}
.lo-contrast .h2{color:#fff}
.lc-stage{display:grid;grid-template-columns:1fr 90px 1fr;gap:20px;align-items:center;max-width:1000px;margin:0 auto}
.lc-lab{display:inline-block;font:700 11px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:12px}
.lc-lab-on{color:#5BE39A}
.lc-scatter{position:relative;height:260px;border:1px dashed rgba(255,255,255,.2);border-radius:20px}
.lc-scatter i{position:absolute;font:600 12px Inter,sans-serif;font-style:normal;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:100px;padding:8px 12px;animation:lcdrift 6s ease-in-out infinite;animation-delay:calc(var(--n,0)*.4s)}
.lc-scatter i:nth-child(1){left:6%;top:10%;--n:0}.lc-scatter i:nth-child(2){left:52%;top:6%;--n:1}.lc-scatter i:nth-child(3){left:20%;top:38%;--n:2}.lc-scatter i:nth-child(4){left:58%;top:34%;--n:3}.lc-scatter i:nth-child(5){left:4%;top:66%;--n:4}.lc-scatter i:nth-child(6){left:40%;top:62%;--n:5}.lc-scatter i:nth-child(7){left:70%;top:60%;--n:6}.lc-scatter i:nth-child(8){left:26%;top:84%;--n:7}.lc-scatter i:nth-child(9){left:62%;top:84%;--n:8}
@keyframes lcdrift{0%,100%{transform:translate(0,0) rotate(-2deg)}50%{transform:translate(6px,-8px) rotate(2deg)}}
.lc-arrow{display:flex;align-items:center;justify-content:center}
.lc-arrow span{width:70px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.2),#22B573);position:relative}
.lc-arrow span::after{content:"";position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left-color:#22B573}
.lc-core{height:260px;border-radius:20px;background:linear-gradient(135deg,#17513A,#22B573);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 30px 70px rgba(34,181,115,.25);animation:lcglow 4s ease-in-out infinite}
.lc-core img{height:34px;filter:brightness(0) invert(1);margin-bottom:12px}
.lc-core b{font:700 22px Inter,sans-serif}.lc-core small{font:500 12px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-top:4px}
@keyframes lcglow{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.15),0 30px 70px rgba(34,181,115,.25)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.3),0 30px 90px rgba(34,181,115,.45)}}
.lo-quote{text-align:center;font:400 18px/1.5 Inter,sans-serif;color:rgba(255,255,255,.8);margin:30px auto 0;max-width:720px}
.lo-quote b{color:#fff;display:block;margin-top:6px}
/* value moment + offer card */
.lo-value{background:linear-gradient(180deg,#0B1526,#0E1B2C 45%,#0f2e24);color:#fff;padding:90px 0}
.lo-vgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start}
.lo-price-xl .lo-big{font-size:132px}
.lo-vp{font:500 20px/1.4 Inter,sans-serif;color:rgba(255,255,255,.85);margin:0 0 22px}
.lp-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}
.lp-strip span{display:inline-flex;align-items:center;gap:6px;font:600 12px Inter,sans-serif;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:7px 12px 7px 8px}
.lp-strip svg{width:15px;height:15px;color:#9FE8C4}
.lo-scarh{font:800 44px/1 Inter,sans-serif;letter-spacing:-.03em;color:#fff;margin:0 0 12px;text-transform:uppercase}
.lo-vp2{font:400 15px/1.55 Inter,sans-serif;color:rgba(255,255,255,.72);margin:0 0 18px;max-width:520px}
.lo-line-lg{font-size:18px;margin-bottom:22px}
.lo-card{background:#fff;color:var(--ink);border-radius:24px;padding:30px;box-shadow:0 40px 100px rgba(0,0,0,.45);position:sticky;top:100px}
.lo-badge{display:inline-block;font:700 11px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#04130b;background:#22B573;border-radius:100px;padding:6px 12px;margin-bottom:16px}
.lo-cprice{font:800 52px/1 Inter,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.lo-cprice small{font:600 16px Inter,sans-serif;color:var(--mut);margin-left:6px}
.lo-ceq{font:600 15px Inter,sans-serif;color:var(--acc);margin:6px 0 18px}
.lo-cterms{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.lo-cterms div{background:var(--paper2);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}
.lo-cterms b{display:block;font:800 20px Inter,sans-serif;color:var(--ink)}.lo-cterms small{font:600 10.5px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.lo-clist{list-style:none;margin:0 0 18px;padding:0;columns:2;column-gap:14px}
.lo-clist li{font:500 13px/1.4 Inter,sans-serif;color:var(--ink);padding:5px 0 5px 22px;position:relative;break-inside:avoid}
.lo-clist li::before{content:"✓";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:#22B573;color:#04130b;font:700 10px/16px Inter,sans-serif;text-align:center}
.lo-cunder{text-align:center;font:700 13px Inter,sans-serif;color:var(--ink);margin:12px 0 10px}
.lo-cdisc{font:400 11.5px/1.5 Inter,sans-serif;color:var(--mut);margin:0 0 6px}
.lo-cdisc a{color:var(--acc);font-weight:600}
/* faq marker */
.lo-qa button::before{content:"Launch offer";display:inline-block;font:700 9.5px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#04130b;background:#9FE8C4;border-radius:100px;padding:3px 8px;margin-right:10px;vertical-align:middle}
/* final */
.lo-final{background:#fff;padding:20px 0 90px}
.lo-fpanel{background:linear-gradient(135deg,#0E1B2C 0%,#17513A 100%);border-radius:30px;padding:70px 40px;text-align:center;color:#fff;box-shadow:0 40px 100px rgba(14,27,44,.3)}
.lo-fh{font:800 clamp(44px,7vw,84px)/1 Inter,sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 18px}
.lo-fp{font:500 20px/1.4 Inter,sans-serif;color:rgba(255,255,255,.9);margin:0 0 6px}
.lo-fp2{font:700 14px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#9FE8C4;margin:0 0 26px}
.lo-ctas-c{justify-content:center}
.lo-fine-c{text-align:center;margin-top:6px}.lo-fine-c a{color:#fff}
/* responsive */
@media(max-width:1000px){.lo-panel{grid-template-columns:1fr;padding:36px 28px}.lo-right{display:none}.lp-grid{grid-template-columns:repeat(2,1fr)}.lo-vgrid{grid-template-columns:1fr}.lo-card{position:static}.lc-stage{grid-template-columns:1fr;gap:12px}.lc-arrow span{width:2px;height:50px;background:linear-gradient(180deg,rgba(255,255,255,.2),#22B573)}.lc-arrow span::after{right:-5px;top:auto;bottom:-2px;border:6px solid transparent;border-top-color:#22B573}}
@media(max-width:640px){.lo-hero{padding-bottom:28px}.lo-panel{padding:28px 20px;border-radius:20px}.lo-big{font-size:80px}.lo-price-xl .lo-big{font-size:92px}.lo-h{font-size:27px}.lo-p{font-size:15px}.lo-facts span{font-size:11px;padding:7px 11px}.lo-btn{width:100%;padding:16px 18px}.lo-ctas{flex-direction:column}
.lp-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px 4px 14px;margin:0 -20px;padding-left:20px;-webkit-overflow-scrolling:touch}.lp-card{flex:0 0 82%;scroll-snap-align:start;animation:none}.lp-mock{height:170px}
.lo-scarh{font-size:36px}.lo-clist{columns:1}.lo-cprice{font-size:44px}.lo-fpanel{padding:48px 22px;border-radius:22px}.lc-scatter{height:230px}.lc-scatter i{font-size:11px;padding:6px 10px}.lc-core{height:200px}}
@media(prefers-reduced-motion:reduce){.lo-orb,.lo-ring::before,.lc-scatter i,.lc-core,.lp-card,.lo-big.lo-anim{animation:none}}
