/* ============ 1. первый экран: кинетическая типографика, скан проходит строку и уходит в галочку ============ */
.g-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:140px 0 0;overflow:hidden}
.g-hero .nezav{position:absolute;top:104px;right:var(--pole);max-width:24ch;text-align:right;font-size:14px;color:#cfcdc8;line-height:1.4;animation:g-poyav 1s 1.3s both}
.g-hero .nezav b{display:block;color:var(--acid);font:600 12px var(--tekst);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}
.g-h1{position:relative}
.g-h1 .str{display:block;overflow:hidden;padding:.16em 0 .05em;margin-top:-.16em}
.g-h1 .str>span{display:inline-block;transform:translateY(108%);animation:g-vverh 1.1s var(--ease) both;animation-delay:calc(.15s + var(--i)*.13s)}
.g-h1 em{font-style:normal;color:var(--acid)}
.g-h1 .str>span.posl{position:relative;display:inline-flex;align-items:center;gap:.18em}
.g-h1 .skan-galka{width:1.25em;height:.9em;flex:none;overflow:visible}
.g-h1 .skan-galka path{stroke-dasharray:240;stroke-dashoffset:240;animation:g-risuy 1s 1.5s var(--ease) forwards}
.g-h1 .luch-h{position:absolute;left:-2%;height:.06em;top:52%;background:var(--acid);box-shadow:0 0 22px 3px rgba(204,255,0,.5);width:0;animation:g-luch 1.2s 1.05s var(--ease) forwards;border-radius:9px}
@keyframes g-vverh{to{transform:none}}
@keyframes g-risuy{to{stroke-dashoffset:0}}
@keyframes g-luch{0%{width:0;opacity:1}70%{width:104%;opacity:1}100%{width:104%;opacity:0}}
@keyframes g-poyav{from{opacity:0;transform:translateY(18px)}}
.g-hero .pod{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-top:40px;animation:g-poyav 1s 1s both}
.g-hero .knopki{display:flex;gap:12px;flex-wrap:wrap}
.g-beg{margin-top:72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;overflow:hidden;white-space:nowrap;background:rgba(8,8,10,.4)}
.g-beg>div{display:inline-block;animation:g-beg 46s linear infinite}
.g-beg span{margin:0 22px;font:600 15px var(--tekst);color:#bdbbb6}
.g-beg i{font-style:normal;color:var(--acid)}
@keyframes g-beg{to{transform:translateX(-50%)}}
@media (max-width:760px){
 .g-hero{padding-top:200px}
 .g-hero .nezav{top:84px;left:var(--pole);right:auto;text-align:left;max-width:30ch}
 .g-hero .pod{grid-template-columns:1fr;gap:22px;margin-top:26px}
 .g-hero .knopki{flex-direction:column}.g-hero .knopki .knopka{width:100%}
 .g-beg{margin-top:48px}
}

/* ============ 2. манифест: слова загораются прокруткой ============ */
.g-manif p{font:700 clamp(38px,5.6vw,92px)/1.04 var(--zag);max-width:19ch;letter-spacing:-.005em}
.g-manif .w{opacity:.13;transition:opacity .25s}
.g-manif .w.a{color:var(--acid)}
.g-manif .podp{margin-top:40px;display:flex;gap:16px;align-items:center;color:var(--mute);font-size:15px}
@media (max-width:760px){.g-manif p{font-size:10.4vw}}

/* ============ 3. три двери: строки-плакаты, кислота заливает строку слева ============ */
.g-dveri{margin-top:56px;border-top:1px solid var(--line)}
.g-dver{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 64px;gap:32px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);overflow:hidden;isolation:isolate}
.g-dver::before{content:"";position:absolute;inset:0;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease);z-index:-1}
.g-dver:hover::before,.g-dver:focus-visible::before{transform:none}
.g-dver:hover,.g-dver:focus-visible{color:var(--ink)}
.g-dver .slovo{font:900 clamp(64px,8.6vw,140px)/.82 var(--zag);text-transform:uppercase;transition:transform .6s var(--ease),color .3s;padding-left:0}
.g-dver:hover .slovo{transform:translateX(24px)}
.g-dver .opis{font-size:18px;color:#cfcdc8;transition:color .3s;max-width:40ch}
.g-dver:hover .opis{color:var(--ink)}
.g-dver .opis b{display:block;font:700 13px var(--tekst);letter-spacing:.16em;text-transform:uppercase;color:var(--acid);margin-bottom:8px;transition:color .3s}
.g-dver:hover .opis b{color:var(--ink)}
.g-dver .str{width:64px;height:64px;border-radius:50%;border:1.5px solid rgba(237,235,230,.35);display:grid;place-items:center;font-size:26px;transition:transform .5s var(--ease),border-color .3s,background .3s}
.g-dver:hover .str{transform:rotate(-45deg);border-color:var(--ink);background:var(--ink);color:var(--acid)}
@media (max-width:760px){.g-dver{grid-template-columns:1fr 52px;gap:14px;padding:24px 0}.g-dver .opis{grid-column:1/-1;grid-row:2;font-size:16px}.g-dver .slovo{font-size:17vw}.g-dver .str{width:52px;height:52px}}

/* ============ 4. подбор: орбита ============ */
.g-podbor .setka{display:grid;grid-template-columns:5fr 7fr;gap:48px;margin-top:56px;align-items:center}
.g-vopr{margin-bottom:28px}
.g-vopr h3{font:600 14px var(--tekst);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.g-chipy{display:flex;flex-wrap:wrap;gap:8px}
.g-chipy button{padding:11px 18px;border-radius:99px;border:1.5px solid var(--line);font-weight:600;font-size:16px;min-height:46px;transition:.25s}
.g-chipy button:hover{border-color:var(--bone)}
.g-chipy button.on{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.g-chipy button.drug{border-style:dashed}
.g-schet{display:flex;align-items:flex-end;gap:18px;border-top:1px solid var(--line);padding-top:24px}
.g-schet .chislo{color:var(--acid);font-size:clamp(96px,10vw,150px)}
.g-schet div{font-weight:600;line-height:1.3}
.g-schet small{display:block;color:var(--mute);font-weight:400;font-size:13px;margin-top:6px;max-width:30ch}
.g-itog{margin-top:20px;padding:18px 20px;border-radius:16px;border:1px solid rgba(204,255,0,.35);background:rgba(204,255,0,.06)}
.g-itog.ne{border-color:rgba(237,235,230,.25);background:rgba(237,235,230,.04)}
.g-itog b{font:800 26px/1 var(--zag);display:block;margin-bottom:6px}
.g-itog p{color:#d6d4cf;font-size:16px}
.g-itog a{color:var(--acid);font-weight:600}
.g-orbita{position:relative;aspect-ratio:1;max-width:640px;width:100%;margin-left:auto}
.g-kolco{position:absolute;border:1px solid var(--line);border-radius:50%;inset:var(--o)}
.g-kolco.sk{border:0;inset:0;background:conic-gradient(from 0deg,transparent 0 82%,rgba(204,255,0,.08) 97%,rgba(204,255,0,.26) 100%);border-radius:50%;mask:radial-gradient(circle,transparent 37%,#000 38%);-webkit-mask:radial-gradient(circle,transparent 37%,#000 38%);animation:g-vrash 7s linear infinite}
@keyframes g-vrash{to{transform:rotate(1turn)}}
.g-yadro{position:absolute;inset:37%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(108,75,255,.55),var(--ink2) 70%);display:grid;place-items:center;text-align:center;box-shadow:0 0 0 1px var(--line),0 40px 120px -20px rgba(108,75,255,.5)}
.g-yadro .s{font:800 clamp(18px,2vw,28px)/1 var(--zag)}
.g-yadro small{display:block;color:var(--mute);font-size:12px;margin-top:4px}
.g-tok{position:absolute;left:50%;top:50%;translate:calc(var(--x,0px) - 50%) calc(var(--y,0px) - 50%);transition:translate 1.1s cubic-bezier(.7,0,.2,1),opacity .6s,background .4s,color .4s;padding:10px 16px;border-radius:99px;font:600 15px var(--tekst);white-space:nowrap;background:var(--ink2);border:1px solid var(--line)}
.g-tok.da{background:var(--acid);color:var(--ink);border-color:var(--acid);box-shadow:0 10px 40px -10px rgba(204,255,0,.6)}
.g-tok.net{opacity:.32;text-decoration:line-through;text-decoration-thickness:2px}
.g-tok.vopr{border-style:dashed;color:var(--mute)}
.g-tok.vopr::after{content:" ?"}
.g-istochnik{font-size:13px;color:var(--mute);margin-top:18px;max-width:62ch}
@media (max-width:760px){.g-podbor .setka{grid-template-columns:1fr;gap:12px;margin-top:28px}.g-orbita{order:-1;margin:0 -6px;max-width:none;width:calc(100% + 12px)}.g-tok{font-size:12px;padding:7px 10px}.g-chipy button{font-size:15px;padding:10px 14px}}

/* ============ 5. курсы: горизонтальная лента с закреплением ============ */
.g-kursy .shapka{padding-top:140px}
.g-lenta-okno{overflow:hidden}
.g-lenta{display:flex;gap:24px;padding:56px var(--pole) 140px;width:max-content}
.g-pan{position:relative;width:min(76vw,960px);height:min(70vh,600px);min-height:470px;border-radius:32px;padding:44px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;overflow:hidden;background:var(--plita);border:1px solid var(--line)}
.g-pan .art{position:absolute;right:-14%;top:-24%;width:72%;aspect-ratio:1;border-radius:50%;filter:blur(34px);opacity:.8;pointer-events:none}
.g-pan .l{position:relative;display:flex;flex-direction:column;justify-content:space-between}
.g-pan .nom{font:600 14px var(--tekst);color:var(--mute)}
.g-pan h3{font:900 clamp(46px,5.4vw,84px)/.88 var(--zag);text-transform:uppercase;margin-top:14px}
.g-pan .dlya{display:inline-block;margin-top:18px;border:1px solid var(--line);background:rgba(237,235,230,.06);padding:8px 14px;border-radius:99px;font-size:15px}
.g-pan .fakt{color:#cfcdc8;max-width:36ch}
.g-pan .r{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right;gap:16px}
.g-pan .cena{font:900 clamp(60px,7.2vw,124px)/.84 var(--zag)}
.g-pan .cena small{display:block;font:500 13px var(--tekst);color:var(--mute);margin-top:12px}
.g-pan .cena.tiho{font-size:clamp(44px,4.6vw,72px);color:var(--mute)}
.g-mesta{display:flex;gap:8px}.g-mesta i{width:38px;height:38px;border-radius:50%;border:2px dashed currentColor;opacity:.45}
.g-pan.kost{background:var(--bone);color:var(--ink)}.g-pan.kost .nom,.g-pan.kost .cena small{color:#55555c}.g-pan.kost .dlya{background:rgba(8,8,10,.06);border-color:rgba(8,8,10,.14)}.g-pan.kost .fakt{color:#2a2a30}
.g-pan.kis{background:var(--acid);color:var(--ink)}.g-pan.kis .nom,.g-pan.kis .cena small{color:#3a3a40}.g-pan.kis .dlya{background:rgba(8,8,10,.07);border-color:rgba(8,8,10,.16)}.g-pan.kis .fakt{color:#1d1d22}
.g-pan .knopka{min-height:48px;padding:12px 22px;font-size:15px}
@media (max-width:760px){
 .g-kursy .shapka{padding-top:88px}
 .g-lenta-okno{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
 .g-lenta-okno::-webkit-scrollbar{display:none}
 .g-lenta{padding:28px 16px 32px;gap:12px}
 .g-pan{width:84vw;height:auto;min-height:500px;grid-template-columns:1fr;padding:26px;border-radius:24px;scroll-snap-align:center}
 .g-pan .r{align-items:flex-start;text-align:left}
 .g-pan .cena{font-size:60px}
 .g-svaip{display:flex!important}
}
.g-svaip{display:none;gap:8px;align-items:center;justify-content:center;padding-bottom:72px;color:var(--mute);font-size:14px}
.g-svaip i{width:8px;height:8px;border-radius:50%;background:rgba(237,235,230,.25);transition:.3s}
.g-svaip i.on{background:var(--acid);width:24px;border-radius:9px}

/* ============ 6. как проходит консультация: вертикальная скан-линия идёт по шагам ============ */
.g-shagi-set{display:grid;grid-template-columns:5fr 7fr;gap:64px;margin-top:64px;align-items:start}
.g-foto{position:sticky;top:110px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.g-foto img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;filter:saturate(.9) contrast(1.05)}
.g-foto figcaption{padding:14px 18px;font-size:14px;color:var(--mute);background:var(--plita)}
.g-shagi{position:relative;padding-left:64px}
.g-shagi .rel{position:absolute;left:18px;top:8px;bottom:8px;width:2px;background:var(--line)}
.g-shagi .rel i{position:absolute;left:-1px;top:0;width:4px;height:var(--p,0%);background:var(--acid);box-shadow:0 0 16px 2px rgba(204,255,0,.5);border-radius:2px}
.g-shag{position:relative;padding:6px 0 52px}
.g-shag::before{content:"";position:absolute;left:-55px;top:12px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(237,235,230,.3);background:var(--ink);transition:.4s}
.g-shag.proyden::before{background:var(--acid);border-color:var(--acid);box-shadow:0 0 0 6px rgba(204,255,0,.15)}
.g-shag .kto{font:600 12px var(--tekst);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.g-shag .kto.vy{color:var(--acid)}
.g-shag h3{font:800 clamp(32px,3.4vw,52px)/.95 var(--zag);margin:10px 0 12px;transition:opacity .4s;opacity:.35}
.g-shag.proyden h3{opacity:1}
.g-shag p{color:#cfcdc8;max-width:52ch}
.g-shag ul{list-style:none;margin-top:12px;display:grid;gap:8px}
.g-shag li{display:flex;gap:10px;align-items:flex-start;color:#cfcdc8;font-size:16px}
.g-shag li svg{flex:none;margin-top:5px}
@media (max-width:760px){.g-shagi-set{grid-template-columns:1fr;gap:36px;margin-top:36px}.g-foto{position:relative;top:0}.g-shagi{padding-left:46px}.g-shagi .rel{left:10px}.g-shag::before{left:-45px}}

/* ============ 7. чего мы не делаем: поля, которых нет, — скан их вычёркивает ============ */
.g-net-set{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.g-net .kredo{font:900 clamp(56px,7vw,116px)/.84 var(--zag);text-transform:uppercase}
.g-net .kredo s{text-decoration-color:var(--acid);text-decoration-thickness:.08em}
.g-pol{position:relative;padding:28px;border-radius:var(--r);background:var(--plita);border:1px solid var(--line);overflow:hidden}
.g-pol .zag{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--mute);margin-bottom:18px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.g-pole{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 18px;margin-bottom:10px;border:1.5px dashed rgba(237,235,230,.28);border-radius:14px;font-weight:600;transition:border-color .5s,opacity .5s}
.g-pole .ikon{font-size:14px;color:var(--mute);font-weight:500}
.g-pole::after{content:"";position:absolute;left:12px;right:12px;top:50%;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.g-pole .stamp{position:absolute;right:14px;top:50%;translate:0 -50%;font:800 15px var(--zag);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--acid);padding:5px 10px;border-radius:6px;opacity:0;rotate:-4deg;scale:1.4;transition:opacity .35s .3s,scale .35s .3s}
.g-pole.snyato{border-color:rgba(237,235,230,.1)}
.g-pole.snyato>span{opacity:.35}
.g-pole.snyato::after{transform:none}
.g-pole.snyato .stamp{opacity:1;scale:1}
.g-pol .skl{position:absolute;left:0;right:0;top:var(--t,0%);height:2px;background:var(--acid);box-shadow:0 0 22px 4px rgba(204,255,0,.55);pointer-events:none;opacity:var(--o,1)}
.g-pol .ostalos{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:15px;color:#d6d4cf}
.g-pol .ostalos b{color:var(--acid)}
@media (max-width:760px){.g-net-set{grid-template-columns:1fr;gap:36px}.g-net .kredo{font-size:15vw}.g-pol{padding:18px}.g-pole{padding:0 12px;font-size:15px}.g-pole .ikon{display:none}}

/* ============ 8. гарантия: кислотная полоса ============ */
.g-garant{background:var(--acid);color:var(--ink);padding:120px 0 0;overflow:hidden}
.g-garant .bol{font:900 clamp(60px,8.4vw,150px)/.86 var(--zag);text-transform:uppercase;white-space:nowrap}
.g-garant .pod2{display:grid;grid-template-columns:1fr auto;gap:40px;margin-top:44px;align-items:end}
.g-garant p{font-size:19px;max-width:48ch}
.g-garant .cena{font:900 clamp(48px,5vw,80px)/.9 var(--zag);text-align:right}
.g-garant .cena small{display:block;font:500 14px var(--tekst);margin-top:8px}
.g-garant .knopka{background:var(--ink);color:var(--acid);margin-top:28px}
.g-garant .lenta2{white-space:nowrap;font:800 26px var(--zag);margin-top:90px;border-top:2px solid var(--ink);padding:16px 0;overflow:hidden}
.g-garant .lenta2>div{display:inline-block;animation:g-beg 28s linear infinite reverse}
.g-garant .lenta2 span{margin:0 22px}
@media (max-width:760px){.g-garant{padding-top:80px}.g-garant .bol{font-size:16vw;white-space:normal}.g-garant .pod2{grid-template-columns:1fr}.g-garant .cena{text-align:left}.g-garant .lenta2{font-size:20px;margin-top:56px}}

/* ============ 9. компаниям: стопка ============ */
.g-stopka{margin-top:56px}
.g-karta{position:sticky;top:calc(96px + var(--n)*22px);min-height:400px;border-radius:32px;padding:44px;margin-bottom:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;transform-origin:50% 0;border:1px solid var(--line);background:var(--ink2)}
.g-karta:nth-child(2){background:linear-gradient(rgba(108,75,255,.12),rgba(108,75,255,.12)),var(--ink2)}
.g-karta:nth-child(3){background:linear-gradient(rgba(108,75,255,.26),rgba(108,75,255,.26)),var(--ink2)}
.g-karta:nth-child(4){background:var(--viol)}
.g-karta .n{font:600 13px var(--tekst);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.g-karta:nth-child(4) .n{color:rgba(237,235,230,.75)}
.g-karta h3{font:900 clamp(42px,4.9vw,76px)/.9 var(--zag);text-transform:uppercase;margin-top:14px}
.g-karta p{margin-top:18px;max-width:38ch;color:#d6d4cf}
.g-karta:nth-child(4) p{color:var(--bone)}
.g-karta .c{align-self:end;justify-self:end;font:900 clamp(68px,9.4vw,164px)/.8 var(--zag);text-align:right}
.g-karta .c small{display:block;font:500 13px var(--tekst);color:var(--mute);margin-top:12px}
.g-karta:nth-child(4) .c small{color:rgba(237,235,230,.8)}
.g-karta:first-child .c{color:var(--acid)}
@media (max-width:760px){.g-karta{grid-template-columns:1fr;padding:26px;min-height:340px;border-radius:24px;top:calc(76px + var(--n)*14px);margin-bottom:24px}.g-karta .c{justify-self:start;text-align:left;font-size:64px}}

/* ============ 10. цены: шкала и таблица ============ */
.g-shkala{position:relative;height:440px;margin-top:72px}
.g-os{position:absolute;left:0;right:0;top:50%;height:2px;background:var(--line)}
.g-os i{position:absolute;inset:0;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease)}
.vidno .g-os i{transform:none}
.g-deleniya span{white-space:nowrap;position:absolute;top:calc(50% + 12px);translate:-50% 0;font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums}
.g-deleniya span::before{content:"";position:absolute;left:50%;top:-14px;width:1px;height:8px;background:var(--mute)}
.g-cen{position:absolute;left:var(--x);width:0;top:0;bottom:0}
.g-cen .noga{position:absolute;left:0;width:1px;background:rgba(237,235,230,.35)}
.g-cen .tochka{position:absolute;left:-7px;top:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:var(--bone);box-shadow:0 0 0 5px rgba(237,235,230,.1)}
.g-cen .yarl{position:absolute;left:0;translate:-50% 0;width:max-content;max-width:190px;text-align:center}
.g-cen.verh .noga{top:calc(50% - var(--h));height:var(--h)}.g-cen.verh .yarl{bottom:calc(50% + var(--h) + 8px)}
.g-cen.niz .noga{top:50%;height:var(--h)}.g-cen.niz .yarl{top:calc(50% + var(--h) + 8px)}
.g-cen .sum{font:900 34px/1 var(--zag)}
.g-cen .chto{font-size:14px;line-height:1.3;color:#d6d4cf;margin-top:4px}
.g-cen .met{display:inline-block;margin-top:6px;font:600 11px var(--tekst);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);border:1px dashed rgba(138,138,147,.6);border-radius:99px;padding:3px 8px}
.g-cen.resheno .met{color:var(--ink);background:var(--acid);border:0}
.g-cen.resheno .tochka{background:var(--acid)}
.g-cen{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(.25s + var(--k)*.12s)}
.vidno .g-cen{opacity:1;transform:none}
.g-ceny .snoska{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-top:24px;color:var(--mute);font-size:14px}
.g-tabl{width:100%;border-collapse:collapse;margin-top:40px;font-size:16px}
.g-tabl caption{text-align:left;font:600 13px var(--tekst);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);padding-bottom:12px}
.g-tabl th,.g-tabl td{text-align:left;padding:14px 12px 14px 0;border-top:1px solid var(--line);vertical-align:baseline}
.g-tabl thead th{font-weight:600;font-size:13px;color:var(--mute);border-top:0}
.g-tabl td small{display:block;color:var(--mute);font-size:13px;margin-top:2px}
.g-tabl .s{font:800 24px/1 var(--zag);white-space:nowrap}
.g-tabl .m{font-size:13px;color:var(--mute)}
.g-tabl tr.resh .s{color:var(--acid)}
@media (max-width:760px){.g-tabl{font-size:15px}.g-tabl .s{font-size:20px}.g-tabl th,.g-tabl td{padding-right:8px}}
@media (max-width:760px){
 .g-shkala{height:auto;margin-top:40px;padding-left:28px}
 .g-os{left:8px;right:auto;top:0;bottom:0;width:2px;height:auto}
 .g-os i{transform:scaleY(0);transform-origin:top}
 .g-deleniya{display:none}
 .g-cen{position:relative;left:auto;width:auto;top:auto;bottom:auto;padding:0 0 26px 18px}
 .g-cen .noga{display:none}
 .g-cen .tochka{left:-27px;top:8px}
 .g-cen .yarl{position:static;translate:none;text-align:left;max-width:none;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline}
 .g-cen .sum{grid-row:1/3}.g-cen .chto{margin:0}.g-cen .met{justify-self:start;margin:0}
}

/* ============ 11. откуда данные: журнал первоисточников, строки печатаются ============ */
.g-zhurnal{margin-top:56px;border-top:1px solid var(--line)}
.g-zap{display:grid;grid-template-columns:150px minmax(0,1.1fr) minmax(0,1.5fr);gap:28px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}
.g-zap .data{font:800 26px/1 var(--zag);font-variant-numeric:tabular-nums;color:var(--acid)}
.g-zap .ist{font-weight:600;word-break:break-word}
.g-zap .ist small{display:block;font-weight:400;color:var(--mute);font-size:13px;margin-top:3px}
.g-zap .chto{color:#cfcdc8}
.g-zap .kursor{display:inline-block;width:.5em;height:1em;background:var(--acid);vertical-align:-2px;margin-left:2px;animation:g-mig .8s steps(1) infinite}
@keyframes g-mig{50%{opacity:0}}
.g-zap.nash .data{color:var(--bone)}
@media (max-width:760px){.g-zh-zag{font-size:12.4vw}.g-zap{grid-template-columns:1fr;gap:6px;padding:18px 0}}

/* ============ 12. эксперт: силуэт из скан-строк ============ */
.g-ekspert .setka{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.g-siluet{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--ink)}
.g-siluet canvas{position:absolute;inset:0;width:100%;height:100%}
.g-siluet .plashka{position:absolute;left:16px;bottom:16px;right:16px;display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--mute);background:rgba(8,8,10,.8);padding:10px 14px;border-radius:12px;border:1px solid var(--line)}
.g-ekspert .imya{font:900 clamp(64px,8vw,130px)/.82 var(--zag);text-transform:uppercase;margin-top:20px}
.g-ekspert .rol{font-size:20px;margin-top:18px;color:#d9d7d2}
.g-ekspert .zagl{display:grid;gap:10px;margin-top:30px}
.g-ekspert .zagl div{border:1.5px dashed rgba(237,235,230,.22);border-radius:14px;padding:14px 18px;color:var(--mute);font-size:15px;display:flex;justify-content:space-between;gap:16px}
.g-ekspert .zagl b{color:var(--bone);font-weight:600}
@media (max-width:760px){.g-ekspert .setka{grid-template-columns:1fr;gap:32px}.g-ekspert .imya{font-size:17vw}.g-ekspert .zagl div{flex-direction:column;gap:2px}}

/* ============ 13. база знаний: указатель, обложка едет за курсором ============ */
.g-baza .shapka2{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}
.g-ukaz{margin-top:48px;border-top:1px solid var(--line);position:relative}
.g-st{display:grid;grid-template-columns:120px minmax(0,1fr) 170px;gap:28px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);position:relative}
.g-st .tema{font:600 12px var(--tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.g-st h3{font:800 clamp(26px,2.6vw,40px)/1 var(--zag);transition:transform .45s var(--ease),color .3s}
.g-st:hover h3{transform:translateX(14px);color:var(--acid)}
.g-st .status{justify-self:end;font-size:13px;color:var(--mute);border:1px dashed rgba(138,138,147,.6);border-radius:99px;padding:5px 12px;white-space:nowrap}
.g-oblozhka{position:fixed;left:0;top:0;width:300px;aspect-ratio:8/5;border-radius:16px;overflow:hidden;pointer-events:none;opacity:0;scale:.85;transition:opacity .3s,scale .3s;z-index:20;border:1px solid var(--line)}
.g-oblozhka.on{opacity:1;scale:1}
.g-oblozhka img{width:100%;height:100%;object-fit:cover}
.g-oblozhka span{position:absolute;left:12px;bottom:10px;font:800 20px var(--zag);color:var(--bone);text-transform:uppercase}
.g-baza .mob-obl{display:none}
@media (max-width:760px){.g-st{grid-template-columns:1fr;gap:6px;padding:18px 0}.g-st .status{justify-self:start}.g-oblozhka{display:none}.g-baza .mob-obl{display:block;margin-top:28px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}.g-baza .mob-obl img{width:100%;height:auto}}

/* ============ 14. вопросы: номер-гигант слева меняется под открытым вопросом ============ */
.g-voprosy .setka{display:grid;grid-template-columns:4fr 8fr;gap:56px;align-items:start}
.g-voprosy .lev{position:sticky;top:120px}
.g-voprosy .gigant{font:900 clamp(160px,20vw,320px)/.78 var(--zag);color:transparent;-webkit-text-stroke:2px var(--acid);font-variant-numeric:tabular-nums;margin-top:24px}
.g-voprosy details{border-bottom:1px solid var(--line)}
.g-voprosy details:first-child{border-top:1px solid var(--line)}
.g-voprosy summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font:800 clamp(24px,2.3vw,34px)/1.05 var(--zag);min-height:56px}
.g-voprosy summary::-webkit-details-marker{display:none}
.g-voprosy summary i{flex:none;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(237,235,230,.3);position:relative;transition:transform .4s var(--ease),background .3s}
.g-voprosy summary i::before,.g-voprosy summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:currentColor;translate:-50% -50%}
.g-voprosy summary i::after{rotate:90deg}
.g-voprosy details[open] summary i{transform:rotate(45deg);background:var(--acid);color:var(--ink);border-color:var(--acid)}
.g-voprosy .otv{padding:0 0 26px;color:#cfcdc8;max-width:62ch}
.g-voprosy .otv p+p{margin-top:10px}
.g-voprosy .otv b{color:var(--bone)}
.g-voprosy .otv small{display:block;color:var(--mute);font-size:13px;margin-top:10px}
@media (max-width:760px){.g-voprosy .setka{grid-template-columns:1fr;gap:20px}.g-voprosy .lev{position:static}.g-voprosy .gigant{display:none}.g-voprosy summary{font-size:23px}}

/* ============ 15. лист ожидания: пять пустых мест ============ */
.g-list{text-align:center}
.g-list .d2{margin:20px auto 0;max-width:14ch}
.g-mesta5{display:flex;justify-content:center;align-items:center;gap:clamp(10px,2.2vw,28px);margin:64px auto 0;max-width:900px}
.g-mesto{position:relative;flex:1;max-width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center}
.g-mesto svg{position:absolute;inset:0;width:100%;height:100%;animation:g-vrash 24s linear infinite}
.g-mesto:nth-child(even) svg{animation-direction:reverse}
.g-mesto span{font:800 clamp(18px,2.4vw,34px)/1 var(--zag);color:var(--mute)}
.g-list .schet5{margin-top:48px;display:flex;justify-content:center;align-items:baseline;gap:16px}
.g-list .schet5 .chislo{font-size:clamp(90px,10vw,160px)}
.g-list .schet5 span{font:800 clamp(28px,3vw,44px) var(--zag);color:var(--mute)}
.g-list .polosa{max-width:520px;height:6px;border-radius:9px;background:var(--line);margin:24px auto 0;overflow:hidden}
.g-list .polosa i{display:block;width:2%;height:100%;background:var(--acid)}
.g-list p.lead{margin:28px auto 0;text-align:center}
.g-list .knopka{margin-top:32px}
@media (max-width:760px){.g-mesta5{gap:8px;margin-top:40px}}

/* ============ 16. финал: заявка ============ */
.g-final{position:relative;overflow:hidden}
.g-final .fon{position:absolute;inset:0;z-index:-1}
.g-final .fon img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.8}
.g-final .fon::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.92) 8%,rgba(8,8,10,.25) 48%,rgba(8,8,10,.8) 80%),linear-gradient(0deg,var(--ink),transparent 22%,transparent 78%,var(--ink))}
.g-final .setka{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.g-forma{padding:32px}
.g-forma .ryad{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.g-forma label{display:block;margin-bottom:14px}
.g-forma label span{display:block;font-size:13px;color:var(--mute);margin-bottom:6px}
.g-forma input,.g-forma select,.g-forma textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(8,8,10,.6);font-size:16px;appearance:none}
.g-forma select option{background:var(--ink2)}
.g-forma textarea{min-height:84px;resize:vertical}
.g-forma .predupr{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--bone);margin:-4px 0 12px}
.g-forma .predupr::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acid);flex:none}
.g-forma .gal{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#cfcdc8;margin-bottom:10px;min-height:44px}
.g-forma .gal input{width:22px;height:22px;min-height:0;flex:none;margin-top:1px;appearance:auto;accent-color:var(--acid)}
.g-forma .gal a{text-decoration:underline}
.g-forma .otvet{border-radius:14px;padding:14px 16px;margin-bottom:14px;font-size:15px;border:1px solid rgba(204,255,0,.35);background:rgba(204,255,0,.06)}
.g-forma .otvet.ne{border-color:rgba(237,235,230,.3);background:rgba(237,235,230,.05)}
.g-forma .otvet b{display:block;font:800 22px/1 var(--zag);margin-bottom:4px}
.g-forma .knopka{width:100%}
@media (max-width:760px){.g-final .setka{grid-template-columns:1fr;gap:36px}.g-forma{padding:20px}.g-forma .ryad{grid-template-columns:1fr;gap:0}.g-final .fon::after{background:linear-gradient(0deg,var(--ink) 10%,rgba(8,8,10,.75) 50%,var(--ink))}}

/* общее */
.g-zag-blok{margin-top:20px}
.g-ryadom{display:flex;justify-content:space-between;align-items:end;gap:40px;flex-wrap:wrap}
@media (prefers-reduced-motion:reduce){.g-h1 .str>span{transform:none}.g-cen{opacity:1;transform:none}.g-h1 .luch-h{display:none}}