
/* metric-row is an <a> — kill default link blue/underline */
a.metric-row, a.metric-row:visited, a.metric-row:hover, a.metric-row * { text-decoration: none !important; }
a.metric-row { color: inherit; }
/* CASE BOARD — hero side card variant */
.cb{display:flex;flex-direction:column;gap:14px;}
.cb a{text-decoration:none!important;color:inherit;}
.cb__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);}
.cb__hero{position:relative;display:block;background:var(--neon-dim);border:1px solid rgba(10,138,85,.18);border-radius:var(--radius-lg);padding:20px;transition:transform .25s ease,box-shadow .25s ease;}
.cb__hero:hover{transform:translateY(-2px);box-shadow:0 14px 32px -16px rgba(10,138,85,.3);}
.cb__head{display:flex;align-items:center;gap:10px;margin-bottom:13px;}
.cb__icon{flex:none;width:30px;height:30px;border-radius:9px;background:#fff;border:1px solid rgba(10,138,85,.2);color:var(--neon);display:flex;align-items:center;justify-content:center;}
.cb__name{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-weight:600;}
.cb__big{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;flex-wrap:wrap;}
.cb__num{font-family:var(--font-display);font-size:40px;font-weight:800;color:var(--neon);letter-spacing:-.03em;line-height:1;}
.cb__what{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-1);}
.cb__detail{font-size:12px;color:var(--text-2);line-height:1.5;margin-bottom:16px;}
.cb__chart{display:flex;align-items:flex-end;gap:6px;height:46px;}
.cb__bar{flex:1;min-height:6px;background:rgba(10,138,85,.28);border-radius:4px 4px 0 0;}
.cb__bar:last-child{background:var(--neon);}
.cb__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.cb__chip{display:flex;flex-direction:column;gap:7px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.cb__chip:hover{transform:translateY(-2px);box-shadow:0 12px 26px -16px rgba(20,34,52,.22);border-color:var(--line-strong);}
.cb__chip-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.cb__chip-icon{flex:none;width:26px;height:26px;border-radius:8px;background:var(--neon-dim);border:1px solid rgba(10,138,85,.2);color:var(--neon);display:flex;align-items:center;justify-content:center;}
.cb__chip-icon svg{width:14px;height:14px;}
.cb__chip--coral .cb__chip-icon{background:rgba(223,86,48,.1);border-color:rgba(223,86,48,.22);color:var(--coral);}
.cb__chip-name{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);font-weight:600;line-height:1.3;}
.cb__chip-num{font-family:var(--font-display);font-size:25px;font-weight:800;color:var(--neon);letter-spacing:-.03em;line-height:1;}
.cb__chip--coral .cb__chip-num{color:var(--coral);}
.cb__chip-what{font-size:11px;color:var(--text-2);line-height:1.4;}
/* showcase-card is an <a> — kill default link blue/underline */
a.showcase-card, a.showcase-card:visited, a.showcase-card:hover, a.showcase-card * { text-decoration: none !important; }
a.showcase-card { color: inherit; }
/* hero: keep H1 at the site's standard size — shrink the side card instead */
.hero-grid { grid-template-columns: 1.32fr 0.82fr; gap: 52px; align-items: center; }
@media (max-width: 980px){ .hero-grid { grid-template-columns: 1fr !important; gap: 44px; } }
.compare-bar { padding: 10px 16px; }
.compare-body { padding: 20px; }
.compare-label { margin-bottom: 12px; }
.metric-row { padding: 13px 0; }
.metric-row:hover { padding-left: 10px; padding-right: 10px; }
.metric-head { margin-bottom: 7px; }
.metric-headline { gap: 9px; margin-bottom: 4px; }
.metric-num { font-size: 27px; }
.metric-what { font-size: 14px; }
.metric-detail { font-size: 12px; }
/* PROCESS — even 3×2 grid, single emerald accent (no coral) */
.process-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 1px !important; background: var(--line); }
@media (max-width: 900px){ .process-grid { grid-template-columns: 1fr 1fr !important; } }
@media (max-width: 600px){ .process-grid { grid-template-columns: 1fr !important; } }
.process-card { background: var(--bg-1); }
.process-icon { background: var(--neon-dim) !important; border-color: rgba(10,138,85,.2) !important; color: var(--neon) !important; }
.process-num { color: var(--neon) !important; opacity: .85 !important; }
/* PROCESS — bento */
.proc-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;grid-template-areas:"s1 s2 s3" "s4 s5 s6";}
.proc-b{position:relative;overflow:hidden;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;display:flex;flex-direction:column;min-width:0;transition:transform .25s ease,box-shadow .25s ease;}
.proc-b:hover{transform:translateY(-4px);box-shadow:0 16px 36px -18px rgba(20,34,52,.24);}
.proc-b__icon{position:relative;z-index:1;flex:none;width:42px;height:42px;border-radius:12px;background:var(--neon-dim);border:1px solid rgba(10,138,85,.2);color:var(--neon);display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:background .25s ease,color .25s ease;}
.proc-b:hover .proc-b__icon{background:var(--neon);color:#fff;}
.proc-b__icon svg{width:21px;height:21px;}
.proc-b__phase{position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--neon);font-weight:600;margin-bottom:8px;}
.proc-b h3{position:relative;z-index:1;font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--text-0);margin-bottom:9px;line-height:1.15;}
.proc-b p{position:relative;z-index:1;font-size:13px;color:var(--text-2);line-height:1.55;}
.proc-b p strong{color:var(--text-1);font-weight:700;}
.proc-b__ghost{position:absolute;right:-2px;bottom:-30px;font-family:var(--font-display);font-size:108px;font-weight:800;line-height:1;letter-spacing:-.04em;color:rgba(10,138,85,.07);pointer-events:none;z-index:0;transition:color .25s ease;}
.proc-b:hover .proc-b__ghost{color:rgba(10,138,85,.12);}
.proc-b--accent{background:var(--neon-dim);border-color:rgba(10,138,85,.2);}
.proc-b--accent .proc-b__icon{background:#fff;}
.proc-b--accent .proc-b__ghost{color:rgba(10,138,85,.18);}
.proc-b--accent:hover .proc-b__ghost{color:rgba(10,138,85,.24);}
.proc-b--s1{grid-area:s1;}
.proc-b--s6{grid-area:s6;}
.proc-b--s6::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--cta-angle),rgba(10,138,85,0) 0deg,rgba(10,138,85,0) 18deg,#7dd3a8 70deg,rgba(10,138,85,0) 120deg,rgba(10,138,85,0) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ctaAngle 5s linear infinite;pointer-events:none;z-index:2;}
@media (prefers-reduced-motion: reduce){.proc-b--s6::after{animation:none;}}
.proc-b--s2{grid-area:s2;}
.proc-b--s3{grid-area:s3;}
.proc-b--s4{grid-area:s4;}
.proc-b--s5{grid-area:s5;}
@media(max-width:900px){.proc-bento{grid-template-columns:1fr 1fr;grid-template-areas:"s1 s2" "s3 s4" "s5 s6";}}
@media(max-width:560px){.proc-bento{grid-template-columns:1fr;grid-template-areas:"s1" "s2" "s3" "s4" "s5" "s6";}}
/* MOBILE — new bento/board blocks */
@media (max-width:700px){
  .pb{padding:22px;}
  .pb__price{font-size:26px;}
  .pb__desc{font-size:14px;}
  .pb--cta{min-height:140px;}
  .pb--cta .pb__cta-t{font-size:16px;}
  .proc-b{padding:22px;}
  .proc-b h3{font-size:18px;}
  .proc-b__ghost{font-size:92px;}
  .cb__hero{padding:18px;}
  .cb__num{font-size:36px;}
  .cb__chip{padding:14px;}
}
@media (max-width:420px){
  .cb__grid{grid-template-columns:1fr;}
}
/* WHY last-child → orange variant */
.why-card:last-child{background:#fff!important;border-color:rgba(223,86,48,.22)!important;}
.why-card:last-child .why-icon{background:rgba(223,86,48,.10)!important;border-color:rgba(223,86,48,.24)!important;color:var(--coral)!important;}
.why-card:last-child h3{color:var(--text-0)!important;}
.why-card:last-child .why-list a,.why-card:last-child .xlink{color:var(--coral)!important;border-bottom-color:rgba(223,86,48,.32)!important;}
.why-card:last-child .why-list{background:rgba(223,86,48,.10)!important;}
.why-card:last-child .why-list li strong{color:var(--coral)!important;}
.why-card:last-child .why-list li::before{background:rgba(223,86,48,.12)!important;color:var(--coral)!important;}
.why-card:last-child::after{background:conic-gradient(from var(--cta-angle),rgba(223,86,48,0) 0deg,rgba(223,86,48,0) 18deg,#f0a98e 70deg,rgba(223,86,48,0) 120deg,rgba(223,86,48,0) 360deg)!important;}
/* PRICING — drop coral, single emerald accent */
.pricing-name { color: var(--text-2) !important; background: var(--bg-3) !important; border-color: var(--line) !important; }
.pricing-card.featured .pricing-name { color: var(--neon) !important; background: var(--neon-dim) !important; border-color: rgba(10,138,85,.2) !important; }
.pricing-features { background: var(--bg-3) !important; }
.pricing-card.featured .pricing-features { background: rgba(10,138,85,.08) !important; }
.pricing-features li::before { background: var(--neon-dim) !important; color: var(--neon) !important; }
/* FAQ — wider heading, narrower Q&A */
.faq-layout { grid-template-columns: 1.05fr 1fr !important; gap: 48px !important; }
@media (max-width:900px){ .faq-layout { grid-template-columns: 1fr !important; gap: 18px !important; } }
@media (max-width:700px){
  .testimonials-section { padding-top: 50px !important; padding-bottom: 50px !important; }
  .final-cta__grid { gap: 22px !important; }
}
/* CASES SLIDER */
.cases-slider{position:relative;}
.cases-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:14px 6px 40px;margin:-14px -6px -16px;scrollbar-width:none;-ms-overflow-style:none;}
.cases-track::-webkit-scrollbar{display:none;}
.case3{scroll-snap-align:start;display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none!important;color:inherit;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;min-width:0;}
.case3 *{text-decoration:none!important;}
.case3:hover{transform:translateY(-3px);box-shadow:0 22px 50px -20px rgba(20,34,52,.22);border-color:rgba(10,138,85,.3);}
.case3__media{position:relative;aspect-ratio:16/9;min-height:0;display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;padding:16px;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;}
.case3__pill{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);background:#fff;border:1px solid var(--line);border-radius:100px;padding:5px 11px;box-shadow:0 1px 4px rgba(14,24,34,.12);}
.case3__pill:first-child{color:var(--neon);background:#fff;border-color:rgba(10,138,85,.45);box-shadow:0 1px 4px rgba(14,24,34,.12);}
.case3__body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
.case3__name{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text-0);margin-bottom:4px;}
.case3__meta{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);margin-bottom:16px;line-height:1.4;}
.case3__stats{display:flex;gap:24px;padding:16px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin-bottom:14px;}
.case3__sv{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--neon);letter-spacing:-.03em;line-height:1;}
.case3__stats > div:last-child .case3__sv{color:var(--coral);}
.case3__sl{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);margin-top:6px;line-height:1.3;}
.case3__p{font-size:13px;color:var(--text-2);line-height:1.55;margin-bottom:16px;}
/* clean cases grid (context) */
.cases3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:900px){.cases3-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.cases3-grid{grid-template-columns:1fr;}}
.cases3-grid .case3__media{min-height:240px;background:repeating-linear-gradient(45deg,#eef3f7,#eef3f7 9px,#f5f8fb 9px,#f5f8fb 18px);border-bottom:1px solid var(--line);padding:16px;align-items:flex-start;}
.case3__ph-label{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);}
.cases3-grid .case3__body{padding-top:18px;}
.cases3-grid .case3__link{margin-top:auto;font-family:var(--font-mono);font-size:12.5px;color:var(--neon);}
.cases-foot-row2{display:flex;justify-content:center;margin-top:32px;}
.case3__link{margin-top:auto;font-family:var(--font-mono);font-size:11.5px;color:var(--neon);font-weight:700;letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;gap:7px;transition:gap .2s ease;}
.case3:hover .case3__link{gap:11px;}
.cases-foot-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;flex-wrap:wrap;}
.cases-nav{display:flex;gap:10px;}
.cases-arrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--line-strong);background:var(--bg-1);color:var(--text-1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;}
.cases-arrow:hover{border-color:var(--neon);color:var(--neon);transform:translateY(-2px);}
.cases-arrow:disabled{opacity:.35;cursor:default;transform:none;border-color:var(--line);color:var(--text-3);}
@media(max-width:900px){.cases-track{grid-auto-columns:calc((100% - 22px)/2);}}
@media(max-width:600px){.cases-track{grid-auto-columns:100%;}}
/* TESTIMONIALS */
.testimonials-section{padding:45px 0;background:var(--bg-1);}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:900px){.testimonials-grid{grid-template-columns:1fr;}}
.testimonial{background:var(--bg-0);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease;}
.testimonial:hover{transform:translateY(-3px);box-shadow:0 18px 44px -18px rgba(20,34,52,.22);}
.testimonial-quote{font-size:14.5px;line-height:1.6;color:var(--text-1);margin-bottom:16px;}
.testimonial-quote .testimonial-metric{color:var(--coral);font-weight:700;}
.hub-review__more,.testimonial-readmore,.rv-card__more{display:inline-flex;align-items:center;gap:6px;margin:0 0 30px;font-family:var(--font-mono);font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--neon);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;}.hub-review__more:hover,.testimonial-readmore:hover,.rv-card__more:hover{opacity:.75;}
.testimonial-author{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line);}
.testimonial-more{margin-top:0;margin-bottom:30px;align-self:flex-start;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--neon);text-decoration:none;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:7px;}
.testimonial-more:hover{text-decoration:underline;text-underline-offset:3px;}
.testimonial-more svg{width:15px;height:15px;flex:none;}
.testimonial-avatar{width:46px;height:46px;border-radius:50%;flex-shrink:0;background:var(--neon-dim);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--neon);font-weight:800;font-family:var(--font-display);font-size:15px;letter-spacing:-.02em;}.testimonial-avatar--logo{background-color:transparent!important;border:none!important;box-shadow:none!important;background-size:90% auto!important;background-position:center!important;background-repeat:no-repeat!important;}
.testimonial-name{font-weight:700;font-size:14.5px;color:var(--text-0);}
.testimonial-role{font-size:12.5px;color:var(--text-2);line-height:1.4;}
/* PRICING 4-up */
.pricing-grid--seo{grid-template-columns:repeat(4,1fr);}
@media(max-width:1080px){.pricing-grid--seo{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.pricing-grid--seo{grid-template-columns:1fr;}}
.pricing-grid--seo .pricing-card{padding:26px 22px;}
/* PRICING BENTO */
.pricing-bento{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px;grid-template-areas:"hero a b" "hero c cta";position:relative;z-index:2;}
.pb{background:var(--bg-2);border-radius:var(--radius-lg);padding:30px;display:flex;flex-direction:column;min-width:0;transition:transform .25s ease,box-shadow .25s ease;}
.pb:hover{transform:translateY(-3px);box-shadow:0 14px 32px -16px rgba(20,34,52,.22);}
.pb__name{display:inline-block;align-self:flex-start;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--text-2);background:var(--bg-3);border:1px solid var(--line);border-radius:100px;padding:5px 12px;margin-bottom:16px;}
.pb__desc{font-size:15px;line-height:1.5;color:var(--text-1);margin-bottom:24px;}
.pb__price{margin-top:auto;font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.03em;color:var(--neon);line-height:1;}
.pb__per{font-family:var(--font-mono);font-size:11px;color:var(--text-3);margin-top:9px;}
.pb--hero{grid-area:hero;background:var(--neon-dim);position:relative;}
.pb--hero::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--cta-angle),rgba(10,138,85,0) 0deg,rgba(10,138,85,0) 18deg,#7dd3a8 70deg,rgba(10,138,85,0) 120deg,rgba(10,138,85,0) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ctaAngle 5s linear infinite;pointer-events:none;z-index:3;}
@media (prefers-reduced-motion: reduce){.pb--hero::after{animation:none;}}
.pb--hero .pb__name{color:var(--neon);background:#fff;border-color:rgba(10,138,85,.2);}
.pb--a{grid-area:a;}
.pb--b{grid-area:b;}
.pb--c{grid-area:c;}

.pb--cta{grid-area:cta;background:var(--neon);color:#fff;position:relative;justify-content:flex-start;text-decoration:none;}
.pb--cta .pb__cta-t{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.15;letter-spacing:-.02em;}
.pb--cta .pb__arrow{position:absolute;right:26px;bottom:26px;color:#fff;}
.pb--cta:hover{transform:translateY(-3px);box-shadow:0 16px 36px -14px var(--neon-glow);}
@media(max-width:900px){.pricing-bento{grid-template-columns:1fr;grid-template-areas:"hero" "a" "b" "c" "cta";}.pb--cta{min-height:160px;}}
#pricing .section-header h2{font-size:clamp(24px,3.3vw,46px);}
#pricing .section-header h2 .nw{white-space:nowrap;}
@media (min-width:701px){.pain-section .section-header h2{white-space:nowrap;}}
@media (max-width:700px){.dt-br{display:none;}#pricing .section-header h2 .nw{white-space:normal !important;}#pricing .section-header h2 br{display:none;}.pain-section .section-header h2{white-space:normal;}}
/* reset coral last-child special on approach cards */
.services-section .service-card:last-child{background:var(--bg-2);border-color:var(--line);}
.services-section .service-card:last-child .service-icon{background:rgba(10,138,85,.10);border-color:rgba(10,138,85,.20);color:var(--neon);}
.services-section .service-card:last-child::after{display:none;}
.services-section .service-card:last-child .service-list{background:rgba(10,138,85,.06);border-color:rgba(10,138,85,.16);}
.services-section .service-card:last-child .service-list li::before{color:var(--neon);}
.approach-link{margin-top:18px;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:var(--neon);text-decoration:none;transition:gap .2s;}
.approach-link:hover{gap:11px;}
.xlink{color:var(--neon);text-decoration:none;border-bottom:1px solid rgba(10,138,85,.32);}
.xlink:hover{border-color:var(--neon);}
.itcm-svc--active{color:var(--neon)!important;font-weight:700;}
.guarantee-note{max-width:760px;margin:34px auto 0;text-align:center;font-size:14.5px;line-height:1.6;color:var(--text-2);}
.guarantee-note strong{color:var(--text-0);}
.cases-allbtn{display:flex;justify-content:center;margin-top:40px;}
.final-field--site .final-field__label{color:var(--text-3);}
@media(max-width:700px){.services-section + .why-section{padding-top:0!important;}}
/* ── Адаптив 360: ровный ритм 50px + калькулятор ── */
@media(max-width:700px){
  /* гасим двойной отступ между соседними секциями одного цвета (серый+серый) */
  #cases, #calc, #team{padding-top:0!important;}
  /* калькулятор: метрики не слипаются */
  .calc-out{padding:22px;}
  .calc-out__metrics{gap:10px;}
  .cm__v{font-size:18px;}
  .calc-out__head{margin-bottom:16px;}
}
