/* =====================================================================
   Golden Seed — «Путь одной семечки»
   Единый язык: чёрный фон, золотая линия, одна семечка-герой. Ничего лишнего.
   ===================================================================== */

/* фон «Грани» — тихая статичная текстура */
.facets{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5}
.facets svg{position:absolute;inset:0;width:100%;height:100%}
.facets__lines path{stroke:url(#lineGrad);stroke-width:1;fill:none;opacity:.22;vector-effect:non-scaling-stroke}
.facets__glow,.facets__lit,.facets__spot{display:none}
.facets::after{content:"";position:absolute;inset:0;background:radial-gradient(90% 70% at 66% 50%,transparent,rgba(11,11,12,.75) 80%,var(--onyx))}

/* слой семечки-героя */
.seedlayer{position:fixed;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:0;transition:opacity .5s}
.seedlayer.is-on{opacity:1}

/* главы */
.ch{position:relative;z-index:2;height:calc(var(--len,3) * 100svh)}
.ch__stage{position:sticky;top:0;height:100svh;overflow:hidden}
.ch__scene{position:absolute;inset:0;z-index:1}
.ch__scene svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ln{fill:none;stroke:#E3B23C;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ln--dim{stroke:rgba(227,178,60,.38)}
.ln--cu{stroke:#D07A2C}
.mono{font:500 12px/1 "Roboto Mono",ui-monospace,Menlo,monospace;letter-spacing:.16em;fill:#F7DC7A;text-transform:uppercase}
.mono--dim{fill:rgba(201,202,206,.7)}

.ch__text{position:absolute;z-index:5;left:max(var(--gutter),calc((100vw - var(--max))/2));top:50%;transform:translateY(-50%);width:min(430px,36vw);opacity:0}
.ch__num{font:500 12px/1 "Roboto Mono",ui-monospace,Menlo,monospace;letter-spacing:.16em;color:var(--muted);margin:0 0 22px;text-transform:uppercase}
.ch__num b{font:600 30px/1 var(--f-head);font-variant-numeric:lining-nums;color:var(--gold-light);letter-spacing:0;margin-right:6px}
.ch__h{font:600 clamp(36px,4.2vw,62px)/1.03 var(--f-head);margin:0 0 18px;letter-spacing:-.01em;text-wrap:balance}
.ch__h--script{font:400 clamp(56px,6.6vw,100px)/1 var(--f-script);background:var(--foil-grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 7s ease-in-out infinite;padding-bottom:.1em}
.ch__p{margin:0;color:#cfcfd4;font-size:clamp(15px,1.15vw,17px);line-height:1.75}
.ch__cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* первый экран: заголовок поверх главы «Подсолнух» */
.ch__hero{position:absolute;z-index:5;left:max(var(--gutter),calc((100vw - var(--max))/2));top:50%;transform:translateY(-50%);width:min(560px,44vw)}
.hero__badge{width:min(250px,60vw);height:auto;margin:0 0 14px -4px;opacity:.9}
.hero__title{font:600 clamp(52px,7.4vw,116px)/.96 var(--f-head);margin:0 0 24px;letter-spacing:-.015em}
.hero__title .t2{background:var(--foil-grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 7s ease-in-out infinite}
.hero__title .line{display:block;overflow:hidden;padding:.06em 0 .12em}
.hero__title .word{display:inline-block;white-space:nowrap}
.hero__lead{max-width:30ch;font-size:clamp(16px,1.3vw,19px);color:#cfcfd4;margin:0 0 40px}
.hero__hint{margin:0;display:flex;align-items:center;gap:14px;font:500 12px/1 "Roboto Mono",ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.hero__hint i{width:1px;height:46px;background:linear-gradient(var(--foil),transparent);position:relative;overflow:hidden}
.hero__hint i::after{content:"";position:absolute;left:-1px;width:3px;height:12px;border-radius:2px;background:var(--gold-light);animation:drip 2.2s var(--ease) infinite}
@keyframes drip{from{top:-12px}to{top:46px}}

/* точки глав */
.dots{position:fixed;right:clamp(10px,1.6vw,26px);top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;gap:4px;opacity:0;pointer-events:none;transition:opacity .6s}
.dots.is-on{opacity:1;pointer-events:auto}
.dots a{display:flex;align-items:center;justify-content:flex-end;gap:12px;height:20px;text-decoration:none;font:500 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--silver)}
.dots a span{opacity:0;transform:translateX(8px);transition:.4s var(--ease);white-space:nowrap;background:rgba(11,11,12,.85);padding:5px 10px;border-radius:999px}
.dots a:hover span,.dots a:focus-visible span{opacity:1;transform:none}
.dots i{width:7px;height:7px;border-radius:50%;border:1px solid rgba(227,178,60,.55);transition:.4s var(--ease);flex:none}
.dots a.is-done i{background:rgba(227,178,60,.5)}
.dots a.is-active i{background:var(--foil);border-color:var(--gold-light);transform:scale(1.6)}

/* ---------- Импорт и дистрибуция ---------- */
.imp{position:relative}
.imp__eyebrow{font:400 clamp(24px,2.6vw,34px)/1 var(--f-vibes);color:var(--gold-deep);margin:0 0 14px}
.imp__h3{font:600 clamp(26px,2.8vw,38px)/1.1 var(--f-head);margin:clamp(56px,7vw,96px) 0 20px}
.imp__why,.imp__steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,40px)}
.imp__why li,.imp__steps li{padding:22px 0 0;border-top:1px solid rgba(227,178,60,.3)}
.imp__why h3,.imp__steps h3{font:700 14px/1.3 var(--f-body);letter-spacing:.06em;margin:0 0 8px;color:var(--gold-light)}
.imp__why p,.imp__steps p{margin:0;color:#c9c9ce;font-size:15px}
.imp__steps b{display:block;font:600 40px/1 var(--f-head);font-variant-numeric:lining-nums;margin-bottom:10px;color:var(--gold-light)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.chip{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 16px 0 10px;border-radius:999px;background:transparent;border:1px solid rgba(227,178,60,.3);color:var(--pearl);font:600 14px/1 var(--f-body);transition:border-color .35s,background .35s,color .35s}
.chip em{font:500 11px/1 "Roboto Mono",ui-monospace,monospace;font-style:normal;color:var(--gold-light);letter-spacing:.1em}
.chip__flag{font-size:18px;line-height:1}
.chip:hover{border-color:var(--gold-light)}
.chip.is-on{background:var(--foil-grad);color:var(--onyx);border-color:transparent}
.chip.is-on em{color:var(--onyx)}
.imp__form{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:clamp(22px,3vw,36px);border-radius:24px;border:1px solid rgba(227,178,60,.3)}
.imp__form label span,.imp__price span{display:block;font:600 11px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
.imp__form select,.imp__form input{width:100%;height:52px;border-radius:12px;border:1px solid rgba(227,178,60,.3);background:#0e0e10;color:var(--pearl);padding:0 14px;font:500 16px/1 var(--f-body);appearance:none;-webkit-appearance:none}
.imp__form select{background-image:linear-gradient(45deg,transparent 50%,var(--gold-light) 50%),linear-gradient(135deg,var(--gold-light) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.imp__form select:focus,.imp__form input:focus{outline:none;border-color:var(--gold-light)}
.imp__price{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.imp__price span{margin:0}
.imp__price-v{font:600 clamp(26px,2.6vw,36px)/1 var(--f-head);color:var(--gold-light)}
.imp__price small{color:var(--muted);font-size:13px}
.imp__actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}
.imp__docs{grid-column:1/-1;margin:0;color:var(--muted);font-size:14px}
.order__grid{grid-template-columns:minmax(0,760px)}

@media (max-width:1080px){.imp__why,.imp__steps,.imp__form{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .dots{display:none}
  .ch__text,.ch__hero{left:var(--gutter);right:var(--gutter);top:auto;bottom:6svh;transform:none;width:auto}
  .ch__text::before,.ch__hero::before{content:"";position:absolute;left:-24px;right:-24px;top:-60px;bottom:-6svh;background:linear-gradient(0deg,rgba(11,11,12,.96) 55%,transparent);z-index:-1}
  .ch__h{font-size:clamp(30px,8.6vw,44px);margin-bottom:10px}
  .ch__p{font-size:15px;line-height:1.6}
  .ch__num{margin-bottom:12px}
  .hero__title{font-size:clamp(44px,13vw,70px);margin-bottom:14px}
  .hero__lead{margin-bottom:0}
  .hero__hint{display:none}
  .hero__badge{width:180px}
}
@media (max-width:759px){.imp__why,.imp__steps,.imp__form{grid-template-columns:1fr}}

/* без анимации / без JS: главы идут обычным потоком */
.no-story .ch{height:auto}
.no-story .ch__stage{position:relative;height:auto;min-height:70svh;padding:12svh 0}
.no-story .ch__scene{display:none}
.no-story .ch__text,.no-story .ch__hero{position:relative;inset:auto;transform:none;opacity:1;width:min(560px,100% - var(--gutter)*2);margin:0 auto 40px}
.no-story .seedlayer,.no-story .dots{display:none}
html:not(.js) .ch{height:auto}
html:not(.js) .ch__stage{position:relative;height:auto;padding:80px 0}
html:not(.js) .ch__text,html:not(.js) .ch__hero{position:relative;inset:auto;transform:none;opacity:1;margin:0 auto 30px;width:min(560px,100% - 40px)}