/* Landing v2 (09.11): the page starts from the client's problem and real stories. Bright, contrasting blocks; violet is one accent, not the background. */
@font-face{font-family:PUMPV2;src:url('assets/fonts/Unbounded.woff2') format('woff2');font-weight:200 900;font-display:swap}
/* Палитра лендинга = палитра кабинета (10.11, app/globals.css): те же токены и hex. Лендинг грузит style.css и network.css
   раньше этого файла, поэтому здесь же их старые имена (--ink, --muted, --line, --paper, --purple, --lime) переводятся на
   общие токены. Карточки историй - три тона: жёлтый --accent, светлый бренд --brand-bg, тёмный --ink (и бренд у c-violet).
   Голубого, мятного, кораллового и розового в интерфейсе лендинга больше нет. */
:root{--brand:#6E26F8;--brand-ink:#4A14BE;--brand-bg:#F3EEFF;--brand-line:#E6DCFF;--brand-edge:#C9B8EE;--brand-300:#A373FF;--accent:#FFD84D;--accent-ink:#3A2C00;--accent-bg:#FFF6D6;--accent-line:#F1DE9B;--success:#0E7A5A;--success-bg:#E6F6EF;--success-line:#BFE6D3;--warning:#FF8A1F;--warning-ink:#9A4A00;--warning-bg:#FFF1E2;--warning-line:#FFCF9E;--danger:#E5402B;--danger-ink:#B3261A;--danger-bg:#FFEDE8;--danger-line:#FFC6B8;--ink:#21172F;--muted:#6D657B;--surface:#FFFFFF;--canvas:#FBF8F3;--line:#E6DFD6;--track:var(--line);--control-border:#8E829C;--on-brand:var(--surface);
--paper:var(--canvas);--purple:var(--brand);--lime:var(--success-bg);
--v2-ink:var(--ink);--v2-yellow:var(--accent);--v2-violet:var(--brand);--v2-coral:var(--brand);--v2-mint:var(--brand-bg);--v2-sky:var(--brand-bg);--v2-pink:var(--accent);--v2-cream:var(--canvas);--v2-muted:var(--muted)}
.hero-v2 h1,.sit-band h2,.stories-section h2,.method-section h2,.how-v2 h2,.feedback-section h2,.final-cta h2,.story-big strong,.wall-tile strong,.hero-facts strong,.proof-strip strong,.sit-no,.m-no{font-family:PUMPV2,Manrope,Arial,sans-serif}

/* First screen: the problem in the headline, stories as the visual. */
.hero-v2{background:var(--v2-yellow);color:var(--v2-ink);overflow:hidden}
.hero-v2-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding:64px 0 72px}
.hero-v2 .eyebrow{color:var(--v2-ink);opacity:.8}
.hero-v2 h1{font-size:clamp(44px,5.4vw,84px);line-height:1.02;letter-spacing:-.045em;font-weight:700;margin:18px 0 22px}
.hero-v2 h1 mark{background:var(--v2-ink);color:var(--v2-yellow);padding:0 .14em;border-radius:.12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-v2 .lead{font-size:19px;line-height:1.5;max-width:600px;margin:0 0 18px;color:var(--v2-ink)}
.hero-v2-list-title{font-weight:700;margin:0 0 6px}
.hero-v2-list{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:6px;max-width:600px}
.hero-v2-list li{position:relative;padding-left:30px;font-size:16px;line-height:1.45}
.hero-v2-list li::before{content:"";position:absolute;left:0;top:.28em;width:18px;height:18px;border-radius:50%;background:var(--v2-ink);box-shadow:inset 0 0 0 5px var(--v2-coral)}
.hero-v2 .hero-actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:0 0 10px}
.hero-v2 .button{background:var(--v2-ink);color:var(--surface);padding:16px 24px;border-radius:999px;font-weight:700}
.hero-v2 .button:hover{background:var(--v2-violet);text-decoration:none}
.hero-v2 .textlink{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.hero-v2 .meta{font-size:13px;color:var(--ink);margin:0}
.hero-v2 .hero-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-v2 .hero-facts div{background:var(--surface);border:2px solid var(--v2-ink);border-radius:16px;padding:12px 16px;min-width:150px;display:grid;gap:2px}
.hero-v2 .hero-facts strong{font-size:26px;line-height:1.1}
.hero-v2 .hero-facts span{font-size:13px;line-height:1.35;color:var(--ink)}
.hero-v2-visual{min-width:0;display:grid;gap:16px}
.story-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:14px}
.wall-tile{position:relative;display:flex;flex-direction:column;gap:10px;min-height:220px;padding:20px;border-radius:22px;border:2px solid var(--v2-ink);color:var(--v2-ink);overflow:hidden;box-shadow:6px 6px 0 var(--v2-ink);transition:transform .2s ease,box-shadow .2s ease}
.wall-tile:hover{text-decoration:none;transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--v2-ink)}
.wall-tile:nth-child(1){transform:rotate(-1.5deg)}.wall-tile:nth-child(4){transform:rotate(1.2deg)}
.wall-tile:nth-child(1):hover,.wall-tile:nth-child(4):hover{transform:rotate(0) translate(-2px,-2px)}
.wall-tile strong{font-size:clamp(22px,2.1vw,30px);line-height:1.08;letter-spacing:-.03em;font-weight:700}
.wall-who{font-size:13px;font-weight:700;opacity:.85}
.wall-after{margin-top:auto;font-size:14px;line-height:1.4;font-weight:600}
.wall-after::before{content:"→ ";font-weight:800}
.t-coral{background:var(--brand-bg)}
.t-ink{background:var(--v2-ink);color:var(--surface)}.t-ink .wall-after{color:var(--v2-yellow)}
.t-violet{background:var(--v2-violet);color:var(--surface)}
.t-photo{background:var(--surface)}
.t-photo img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 25%;border:2px solid var(--v2-ink);margin-bottom:-2px}
.hero-film{margin:0;display:grid;gap:8px}
.hero-film-frame{position:relative;border:2px solid var(--v2-ink);border-radius:18px;overflow:hidden;box-shadow:6px 6px 0 var(--v2-ink);background:var(--v2-ink)}
.hero-film video{display:block;width:100%;height:auto;aspect-ratio:16/9}
.hero-film figcaption{font-size:13px;color:var(--ink)}
.hero-film-play{position:absolute;inset:0 0 48px 0;display:grid;place-items:center;background:transparent;border:0;cursor:pointer}
.hero-film-play span{width:84px;height:84px;border-radius:50%;background:var(--v2-yellow);border:2px solid var(--v2-ink);position:relative}
.hero-film-play span::after{content:"";position:absolute;left:34px;top:26px;border-left:24px solid var(--v2-ink);border-top:16px solid transparent;border-bottom:16px solid transparent}
.hero-film-play[hidden]{display:none}
.hero-film-demo{justify-self:start}

/* Situations: dark band, one row per situation. */
.sit-band{background:var(--v2-ink);color:var(--surface)}
.sit-band .section-top p{color:var(--brand-line)}
.sit-band .eyebrow{color:var(--v2-yellow)}
.sit-band h2{color:var(--surface);font-weight:700;letter-spacing:-.04em}
.sit-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:12px}
.sit-list li{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 26px;border-radius:20px;background:rgba(255,255,255,.07);border-left:10px solid var(--c)}
.sit-list h3{font-size:clamp(20px,1.8vw,26px);line-height:1.25;letter-spacing:-.03em;margin:0 0 4px;color:var(--surface)}
.sit-list p{margin:0;color:var(--brand-line);font-size:15px}
.sit-no{font-size:34px;font-weight:700;color:var(--c)}
.sit-link{white-space:nowrap;font-weight:700;color:var(--v2-ink);background:var(--c);padding:10px 16px;border-radius:999px;font-size:14px}
.sit-link:hover{text-decoration:none;filter:brightness(1.08)}
.c-coral{--c:var(--brand-bg)}.c-yellow{--c:var(--accent)}.c-mint{--c:var(--brand-bg)}.c-violet{--c:var(--brand-300)}.c-pink{--c:var(--accent)}.c-sky{--c:var(--brand-bg)}.c-ink{--c:var(--ink)}

/* Stories: the main block. */
.stories-section{background:var(--v2-cream)}
.stories-section h2,.method-section h2,.how-v2 h2,.feedback-section h2{font-weight:700;letter-spacing:-.04em}
.story-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
button.filter{color:var(--ink)}
.story-filters .filter{border:2px solid var(--v2-ink);background:var(--surface);color:var(--v2-ink);border-radius:999px;padding:9px 16px;min-height:44px;font-weight:700;font-size:14px}
.story-filters .filter.active{background:var(--v2-ink);color:var(--surface)}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.story-card{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:2px solid var(--v2-ink);border-radius:22px;padding:0 20px 20px;overflow:hidden;scroll-margin-top:110px}
.story-card:target{box-shadow:0 0 0 4px var(--v2-violet)}
.story-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 -20px;padding:12px 20px;background:var(--c);border-bottom:2px solid var(--v2-ink)}
.c-ink .story-head,.c-violet .story-head{color:var(--surface)}
.c-violet .story-head{background:var(--v2-violet)}
.story-tag{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.story-status{font-size:12px;font-weight:700;background:var(--surface);color:var(--v2-ink);border:2px solid var(--v2-ink);border-radius:999px;padding:3px 10px;white-space:nowrap}
.story-status-open{background:var(--v2-cream)}
.story-title{font-size:19px;line-height:1.3;letter-spacing:-.02em;margin:4px 0 0}
.story-big{margin:0;display:grid;gap:2px}
.story-big strong{font-size:clamp(30px,2.6vw,40px);line-height:1.05;letter-spacing:-.04em;font-weight:700}
.story-big span{font-size:14px;color:var(--v2-muted);line-height:1.4}
.story-arc{margin:0;display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:var(--brand-bg)}
.story-arc div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px}
.story-arc dt{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--v2-muted);padding-top:2px}
.story-arc dd{margin:0;font-size:14px;line-height:1.4}
.story-card blockquote{margin:0;padding:0 0 0 14px;border-left:4px solid var(--c)}
.c-ink blockquote{border-left-color:var(--v2-ink)}.c-violet blockquote{border-left-color:var(--v2-violet)}
.story-card blockquote p{margin:0;font-size:16px;line-height:1.45;font-weight:600}
.story-card cite{display:block;margin-top:4px;font-style:normal;font-size:13px;color:var(--v2-muted)}
.story-who{display:flex;align-items:center;gap:10px;margin:auto 0 0;font-size:14px}
.story-photo{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--v2-ink)}
.story-initials{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--c);border:2px solid var(--v2-ink);font-weight:800;font-size:14px}
.c-ink .story-initials,.c-violet .story-initials{color:var(--surface)}.c-violet .story-initials{background:var(--v2-violet)}
.story-grid.stories-js .story-extra:not(.story-show),.story-grid .story-card.story-off{display:none}
.story-more{display:flex;margin:22px auto 0;min-height:48px;padding:10px 24px;border:2px solid var(--v2-ink);border-radius:999px;font-weight:700;background:var(--surface)}
.story-more[hidden]{display:none}

/* Real feedback screenshots (filled from the harvest). */
.feedback-section{background:var(--surface)}
.proof-wall{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px;margin:0;border-radius:24px;background:var(--brand-bg);scrollbar-width:thin}
.proof-wall:focus-visible{outline:3px solid var(--v2-violet);outline-offset:3px}
.proof-shot{flex:0 0 300px;scroll-snap-align:start;margin:0;border:2px solid var(--v2-ink);border-radius:18px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}
.proof-shot img{width:100%;height:300px;object-fit:cover;object-position:50% 0;background:var(--line);border-bottom:2px solid var(--v2-ink)}
.proof-shot.proof-wide img{object-fit:contain;object-position:50% 50%;padding:12px}
.proof-shot figcaption{flex:1;align-content:start}
.proof-shot figcaption{padding:14px 16px;border-top:2px solid var(--v2-ink);display:grid;gap:8px;justify-items:start}
.proof-shot blockquote{margin:0;padding-left:12px;border-left:4px solid var(--v2-coral)}
.proof-shot blockquote p{margin:0;font-size:15px;line-height:1.45;font-weight:600;color:var(--v2-ink)}
.proof-shot cite{display:block;margin-top:2px;font-style:normal;font-size:13px;color:var(--v2-muted)}
.proof-who{margin:0;font-size:14px;color:var(--v2-ink)}
.proof-status{font-size:12px;line-height:1.4;font-weight:700;border:2px solid var(--v2-ink);border-radius:999px;padding:2px 10px;background:var(--success-bg);align-self:start}
.proof-status-open{background:var(--v2-cream)}

/* How PUMP works. */
.method-section{background:var(--surface)}
.method-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.method-steps li{border-radius:24px;padding:28px 24px;border:2px solid var(--v2-ink);background:var(--c)}
.m-yellow{--c:var(--accent)}.m-coral{--c:var(--surface)}.m-mint{--c:var(--brand-bg)}
.m-no{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--v2-ink);color:var(--surface);font-size:22px;font-weight:700}
.method-steps h3{font-size:24px;line-height:1.2;letter-spacing:-.03em;margin:18px 0 8px}
.method-steps p{margin:0;font-size:15px;line-height:1.5}
.proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 0;padding:26px;border-radius:24px;background:var(--v2-ink);color:var(--surface)}
.proof-strip div{display:grid;gap:6px;align-content:start}
.proof-strip strong{font-size:clamp(34px,3.4vw,52px);line-height:1;color:var(--v2-yellow);letter-spacing:-.04em}
.proof-strip strong.proof-word{font-size:clamp(24px,2.2vw,32px);line-height:1.1}
.proof-strip span{font-size:14px;line-height:1.45;color:var(--brand-line)}

/* Mentor and cabinet as the way to do it. */
.how-v2-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:stretch}
.how-card{border:2px solid var(--v2-ink);border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:12px}
.how-mentor{background:var(--accent-bg)}
.how-cabinet{background:var(--brand-bg)}
.how-card h3{font-size:24px;line-height:1.25;letter-spacing:-.03em;margin:0}
.how-card p{margin:0;font-size:15px;line-height:1.5}
.how-note{font-weight:700}
.how-faces{display:flex}
.how-faces img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--v2-pink);margin-right:-12px;box-shadow:0 0 0 2px var(--v2-ink)}
.how-card .textlink{font-weight:700;text-decoration:underline;text-underline-offset:4px;margin-top:auto}
.how-card figure{margin:0}
.how-card figure img{border-radius:14px;border:2px solid var(--v2-ink);height:auto}
.how-card figcaption{font-size:12px;color:var(--v2-muted);margin-top:6px}
.how-list{margin:0;padding-left:20px;font-size:15px;line-height:1.6}
.how-cabinet .button{align-self:flex-start;border-radius:999px;padding:14px 22px;font-weight:700}
.how-cabinet .meta{font-size:13px;color:var(--v2-muted)}

/* Mentors: shorter by default. */
.mentors-more{display:none;margin:22px auto 0;min-height:48px;padding:10px 24px;border:2px solid var(--v2-ink);border-radius:999px;font-weight:700;background:var(--surface)}
.mentors-js.mentors-short .mentors-more{display:flex}
.mentors-js.mentors-short .mentor-grid>:nth-child(n+7){display:none}

/* Final call. */
.final-cta{background:var(--accent);border-top:2px solid var(--v2-ink)}
.final-cta-inner{padding:64px 0;display:grid;gap:14px;justify-items:start}
.final-cta h2{font-size:clamp(32px,3.8vw,56px);line-height:1.05;letter-spacing:-.045em;font-weight:700;margin:0;color:var(--v2-ink)}
.final-cta p{margin:0;font-size:18px;max-width:680px}
.final-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.final-cta .button{background:var(--v2-ink);color:var(--surface);border-radius:999px;padding:16px 24px;font-weight:700}
.final-cta .outline{background:var(--surface);border:2px solid var(--v2-ink);border-radius:999px;padding:14px 22px;font-weight:700}

@media(max-width:1100px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-v2-grid{grid-template-columns:1fr;gap:36px}.how-v2-grid{grid-template-columns:1fr}}
@media(max-width:750px){
 .proof-shot{flex-basis:78vw}.proof-shot img{height:240px;order:2;border-bottom:0;border-top:2px solid var(--v2-ink)}.proof-shot figcaption{order:1}
 .hero-v2-grid{padding:30px 0 44px;gap:28px}
 .hero-v2 h1{font-size:40px;line-height:1.05;margin:12px 0 16px}
 .hero-v2 .lead{font-size:16px}
 .hero-v2 .hero-actions .button{width:100%;text-align:center}
 .hero-v2 .hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .hero-v2 .hero-facts div{min-width:0;padding:10px}
 .hero-v2 .hero-facts strong{font-size:20px}
 .hero-v2 .hero-facts span{font-size:12px}
 .hero-v2-grid{display:flex;flex-direction:column;gap:0}
 .hero-v2-copy{display:contents}
 .hero-v2-copy>*{order:3}
 .hero-v2-copy>.eyebrow,.hero-v2-copy>h1,.hero-v2-copy>.lead{order:1}
 .hero-v2-copy>.hero-actions,.hero-v2-copy>.meta{order:2}
 .hero-v2-copy>.hero-actions{margin-top:4px}
 .hero-v2-copy>.meta{margin-bottom:22px}
 .hero-v2-visual{order:4;margin:4px 0 26px}
 .hero-v2-copy>.hero-facts{order:5}
 .story-wall{display:flex;align-items:stretch;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 10px 14px 4px;margin:0 -20px 0 -4px;scrollbar-width:none}
 .story-wall::-webkit-scrollbar{display:none}
 .wall-tile{flex:0 0 74%;min-height:170px;scroll-snap-align:start;padding:14px;border-radius:18px;box-shadow:4px 4px 0 var(--v2-ink)}
 .wall-tile:nth-child(1),.wall-tile:nth-child(4){transform:none}
 .wall-tile strong{font-size:20px}
 .wall-after{font-size:13px}
 .t-photo{grid-row:auto}
 .t-photo img{width:56px;height:56px}
 .sit-list li{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:18px 16px;border-left-width:8px}
 .sit-no{font-size:22px}
 .sit-link{grid-column:2;justify-self:start;white-space:normal;max-width:100%}
 .story-grid{grid-template-columns:1fr}
 .method-steps,.proof-strip{grid-template-columns:1fr}
 .final-cta-inner{padding:44px 0}
}
@media(prefers-reduced-motion:reduce){.wall-tile{transition:none}}

/* Lower blocks follow the same type and colour (not one violet card). */
#program h2,#mentors h2,#price h2,.founder-section h2,.faq h2,.network-section h2{font-family:PUMPV2,Manrope,Arial,sans-serif;font-weight:700;letter-spacing:-.04em}
.how-v2-grid{align-items:start}
.packages-section{background:var(--v2-cream)}
#price .package-card.featured{background:var(--v2-ink);color:var(--surface);border:2px solid var(--v2-ink);border-radius:24px;box-shadow:8px 8px 0 var(--accent)}
#price .package-card.featured h3,#price .package-card.featured p,#price .package-card.featured li{color:var(--surface)}
#price .package-tag{background:var(--v2-yellow);color:var(--v2-ink);border-radius:999px;padding:4px 12px;font-weight:700;display:inline-block}
#price .plan-price-range{font-family:PUMPV2,Manrope,Arial,sans-serif;font-size:clamp(26px,8vw,44px);line-height:1.15;color:var(--v2-yellow);letter-spacing:-.03em;overflow-wrap:normal}
#price .package-card .button{background:var(--v2-yellow);color:var(--v2-ink);border-radius:999px;font-weight:700}
#price .package-comparison{border:2px solid var(--v2-ink);border-radius:20px}
.faq summary{font-weight:600}

/* Mentor cards (review 09.11): buttons on one line, one column on the phone, «Уточняется» quiet. */
.mentor-grid .mentor-card{display:flex;flex-direction:column}
.mentor-grid .mentor-card>button.outline{margin-top:auto}
.mentor-status span[data-availability-status=tbd]{background:transparent;color:var(--muted);border:1px solid var(--line);font-weight:600}
@media(max-width:480px){.mentor-grid{grid-template-columns:1fr}}