/* Shared styles of the redesigned /advertise pages (lgx = lead-gen look). Needs advertise.css first (tokens --ink, --accent, --muted...). See docs/advertise-redesign-kit.md. */
.lgx-proof{list-style:none;margin:30px 0 28px;padding:0;display:grid;gap:12px;max-width:560px}
.lgx-proof li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid rgba(13,11,43,.08);border-radius:16px;padding:14px 16px;box-shadow:0 8px 18px -14px rgba(13,11,43,.3)}
.lgx-proof .ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#F1EFFF;display:flex;align-items:center;justify-content:center}
.lgx-proof b{display:block;font:600 16px/1.25 Poppins,Inter,sans-serif;color:#0D0B2B;letter-spacing:-.01em}
.lgx-proof .t{display:block;font:400 14.5px/1.45 Inter,sans-serif;color:rgba(13,11,43,.58);margin-top:2px}
.lgx{--lg-soft:#F1F0FE;--lg-line:rgba(13,11,43,.09)}
.lgx-sec{max-width:1200px;margin:0 auto;padding:96px 32px 0}
.lgx-eyebrow{font:600 12.5px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
.lgx-h2{font:600 clamp(30px,4vw,44px)/1.08 Poppins,Inter,sans-serif;letter-spacing:-.03em;color:var(--ink);margin:0 0 14px;max-width:880px}
.lgx-sub{font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 44px;max-width:620px}
.lgx-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:s}
.lgx-step{position:relative;background:#fff;border:1px solid var(--lg-line);border-radius:20px;padding:18px 18px 22px}
.lgx-step:not(:last-child)::after{content:"";position:absolute;right:-16px;top:50px;width:14px;height:14px;border-top:3px solid var(--accent);border-right:3px solid var(--accent);transform:rotate(45deg);opacity:.55;z-index:2}
.lgx-ill{background:linear-gradient(160deg,#EFEDFF,#FFFFFF 78%);border-radius:14px;margin-bottom:16px;padding:0;overflow:hidden}
.lgx-ill svg{display:block;width:100%;height:auto}
.lgx-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font:600 13px/1 Inter,sans-serif;margin-bottom:10px}
.lgx-step h3{font:600 17px/1.25 Poppins,Inter,sans-serif;letter-spacing:-.02em;margin:0 0 6px;color:var(--ink)}
.lgx-step p{font-size:14.5px;line-height:1.5;color:var(--muted);margin:0}
.lgx-build{display:grid;grid-template-columns:1fr auto 1fr auto 1.05fr;gap:18px;align-items:center}
.lgx-rule{background:#fff;border:1px solid var(--lg-line);border-radius:20px;padding:22px}
.lgx-rule-t{display:flex;align-items:center;gap:10px;font:600 15px/1 Poppins,Inter,sans-serif;color:var(--ink);margin:0 0 16px}
.lgx-rule-t i{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block}
.lgx-row{margin:0}
.lgx-lab{font:600 11.5px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(13,11,43,.45);margin:0 0 8px}
.lgx-chips{display:flex;flex-wrap:wrap;gap:6px}
.lgx-chip{display:inline-block;font:500 13.5px/1 Inter,sans-serif;padding:8px 12px;border-radius:999px;background:#F4F4F7;color:rgba(13,11,43,.72);border:1px solid transparent}
.lgx-chip.on{background:var(--accent);color:#fff}
.lgx-chip.soft{background:var(--lg-soft);color:#4a3df0;border-color:rgba(108,92,251,.25)}
.lgx-and{display:flex;align-items:center;gap:10px;margin:12px 0;font:700 11px/1 Inter,sans-serif;letter-spacing:.12em;color:var(--accent)}
.lgx-and::before,.lgx-and::after{content:"";flex:1;height:1px;background:rgba(108,92,251,.28)}
.lgx-or{width:54px;height:54px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font:700 14px/1 Inter,sans-serif;letter-spacing:.06em;margin:0 auto}
.lgx-arrow{width:34px;height:34px;border-top:4px solid var(--accent);border-right:4px solid var(--accent);transform:rotate(45deg);opacity:.5;margin:0 auto}
.lgx-result{background:var(--ink);color:#fff;border-radius:20px;padding:26px}
.lgx-result h3{font:600 20px/1.2 Poppins,Inter,sans-serif;letter-spacing:-.02em;margin:0 0 10px;color:#fff}
.lgx-result p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.72);margin:0}
.lgx-dots{display:flex;gap:6px;margin-bottom:16px}
.lgx-dots span{width:26px;height:26px;border-radius:50%;background:var(--accent)}
.lgx-dots span:nth-child(2){background:var(--green)}
.lgx-dots span:nth-child(3){background:#fff;opacity:.9}
.lgx-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.lgx-tile{background:#fff;border:1px solid var(--lg-line);border-left:4px solid var(--accent);border-radius:14px;padding:16px 18px}
.lgx-tile h3{font:600 16px/1.2 Poppins,Inter,sans-serif;letter-spacing:-.02em;margin:0 0 6px;color:var(--ink);display:flex;justify-content:space-between;gap:10px;align-items:center}
.lgx-tile h3 em{font:600 11.5px/1 Inter,sans-serif;font-style:normal;color:#4a3df0;background:var(--lg-soft);padding:5px 9px;border-radius:999px;white-space:nowrap}
.lgx-tile p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.lgx-more{margin-top:18px;background:#fff;border:1px solid var(--lg-line);border-radius:14px;padding:6px 20px}
.lgx-more>summary{cursor:pointer;list-style:none;font:600 15px/1 Poppins,Inter,sans-serif;color:var(--ink);padding:16px 0;display:flex;justify-content:space-between;align-items:center}
.lgx-more>summary::-webkit-details-marker{display:none}
.lgx-more>summary::after{content:"+";font:500 24px/1 Inter,sans-serif;color:var(--accent)}
.lgx-more[open]>summary::after{content:"\2212"}
.lgx-more .lgx-row{padding:6px 0 18px}
.lgx-note{display:flex;gap:14px;align-items:flex-start;background:var(--lg-soft);border-radius:14px;padding:16px 18px;margin-top:18px;font-size:15px;line-height:1.55;color:rgba(13,11,43,.75)}
.lgx-note svg{flex:0 0 26px;width:26px;height:26px}
.lgx-briefs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lgx-brief{background:#fff;border:1px solid var(--lg-line);border-radius:16px;padding:18px}
.lgx-brief h3{font:600 16px/1.25 Poppins,Inter,sans-serif;letter-spacing:-.02em;margin:0 0 12px;color:var(--ink)}
.lgx-brief .lgx-chips{gap:5px}
.lgx-brief .lgx-chip{font-size:12.5px;padding:7px 10px}
.lgx-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lgx-stop{background:#fff;border:1px solid var(--lg-line);border-radius:20px;padding:18px 18px 22px;position:relative}
.lgx-stop:not(:last-child)::after{content:"";position:absolute;right:-16px;top:90px;width:14px;height:14px;border-top:3px solid var(--accent);border-right:3px solid var(--accent);transform:rotate(45deg);opacity:.55;z-index:2}
.lgx-stop h3{font:600 17px/1.25 Poppins,Inter,sans-serif;letter-spacing:-.02em;margin:0 0 6px;color:var(--ink)}
.lgx-stop p{font-size:14.5px;line-height:1.5;color:var(--muted);margin:0}
.lgx-stop .lgx-ill{background:radial-gradient(circle at 78% 18%,rgba(108,92,251,.55),transparent 58%),linear-gradient(160deg,#1C1946,#0D0B2B)}
.lgx-after{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lgx-after .lgx-step:not(:last-child)::after{top:40px}
.lgx-fit{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.lgx-fit div{background:#fff;border:1px solid var(--lg-line);border-radius:16px;padding:20px}
.lgx-fit h3{font:600 16px/1.25 Poppins,Inter,sans-serif;letter-spacing:-.02em;margin:0 0 6px;color:var(--ink)}
.lgx-fit p{font-size:14.5px;line-height:1.5;color:var(--muted);margin:0}
.lgx-rank{margin-top:22px;font-size:16px;line-height:1.6;color:rgba(13,11,43,.7);max-width:780px}
.lgx-faqgrid{display:grid;grid-template-columns:minmax(240px,1fr) 1.8fr;gap:64px;align-items:start}
.lgx-faq{max-width:none;margin:0}
.lgx-faq details{border-bottom:1px solid var(--lg-line);padding:6px 0}
.lgx-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0}
.lgx-faq summary::-webkit-details-marker{display:none}
.lgx-faq summary::after{content:"+";font:500 26px/1 Inter,sans-serif;color:var(--accent);flex:0 0 auto}
.lgx-faq details[open] summary::after{content:"\2212"}
.lgx-faq .adv-faq-q{margin:0;font-size:18px}
.lgx-faq .adv-faq-a{padding:0 0 18px}
@media (max-width:1000px){
.lgx-faqgrid{grid-template-columns:1fr;gap:20px}
.lgx-flow{grid-template-columns:1fr 1fr}
.lgx-step:not(:last-child)::after,.lgx-stop:not(:last-child)::after{display:none}
.lgx-build{grid-template-columns:1fr}
.lgx-or{margin:0 auto}
.lgx-arrow{transform:rotate(135deg)}
.lgx-tiles,.lgx-briefs{grid-template-columns:1fr 1fr}
.lgx-journey,.lgx-after,.lgx-fit{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
.lgx-sec{padding:64px 16px 0}
.lgx-step,.lgx-stop{display:grid;grid-template-columns:116px 1fr;column-gap:14px;align-items:start;padding:14px}
.lgx-step .lgx-ill,.lgx-stop .lgx-ill{grid-row:1/span 3;grid-column:1;margin:0;max-width:none;padding:3px}
.lgx-step>*:not(.lgx-ill),.lgx-stop>*:not(.lgx-ill){grid-column:2}
.lgx-num{margin-bottom:6px}
.lgx-flow,.lgx-tiles,.lgx-briefs,.lgx-journey,.lgx-after,.lgx-fit{grid-template-columns:1fr}
.lgx-sub{font-size:16.5px;margin-bottom:30px}
.lgx-ill{max-width:340px}}