/* ===================================================================
   Sellmore Consulting — 2026
   Дизайн-система: фирменный голубой #0088CC + Tecla (заголовки),
   иридесцентные акценты цветами ленты, анимированный герой-лента.
   =================================================================== */

@font-face{font-family:'Inter';font-weight:300 700;font-style:normal;font-display:swap;
  src:url(../assets/fonts/inter-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Inter';font-weight:300 700;font-style:normal;font-display:swap;
  src:url(../assets/fonts/inter-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Tecla';font-weight:400;font-style:normal;font-display:swap;src:url(../assets/fonts/Tecla.woff) format('woff');}
@font-face{font-family:'Tecla';font-weight:700;font-style:normal;font-display:swap;src:url(../assets/fonts/Tecla-Bold.woff) format('woff');}
@font-face{font-family:'Tecla';font-weight:200;font-style:normal;font-display:swap;src:url(../assets/fonts/Tecla-Thin.woff) format('woff');}

:root{
  --paper:#F1EEE7;
  --card:#ffffff;
  --ink:#151b26;
  --slate:#55617a;
  --blue:#0088CC;
  --blue-deep:#0a5f95;
  --hair:rgba(20,27,38,.10);
  --dark:#12243a;
  /* цвета ленты — только для иридесцентных акцентов */
  --irid:linear-gradient(125deg,#6a5bff,#0088CC,#00cfe0,#22d59b,#0088CC,#6a5bff);
}

*{box-sizing:border-box;margin:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  background:var(--paper);
  color:var(--ink);
}
img{max-width:100%;display:block;}
a{color:inherit;}

/* ============================= ГЕРОЙ ============================= */
.hero{position:relative;min-height:720px;display:flex;flex-direction:column;overflow:hidden;
  background:radial-gradient(1200px 700px at 78% 66%,rgba(0,60,110,.35),transparent 60%),linear-gradient(180deg,#0c1521,#0a121d);
  color:#fff;}
.weave{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;}
.nav{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;
  width:100%;max-width:1520px;margin:0 auto;padding:22px 56px;}
.nav .logo img{height:40px;}
.nav .menu{display:flex;gap:24px;font-size:14.5px;margin-left:auto;}
.nav .menu a{text-decoration:none;opacity:.82;transition:opacity .2s;}
.nav .menu a:hover{opacity:1;}
.nav .actions{display:flex;align-items:center;gap:12px;}

/* бургер и выпадающее меню: до 860px обычное меню скрыто */
.burger{display:none;width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;
  flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:10px;}
.burger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .2s;}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.menu-mobile{display:none;}

.btn{font-size:15px;font-weight:600;border-radius:10px;padding:13px 22px;border:2px solid transparent;
  text-decoration:none;display:inline-block;line-height:1;white-space:nowrap;color:#fff;cursor:pointer;
  transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,background .22s,border-color .22s,filter .22s;}
.btn-primary{background:var(--blue);}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 12px 26px -10px rgba(0,136,204,.65);}
.btn-sm{padding:10px 16px;font-size:13.5px;}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.42);}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);}
.btn-partner{background:transparent;color:#cfe0ef;border-color:rgba(255,255,255,.28);}
.btn-partner:hover{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.06);}

.hinner{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;justify-content:center;
  width:100%;max-width:1360px;margin:0 auto;padding:8px 56px 46px;gap:30px;}
.eyebrow{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#0088CC;margin:0 0 16px;}
.qtext{font-family:'Tecla';font-weight:700;font-size:52px;line-height:1.06;margin:0;max-width:1180px;}
.byline{display:block;text-align:right;font-size:16px;margin-top:14px;opacity:.92;font-weight:600;text-shadow:0 1px 12px rgba(0,0,0,.5);}
.hrow{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center;}
.lead{font-size:18px;line-height:1.52;margin:0;max-width:540px;opacity:.94;}
.lead b{font-weight:700;}
.metric-card{border-radius:18px;padding:26px 28px 24px;background:rgba(9,20,34,.6);border:1px solid rgba(34,166,230,.42);backdrop-filter:blur(5px);}
.mc-top{display:flex;align-items:center;gap:16px;}
.mc-num{font-family:'Tecla';font-weight:700;font-size:58px;line-height:.92;color:#0088CC;}
.mc-label{font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;line-height:1.28;color:#fff;}
.mc-def{font-size:14.5px;line-height:1.55;margin:14px 0 0;color:#c8d5e2;}

/* =================== ЭКРАН 4 — ВНЕШНИЙ ДИРЕКТОР (тёмный якорь) =================== */
.anchor-dark{position:relative;overflow:hidden;color:#fff;
  background:radial-gradient(1100px 640px at 84% 38%,rgba(0,60,110,.32),transparent 60%),linear-gradient(180deg,#0a121d,#0c1521);}
.anchor-dark .weave4{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;}
.a4-inner{position:relative;z-index:3;max-width:1440px;margin:0 auto;padding:80px 90px;
  display:grid;grid-template-columns:420px minmax(0,1fr);gap:60px;align-items:stretch;}
.a4-photo{position:relative;order:-1;align-self:start;}
.a4-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 16%;border-radius:18px;
  border:1px solid rgba(34,166,230,.35);box-shadow:0 34px 74px -28px rgba(0,8,20,.85);}
.a4-inner .kicker{color:#0088CC;}
.a4-inner .h2{color:#fff;}
.a4-lead{font-size:19px;line-height:1.55;color:#cdd8e6;max-width:900px;margin-top:6px;}
.a4-lead p{margin-bottom:12px;}
.a4-lead p:last-child{margin-bottom:0;color:#eaf1f8;}
.a4-how{font-family:'Tecla';font-weight:700;font-size:19px;color:#0088CC;margin:42px 0 18px;}
.how-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px 44px;max-width:1040px;}
.how-list{list-style:none;display:flex;flex-direction:column;gap:14px;}
.how-list li{position:relative;padding-left:24px;font-size:16px;line-height:1.5;color:#c3d0e0;}
.how-list li::before{content:"";position:absolute;left:0;top:10px;width:13px;height:2px;border-radius:2px;background:var(--blue);}
.a4-diff{margin-top:34px;max-width:1040px;background:rgba(0,136,204,.10);border:1px solid rgba(34,166,230,.34);
  border-left:4px solid var(--blue);border-radius:14px;padding:22px 26px;font-size:16.5px;line-height:1.5;color:#dbe6f2;}
.a4-diff b{color:#fff;font-weight:700;}

/* ========================= СВЕТЛЫЕ ЭКРАНЫ ========================= */
.sec{position:relative;max-width:1440px;margin:0 auto;padding:72px 90px;overflow:hidden;}
.kicker{font-size:13px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--blue);margin-bottom:18px;}
.h2{font-family:'Tecla';font-weight:700;font-size:42px;line-height:1.08;color:var(--ink);margin-bottom:16px;max-width:1000px;}
.takeaway{background:var(--dark);border-radius:18px;padding:32px 42px;position:relative;overflow:hidden;margin-top:40px;}
.takeaway::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--blue);}
.takeaway p{font-size:20px;line-height:1.5;color:#c3d0e0;max-width:1180px;}
.takeaway b{color:#fff;font-weight:700;}

/* --- Экран 2: внешнее / внутреннее --- */
.cols{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin:26px 0 0;}
.card{background:var(--card);border:1px solid var(--hair);border-radius:18px;padding:34px 36px;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,filter .28s;}
.card--int{border-color:rgba(0,136,204,.4);box-shadow:0 26px 50px -30px rgba(10,60,110,.5);position:relative;overflow:hidden;}
.card--int::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,#6a5bff,#0088CC,#00cfe0,#22d59b,#0088CC,#6a5bff);
  background-size:100% 260%;animation:shimmerV 6.5s ease-in-out infinite;
  transition:width .28s,filter .28s;}
.chead{display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.cname{font-family:'Tecla';font-weight:700;font-size:26px;color:var(--ink);}
.pill{font-size:13.5px;font-weight:600;padding:5px 14px;border-radius:999px;white-space:nowrap;}
.pill--no{background:#eae7e0;color:#7c7568;}
.pill--yes{background:#e1f0fb;color:#0a6fb0;}
.blist{list-style:none;display:flex;flex-direction:column;gap:16px;}
.blist li{position:relative;padding-left:26px;font-size:17px;line-height:1.45;color:var(--slate);}
.blist li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:2px;border-radius:2px;background:#b9b3a6;}
.blist--int li{color:#2e3646;}
.blist--int li::before{background:var(--blue);width:14px;}

/* --- Экран 3: две системы --- */
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;}
.sysframe{position:relative;border-radius:20px;padding:2.5px;background:var(--irid);background-size:280% 280%;
  animation:shimmer 7s ease-in-out infinite;box-shadow:0 20px 44px -30px rgba(10,60,110,.45);
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,filter .28s;}
.sysframe--dev{animation-delay:-3.5s;}
.sys{position:relative;background:var(--paper);border-radius:17.5px;padding:32px 36px 34px;height:100%;
  display:flex;flex-direction:column;}
.sys .sflow{margin-top:auto;}
.arw{display:block;margin:0 auto 24px;}
.sname{font-family:'Tecla';font-weight:700;font-size:27px;color:var(--ink);margin-bottom:12px;}
.sname--blue{color:var(--blue-deep);}
.sdesc{font-size:17px;line-height:1.5;color:var(--slate);margin-bottom:20px;max-width:520px;}
.sflow{font-size:14.5px;line-height:1.7;color:#3a4350;background:#fff;border:1px solid var(--hair);border-radius:12px;padding:14px 18px;}
.sflow b{color:var(--blue);font-weight:400;padding:0 3px;}

/* --- Экран 5: три фазы --- */
.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:38px;}
.phase{background:var(--card);border:1px solid var(--hair);border-radius:18px;padding:34px 32px;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s;}
.phase:hover{transform:translateY(-6px);box-shadow:0 30px 60px -34px rgba(20,40,70,.42);}
.ph-num{font-family:'Tecla';font-weight:700;font-size:38px;line-height:1;margin-bottom:14px;display:inline-block;
  background:linear-gradient(125deg,#6a5bff,#0088CC,#00cfe0,#22d59b,#0088CC,#6a5bff);background-size:280% 280%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s ease-in-out infinite;}
.phase:nth-child(2) .ph-num{animation-delay:-2.3s;}
.phase:nth-child(3) .ph-num{animation-delay:-4.6s;}
.ph-name{font-family:'Tecla';font-weight:700;font-size:21px;color:var(--ink);margin-bottom:12px;}
.ph-goal{font-size:16px;line-height:1.45;color:var(--ink);font-weight:600;margin-bottom:8px;}
.ph-desc{font-size:15.5px;line-height:1.5;color:var(--slate);}
.spiral-note{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;
  font-size:17px;line-height:1.5;color:var(--slate);text-align:center;}
.spiral-note .loop{font-size:24px;line-height:1;font-weight:700;
  background:linear-gradient(125deg,#6a5bff,#0088CC,#00cfe0,#22d59b);background-size:220% 220%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s ease-in-out infinite;}

/* --- Детали фаз (Экраны 6-8) --- */
.phase-tag{display:flex;align-items:baseline;gap:14px;margin-bottom:12px;}
.pt-num{font-family:'Tecla';font-weight:700;font-size:40px;line-height:1;
  background:linear-gradient(125deg,#6a5bff,#0088CC,#00cfe0,#22d59b,#0088CC,#6a5bff);background-size:280% 280%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s ease-in-out infinite;}
.pt-label{font-size:13px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--blue);}
.sec-sub{font-size:18px;line-height:1.5;color:var(--slate);max-width:1040px;margin-top:2px;}
.two-lists{display:grid;grid-template-columns:1fr 1fr;gap:36px 56px;margin-top:34px;}
.ql-head{font-family:'Tecla';font-weight:700;font-size:20px;color:var(--ink);margin-bottom:18px;}

/* --- Визуализация зрелости бизнес-функций --- */
.maturity{margin-top:38px;background:var(--card);border:1px solid var(--hair);border-radius:18px;padding:28px 32px 22px;
  box-shadow:0 24px 50px -34px rgba(10,40,80,.35);}
.mat-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.mat-title{font-family:'Tecla';font-weight:700;font-size:19px;color:var(--ink);}
.mat-cap{font-size:12.5px;color:#95907f;}
.mat-legend{display:flex;gap:20px;font-size:12.5px;color:var(--slate);margin-bottom:16px;flex-wrap:wrap;}
.mat-legend span{display:inline-flex;align-items:center;gap:7px;}
.mat-legend i{width:12px;height:12px;border-radius:3px;}
.mrow{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:18px;padding:5px 0;}
.mname{font-size:14.5px;line-height:1.3;color:#39424f;}
.mtrack{position:relative;height:24px;border-radius:6px;overflow:hidden;
  background:linear-gradient(90deg,rgba(214,69,69,.09) 0 33.33%,rgba(0,136,204,.07) 33.33% 66.66%,rgba(31,157,99,.11) 66.66% 100%);}
.mtrack .g{position:absolute;top:0;bottom:0;width:1px;background:var(--hair);}
.mbar{position:absolute;left:0;top:0;bottom:0;border-radius:6px;}
.mbar.low{background:#d64545;} .mbar.mid{background:var(--blue);} .mbar.high{background:#1f9d63;}
.mval{position:absolute;top:50%;transform:translateY(-50%);font-size:12.5px;font-weight:700;color:#2e3646;padding-left:9px;}

/* --- Форматы работы (Экраны 7-8) --- */
.blist--wide{max-width:1040px;margin-top:22px;}
.sub-h3{font-family:'Tecla';font-weight:700;font-size:22px;color:var(--ink);margin:38px 0 2px;}
.fcards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;}
.fcards--2{grid-template-columns:1fr 1fr;}
.fcard{position:relative;background:var(--card);border:1px solid var(--hair);border-radius:16px;padding:28px 30px;overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s;}
.fcard:hover{transform:translateY(-5px);box-shadow:0 30px 60px -34px rgba(20,40,70,.42);}
.fcard--feat{border-color:rgba(0,136,204,.45);box-shadow:0 26px 50px -30px rgba(10,60,110,.5);}
.fcard--feat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,#6a5bff,#0088CC,#00cfe0,#22d59b,#0088CC,#6a5bff);background-size:100% 260%;
  animation:shimmerV 6.5s ease-in-out infinite;}
.fc-name{font-family:'Tecla';font-weight:700;font-size:20px;color:var(--ink);margin-bottom:11px;}
.fcard--feat .fc-name{color:var(--blue-deep);}
.fc-desc{font-size:15px;line-height:1.5;color:var(--slate);}

/* --- Каскад целей (Экран 7) --- */
.cascade{position:relative;margin-top:32px;background:#fff;border:1px solid var(--hair);border-radius:20px;
  padding:42px 78px 46px;box-shadow:0 30px 64px -42px rgba(10,40,80,.4);}
.casc-side{position:absolute;top:64px;bottom:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--slate);}
.casc-side--l{left:22px;} .casc-side--r{right:22px;}
.casc-side span{writing-mode:vertical-rl;transform:rotate(180deg);}
.casc-side i{font-style:normal;font-size:26px;line-height:1;
  background:linear-gradient(180deg,#6a5bff,#0088CC,#00cfe0,#22d59b);-webkit-background-clip:text;background-clip:text;color:transparent;}
.casc-goal{position:relative;max-width:520px;margin:0 auto;background:var(--paper);border:1px solid var(--hair);border-radius:14px;
  padding:20px 26px;text-align:center;overflow:hidden;}
.casc-goal::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#6a5bff,#0088CC,#00cfe0,#22d59b,#0088CC,#6a5bff);background-size:220% 100%;animation:shimmer 8s ease-in-out infinite;}
.cg-name{font-family:'Tecla';font-weight:700;font-size:20px;color:var(--ink);}
.cg-sub{font-size:13.5px;line-height:1.4;color:var(--slate);margin-top:5px;}
.casc-goal::after{content:"";position:absolute;left:50%;bottom:-24px;width:2px;height:22px;transform:translateX(-1px);background:#0a86c4;opacity:.55;z-index:1;}
.casc-company{position:relative;max-width:400px;margin:46px auto 0;background:#fff;border:1px solid var(--hair);border-radius:12px;
  padding:15px 24px;text-align:center;box-shadow:0 16px 34px -26px rgba(10,40,80,.45);}
.casc-company::before{content:"";position:absolute;left:50%;top:-24px;width:2px;height:24px;transform:translateX(-1px);background:#0a86c4;opacity:.55;}
.casc-company::after{content:"";position:absolute;left:50%;bottom:-24px;width:2px;height:22px;transform:translateX(-1px);background:#0a86c4;opacity:.55;}
.cc-name{font-family:'Tecla';font-weight:700;font-size:17px;color:var(--ink);}
.cc-sub{font-size:12.5px;color:var(--slate);margin-top:3px;}
.casc-plans{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:740px;margin:46px auto 0;}
.casc-plans::before{content:"";position:absolute;top:-24px;left:16.66%;right:16.66%;height:2px;background:linear-gradient(90deg,#0a86c4,#00b6c8);opacity:.5;}
.casc-plan{position:relative;background:#fff;border:1px solid var(--hair);border-radius:12px;padding:15px 16px;text-align:center;
  box-shadow:0 14px 30px -24px rgba(10,40,80,.4);}
.casc-plan::before{content:"";position:absolute;left:50%;top:-24px;width:2px;height:24px;transform:translateX(-1px);background:linear-gradient(180deg,#00b6c8,#0a86c4);opacity:.55;}
.casc-plan b{display:block;font-size:15px;color:var(--ink);font-weight:700;}
.casc-plan span{font-size:12.5px;color:var(--slate);}
.casc-ideas-h{text-align:center;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#95907f;margin:36px 0 14px;}
.casc-ideas{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;}
.idea{font-size:13px;color:#39424f;background:var(--paper);border:1px solid var(--hair);border-radius:999px;padding:7px 16px;
  animation:floatUp 4.6s ease-in-out infinite;}
.idea:nth-child(2){animation-delay:.6s} .idea:nth-child(3){animation-delay:1.2s} .idea:nth-child(4){animation-delay:1.8s} .idea:nth-child(5){animation-delay:2.4s} .idea:nth-child(6){animation-delay:3s}
@keyframes floatUp{0%,100%{transform:translateY(5px);opacity:.82;border-color:var(--hair);color:#39424f}
  50%{transform:translateY(-5px);opacity:1;border-color:rgba(0,136,204,.45);color:var(--blue-deep)}}
/* наведение на блоки каскада */
.casc-goal,.casc-company,.casc-plan{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s;}
.casc-goal:hover,.casc-company:hover,.casc-plan:hover{transform:translateY(-5px);box-shadow:0 28px 54px -30px rgba(10,60,110,.55);}
/* поток целей вниз по коннекторам (деликатно) */
.casc-goal::after,.casc-company::before,.casc-company::after,.casc-plan::before{
  background:repeating-linear-gradient(180deg,#0a86c4 0 6px,rgba(10,134,196,0) 6px 12px);background-size:2px 12px;
  animation:flowDown 1.1s linear infinite;}
@keyframes flowDown{to{background-position:0 12px}}
/* боковые оси: стрелки плывут в своём направлении */
.casc-side--l i{animation:arrowDown 2.6s ease-in-out infinite;}
.casc-side--r i{animation:arrowUp 2.6s ease-in-out infinite;}
@keyframes arrowDown{0%{transform:translateY(-10px);opacity:0}22%{opacity:1}78%{opacity:1}100%{transform:translateY(10px);opacity:0}}
@keyframes arrowUp{0%{transform:translateY(10px);opacity:0}22%{opacity:1}78%{opacity:1}100%{transform:translateY(-10px);opacity:0}}

/* --- Мои принципы (Экран 10) --- */
.principles{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column;
  gap:34px 64px;margin-top:36px;}
.principle{position:relative;padding-left:28px;}
.principle::before{content:"";position:absolute;left:0;top:8px;width:13px;height:13px;border-radius:4px;
  background:linear-gradient(135deg,#6a5bff,#0088CC,#00cfe0,#22d59b);background-size:200% 200%;animation:shimmer 7s ease-in-out infinite;}
.pr-lead{font-family:'Tecla';font-weight:700;font-size:19px;color:var(--ink);margin-bottom:6px;}
.pr-text{font-size:16px;line-height:1.5;color:var(--slate);}

/* --- Кейсы (Экран 11) --- */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.chips span{font-size:13.5px;color:#39424f;background:var(--paper);border:1px solid var(--hair);border-radius:999px;padding:6px 13px;
  cursor:default;transition:transform .2s,box-shadow .2s;animation:chipWave 4.6s ease-in-out infinite;}
.chips span:hover{transform:translateY(-3px);box-shadow:0 9px 20px -10px rgba(0,136,204,.55);border-color:rgba(0,136,204,.6);}
.chips span:nth-child(2){animation-delay:.28s} .chips span:nth-child(3){animation-delay:.56s} .chips span:nth-child(4){animation-delay:.84s} .chips span:nth-child(5){animation-delay:1.12s} .chips span:nth-child(6){animation-delay:1.4s}
@keyframes chipWave{0%,66%,100%{border-color:var(--hair);color:#39424f}12%{border-color:rgba(0,136,204,.55);color:var(--blue-deep)}}

/* --- Кейсы: бегущая строка отраслей --- */
.marquee{margin-top:36px;display:flex;flex-direction:column;gap:18px;}
.mq-row{display:flex;align-items:center;gap:26px;}
.mq-label{flex:0 0 210px;font-family:'Tecla';font-weight:700;font-size:19px;color:var(--blue);text-align:left;}
.mq-viewport{flex:1;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}
.mq-track{display:flex;gap:10px;width:max-content;animation:mqScroll 34s linear infinite;}
.mq-row:nth-child(even) .mq-track{animation-direction:reverse;}
.mq-viewport:hover .mq-track{animation-play-state:paused;}
.mq-track .mchip{flex:0 0 auto;font-size:14px;color:#39424f;border:1.6px solid transparent;border-radius:999px;
  padding:8px 17px;white-space:nowrap;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(125deg,#6a5bff,#0088CC,#00cfe0,#22d59b,#0088CC,#6a5bff) border-box;
  background-size:auto,280% 280%;animation:shimmer 7s ease-in-out infinite;
  transition:transform .2s,box-shadow .2s,color .2s;}
.mq-track .mchip:nth-child(3n){animation-delay:-2.3s} .mq-track .mchip:nth-child(3n+1){animation-delay:-4.6s}
.mq-track .mchip:hover{color:var(--blue-deep);transform:translateY(-3px);box-shadow:0 10px 22px -10px rgba(0,136,204,.55);animation-duration:3s;}
@keyframes mqScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* --- Финал CTA (Экран 12, тёмный) --- */
.cta-final{text-align:center;}
.anchor-dark .weave12{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;}
.cta-inner{position:relative;z-index:3;max-width:820px;margin:0 auto;padding:92px 40px;}
.h2--c{color:#fff;text-align:center;max-width:none;margin-bottom:16px;}
.cta-sub{font-size:19px;line-height:1.5;color:#cdd8e6;max-width:720px;margin:0 auto 12px;}
.cta-text{font-size:16px;line-height:1.55;color:#9fb0c4;max-width:720px;margin:0 auto 30px;}
.cta-formlabel{font-size:16px;color:#eaf1f8;margin-bottom:14px;}
.cta-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:14px;}
.cta-input{width:300px;max-width:100%;padding:14px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.06);color:#fff;font-size:15px;}
.cta-input::placeholder{color:#8ba0b8;}
.cta-form .btn-primary{padding:14px 26px;}
.cta-fine{font-size:12.5px;color:#9aacbf;margin-bottom:24px;}
.cta-contacts{font-size:15px;color:#dbe6f2;font-weight:500;}

/* --- Cookie-баннер --- */
.cookie{position:fixed;left:20px;right:20px;bottom:20px;z-index:60;max-width:920px;margin:0 auto;
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between;
  background:#fff;border:1px solid #dde5ee;border-radius:14px;padding:18px 22px;
  box-shadow:0 14px 40px rgba(15,23,42,.16);}
.cookie[hidden]{display:none;}
.cookie-text{font-size:14px;line-height:1.5;color:#4a5c70;margin:0;flex:1 1 380px;}
.cookie-text a{color:var(--blue-deep,#0088CC);}
@media (max-width:600px){.cookie{left:12px;right:12px;bottom:12px;padding:16px;}}

/* --- Слоты форм Битрикс24 --- */
.b24-wrap{min-height:120px;}
.b24-wrap--cta{max-width:720px;margin:0 auto 24px;}
.b24-wrap--modal{margin-top:4px;}

/* --- Результат тёмный (Экран 9) --- */
.dsec-inner{position:relative;z-index:3;max-width:1440px;margin:0 auto;padding:78px 90px;}
.anchor-dark .kicker{color:#0088CC;}
.h2--light{color:#fff;}
.dcard{background:rgba(9,20,34,.5);border:1px solid rgba(90,120,150,.26);border-radius:18px;padding:32px 34px;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,border-color .28s;}
.dcard:hover{transform:translateY(-5px);border-color:rgba(34,166,230,.5);box-shadow:0 30px 60px -34px rgba(0,40,80,.7);}
.dcard--feat{position:relative;overflow:hidden;border-color:rgba(0,136,204,.5);box-shadow:0 26px 50px -30px rgba(0,60,110,.6);}
.dcard--feat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,#6a5bff,#0088CC,#00cfe0,#22d59b,#0088CC,#6a5bff);background-size:100% 260%;animation:shimmerV 6.5s ease-in-out infinite;}
.dcard-name{font-family:'Tecla';font-weight:700;font-size:24px;color:#fff;margin-bottom:20px;}
.dcard--feat .dcard-name{color:#0088CC;}
.blist--dark li{color:#c3d0e0;}
.blist--dark li::before{background:var(--blue);width:14px;}

/* --- Регалии / Цифры и факты --- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:36px;}
.stat{text-align:center;}
.stat-num{font-family:'Tecla';font-weight:700;font-size:58px;line-height:1;display:inline-block;
  background:linear-gradient(125deg,#6a5bff,#0088CC,#00cfe0,#22d59b,#0088CC);background-size:220% 220%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s ease-in-out infinite;}
.stat:nth-child(2) .stat-num{animation-delay:-1.7s} .stat:nth-child(3) .stat-num{animation-delay:-3.4s} .stat:nth-child(4) .stat-num{animation-delay:-5.1s}
.stat-unit{font-family:'Tecla';font-weight:700;font-size:19px;color:var(--blue-deep);margin-top:2px;}
.stat-lbl{font-size:14px;color:var(--slate);margin-top:6px;}
.roles{text-align:center;font-size:16.5px;color:var(--ink);font-weight:600;margin-top:24px;}
.creds{column-count:3;column-gap:48px;margin-top:38px;}
.cred{break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:30px;}
.cred h3{font-family:'Tecla';font-weight:700;font-size:18px;color:var(--ink);margin-bottom:14px;position:relative;padding-left:20px;}
.cred h3::before{content:"";position:absolute;left:0;top:6px;width:11px;height:11px;border-radius:3px;
  background:linear-gradient(135deg,#6a5bff,#0088CC,#00cfe0,#22d59b);background-size:200% 200%;animation:shimmer 7s ease-in-out infinite;}
.cred ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.cred li{font-size:14.5px;line-height:1.42;color:var(--slate);}
.anchor-dark .cred h3{color:#fff;}
.anchor-dark .cred li{color:#aebccd;}

/* --- Сквозная эхо-лента на блок Принципы + Регалии (движок героя, светлый) --- */
.echo-block{position:relative;overflow:hidden;}
.echo-weave{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 94%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-composite:intersect;}
.echo-block>.sec{position:relative;z-index:1;background:transparent;}
.sec--tight{padding-top:8px;}
.sec-sub--lead{font-size:19px;line-height:1.5;color:var(--ink);max-width:760px;}

/* --- Экран 5: горизонтальный таймлайн трёх фаз на плашке --- */
.tl-plate{position:relative;margin-top:42px;border-radius:24px;padding:2.5px;
  background:linear-gradient(125deg,#6a5bff,#0088CC,#00cfe0,#22d59b,#0088CC,#6a5bff);background-size:280% 280%;
  animation:shimmer 8s ease-in-out infinite;box-shadow:0 30px 64px -40px rgba(10,40,80,.4);
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,filter .3s;}
.tl-inner{background:#fff;border-radius:21.5px;padding:46px 50px 42px;}
.tl-plate:hover{transform:translateY(-5px);box-shadow:0 40px 80px -40px rgba(10,60,110,.55);filter:saturate(1.15) brightness(1.03);animation-duration:3.5s;}
.timeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}
.timeline::before{content:"";position:absolute;left:16.66%;right:16.66%;top:36px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#6a5bff,#0088CC,#00cfe0,#22d59b);opacity:.5;}
/* бегущая комета по линии и контуру плашки задаётся в main.js (как на Экране 3) */
.tl-step{position:relative;text-align:center;}
.tl-step:nth-child(-n+2)::after{content:"";position:absolute;top:31px;right:-6px;width:11px;height:11px;
  border-top:2px solid var(--blue);border-right:2px solid var(--blue);transform:rotate(45deg);opacity:.7;}
.tl-node{position:relative;z-index:1;width:72px;height:72px;border-radius:50%;margin:0 auto 22px;
  background:#fff;border:2px solid var(--hair);display:flex;align-items:center;justify-content:center;}
.tl-node b{font-family:'Tecla';font-weight:700;font-size:26px;
  background:linear-gradient(125deg,#6a5bff,#0088CC,#00cfe0,#22d59b,#0088CC,#6a5bff);background-size:280% 280%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s ease-in-out infinite;}
.tl-step:nth-child(2) .tl-node b{animation-delay:-2.3s;}
.tl-step:nth-child(3) .tl-node b{animation-delay:-4.6s;}
.tl-name{font-family:'Tecla';font-weight:700;font-size:21px;color:var(--ink);margin-bottom:10px;}
.tl-goal{font-size:16px;line-height:1.45;color:var(--ink);font-weight:600;margin-bottom:8px;}
.tl-desc{font-size:15.5px;line-height:1.5;color:var(--slate);max-width:340px;margin:0 auto;}

/* ============================ АНИМАЦИИ ============================ */
@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes shimmerV{0%{background-position:50% 0%}50%{background-position:50% 100%}100%{background-position:50% 0%}}

/* ============================ НАВЕДЕНИЕ ========================== */
.card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -34px rgba(20,40,70,.42);}
.card--int:hover{box-shadow:0 30px 66px -30px rgba(10,90,150,.5);}
.card--int:hover::before{width:6px;filter:brightness(1.14) saturate(1.22);animation-duration:2.6s;}
.sysframe:hover{transform:translateY(-6px);box-shadow:0 34px 72px -34px rgba(10,60,110,.55);filter:saturate(1.18) brightness(1.05);animation-duration:3s;}

/* ============================ АДАПТИВ ============================ */
@media (max-width:1100px){
  .hrow{grid-template-columns:1fr;gap:28px;}
  .qtext{font-size:40px;}
  /* меню в шапке: не давать пунктам ломаться на две строки */
  .nav .menu{gap:16px;font-size:13.5px;}
  .nav .menu a{white-space:nowrap;}
  /* Экран 4: фиксированная колонка 420px душила текст до 225px, разводим по вертикали */
  .a4-inner{grid-template-columns:1fr;gap:34px;padding:64px 56px;}
  .a4-photo{max-width:420px;margin:0 auto;order:-1;}
  .a4-photo img{height:auto;aspect-ratio:3/4;}
}
@media (max-width:860px){
  .nav .menu{display:none;}
  .nav{flex-wrap:wrap;row-gap:0;}
  .burger{display:flex;}
  .menu-mobile{display:flex;flex-direction:column;gap:2px;width:100%;order:3;
    margin:6px -8px 14px;padding:10px 8px 14px;border-top:1px solid rgba(255,255,255,.14);}
  .menu-mobile[hidden]{display:none;}
  .menu-mobile a{color:#fff;text-decoration:none;font-size:16px;padding:12px 8px;border-radius:8px;opacity:.9;}
  .menu-mobile a:hover,.menu-mobile a:focus{background:rgba(255,255,255,.09);opacity:1;}
  .menu-mobile .mm-partner{display:none;}
  .nav,.hinner{padding-left:28px;padding-right:28px;}
  .sec{padding:52px 28px;}
  .cols,.two,.how-cols,.phases,.two-lists,.timeline,.fcards,.fcards--2,.casc-plans,.principles,.creds{grid-template-columns:1fr;gap:22px;}
  .principles{grid-auto-flow:row;grid-template-rows:none;}
  .stats{grid-template-columns:repeat(2,1fr);gap:26px;}
  .creds{column-count:1;}
  .mq-row{flex-direction:column;align-items:stretch;gap:8px;}
  .mq-label{flex-basis:auto;text-align:left;}
  /* в колонку flex:1 больше не держит ширину: лента разъезжалась на 2000px */
  .mq-viewport{width:100%;align-self:stretch;}
  .dsec-inner{padding:52px 28px;}
  .cascade{padding:32px 24px 34px;}
  .casc-side{display:none;}
  .casc-plans::before,.casc-plan::before,.casc-goal::after{display:none;}
  .timeline::before,.tl-step::after{display:none;}
  .qtext{font-size:32px;}
  .h2{font-size:30px;}
  .takeaway p{font-size:17px;}
  .a4-inner{padding:52px 28px;grid-template-columns:1fr;gap:34px;}
  .a4-photo{max-width:420px;margin:0 auto;order:-1;}
  .a4-photo img{height:auto;aspect-ratio:3/4;}
}

@media (prefers-reduced-motion:reduce){
  .card--int::before,.sysframe{animation:none;}
  html{scroll-behavior:auto;}
}

/* ============================ ПОДВАЛ ============================ */
.foot{background:#0b1622;color:#aebccd;padding:56px 90px 0;}
.foot-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1.4fr 1.2fr;gap:40px;padding-bottom:40px;}
.foot-col{display:flex;flex-direction:column;gap:11px;}
.foot-col a{color:#aebccd;text-decoration:none;font-size:15px;transition:color .2s;}
.foot-col a:hover{color:#2a9fe0;}
.foot-h{font-family:'Tecla';font-weight:700;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:#6f8296;margin-bottom:4px;}
.foot-logo{display:inline-block;}
.foot-logo img{height:30px;width:auto;}
.foot-brandname{font-family:'Tecla';font-weight:700;font-size:19px;color:#fff;margin:2px 0 2px;}
.foot-tag{font-size:14.5px;line-height:1.5;color:#c3d0e0;max-width:290px;}
.foot-tag--dim{color:#7f92a6;font-size:13.5px;}
.foot-contacts a{font-weight:500;color:#dbe6f2;}
.foot-cb{margin-top:10px;align-self:flex-start;}
.foot-legal{border-top:1px solid rgba(255,255,255,.09);padding:20px 24px;text-align:center;}
.foot-legal p{font-size:12.5px;color:#6f8296;max-width:1440px;margin:0 auto;}

/* ============================ МОДАЛКА ============================ */
.modal[hidden]{display:none;}
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;}
.modal-overlay{position:absolute;inset:0;background:rgba(8,16,26,.66);backdrop-filter:blur(3px);}
.modal-box{position:relative;z-index:1;width:100%;max-width:440px;background:#fff;border-radius:20px;
  padding:40px 38px 34px;box-shadow:0 40px 90px -30px rgba(6,20,40,.6);animation:modalIn .3s cubic-bezier(.2,.7,.2,1);}
.modal-x{position:absolute;top:14px;right:16px;width:34px;height:34px;border:none;background:transparent;
  font-size:26px;line-height:1;color:#8ba0b8;cursor:pointer;border-radius:8px;transition:.2s;}
.modal-x:hover{background:#f0f4f8;color:var(--ink);}
.modal-title{font-family:'Tecla';font-weight:700;font-size:26px;color:var(--ink);margin-bottom:10px;}
.modal-sub{font-size:15.5px;line-height:1.5;color:var(--slate);margin-bottom:22px;}
.modal-form{display:flex;flex-direction:column;gap:12px;margin-bottom:14px;}
.modal-form .cta-input{width:100%;background:#f6f9fc;border:1px solid #d9e2ec;color:var(--ink);}
.modal-form .cta-input::placeholder{color:#9fb0c4;}
.modal-form .btn-primary{width:100%;padding:14px;justify-content:center;}
.modal-fine{font-size:12.5px;color:#9aacbf;text-align:center;}
.modal-fine a,.cta-fine a{color:inherit;text-decoration:underline;}
@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
body.modal-open{overflow:hidden;}

@media (max-width:860px){
  .foot{padding:44px 28px 0;}
  .foot-inner{grid-template-columns:1fr 1fr;gap:30px 28px;}
  .modal-box{padding:34px 26px 28px;}
}
@media (max-width:700px){
  /* профиль зрелости: название над шкалой, иначе шкале остаётся 8px и анимация не видна */
  .maturity{padding:22px 18px 18px;}
  .mrow{grid-template-columns:1fr;gap:6px;padding:9px 0;}
  .mname{font-size:14px;font-weight:600;color:#2e3646;}
  .mtrack{height:22px;}
  .mval{font-size:12px;}
  .mat-legend{gap:12px 16px;}
}
@media (max-width:640px){
  /* в шапке остаются логотип, «Заказать звонок» и бургер: Битрикс24 уезжает в меню */
  .nav .actions .btn-partner{display:none;}
  .menu-mobile .mm-partner{display:block;color:#5fc4f5;}
  /* ссылки подвала: пальцем в строку 19px не попасть */
  .foot-col a{padding:7px 0;}
}
@media (max-width:520px){
  .foot-inner{grid-template-columns:1fr;}
  /* внутренние отступы карточек не давали им влезть в экран 390px */
  .sec{padding-left:20px;padding-right:20px;}
  .nav,.hinner{padding-left:20px;padding-right:20px;}
  .card{padding:24px 20px;}
  .metric-card{padding:22px 20px;}
  .cta-inner{padding-left:20px;padding-right:20px;}
  .foot{padding-left:20px;padding-right:20px;}
}