/* Outcome-first landing (opt-in layout, utm_content "-l2"; default is story-first).
   The story-first layout ("-l1" or no suffix) keeps every original rule untouched; landing-variant.js sets
   html[data-landing-variant] before first paint, so the non-selected variant never flashes. */
html:not([data-landing-variant="l1"]) [data-variant="l1"],
html[data-landing-variant="l1"] [data-variant="l2"]{display:none!important}

/* All rules below are scoped to the outcome-first layout. */
html:not([data-landing-variant="l1"]) #emotional-landing{
 --o-line:#e6e0ec;--o-soft:#5d5661;--o-emerald:#0f7a4f;--o-emerald-bg:#f1faf5;--o-emerald-line:#cfe9dc;
}
html:not([data-landing-variant="l1"]) #emotional-landing .hero{padding:34px 23px 30px}
html:not([data-landing-variant="l1"]) #emotional-landing .hero .kicker{margin-bottom:14px}
html:not([data-landing-variant="l1"]) #emotional-landing .hero h1{font-size:var(--landing-type-display);line-height:1.38;margin-bottom:16px;text-wrap:balance;word-break:keep-all}
html:not([data-landing-variant="l1"]) #emotional-landing .hero-copy{font-size:var(--landing-type-body);line-height:1.8;margin-bottom:6px;color:#45404a}
html:not([data-landing-variant="l1"]) #emotional-landing .hero .btn{margin-top:18px}
html:not([data-landing-variant="l1"]) #emotional-landing .hero .btn-caption{display:block;margin-top:10px}
html:not([data-landing-variant="l1"]) #emotional-landing .hero-cover{margin:26px 0 0}
html:not([data-landing-variant="l1"]) #emotional-landing .hero-cover img{aspect-ratio:4/3;object-fit:cover;object-position:top;border:1px solid var(--o-line);border-radius:12px;box-shadow:0 14px 38px rgba(25,21,32,.1);background:#fff}

html:not([data-landing-variant="l1"]) #emotional-landing .outcome-how{background:#fff;padding:56px 0 64px}
html:not([data-landing-variant="l1"]) #emotional-landing .outcome-how h2,
html:not([data-landing-variant="l1"]) #emotional-landing .outcome-trust h2,
html:not([data-landing-variant="l1"]) #emotional-landing .outcome-last h2{font-size:var(--landing-type-section);line-height:1.45;margin-bottom:0}
html:not([data-landing-variant="l1"]) #emotional-landing .steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
html:not([data-landing-variant="l1"]) #emotional-landing .steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:18px;border:1px solid var(--o-line);border-radius:14px;background:var(--paper)}
html:not([data-landing-variant="l1"]) #emotional-landing .step-no{width:44px;height:44px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800;line-height:1}
html:not([data-landing-variant="l1"]) #emotional-landing .steps strong{display:block;font-size:var(--landing-type-lead);line-height:1.5}
html:not([data-landing-variant="l1"]) #emotional-landing .steps small{margin-left:8px;padding:2px 10px;border-radius:99px;background:var(--lavender);color:var(--violet-dark);font-size:var(--landing-type-caption);font-weight:700;vertical-align:2px}
html:not([data-landing-variant="l1"]) #emotional-landing .steps p{margin:4px 0 0;font-size:15px;line-height:1.75;color:var(--o-soft);word-break:keep-all}

html:not([data-landing-variant="l1"]) #emotional-landing .report{padding:56px 0 64px;background:var(--paper2)}
html:not([data-landing-variant="l1"]) #emotional-landing .report h2{line-height:1.45;margin-bottom:14px}
html:not([data-landing-variant="l1"]) #emotional-landing .report-intro{margin:0;font-size:var(--landing-type-body)}
html:not([data-landing-variant="l1"]) #emotional-landing .doc-gallery{list-style:none;margin:26px -22px 0;padding:4px 22px 16px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:22px;-webkit-overflow-scrolling:touch}
html:not([data-landing-variant="l1"]) #emotional-landing .doc-gallery:focus-visible{outline:3px solid #b8a1f9;outline-offset:-3px}
html:not([data-landing-variant="l1"]) #emotional-landing .doc-gallery li{flex:0 0 66%;max-width:280px;scroll-snap-align:start;margin:0}
html:not([data-landing-variant="l1"]) #emotional-landing .doc-gallery figure{margin:0}
html:not([data-landing-variant="l1"]) #emotional-landing .doc-gallery img{aspect-ratio:794/1124;border:1px solid var(--o-line);border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(25,21,32,.09)}
html:not([data-landing-variant="l1"]) #emotional-landing .doc-gallery figcaption{margin-top:10px;font-size:var(--landing-type-caption);line-height:1.6;color:var(--o-soft);word-break:keep-all}
html:not([data-landing-variant="l1"]) #emotional-landing .gallery-note{display:flex;flex-wrap:wrap;gap:4px 16px;margin:6px 0 0;font-size:var(--landing-type-caption);line-height:1.7;color:var(--o-soft)}
html:not([data-landing-variant="l1"]) #emotional-landing .gallery-note strong{flex:0 0 100%;color:var(--ink)}
html:not([data-landing-variant="l1"]) #emotional-landing .gallery-note a{color:var(--violet-dark);text-underline-offset:4px}

html:not([data-landing-variant="l1"]) #emotional-landing .offer{padding:64px 0 72px}
html:not([data-landing-variant="l1"]) #emotional-landing .outcome-trust{background:#fff;padding:56px 0 64px}
html:not([data-landing-variant="l1"]) #emotional-landing .trust-list{list-style:none;margin:24px 0 26px;padding:0;display:grid;gap:10px}
html:not([data-landing-variant="l1"]) #emotional-landing .trust-list li{position:relative;padding:15px 18px 15px 52px;border:1px solid var(--o-emerald-line);border-radius:12px;background:var(--o-emerald-bg);font-size:var(--landing-type-body);line-height:1.6}
html:not([data-landing-variant="l1"]) #emotional-landing .trust-list li:before{content:"";position:absolute;left:20px;top:21px;width:13px;height:7px;border-left:2px solid var(--o-emerald);border-bottom:2px solid var(--o-emerald);transform:rotate(-45deg)}
html:not([data-landing-variant="l1"]) #emotional-landing .trust-list span{display:block;margin-top:2px;font-size:var(--landing-type-label);color:var(--o-soft)}
html:not([data-landing-variant="l1"]) #emotional-landing .trust-list a{color:var(--violet-dark);text-underline-offset:4px}
html:not([data-landing-variant="l1"]) #emotional-landing .outcome-trust .btn,
html:not([data-landing-variant="l1"]) #emotional-landing .outcome-last .btn{margin-top:6px}
html:not([data-landing-variant="l1"]) #emotional-landing .outcome-trust .btn-caption,
html:not([data-landing-variant="l1"]) #emotional-landing .outcome-last .btn-caption{margin-top:10px}

html:not([data-landing-variant="l1"]) #emotional-landing .night--outcome{margin:0;padding:64px 0 72px}
html:not([data-landing-variant="l1"]) #emotional-landing .night--outcome h2{margin-bottom:32px}
html:not([data-landing-variant="l1"]) #emotional-landing .mini-faq{padding:48px 0 56px}
html:not([data-landing-variant="l1"]) #emotional-landing .outcome-last{max-width:calc(var(--content) + 44px);margin:0 auto;padding:56px 23px 72px;text-align:left}
html:not([data-landing-variant="l1"]) #emotional-landing .outcome-last p{margin:14px 0 6px;font-size:var(--landing-type-body);line-height:1.8;color:#5d5761;word-break:keep-all}
html:not([data-landing-variant="l1"]) #emotional-landing .outcome-cta{width:100%;justify-content:space-between;padding:17px 22px;min-height:61px}

@media(max-width:740px){
 html:not([data-landing-variant="l1"]) #emotional-landing .top-links a[href="#how"],
 html:not([data-landing-variant="l1"]) #emotional-landing .top-links a[href="#offer"]{display:none}
}
@media(min-width:741px){
 html:not([data-landing-variant="l1"]) #emotional-landing .outcome-cta{width:auto;justify-content:center;gap:25px}
 html:not([data-landing-variant="l1"]) #emotional-landing .hero .btn-caption{text-align:left}
}
@media(min-width:900px){
 html:not([data-landing-variant="l1"]) #emotional-landing .outcome-how .shell{max-width:calc(var(--wide) + 44px)}
 html:not([data-landing-variant="l1"]) #emotional-landing .hero{max-width:1120px;display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto auto auto auto 1fr;column-gap:64px;align-content:start;padding:72px 22px 64px}
 html:not([data-landing-variant="l1"]) #emotional-landing .hero>*{grid-column:1}
 html:not([data-landing-variant="l1"]) #emotional-landing .hero-cover{grid-column:2;grid-row:1/6;margin:0}
 html:not([data-landing-variant="l1"]) #emotional-landing .hero-cover img{aspect-ratio:794/1124}
 html:not([data-landing-variant="l1"]) #emotional-landing .hero h1{font-size:var(--landing-type-hero)}
 html:not([data-landing-variant="l1"]) #emotional-landing .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 html:not([data-landing-variant="l1"]) #emotional-landing .doc-gallery{margin-inline:0;padding-inline:0;overflow:visible;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 html:not([data-landing-variant="l1"]) #emotional-landing .doc-gallery li{max-width:none}
}
@media(max-width:360px){
 html:not([data-landing-variant="l1"]) #emotional-landing .hero{padding-inline:18px}
}