/* home-clt.css — ТОЛЬКО ГЛАВНАЯ: тёмный фон + секции/герой/сборка. Сквозное (шапка/подвал/кнопки/курсор) — в base-clt.css. */
body{background:var(--canvas);color:var(--cream)}
  .herowrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,4vw,64px);align-items:start;position:relative}
  @media(max-width:900px){.herowrap{display:flex;flex-direction:column}.hero__content{display:contents}}
  .hero__h1{min-height:100svh;display:flex;align-items:flex-end}
  .hero__h1 h1{font-size:clamp(34px,5.4vw,80px);line-height:1;font-weight:700;letter-spacing:-.022em;margin:0;max-width:15ch}
  .hero__h1 h1 em{font-style:normal;color:var(--ember)}
  .hero__visual{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center;pointer-events:none}
  @media(max-width:900px){.hero__visual{position:static;height:auto;order:2;margin:16px auto 0;pointer-events:none}.hero__h1{min-height:auto;padding-top:104px;order:1;align-items:flex-start}.pos{order:3;padding-top:14px;padding-bottom:48px}}
  .clt3d{position:absolute;z-index:2;left:50%;top:42%;transform:translate(-50%,-50%);width:min(60vw,780px);height:min(60vw,780px);perspective:1700px;pointer-events:none}
  @media(max-width:900px){.clt3d{position:relative;left:auto;top:auto;transform:none;width:86vw;height:76vw;margin:0 auto 4px}.hero{align-items:center}}
  .stage{position:absolute;inset:12%;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-32deg);animation:cltspin 30s linear infinite}
  @keyframes cltspin{to{transform:rotateX(58deg) rotateZ(328deg)}}
  .lam{position:absolute;inset:0;transform-style:preserve-3d;border-radius:6px;box-shadow:0 1px 0 rgba(255,255,255,.08),inset 0 0 44px rgba(0,0,0,.35)}
  .lam::after{content:"";position:absolute;inset:0;border-radius:6px;opacity:.55;mix-blend-mode:overlay;background:repeating-linear-gradient(var(--dir,0deg),rgba(0,0,0,.18) 0 2px,transparent 2px 8px)}
  .lam.l1{background:linear-gradient(120deg,#caa06a,#a9793f);transform:translateZ(78px);--dir:0deg}
  .lam.l2{background:linear-gradient(120deg,#b98a53,#8c5f31);transform:translateZ(39px);--dir:90deg}
  .lam.l3{background:linear-gradient(120deg,#c9a06a,#a5763d);transform:translateZ(0);--dir:0deg}
  .lam.l4{background:linear-gradient(120deg,#b98a53,#875b2e);transform:translateZ(-39px);--dir:90deg}
  .lam.l5{background:linear-gradient(120deg,#caa06a,#a9793f);transform:translateZ(-78px);--dir:0deg}

  section{position:relative;padding:clamp(100px,13vw,190px) 0;background:var(--canvas);color:var(--cream)}

  .pos{padding-top:clamp(60px,7vw,100px);padding-bottom:clamp(110px,13vw,180px)}
  .pos__lead{font-size:clamp(20px,2.4vw,32px);font-weight:700;line-height:1.24;letter-spacing:-.01em;max-width:30ch;margin:0}
  .pos__row{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:44px}
  .status{border:1px solid var(--line);border-radius:16px;padding:16px 22px;display:flex;flex-direction:column;gap:4px}
  .status__t{font-weight:700;font-size:16px}
  .status__t em{font-style:normal;color:var(--ember)}
  .status__g{font-family:var(--mono);font-size:14px;color:var(--faint);letter-spacing:.03em}

  .manifesto{font-size:clamp(26px,3.6vw,50px);font-weight:700;line-height:1.12;letter-spacing:-.015em;max-width:22ch}
  .manifesto b{color:var(--ember)}
  .stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:90px;border-top:1px dashed var(--line);padding-top:40px}
  .stats3 .n{font-size:clamp(28px,3.2vw,44px);font-weight:700}
  .stats3 .l{color:var(--faint);font-size:15px;margin-top:8px}
  @media(max-width:700px){.stats3{grid-template-columns:1fr;gap:22px}}

  .split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
  @media(max-width:900px){.split{grid-template-columns:1fr;gap:40px}}
  .facts{display:grid;grid-template-columns:1fr 1fr;gap:30px 44px;margin-top:44px}
  .facts .f{border-top:1px dashed var(--line);padding-top:18px}
  .facts h4{margin:0 0 6px;font-size:18px;font-weight:700}
  .facts p{margin:0;color:var(--muted);font-size:15px}
  @media(max-width:560px){.facts{grid-template-columns:1fr}}

  .photo{position:relative;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,#2c1d12,#0d0805);border:1px solid var(--line);display:grid;place-items:center}
  .photo>.l{font-family:var(--mono);font-size:14px;color:var(--faint);letter-spacing:.03em}
  .photo::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='84' viewBox='0 0 140 84'><g fill='%23ffffff' fill-opacity='0.025'><path d='M24 18 L42 18 L42 10 L52 10 L58 18 L58 40 L24 40 Z'/></g></svg>")}

  .vids{margin-top:60px}
  .vid{display:grid;grid-template-columns:1.35fr .65fr;gap:64px;align-items:center;padding:64px 0;border-top:1px dashed var(--line)}
  .vid:first-of-type{border-top:0}
  .vid:nth-child(even) .vid__ph{order:2}
  .vid__ph{min-height:min(48vw,600px)}
  .vcap{position:absolute;left:22px;bottom:22px;z-index:2;font-family:var(--mono);font-size:14px;color:var(--cream);background:rgba(15,10,6,.6);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);border-radius:999px;padding:8px 16px;letter-spacing:.02em}
  .vid__n{font-size:clamp(24px,2.7vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.06;margin:0}
  .vid__d{color:var(--muted);font-size:clamp(16px,1.3vw,19px);max-width:38ch;margin:20px 0 0;line-height:1.5}
  @media(max-width:900px){.vid{grid-template-columns:1fr;gap:28px;padding:52px 0}.vid:nth-child(even) .vid__ph{order:0}}

  .whygrid{margin-top:64px}
  .wr{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:baseline;padding:44px 0;border-top:1px dashed var(--line)}
  .wr:last-child{border-bottom:1px dashed var(--line)}
  /* см. inner-clt: сдвиг трансформом содержимого, паддинг менял ширину и текст прыгал */
  .wr>*{transition:transform .3s var(--ease-out)}
  @media(hover:hover) and (pointer:fine){.wr:hover>*{transform:translateX(12px)}}
  .wnum{font-size:clamp(40px,5vw,88px);font-weight:700;line-height:.8;color:color-mix(in srgb,var(--faint) 55%,transparent);letter-spacing:-.03em}
  .wr h3{font-size:clamp(24px,2.8vw,40px);font-weight:700;margin:0 0 12px;letter-spacing:-.02em}
  .wr p{margin:0;color:var(--muted);font-size:clamp(16px,1.3vw,19px);max-width:56ch}
  @media(max-width:760px){.wr{grid-template-columns:1fr;gap:14px;padding:34px 0}}

  .solgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:64px}
  .sol{position:relative;border-radius:26px;overflow:hidden;min-height:min(42vw,600px);display:flex;align-items:flex-end}
  .sol .cap{position:relative;z-index:2;padding:38px}
  .sol h3{margin:0;font-size:clamp(24px,2.4vw,38px);font-weight:700;letter-spacing:-.02em}
  .sol .idx{position:absolute;top:32px;left:38px;z-index:2;font-family:var(--mono);font-size:14px;color:rgba(255,255,255,.72)}
  .sol.big,.sol.sm{grid-column:auto}
  @media(max-width:620px){.solgrid{grid-template-columns:1fr}.sol{min-height:min(82vw,440px)}}

  .band{position:relative;min-height:min(52vw,640px);display:flex;align-items:flex-end;overflow:hidden}
  .band>.l{position:absolute;top:30px;right:var(--pad);font-family:var(--mono);font-size:14px;color:var(--faint)}
  .band__t{position:relative;z-index:2;padding:0 var(--pad) clamp(44px,6vw,80px);font-size:clamp(28px,4vw,60px);font-weight:700;letter-spacing:-.02em;max-width:24ch;line-height:1.05}

  /* Для кого */
  .aud{margin-top:64px}
  .ar{display:grid;grid-template-columns:.42fr 1fr;gap:44px;align-items:baseline;padding:40px 0;border-top:1px dashed var(--line)}
  .ar:last-of-type{border-bottom:1px dashed var(--line)}
  .ar h3{font-size:clamp(24px,2.6vw,38px);font-weight:700;margin:0;letter-spacing:-.02em}
  .ar p{margin:0;color:var(--muted);font-size:clamp(16px,1.3vw,19px);max-width:60ch}
  @media(max-width:760px){.ar{grid-template-columns:1fr;gap:10px;padding:32px 0}}

  .econrows{margin-top:60px}
  .econrow{display:grid;grid-template-columns:minmax(0,auto) 1fr;gap:clamp(28px,5vw,70px);align-items:center;padding:clamp(26px,3vw,44px) 0;border-top:1px dashed var(--line)}
  .econrow:last-of-type{border-bottom:1px dashed var(--line)}
  .econrow .num{font-size:clamp(46px,8vw,140px);font-weight:700;letter-spacing:-.04em;line-height:.82;white-space:nowrap}
  .econrow .num em{color:var(--ember);font-style:normal}
  .econrow .lbl{color:var(--muted);font-size:clamp(17px,1.6vw,22px);max-width:40ch}

  /* цены — цена во главе */
  .prices{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:70px}
  @media(max-width:640px){.prices{grid-template-columns:1fr}}
  .pcard{position:relative;min-height:min(26vw,320px);border-radius:20px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end}
  .pcard::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,5,3,.92),rgba(8,5,3,.1) 68%)}
  .pcard .pinner{position:relative;z-index:2;padding:32px}
  .pcard .pa{font-size:clamp(30px,3.4vw,48px);font-weight:700;letter-spacing:-.02em;line-height:1;color:#fff}
  .pcard .pa em{font-style:normal;color:rgba(255,255,255,.7);font-size:.42em;font-weight:400;vertical-align:middle;margin-right:.4em}
  .pcard .po{color:rgba(255,255,255,.85);font-size:16px;margin-top:10px;max-width:28ch}

  .cta{position:relative;overflow:hidden;background:linear-gradient(160deg,#221610,#0c0805)}
  .cta .stage{opacity:.5}
  .cta__inner{position:relative;z-index:2}
  .cta__big{font-size:clamp(40px,8vw,120px);font-weight:700;line-height:.94;letter-spacing:-.03em;margin:0;max-width:16ch}
  .cta__big em{font-style:normal;color:var(--ember)}
  .cta__lead{color:var(--muted);font-size:clamp(18px,1.6vw,22px);max-width:48ch;margin:30px 0 40px;line-height:1.5}

  .solstack{margin-top:60px}
  .solcard{position:sticky;top:12vh;height:76vh;border-radius:28px;overflow:hidden;display:flex;align-items:flex-end;background-size:cover;background-position:center;box-shadow:0 40px 90px -34px rgba(0,0,0,.85);will-change:transform}
  .solcard:not(:last-child){margin-bottom:9vh}
  .solcard::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,5,3,.9),transparent 56%)}
  .solcard .cap{position:relative;z-index:2;padding:46px}
  .solcard h3{margin:0;font-size:clamp(28px,3.6vw,54px);font-weight:700;letter-spacing:-.02em}
  .solcard .idx{position:absolute;top:38px;left:46px;z-index:2;font-family:var(--mono);font-size:15px;color:rgba(255,255,255,.78)}
  @supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){
    .solcard{animation:solstack linear both;animation-timeline:view();animation-range:exit 0% exit 94%}
    @keyframes solstack{to{transform:scale(.9);filter:brightness(.5)}}
  }}
  @media(max-width:620px){.solcard{height:64vh;top:9vh}}
  .ficon{width:clamp(40px,3.4vw,58px);height:auto;display:block;margin-bottom:12px;mix-blend-mode:multiply}
  .tech-sec{position:relative;overflow:hidden}
  .tech-photo{position:absolute;right:0;bottom:0;height:min(120%,1080px);width:min(720px,calc(100vw - 690px));object-fit:contain;object-position:right bottom;z-index:0;filter:drop-shadow(0 30px 44px rgba(30,20,12,.22));will-change:transform}
  .tech-sec>.wrap{position:relative;z-index:1}
  .tech-text{max-width:min(560px,52%);background:var(--canvas)}
  .tech-photo-m{display:none}
  @media(max-width:900px){.tech-sec{padding-top:0}.tech-photo{display:none}.tech-photo-m{display:block;position:relative;width:100%;height:auto;margin:0 0 6px}.tech-text{max-width:100%;padding-top:clamp(20px,5vw,40px)}}
  .band__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
  .band__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(8,5,3,.9),rgba(8,5,3,.1) 55%,rgba(8,5,3,.45))}
  .band .band__t{z-index:2}
  .vid__ph{background-size:contain;background-repeat:no-repeat;background-position:center}
  .vid__ph>.l{display:none}
  .hero3d{position:relative;height:min(96vh,1200px);aspect-ratio:902/1338;margin-left:auto;margin-right:calc(44px - var(--pad));flex:0 0 auto}
  .hero3d img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform;filter:drop-shadow(0 40px 60px rgba(0,0,0,.5))}
  @keyframes herofloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
  @media(max-width:900px){.hero3d{width:min(84vw,380px);height:auto;margin:0 auto}}
  .vidgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,4.5vw,72px);margin-top:66px}
  @media(max-width:700px){.vidgrid{grid-template-columns:1fr;gap:52px}}
  .vt{display:flex;flex-direction:column}
  .vt__ph{width:100%;height:min(34vw,400px);object-fit:contain;filter:drop-shadow(0 38px 52px rgba(0,0,0,.62));transition:transform .55s cubic-bezier(.16,1,.3,1)}
  .vt:hover .vt__ph{transform:translateY(-14px)}
  .vt__ph.ph-empty{height:min(34vw,400px);object-fit:fill;background:linear-gradient(145deg,#241811,#0e0906);border-radius:20px;display:grid;place-items:center;filter:none}
  .ph-lbl{font-family:var(--mono);color:var(--faint);font-size:14px}
  .vt__b{margin-top:30px;display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px dashed var(--line);padding-top:22px}
  .vt__n{font-size:clamp(24px,2.5vw,40px);font-weight:700;margin:0;letter-spacing:-.02em}
  .vt__spec{display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--faint);text-align:right}
  .vt__spec span b{color:var(--cream);font-weight:400;font-family:var(--mono)}
  .sol{background-size:cover;background-position:center}
  .sol::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(8,5,3,.88),transparent 58%)}
  .sol>.l{display:none}
  .trust{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:56px;position:relative}
  @media(max-width:700px){.trust{grid-template-columns:1fr}}
  .tcard{border:1px solid var(--line);border-radius:18px;padding:26px 28px}
  /* Заголовок карточки — один типографический блок: обе строки одним кеглем и
     начертанием, каждая со своей строки. Раньше .tk был 14px моноширинным —
     это и разъезжалось с .tv, и нарушало наши правила (мелкие подписи, mono). */
  .tcard .tk,.tcard .tv{font-family:inherit;font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.22;letter-spacing:-.01em;color:var(--cream)}
  .tcard .tk{margin:0}
  .tcard .tv{margin:0 0 14px}
  .tcard p{margin:0;color:var(--muted);font-size:16px;line-height:1.5}
  /* Карточка-ссылка: кликабельна целиком, подсказка появляется только на ховере —
     блок не должен выглядеть кнопкой. */
  a.tcard{display:block;color:inherit;text-decoration:none;cursor:pointer;position:relative;transition:border-color .25s var(--ease-out)}
  a.tcard::after{content:"⤢";position:absolute;top:16px;right:18px;font-size:18px;line-height:1;color:var(--ember);opacity:0;transition:opacity .25s}
  @media(hover:hover) and (pointer:fine){a.tcard:hover{border-color:var(--ember)}a.tcard:hover::after{opacity:1}}
  a.tcard:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
  /* Доп. страницы документа: в DOM для галереи, но вне раскладки грида */
  .tcard-more{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}
  .note{position:fixed;bottom:10px;left:10px;z-index:150;font-family:var(--mono);font-size:14px;color:var(--faint);background:rgba(0,0,0,.6);border:1px solid var(--line);border-radius:8px;padding:7px 11px;max-width:330px}