/* AllArounder — Night (V2 "לילה") landing-page styles.
   Re-skin of lp-service.css to the v6-brand Night system Noam chose.
   Loaded AFTER /assets/css/style.css, which provides the base (body bg/text/font,
   the v6-nav + v6-footer chrome, tokens). Every rule is scoped under .lp-night so it
   NEVER collides with style.css (.reveal/.step/.hero-sub/.btn-ghost/.cta-inner all
   exist there). Layout is lifted verbatim from lp-service.css; only the skin changed.
   Used by /coaches/, /content-management/, /social-business/, /google-grants-nonprofits/. */

/* ── HERO ── */
.lp-night .hero{background:linear-gradient(168deg,var(--void) 0%,var(--void-2) 56%,#16210f 100%);padding:84px 40px 92px;position:relative;overflow:hidden}
.lp-night .hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 760px 480px at 78% 105%,var(--gold-glow),transparent 70%);pointer-events:none}
.lp-night .hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 520px 360px at 12% -10%,rgba(122,158,108,.14),transparent 70%);pointer-events:none}
.lp-night .hero-inner{max-width:860px;margin:0 auto;position:relative;z-index:1}
.lp-night .hero-breadcrumb{font-size:13px;color:var(--cream-mute);margin-bottom:22px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lp-night .hero-breadcrumb a{color:var(--cream-mute);transition:color .2s}
.lp-night .hero-breadcrumb a:hover{color:var(--gold-bright)}
.lp-night .hero-breadcrumb span{color:var(--cream-faint)}
.lp-night .hero-badge{display:inline-block;background:rgba(200,169,110,.12);border:1px solid rgba(200,169,110,.34);color:var(--gold-bright);font-size:12px;font-weight:700;padding:5px 16px;border-radius:20px;margin-bottom:22px}
.lp-night .hero h1{font-size:clamp(30px,5vw,54px);font-weight:900;color:var(--cream);line-height:1.13;margin-bottom:22px;letter-spacing:-.01em}
.lp-night .hero h1 em{color:var(--gold);font-style:normal}
.lp-night .hero-sub{font-size:clamp(17px,2.2vw,21px);color:var(--cream-soft);line-height:1.65;max-width:680px;margin-bottom:36px}
.lp-night .hero-cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* ── BUTTONS ── */
.lp-night .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#23180a;border-radius:50px;font-size:16px;font-weight:800;box-shadow:0 10px 30px -8px rgba(200,169,110,.5);transition:transform .2s,box-shadow .2s,filter .2s}
.lp-night .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 14px 38px -8px rgba(200,169,110,.62)}
.lp-night .btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;background:transparent;color:var(--cream);border:1px solid rgba(245,240,232,.3);border-radius:50px;font-size:16px;font-weight:700;transition:background .2s,border-color .2s}
.lp-night .btn-ghost:hover{background:rgba(245,240,232,.07);border-color:rgba(245,240,232,.5)}

/* ── ANSWER BOX (AEO answer-first) ── */
.lp-night .answer-wrap{max-width:860px;margin:-44px auto 0;padding:0 40px;position:relative;z-index:2}
.lp-night .answer-box{background:var(--void-2);border:1px solid rgba(200,169,110,.22);border-radius:14px;box-shadow:0 24px 60px -28px rgba(0,0,0,.7);padding:28px 32px;position:relative;overflow:hidden}
.lp-night .answer-box::before{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(var(--gold),var(--sage))}
.lp-night .answer-box .label{font-size:12px;font-weight:800;color:var(--gold);letter-spacing:.06em;margin-bottom:10px}
.lp-night .answer-box p{font-size:17px;color:var(--cream-soft);line-height:1.8;margin:0}
.lp-night .answer-box strong{color:var(--gold-bright)}

/* ── SECTION ── */
.lp-night section.block{max-width:860px;margin:0 auto;padding:56px 40px}
.lp-night .block h2{font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--cream);line-height:1.22;margin-bottom:18px;letter-spacing:-.01em}
.lp-night .block h2 em{color:var(--gold);font-style:normal}
.lp-night .block>p{font-size:17px;color:var(--cream-soft);line-height:1.85;margin-bottom:18px}
.lp-night .block strong{color:var(--cream);font-weight:700}
.lp-night .lead{font-size:18px!important;color:var(--cream)!important}

/* ── PAIN LIST ── */
.lp-night .pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0 8px}
.lp-night .pain-card{background:var(--void-2);border:1px solid var(--void-4);border-inline-start:4px solid var(--sage);border-radius:0 14px 14px 0;padding:20px 22px}
.lp-night .pain-card p{font-size:16px;color:var(--cream-soft);line-height:1.7;margin:0}
.lp-night .pain-card strong{color:var(--cream)}

/* ── CONTRAST ── */
.lp-night .contrast{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
.lp-night .contrast-col{border-radius:14px;padding:26px}
.lp-night .contrast-a{background:rgba(245,240,232,.04);border:1px solid var(--void-4)}
.lp-night .contrast-b{background:linear-gradient(135deg,var(--void-3),var(--void-4));border:1px solid rgba(200,169,110,.4);box-shadow:0 0 0 1px rgba(200,169,110,.1) inset}
.lp-night .contrast-col h3{font-size:16px;font-weight:800;margin-bottom:16px}
.lp-night .contrast-a h3{color:var(--cream-mute)}
.lp-night .contrast-b h3{color:var(--gold-bright)}
.lp-night .contrast-col ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.lp-night .contrast-col li{font-size:15px;line-height:1.6;display:flex;gap:10px;align-items:flex-start}
.lp-night .contrast-a li{color:var(--cream-mute)}
.lp-night .contrast-a li::before{content:'○';color:var(--cream-faint);flex-shrink:0}
.lp-night .contrast-b li{color:var(--cream-soft)}
.lp-night .contrast-b li::before{content:'✓';color:var(--gold);font-weight:800;flex-shrink:0}
/* coaches uses -course / -us instead of -a / -b */
.lp-night .contrast-course{background:rgba(245,240,232,.04);border:1px solid var(--void-4)}
.lp-night .contrast-us{background:linear-gradient(135deg,var(--void-3),var(--void-4));border:1px solid rgba(200,169,110,.4);box-shadow:0 0 0 1px rgba(200,169,110,.1) inset}
.lp-night .contrast-course h3{color:var(--cream-mute)}
.lp-night .contrast-us h3{color:var(--gold-bright)}
.lp-night .contrast-course li{color:var(--cream-mute)}
.lp-night .contrast-course li::before{content:'○';color:var(--cream-faint);flex-shrink:0}
.lp-night .contrast-us li{color:var(--cream-soft)}
.lp-night .contrast-us li::before{content:'✓';color:var(--gold);font-weight:800;flex-shrink:0}

/* ── STEPS ── */
.lp-night .steps{display:flex;flex-direction:column;gap:16px;margin:28px 0}
.lp-night .step{background:var(--void-2);border:1px solid var(--void-4);border-radius:14px;padding:22px 24px;display:flex;gap:18px;align-items:flex-start}
.lp-night .step-card{background:var(--void-2);border:1px solid var(--void-4);border-radius:14px;padding:22px 24px;display:flex;gap:18px;align-items:flex-start;flex-direction:column}
.lp-night .step-num{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep));color:#23180a;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lp-night .step-c h3,.lp-night .step-card h3{font-size:17px;font-weight:800;color:var(--cream);margin:0 0 6px}
.lp-night .step-c p,.lp-night .step-card p{font-size:15px;color:var(--cream-mute);line-height:1.65;margin:0}

/* ── DO / CARD GRID ── */
.lp-night .do-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0}
.lp-night .do-card{background:var(--void-2);border:1px solid var(--void-4);border-radius:14px;padding:22px;transition:box-shadow .2s,transform .2s,border-color .2s}
.lp-night .do-card:hover{box-shadow:0 16px 40px -20px rgba(0,0,0,.7);transform:translateY(-2px);border-color:rgba(200,169,110,.34)}
.lp-night .do-card h3{font-size:16px;font-weight:800;color:var(--cream);margin-bottom:8px}
.lp-night .do-card p{font-size:14px;color:var(--cream-mute);line-height:1.65;margin:0}

/* ── PRICING ── */
.lp-night .price-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
.lp-night .price-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.lp-night .price-card{background:var(--void-2);border:1px solid var(--void-4);border-radius:14px;padding:28px;text-align:center}
.lp-night .price-card.featured{border:2px solid var(--gold);position:relative;background:linear-gradient(180deg,var(--void-3),var(--void-2));box-shadow:0 0 40px -16px var(--gold-glow)}
.lp-night .price-tag{position:absolute;top:-12px;inset-inline-start:50%;transform:translateX(50%);background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#23180a;font-size:11px;font-weight:800;padding:4px 14px;border-radius:20px}
.lp-night .price-name{font-size:14px;font-weight:800;color:var(--gold);letter-spacing:.04em;margin-bottom:10px}
.lp-night .price-num{font-size:34px;font-weight:900;color:var(--cream);line-height:1.1}
.lp-night .price-num small{font-size:15px;font-weight:600;color:var(--cream-mute)}
.lp-night .price-desc{font-size:14px;color:var(--cream-mute);margin-top:10px;line-height:1.6}
.lp-night .price-note{font-size:13px;color:var(--cream-mute);text-align:center;margin-top:4px}

/* ── HIGHLIGHT (big number / claim) ── */
.lp-night .highlight-box{background:linear-gradient(135deg,var(--void-3),var(--void-4));border:1px solid rgba(200,169,110,.3);border-radius:16px;padding:32px;margin:28px 0;text-align:center}
.lp-night .highlight-num{font-size:clamp(34px,6vw,52px);font-weight:900;color:var(--gold-bright);line-height:1.05}
.lp-night .highlight-num small{display:block;font-size:16px;font-weight:600;color:var(--sage-soft);margin-top:8px}
.lp-night .highlight-box p{font-size:15px;color:var(--cream-soft);margin-top:14px;line-height:1.7}

/* ── FAQ ── */
.lp-night .faq{display:flex;flex-direction:column;gap:12px;margin:28px 0}
.lp-night .faq details{background:var(--void-2);border:1px solid var(--void-4);border-radius:14px;padding:4px 22px}
.lp-night .faq details[open]{border-color:rgba(200,169,110,.34)}
.lp-night .faq summary{font-size:16px;font-weight:700;color:var(--cream);cursor:pointer;padding:16px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.lp-night .faq summary::-webkit-details-marker{display:none}
.lp-night .faq summary::after{content:'+';font-size:22px;font-weight:400;color:var(--gold);flex-shrink:0;transition:transform .2s}
.lp-night .faq details[open] summary::after{transform:rotate(45deg)}
.lp-night .faq details p{font-size:15px;color:var(--cream-soft);line-height:1.8;padding:0 0 18px;margin:0}

/* ── FOUNDERS NOTE / INSIGHT ── */
.lp-night .founders-note{background:rgba(122,158,108,.10);border-inline-start:4px solid var(--gold);border-radius:0 14px 14px 0;padding:24px 28px;margin:28px 0}
.lp-night .founders-note p{font-size:16px;color:var(--cream-soft);line-height:1.8;margin:0}
.lp-night .founders-note strong{color:var(--gold-bright)}

/* ── MID-PAGE CTA BAND ── */
.lp-night .cta-band{background:linear-gradient(168deg,var(--void-2),var(--void));position:relative;overflow:hidden}
.lp-night .cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 620px 320px at 50% 120%,var(--gold-glow),transparent 70%);pointer-events:none}
.lp-night .cta-band .cta-inner{max-width:760px;margin:0 auto;padding:60px 40px;text-align:center;position:relative;z-index:1}
.lp-night .cta-band .cta-inner h2{font-size:clamp(24px,3vw,34px);font-weight:900;color:var(--cream);margin-bottom:14px}
.lp-night .cta-band .cta-inner p{font-size:16px;color:var(--cream-soft);line-height:1.7;margin-bottom:28px}
.lp-night .cta-band .cta-inner .hero-cta-row{justify-content:center}

/* ── REVEAL (LP JS toggles .visible, NOT style.css's .revealed) ── */
.lp-night .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}
.lp-night .reveal.visible{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ── */
@media (max-width:900px){
  .lp-night .hero{padding:60px 20px 68px}
  .lp-night .answer-wrap{padding:0 20px}
  .lp-night section.block{padding:44px 20px}
  .lp-night .pain-grid,.lp-night .contrast,.lp-night .do-grid,.lp-night .price-grid,.lp-night .price-grid.cols-3{grid-template-columns:1fr}
  .lp-night .cta-band .cta-inner{padding:48px 20px}
}
@media (prefers-reduced-motion:reduce){
  .lp-night .reveal{opacity:1!important;transform:none!important;transition:none!important}
}