:root { color-scheme:light; }
html { scroll-behavior:smooth; }
body.lss-landing-page { margin:0; padding:0; background:#f6f4ef; }
body.lss-landing-page.lss-landing-dark { background:#0d0d0d; }
.lss-landing {
  --orange:#f29c00;
  --orange-dark:#9a6300;
  --ink:#111111;
  --text:#514e47;
  --muted:#78736a;
  --canvas:#f6f4ef;
  --card:#ffffff;
  --soft:#fff3da;
  --line:#e2ded5;
  min-height:100vh;
  color:var(--ink);
  background:var(--canvas);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.55;
}
.lss-landing.is-dark { --ink:#f8f5ee; --text:#c5c0b7; --muted:#969087; --canvas:#0d0d0d; --card:#171717; --soft:#302514; --line:#34312c; color-scheme:dark; }
.lss-landing * { box-sizing:border-box; }
.lss-landing a { color:inherit; text-decoration:none; }
.lss-landing-header { position:sticky; z-index:50; top:0; display:grid; grid-template-columns:auto 1fr auto; min-height:76px; align-items:center; gap:2rem; padding:0 max(24px,calc((100vw - 1240px)/2)); border-bottom:1px solid var(--line); background:var(--canvas); background:color-mix(in srgb,var(--canvas) 92%,transparent); backdrop-filter:blur(18px); }
.lss-landing-brand { display:flex; align-items:center; gap:.7rem; }
.lss-landing-brand > span:first-child { display:grid; width:43px; height:43px; flex:0 0 auto; place-items:center; border-radius:14px; color:#111; background:var(--orange); font-size:1rem; font-weight:950; box-shadow:0 7px 20px rgba(242,156,0,.22); }
.lss-landing-brand strong,.lss-landing-brand small { display:block; white-space:nowrap; }
.lss-landing-brand strong { font-size:.92rem; letter-spacing:-.02em; }
.lss-landing-brand small { margin-top:1px; color:var(--muted); font-size:.63rem; font-weight:720; }
.lss-landing-header nav { display:flex; justify-content:center; gap:.25rem; }
.lss-landing-header nav a { padding:.62rem .82rem; border-radius:999px; color:var(--text); font-size:.74rem; font-weight:800; }
.lss-landing-header nav a:hover { color:var(--ink); background:var(--soft); }
.lss-landing-header__actions { display:flex; align-items:center; gap:.55rem; }
.lss-landing-header__actions button { display:grid; width:42px; height:42px; place-items:center; border:1px solid var(--line); border-radius:50%; color:var(--ink); background:var(--card); font-size:1rem; cursor:pointer; }
.lss-landing-header__actions > a { padding:.72rem 1rem; border-radius:999px; color:#111; background:var(--orange); font-size:.74rem; font-weight:900; }
.lss-landing main { overflow:hidden; }
.lss-landing-hero { display:grid; width:min(1240px,calc(100% - 48px)); min-height:680px; align-items:center; margin:0 auto; padding:72px 0 78px; grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr); gap:clamp(46px,7vw,92px); }
.lss-landing-kicker,.lss-section-heading > p { margin:0 0 16px; color:var(--orange-dark); font-size:.7rem; font-weight:950; letter-spacing:.13em; text-transform:uppercase; }
.lss-landing-kicker { display:flex; align-items:center; gap:.6rem; }
.lss-landing-kicker span { width:24px; height:4px; border-radius:99px; background:var(--orange); }
.lss-landing-hero h1 { max-width:730px; margin:0; font-size:clamp(3.1rem,6.1vw,5.75rem); line-height:.98; letter-spacing:-.072em; }
.lss-landing-hero__copy > p:not(.lss-landing-kicker) { max-width:650px; margin:28px 0 0; color:var(--text); font-size:clamp(1rem,1.7vw,1.2rem); line-height:1.72; }
.lss-landing-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:34px; }
.lss-landing-button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; gap:.65rem; padding:.82rem 1.35rem; border:2px solid var(--orange); border-radius:999px; color:#111!important; background:var(--orange); font-size:.82rem; font-weight:950; }
.lss-landing-button.is-secondary { color:var(--ink)!important; border-color:var(--line); background:var(--card); }
.lss-landing-trust { display:flex; flex-wrap:wrap; gap:1rem; margin-top:28px; color:var(--muted); font-size:.68rem; font-weight:800; }
.lss-landing-trust span::first-letter { color:var(--orange-dark); }
.lss-landing-preview { position:relative; padding:15px; border:1px solid var(--line); border-radius:30px; background:var(--card); box-shadow:0 35px 90px rgba(17,17,17,.14); transform:rotate(1.2deg); }
.lss-landing-preview::before { position:absolute; z-index:-1; top:-42px; right:-42px; width:180px; height:180px; border-radius:50%; background:var(--orange); content:""; opacity:.2; filter:blur(2px); }
.lss-preview-top { display:flex; min-height:42px; align-items:center; justify-content:space-between; padding:0 10px 8px; color:var(--muted); }
.lss-preview-top > span { display:flex; gap:5px; }
.lss-preview-top i { width:7px; height:7px; border-radius:50%; background:#d7d2c9; }
.lss-preview-top i:first-child { background:var(--orange); }
.lss-preview-top small { font-size:.62rem; font-weight:800; }
.lss-preview-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.lss-preview-grid article { padding:20px; border:1px solid var(--line); border-radius:20px; background:var(--canvas); }
.lss-preview-grid article.is-dark { color:#fff; border-color:#111; background:#111; }
.lss-preview-grid small,.lss-preview-grid strong,.lss-preview-grid span { display:block; }
.lss-preview-grid small { color:var(--muted); font-size:.63rem; font-weight:800; }
.lss-preview-grid .is-dark small,.lss-preview-grid .is-dark span { color:#aaa; }
.lss-preview-grid strong { margin:.32rem 0 .15rem; font-size:2rem; letter-spacing:-.055em; }
.lss-preview-grid .is-dark strong { color:var(--orange); }
.lss-preview-grid span { color:var(--muted); font-size:.58rem; }
.lss-preview-chart { margin-top:10px; padding:20px; border:1px solid var(--line); border-radius:20px; background:var(--card); }
.lss-preview-chart > div:first-child strong,.lss-preview-chart > div:first-child small { display:block; }
.lss-preview-chart strong { font-size:.78rem; }
.lss-preview-chart small { color:var(--muted); font-size:.6rem; }
.lss-chart-bars { display:flex; height:105px; align-items:end; gap:8px; margin-top:16px; padding-top:8px; border-bottom:1px solid var(--line); }
.lss-chart-bars i { flex:1; min-height:8px; border-radius:7px 7px 1px 1px; background:linear-gradient(180deg,var(--orange),#c47d00); opacity:.5; }
.lss-chart-bars i:nth-last-child(-n+2) { opacity:1; }
.lss-preview-order { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.7rem; margin-top:10px; padding:15px 16px; border-radius:18px; background:var(--soft); }
.lss-preview-order > span { display:grid; width:34px; height:34px; place-items:center; border-radius:50%; color:#111; background:var(--orange); font-weight:950; }
.lss-preview-order strong,.lss-preview-order small { display:block; }
.lss-preview-order strong { font-size:.72rem; }
.lss-preview-order small { color:var(--muted); font-size:.58rem; }
.lss-preview-order b { padding:.32rem .5rem; border-radius:999px; color:#705000; background:#ffe6b5; background:color-mix(in srgb,var(--orange) 22%,transparent); font-size:.55rem; }
.lss-landing-strip { display:flex; min-height:74px; align-items:center; justify-content:center; gap:clamp(14px,3vw,42px); padding:18px 24px; color:#bcb6aa; background:#111; font-size:.66rem; font-weight:850; letter-spacing:.04em; text-align:center; text-transform:uppercase; }
.lss-landing-strip i { width:5px; height:5px; flex:0 0 auto; border-radius:50%; background:var(--orange); }
.lss-landing-section { width:min(1240px,calc(100% - 48px)); margin:0 auto; padding:110px 0; scroll-margin-top:76px; }
.lss-section-heading { max-width:690px; margin-bottom:48px; }
.lss-section-heading h2,.lss-email-journey h2,.lss-landing-cta h2 { margin:0; font-size:clamp(2.25rem,4.3vw,4rem); line-height:1.05; letter-spacing:-.06em; }
.lss-section-heading > span { display:block; margin-top:18px; color:var(--text); font-size:1rem; line-height:1.7; }
.lss-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.lss-feature-grid article { position:relative; min-height:260px; overflow:hidden; padding:27px; border:1px solid var(--line); border-radius:24px; background:var(--card); transition:transform .2s ease,border-color .2s ease; }
.lss-feature-grid article:hover { border-color:var(--orange); transform:translateY(-4px); }
.lss-feature-grid article > b { position:absolute; top:24px; right:24px; color:var(--muted); font-size:.62rem; letter-spacing:.08em; }
.lss-feature-grid article > span { display:grid; width:48px; height:48px; place-items:center; border-radius:15px; color:#111; background:var(--orange); font-size:1.15rem; font-weight:950; }
.lss-feature-grid h3 { margin:35px 0 10px; font-size:1.15rem; letter-spacing:-.035em; }
.lss-feature-grid p { margin:0; color:var(--text); font-size:.82rem; line-height:1.7; }
.lss-landing-flow { padding:110px max(24px,calc((100vw - 1240px)/2)); color:#fff; background:#111; scroll-margin-top:76px; }
.lss-section-heading.is-light p { color:var(--orange); }
.lss-section-heading.is-light h2 { color:#fff; }
.lss-flow-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid #333; border-radius:28px; background:#333; }
.lss-flow-grid article { position:relative; min-height:320px; padding:34px; background:#171717; }
.lss-flow-grid article > span { display:grid; width:50px; height:50px; place-items:center; border:1px solid #494949; border-radius:50%; color:var(--orange); font-size:1rem; font-weight:950; }
.lss-flow-grid small { display:block; margin-top:56px; color:var(--orange); font-size:.63rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.lss-flow-grid h3 { margin:9px 0 11px; color:#fff; font-size:1.3rem; letter-spacing:-.035em; }
.lss-flow-grid p { margin:0; color:#aaa69f; font-size:.82rem; line-height:1.7; }
.lss-email-journey { display:grid; width:min(1240px,calc(100% - 48px)); align-items:center; margin:0 auto; padding:110px 0; grid-template-columns:.85fr 1.15fr; gap:80px; }
.lss-email-journey > div > p:last-child { max-width:520px; color:var(--text); line-height:1.75; }
.lss-email-journey ol { display:grid; margin:0; padding:16px; gap:10px; border:1px solid var(--line); border-radius:28px; background:var(--card); list-style:none; }
.lss-email-journey li { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:15px; padding:19px; border-radius:18px; background:var(--canvas); }
.lss-email-journey li b { display:grid; width:40px; height:40px; place-items:center; border-radius:13px; color:#111; background:var(--orange); font-size:.74rem; }
.lss-email-journey li strong,.lss-email-journey li small { display:block; }
.lss-email-journey li strong { font-size:.86rem; }
.lss-email-journey li small { margin-top:2px; color:var(--muted); font-size:.67rem; }
.lss-campaign-showcase { padding-top:80px; }
.lss-public-campaigns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.lss-public-campaigns > article { overflow:hidden; border:1px solid var(--line); border-radius:25px; background:var(--card); box-shadow:0 12px 35px rgba(17,17,17,.05); }
.lss-campaign-cover { display:flex; height:220px; align-items:flex-start; padding:16px; background-color:#26231e; background-position:center; background-size:cover; }
.lss-campaign-cover span { padding:.42rem .66rem; border-radius:999px; color:#111; background:var(--orange); font-size:.62rem; font-weight:900; }
.lss-public-campaigns article > div { padding:22px; }
.lss-public-campaigns small { color:var(--orange-dark); font-size:.65rem; font-weight:900; text-transform:uppercase; }
.lss-public-campaigns h3 { margin:7px 0 18px; font-size:1.25rem; line-height:1.2; letter-spacing:-.04em; }
.lss-campaign-progress { height:8px; overflow:hidden; border-radius:99px; background:var(--line); }
.lss-campaign-progress i { display:block; height:100%; border-radius:99px; background:var(--orange); }
.lss-public-campaigns p { margin:7px 0 16px; color:var(--muted); font-size:.66rem; }
.lss-public-campaigns article > div > a { color:var(--ink); font-size:.76rem; font-weight:900; }
.lss-no-campaigns { grid-column:1/-1; padding:58px 24px; border:1px dashed var(--line); border-radius:25px; background:var(--card); text-align:center; }
.lss-no-campaigns > span { display:grid; width:52px; height:52px; place-items:center; margin:0 auto 18px; border-radius:16px; color:#111; background:var(--orange); font-weight:950; }
.lss-no-campaigns h3 { margin:0; font-size:1.25rem; }
.lss-no-campaigns p { margin:.5rem 0 0; color:var(--muted); }
.lss-landing-faq { display:grid; width:min(1240px,calc(100% - 48px)); margin:0 auto; padding:90px 0 120px; grid-template-columns:.8fr 1.2fr; gap:80px; scroll-margin-top:76px; }
.lss-landing-faq details { border-top:1px solid var(--line); }
.lss-landing-faq details:last-child { border-bottom:1px solid var(--line); }
.lss-landing-faq summary { position:relative; padding:22px 42px 22px 0; color:var(--ink); font-size:.9rem; font-weight:850; cursor:pointer; list-style:none; }
.lss-landing-faq summary::-webkit-details-marker { display:none; }
.lss-landing-faq summary::after { position:absolute; top:19px; right:0; display:grid; width:28px; height:28px; place-items:center; border-radius:50%; color:#111; background:var(--orange); content:"+"; }
.lss-landing-faq details[open] summary::after { content:"−"; }
.lss-landing-faq details p { margin:-4px 50px 22px 0; color:var(--text); font-size:.8rem; line-height:1.7; }
.lss-landing-cta { display:flex; width:min(1240px,calc(100% - 48px)); min-height:280px; align-items:center; justify-content:space-between; gap:50px; margin:0 auto 90px; padding:55px; border-radius:32px; color:#fff; background:#111; box-shadow:inset 0 0 0 1px #2e2e2e; }
.lss-landing-cta small { display:block; margin-bottom:10px; color:var(--orange); font-size:.65rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.lss-landing-cta h2 { max-width:780px; color:#fff; font-size:clamp(2rem,4vw,3.5rem); }
.lss-landing-cta > a { display:inline-flex; min-width:175px; min-height:52px; align-items:center; justify-content:center; gap:.6rem; padding:.8rem 1.2rem; border-radius:999px; color:#111; background:var(--orange); font-size:.78rem; font-weight:950; }
.lss-landing-footer { display:grid; width:min(1240px,calc(100% - 48px)); min-height:120px; align-items:center; margin:0 auto; padding:24px 0; border-top:1px solid var(--line); grid-template-columns:1fr auto auto; gap:30px; }
.lss-landing-footer p,.lss-landing-footer > a:last-child { color:var(--muted); font-size:.7rem; }
.lss-landing-footer > a:last-child { font-weight:800; }
@media (max-width:1040px) {
  .lss-landing-header { grid-template-columns:auto 1fr; padding:0 20px; }
  .lss-landing-header nav { display:none; }
  .lss-landing-header__actions { justify-self:end; }
  .lss-landing-hero { min-height:0; padding:72px 0; grid-template-columns:1fr; }
  .lss-landing-hero__copy { max-width:800px; }
  .lss-landing-preview { width:min(660px,100%); margin:0 auto; transform:none; }
  .lss-feature-grid,.lss-public-campaigns { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lss-email-journey,.lss-landing-faq { grid-template-columns:1fr; gap:34px; }
}
@media (max-width:720px) {
  .lss-landing-header { min-height:68px; }
  .lss-landing-brand small { display:none; }
  .lss-landing-header__actions > a { display:none; }
  .lss-landing-hero,.lss-landing-section,.lss-email-journey,.lss-landing-faq,.lss-landing-cta,.lss-landing-footer { width:min(100% - 28px,1240px); }
  .lss-landing-hero { padding:55px 0 62px; gap:42px; }
  .lss-landing-hero h1 { font-size:clamp(2.8rem,15vw,4.2rem); }
  .lss-landing-trust { align-items:flex-start; flex-direction:column; gap:.5rem; }
  .lss-preview-grid { grid-template-columns:1fr 1fr; }
  .lss-preview-order { grid-template-columns:auto 1fr; }
  .lss-preview-order > b { display:none; }
  .lss-landing-strip { overflow:hidden; justify-content:flex-start; white-space:nowrap; }
  .lss-landing-section,.lss-email-journey { padding:78px 0; }
  .lss-feature-grid,.lss-public-campaigns,.lss-flow-grid { grid-template-columns:1fr; }
  .lss-feature-grid article { min-height:230px; }
  .lss-landing-flow { padding:78px 14px; }
  .lss-flow-grid article { min-height:270px; }
  .lss-flow-grid small { margin-top:38px; }
  .lss-landing-faq { padding:62px 0 84px; }
  .lss-landing-cta { align-items:flex-start; flex-direction:column; margin-bottom:55px; padding:34px 26px; border-radius:25px; }
  .lss-landing-cta > a { width:100%; }
  .lss-landing-footer { align-items:flex-start; grid-template-columns:1fr; gap:13px; padding:30px 0 40px; }
  .lss-landing-footer p { margin:0; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .lss-feature-grid article { transition:none; } }
