/* =========================================================
   STATUM main.css
   01 variables
   02 base
   03 header
   04 hero
   05 services
   06 expertise
   07 process
   08 blog
   09 forms
   10 footer
   11 buttons
   12 utilities
   ========================================================= */


/* 01 variables */
:root{--dark:#132231;--dark2:#1c2f40;--gold:#c0a04a;--gold2:#dfbd71;--bg:#f4f1ea;--text:#182432;--muted:#697584;--line:#e4e0d7;--white:#fff;--radius:22px;--shadow:0 18px 45px rgba(19,34,49,.12)}/* 02 base */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.narrow{width:min(820px,calc(100% - 48px));margin-inline:auto}/* 03 header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:14px;min-width:max-content}.logo-mark{width:46px;height:46px;border-radius:12px;background:var(--dark);display:flex;align-items:end;justify-content:center;gap:4px;padding:9px}.logo-mark i{display:block;width:6px;background:var(--gold);border-radius:3px 3px 0 0}.logo-mark i:nth-child(1){height:16px}.logo-mark i:nth-child(2){height:27px}.logo-mark i:nth-child(3){height:36px}.logo b{display:block;font-family:Georgia,serif;font-size:24px;letter-spacing:.18em}.logo small{display:block;color:var(--gold);font-size:10px;letter-spacing:.28em;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:23px;font-weight:700}.main-nav a{white-space:nowrap}.lang-switch{display:flex;align-items:center;border:1px solid var(--gold);border-radius:999px;padding:4px;gap:4px}.lang-link{font-size:13px;padding:7px 13px;border-radius:999px;white-space:nowrap}.lang-link.active{background:var(--gold);color:#111}.burger{display:none;background:transparent;border:0;width:44px;height:44px;padding:10px;cursor:pointer}.burger span{display:block;height:2px;background:var(--text);margin:6px 0}/* 11 buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#142230;border:0;border-radius:16px;padding:16px 28px;font-weight:700;box-shadow:0 12px 25px rgba(192,160,74,.25);cursor:pointer;text-align:center}.btn-small{padding:13px 22px;border-radius:12px}.btn-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.8);box-shadow:none}.trust{background:#eee9df;border-bottom:1px solid var(--line)}.trust-inner{min-height:54px;display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap;color:#4e5966}/* 04 hero */
.hero{background:var(--dark);color:var(--white);padding:92px 0}.hero-grid,.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:56px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:var(--gold);font-weight:900;margin:0 0 18px}.hero h1,.service-hero h1{font-family:Georgia,serif;font-size:clamp(26px,3.2vw,46px);line-height:1.1;margin:0 0 24px;max-width:850px}.hero h1::first-letter{color:var(--white)}.hero p,.service-hero p{font-size:15px;line-height:1.75;color:rgba(255,255,255,.6);max-width:560px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}/* 07 process */
.process-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.process-card h2{margin:0 0 20px;color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-size:12px}.process-card ol{list-style:none;margin:0;padding:0}.process-card li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.process-card li:before{content:counter(list-item);display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gold);border-radius:10px;color:#fff;font-weight:900}.process-card b{display:block}.process-card span{color:rgba(255,255,255,.55)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.stats span{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;text-align:center;color:rgba(255,255,255,.55)}.stats b{display:block;color:#fff;font-size:24px}.section{padding:92px 0}.section.soft{background:#ebe7df}.section h2{font-family:Georgia,serif;font-size:clamp(22px,2.8vw,36px);line-height:1.2;margin:0 0 18px}.section-lead{font-size:18px;color:var(--muted);max-width:760px}/* 05 services */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:40px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.service-card{display:block;background:#fff;padding:28px;min-height:220px;transition:.2s}.service-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);position:relative;z-index:1}.service-card .num{display:block;color:var(--gold);font-weight:900;margin-bottom:8px}.card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(19,34,49,.08);color:var(--dark);border-radius:10px;margin-bottom:18px;font-size:20px}.service-card h3{font-size:20px;line-height:1.25;margin:0 0 12px}.service-card p{color:var(--muted);margin:0 0 18px}.service-card small{color:#9aa2ad}/* 06 expertise */
.about-grid,.lead-grid,.content-grid{display:grid;grid-template-columns:.9fr 1.5fr;gap:56px;align-items:start}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.features article{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 30px rgba(19,34,49,.06)}.features span{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f5eddc;border:1px solid #eadbbd;color:var(--gold);border-radius:12px;font-size:22px;margin-bottom:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.steps div{background:#fff;border-radius:16px;padding:24px}.steps b{display:flex;width:38px;height:38px;border-radius:10px;background:var(--gold);color:#fff;align-items:center;justify-content:center;margin-bottom:16px}.faq{display:grid;gap:12px;margin-top:26px}.faq details{background:#fff;border-radius:14px;padding:0 20px}.faq summary{cursor:pointer;font-weight:600;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--gold);font-size:22px}.faq details[open] summary:after{content:'-'}.faq p{color:var(--muted);margin:0;padding:0 0 18px}/* 09 forms */
.lead-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.lead-form h3{font-size:24px;margin:0}.lead-form p{color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form label{display:block;font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-top:14px}.lead-form input,.lead-form select,.lead-form textarea{width:100%;margin-top:8px;border:1px solid #d6d2ca;border-radius:12px;padding:15px 16px;font:inherit;background:#fff;color:var(--text)}.lead-form textarea{min-height:118px;resize:vertical}.lead-form .btn{width:100%;margin-top:18px}.form-status{min-height:22px}.checklist{list-style:none;margin:26px 0 0;padding:0}.checklist li{margin:12px 0}.checklist li:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#f2e5c8;color:var(--gold);font-weight:900;margin-right:10px}.service-hero{background:var(--dark);color:#fff;padding:86px 0}.info-box{background:transparent;color:#fff;border-radius:var(--radius);padding:30px}.info-box h2{font-family:Georgia,serif;margin-top:0}.info-box ul{padding-left:20px}.clean-list{padding-left:22px}.clean-list li{margin:10px 0}/* 10 footer */
.site-footer{background:var(--dark);color:rgba(255,255,255,.65);padding:56px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.footer-grid h3{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:12px}.footer-grid a{display:block;margin:10px 0;color:rgba(255,255,255,.7)}.footer-logo b{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:34px;padding-top:18px;color:rgba(255,255,255,.4)}/* 12 utilities */
.float{position:fixed;right:28px;bottom:28px;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0ea5e9;color:#06111d;font-weight:900;z-index:40;box-shadow:0 14px 35px rgba(0,0,0,.25)}


.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.header-tools{display:flex;align-items:center;gap:12px;min-width:max-content}.site-header .header-tools .lang-switch{background:#fff;box-shadow:0 6px 22px rgba(19,34,49,.08)}.main-nav .lang-switch{display:none!important}.main-nav a[href*="blog"],.main-nav a[href="../blog/index.html"]{color:var(--gold)}.btn-dark{background:var(--dark);color:#fff;box-shadow:none}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}.expert-section{background:linear-gradient(180deg,#fff 0%,#f5f1e9 100%)}.expert-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.proof-grid article,.blog-card,.mini-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 28px rgba(19,34,49,.06)}.proof-grid b{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:var(--dark);color:var(--gold);margin-bottom:14px}.proof-grid h3,.blog-card h3,.mini-grid b{margin:0 0 10px}.proof-grid p,.blog-card p,.mini-grid p{color:var(--muted);margin:0}.checklist.compact li{font-weight:700}/* 08 blog */
.blog-preview{background:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{display:block;min-height:220px;transition:.2s}.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.blog-card span{display:inline-flex;border:1px solid #eadbbd;background:#f7efd9;color:#8a6b18;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}.expert-mini{padding:42px 0;background:#f7f3ea}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-grid b{display:block;color:var(--gold);font-size:18px}.lang-switch{flex-shrink:0}.lang-link{display:inline-flex!important;align-items:center;justify-content:center;min-width:48px}.site-header .lang-switch{visibility:visible!important;opacity:1!important}


.positioning{background:#fff}
.positioning-intro{max-width:920px;margin-bottom:34px}
.position-grid,.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.position-grid article,.mistake-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 10px 28px rgba(19,34,49,.06)}
.position-grid article h3,.mistake-card h3{margin-top:0}
.position-grid article p,.mistake-card li{color:var(--muted);line-height:1.65}
.expertise-extra{background:#f3efe6}
.extra-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start}
.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tag-list span{display:inline-flex;border:1px solid #eadbbd;background:#fff8e8;color:#6f5616;border-radius:999px;padding:9px 13px;font-weight:800;font-size:14px}
.mistake-card ul{margin:0;padding-left:20px}
.hero .btn-outline{color:#fff}
.site-header .header-tools{display:flex!important}
.site-header .lang-switch{display:flex!important;visibility:visible!important;opacity:1!important}

body{
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: 0;
}
.hero h1,
.service-hero h1,
.section h2,
.info-box h2{
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -0.025em;
  font-weight: 700;
}
.hero h1,
.service-hero h1{
  font-size: clamp(42px, 4.2vw, 64px);
  line-height: 1.08;
  max-width: 760px;
}
.hero p,
.service-hero p{
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.7;
}
.hero-grid,
.service-hero-grid{
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr);
  align-items: center;
}
.process-card{
  width: 100%;
  max-width: 520px;
  justify-self: end;
}
.process-card li{
  grid-template-columns: 44px minmax(0, 1fr);
  grid-auto-flow: row;
  align-items: start;
}
.process-card li:before{
  grid-column: 1;
  grid-row: 1 / span 2;
  content: counter(list-item);
}
.process-card li b{
  grid-column: 2;
  grid-row: 1;
  line-height: 1.25;
}
.process-card li span{
  grid-column: 2;
  grid-row: 2;
  line-height: 1.45;
  overflow-wrap: normal;
  word-break: normal;
}
.stats span{
  line-height: 1.35;
}
.card-icon,
.features span,
.proof-grid b,
.steps b{
  flex: 0 0 auto;
}
.features span,
.proof-grid b{
  font-size: 20px;
}
.features article svg,
.proof-grid article svg,
.card-icon svg{
  width: 28px;
  height: 28px;
}
.service-card h3,
.proof-grid h3,
.blog-card h3,
.features h3{
  letter-spacing: -0.01em;
}
.trust-inner{
  line-height: 1.3;
}


:root{--telegram:#229ED9;--telegram-dark:#168AC0}
.main-nav a[href*="t.me"],
.site-footer a[href*="t.me"]{color:var(--telegram)!important;font-weight:900}
.float.tg{background:var(--telegram)!important;color:#fff!important;box-shadow:0 14px 34px rgba(34,158,217,.35)!important}
.float.tg:hover{background:var(--telegram-dark)!important;transform:translateY(-2px)}
@media (max-width:768px){
  .main-nav a[href*="t.me"]{background:rgba(34,158,217,.1);border:1px solid rgba(34,158,217,.25);border-radius:12px;padding:12px;color:var(--telegram)!important}
  .float.tg{width:50px;height:50px;right:14px;bottom:14px}
}

.site-footer .footer-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:0 48px;
  align-items:start;
}
.site-footer .footer-col{display:flex;flex-direction:column;}
.site-footer .footer-logo{margin-bottom:16px;}
.site-footer .footer-desc{font-size:13px;line-height:1.7;color:rgba(255,255,255,.4);margin:0 0 16px;}
.site-footer .footer-stats{display:flex;gap:20px;padding-top:16px;border-top:0.5px solid rgba(255,255,255,.1);}
.site-footer .footer-stats span{display:flex;flex-direction:column;gap:2px;}
.site-footer .footer-stats b{font-size:18px;font-weight:600;color:#fff;line-height:1;}
.site-footer .footer-stats span>:last-child{font-size:11px;color:rgba(255,255,255,.35);letter-spacing:.02em;}
.site-footer h3{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35);margin:0 0 18px;}
.site-footer a{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.45;color:rgba(255,255,255,.65);margin:0 0 12px;text-decoration:none;}
.site-footer a:hover{color:#fff;}
.footer-contact-link svg{flex-shrink:0;opacity:.5;}
.footer-schedule{font-size:13px;color:rgba(255,255,255,.3);line-height:1.6;margin-top:8px;}
.site-footer .footer-bottom{display:block;border-top:0.5px solid rgba(255,255,255,.08);padding-top:20px;margin-top:40px;font-size:13px;color:rgba(255,255,255,.25);}

.btn-text-link{display:inline-block;color:rgba(255,255,255,.6);font-size:15px;text-decoration:none;margin-top:4px;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:1px}.btn-text-link:hover{color:rgba(255,255,255,.9);border-bottom-color:rgba(255,255,255,.6)}

/* mobile sticky CTA bar */
.mobile-cta-bar{display:none}
@media(max-width:768px){
  .mobile-cta-bar{
    display:flex;
    position:fixed;
    bottom:0;left:0;right:0;
    z-index:100;
    padding:10px 14px 14px;
    background:var(--dark);
    border-top:1px solid rgba(255,255,255,.1);
    gap:10px;
    padding-bottom:max(14px,env(safe-area-inset-bottom));
  }
  .mobile-cta-call,.mobile-cta-tg{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:14px 10px;
    border-radius:14px;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
  }
  .mobile-cta-call{
    background:var(--gold);
    color:#132231;
  }
  .mobile-cta-tg{
    background:#29a7e0;
    color:#fff;
  }
  /* push page content above the bar */
  body{padding-bottom:80px}
  /* hide old single float button on mobile */
  .float.tg{display:none}
}

.utp-line{font-size:13px;font-weight:500;color:var(--gold);margin:14px 0 0;line-height:1.5;letter-spacing:.01em;}

.process-steps{list-style:none;padding:0;margin:0}
.process-steps li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:11px 0;border-bottom:0.5px solid rgba(255,255,255,.08);align-items:center}
.process-steps li:last-child{border-bottom:none;padding-bottom:0}
.ps-icon{width:44px;height:44px;border-radius:10px;background:rgba(192,160,74,.12);border:0.5px solid rgba(192,160,74,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ps-icon i{font-size:20px;color:var(--gold)}
.ps-icon svg{display:block;width:20px;height:20px;stroke:var(--gold);flex-shrink:0}
.process-steps li:before{display:none!important}
.ps-text{display:flex;flex-direction:column;gap:3px}
.ps-text b{font-size:13px;font-weight:600;color:#fff;line-height:1.3}
.ps-text span{font-size:12px;color:rgba(255,255,255,.4);line-height:1.45}

.hero-with-banner{
  position:relative;
  background:var(--dark);
  overflow:hidden;
}
.hero-with-banner::before{
  content:'';
  position:absolute;
  inset:0;
  background:url('../img/services/main-bb4b4ce5d6.jpg') center center / cover no-repeat;
  opacity:0.32;
  z-index:0;
}
.hero-with-banner > .container{
  position:relative;
  z-index:1;
}

.service-hero--banner{
  position:relative;
  overflow:hidden;
}
.service-hero--banner::before{
  content:'';
  position:absolute;
  inset:0;
  background:url('../img/services/main-0c3097c7b6.jpg') center 30% / cover no-repeat;
  opacity:0.22;
  z-index:0;
}
.service-hero--banner > .container{
  position:relative;
  z-index:1;
}

.service-hero--banner .info-box{background:none;color:#fff;border:none;}
.service-hero--banner .info-box h2{color:#fff;}
.service-hero--banner .info-box li{color:rgba(255,255,255,.8);}

.section .info-box{background:rgba(192,160,74,.08);border:1px solid rgba(192,160,74,.25);border-radius:var(--border-radius-lg);padding:24px;}
.section .info-box h2{color:var(--dark);font-size:18px;margin-bottom:8px;}
.section .info-box p{color:#697584;font-size:14px;margin-bottom:16px;}
.section .info-box .btn{font-size:14px;padding:11px 22px;}

/* Blog grid  -  equal height cards */
.services-grid.blog-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px!important;
  background:none!important;
  border:none!important;
  border-radius:0!important;
  margin-top:32px;
}
.services-grid.blog-grid .service-card{
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
  border:0.5px solid var(--line)!important;
  border-radius:12px!important;
  padding:24px!important;
  min-height:0!important;
  height:100%!important;
  box-shadow:none!important;
  transition:.15s;
}
.services-grid.blog-grid .service-card:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 16px rgba(0,0,0,.08);
}
.services-grid.blog-grid .service-card .card-icon{
  width:36px;height:36px;
  border-radius:8px;
  background:rgba(192,160,74,.1);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:14px;
  flex-shrink:0;
}
.services-grid.blog-grid .service-card .card-icon svg{
  width:18px;height:18px;
  stroke:var(--gold);
  display:block;
}
.services-grid.blog-grid .service-card h3{
  font-size:15px;
  font-weight:600;
  line-height:1.35;
  color:var(--dark);
  margin:0 0 8px;
  flex:1;
}
.services-grid.blog-grid .service-card p{
  font-size:13px;
  color:#697584;
  line-height:1.6;
  margin:0;
}
@media(max-width:900px){
  .blog-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .blog-grid{grid-template-columns:1fr;}
}


/* ===== BLOG INDEX GRID ===== */
.blog-index-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:32px;
}
.blog-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  padding:22px 24px;
  text-decoration:none;
  transition:box-shadow .15s, transform .15s;
}
.blog-card:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 20px rgba(0,0,0,.09);
}
.blog-card-icon{
  width:36px;height:36px;
  background:rgba(192,160,74,.1);
  border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:14px;
  flex-shrink:0;
}
.blog-card-icon svg{
  display:block;
  stroke:#c0a04a;
}
.blog-card h3{
  font-size:15px;
  font-weight:600;
  color:#132231;
  line-height:1.4;
  margin:0 0 8px;
  flex:1;
}
.blog-card p{
  font-size:13px;
  color:#697584;
  line-height:1.55;
  margin:0;
}
@media(max-width:900px){.blog-index-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:580px){.blog-index-grid{grid-template-columns:1fr;gap:12px;}}


/* Stage 3 content and CRO blocks */
.value-after-contact{background:#fff;}
.value-grid article,.team-grid article,.case-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 28px rgba(19,34,49,.06)}
.value-grid article b,.team-grid article b{display:block;font-size:18px;margin-bottom:8px;color:var(--text)}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.case-grid span{display:inline-block;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.case-grid h3{margin:0 0 12px;font-size:22px;line-height:1.25}
.case-grid p{margin:8px 0;color:var(--muted)}
.case-grid b{color:var(--text)}
.team-cases .section-head{margin-bottom:24px}

/* Stage 4 UI polish: typography, hero, cards, footer, Telegram */
body{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

.hero h1,
.service-hero h1{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(38px,4vw,58px);
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:800;
  max-width:820px;
}

.section h2,
.info-box h2{
  line-height:1.16;
}

.main-nav a{
  font-weight:600;
}

.eyebrow{
  letter-spacing:.14em;
  font-size:12px;
}

.logo small{
  letter-spacing:.16em;
}

.footer-grid h3{
  letter-spacing:.14em;
  font-size:12px;
}

.hero-grid,
.service-hero-grid{
  align-items:center;
  gap:48px;
}

.hero p,
.service-hero p{
  max-width:640px;
}

.process-card{
  max-width:520px;
  justify-self:end;
}

.process-card li{
  grid-template-columns:42px minmax(0,1fr);
  align-items:start;
}

.process-card li:before{
  grid-column:1;
  grid-row:1 / span 2;
  flex-shrink:0;
}

.process-card li b,
.process-card li span{
  grid-column:2;
  min-width:0;
}

.process-card li span{
  display:block;
  max-width:100%;
  overflow-wrap:normal;
  word-break:normal;
  line-height:1.45;
}

.service-card,
.service-card *{
  text-decoration:none;
}

.services-grid{
  align-items:stretch;
}

.service-card{
  height:100%;
}

.card-icon,
.features span,
.proof-grid b,
.ps-icon{
  width:48px;
  height:48px;
  min-width:48px;
  max-width:48px;
  max-height:48px;
  font-size:20px;
  line-height:1;
}

.card-icon svg,
.features span svg,
.proof-grid b svg,
.ps-icon svg{
  width:22px;
  height:22px;
}

.site-footer .container{
  max-width:1180px;
}

.site-footer .footer-grid{
  display:grid;
  grid-template-columns:minmax(260px,1.05fr) minmax(220px,.8fr) minmax(250px,.9fr);
  gap:52px;
  align-items:start;
}

.site-footer a[href*="t.me"],
.footer-contact-link[href*="t.me"]{
  color:#229ED9;
  font-weight:700;
}

.float,
.float.tg,
a.float[href*="t.me"]{
  background:#229ED9!important;
  color:#fff!important;
}

.float:hover,
.float.tg:hover,
a.float[href*="t.me"]:hover{
  background:#1688bf!important;
}

.lead-form{
  max-width:100%;
}

.form-row{
  align-items:start;
}

/* Stage 7 QA visual fix: hero process card readability */
.hero-with-banner .process-card,
.hero .process-card{
  background:rgba(10,18,28,.74);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.process-card h2{
  margin-bottom:22px;
}

.process-steps{
  display:grid;
  gap:0;
}

.process-steps li{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  column-gap:18px;
  align-items:flex-start;
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.process-steps li:last-child{
  border-bottom:none;
}

.process-steps li:before{
  display:none!important;
  content:none!important;
}

.process-steps .ps-icon{
  width:44px;
  height:44px;
  min-width:44px;
  max-width:44px;
  max-height:44px;
  grid-column:1;
  grid-row:1;
  margin-top:2px;
  background:rgba(192,160,74,.16);
  border:1px solid rgba(192,160,74,.34);
}

.process-steps .ps-text{
  grid-column:2;
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

.process-steps .ps-text b{
  display:block;
  font-size:15px;
  line-height:1.28;
  font-weight:700;
  color:#fff;
  letter-spacing:0;
}

.process-steps .ps-text span{
  display:block;
  font-size:14px;
  line-height:1.5;
  color:rgba(255,255,255,.68);
  max-width:100%;
  overflow-wrap:normal;
  word-break:normal;
}

.process-card .stats{
  margin-top:26px;
}

/* Banner text mode: trust line and process list on hero background */
.hero-with-banner{
  padding-top:34px;
}
.hero-with-banner .hero-trust{
  position:relative;
  z-index:1;
  min-height:0;
  padding:0 0 30px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.45;
  background:transparent!important;
  border:0!important;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}
.hero-with-banner .process-card,
.hero .process-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:8px 0 0!important;
}
.hero-with-banner .process-card h2,
.hero .process-card h2{
  text-shadow:0 2px 14px rgba(0,0,0,.45);
}
.hero-with-banner .process-steps li,
.hero .process-steps li{
  border-bottom:1px solid rgba(255,255,255,.16);
}
.hero-with-banner .process-steps .ps-text b,
.hero .process-steps .ps-text b,
.hero-with-banner .process-steps .ps-text span,
.hero .process-steps .ps-text span{
  text-shadow:0 2px 14px rgba(0,0,0,.55);
}
.hero-with-banner .stats span,
.hero .stats span{
  background:transparent!important;
  border:1px solid rgba(255,255,255,.20);
  box-shadow:none!important;
  text-shadow:0 2px 14px rgba(0,0,0,.45);
}


/* Hero positioning update */
.hero .eyebrow {
  max-width: 760px;
}
.hero h1 {
  max-width: 880px;
}
.hero .utp-line {
  max-width: 760px;
}
.hero-copy > p:not(.eyebrow):not(.utp-line) {
  max-width: 760px;
}

/* Related services */
.related-services .related-card{display:block;text-decoration:none;color:inherit}
.related-services .related-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.related-services .related-card b{color:var(--dark)}


/* SEO service content */
.seo-service-content{background:#fff}
.seo-service-content .section-head.compact{max-width:900px;margin-bottom:28px}
.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.seo-subblock,.seo-note,.seo-faq{border:1px solid var(--line);border-radius:22px;background:#fff;padding:22px;box-shadow:0 14px 34px rgba(14,32,54,.06)}
.seo-subblock h3,.seo-note h3,.seo-faq h3{margin:0 0 12px;font-size:20px;color:var(--ink)}
.seo-subblock ul,.seo-note ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.7}
.seo-subblock li,.seo-note li{margin:6px 0}
.seo-note{margin-top:18px;background:#f8fafc}
.seo-note p{color:var(--muted);line-height:1.7;margin:14px 0 0}
.seo-faq{margin-top:18px}
.seo-faq-list{display:grid;gap:10px}
.seo-faq-list details{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#fbfdff}
.seo-faq-list summary{cursor:pointer;font-weight:700;color:var(--ink)}
.seo-faq-list p{color:var(--muted);line-height:1.65;margin:10px 0 0}
.seo-articles{margin-top:18px}


/* Internal linking note */
.internal-linking-note{margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.65;max-width:820px}.internal-linking-note a{color:var(--navy);font-weight:650;text-decoration:none;border-bottom:1px solid rgba(25,49,83,.22)}.internal-linking-note a:hover{border-bottom-color:var(--gold)}


/* Helpful article links inside service SEO blocks */
.seo-articles a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(43, 63, 90, .25);
}
.seo-articles a:hover {
  border-bottom-color: currentColor;
}

/* Visual harmony after SEO content expansion */
.seo-service-content{
  padding-top:72px;
  padding-bottom:72px;
}
.seo-service-content .section-head.compact span{
  display:inline-flex;
  margin-bottom:10px;
  color:var(--gold);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.seo-service-content .section-head.compact h2{
  max-width:880px;
  margin:0 0 14px;
  font-size:clamp(30px,3vw,42px);
  line-height:1.15;
  letter-spacing:-.025em;
}
.seo-service-content .section-head.compact p{
  max-width:880px;
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.75;
}
.seo-grid{
  align-items:stretch;
}
.seo-subblock,.seo-note,.seo-faq{
  min-width:0;
}
.seo-subblock{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.seo-subblock h3,.seo-note h3,.seo-faq h3{
  line-height:1.25;
  letter-spacing:-.01em;
}
.seo-subblock ul,.seo-note ul,.seo-articles ul{
  list-style-position:outside;
}
.seo-subblock li,.seo-note li,.seo-articles li{
  overflow-wrap:break-word;
}
.seo-faq-list summary{
  line-height:1.35;
}
.seo-articles{
  margin-top:18px;
}
.seo-articles ul{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:0;
  margin:0;
  list-style:none;
}
.seo-articles li{
  min-height:70px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fbfdff;
  display:flex;
  align-items:center;
}
.seo-articles a{
  line-height:1.35;
  font-weight:650;
  color:var(--ink);
  border-bottom:0!important;
}
.related-services .mini-grid{
  align-items:stretch;
}
.related-services .related-card{
  min-height:132px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:8px;
}
.related-services .related-card b{
  line-height:1.25;
}
.related-services .related-card p{
  line-height:1.55;
}
.blog-index-grid{
  align-items:stretch;
}
.blog-index-grid .blog-card{
  height:100%;
  min-height:232px;
  padding:24px;
  border-radius:18px;
}
.blog-index-grid .blog-card h3{
  font-size:16px;
  line-height:1.38;
  min-height:44px;
  margin-bottom:12px;
}
.blog-index-grid .blog-card p{
  font-size:14px;
  line-height:1.65;
  color:#697584;
}
main article.section .container.narrow h1{
  font-size:clamp(34px,4vw,54px);
  line-height:1.12;
  letter-spacing:-.03em;
}
main article.section .container.narrow .section-lead{
  font-size:18px;
  line-height:1.7;
  max-width:820px;
}
main article.section .container.narrow h2{
  margin-top:34px;
  margin-bottom:12px;
  font-size:clamp(24px,2.5vw,34px);
  line-height:1.2;
}
main article.section .container.narrow p,
main article.section .container.narrow li{
  font-size:16px;
  line-height:1.75;
}


/* Article detail pages visual harmony */
main article.section {
  background: linear-gradient(180deg, #fbfaf6 0%, #f3efe7 100%);
}
main article.section .container.narrow {
  max-width: 880px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 28px;
  padding: clamp(28px, 4vw, 56px);
  box-shadow: 0 18px 48px rgba(19,34,49,.08);
}
main article.section .container.narrow .eyebrow {
  margin-bottom: 16px;
  color: var(--gold-dark);
}
main article.section .container.narrow h1 {
  max-width: 820px;
  margin: 0 0 18px;
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.12;
  letter-spacing: -.035em;
  color: var(--text);
}
main article.section .container.narrow .section-lead {
  max-width: 760px;
  margin: 0 0 30px;
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.65;
  color: #5f6876;
}
main article.section .container.narrow h2 {
  margin: 38px 0 14px;
  padding-top: 6px;
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(24px, 2.2vw, 32px);
  line-height: 1.22;
  letter-spacing: -.02em;
  color: var(--text);
}
main article.section .container.narrow h3 {
  margin: 28px 0 10px;
  font-size: 21px;
  line-height: 1.3;
  color: var(--text);
}
main article.section .container.narrow p {
  max-width: 760px;
  margin: 0 0 18px;
  font-size: 17px;
  line-height: 1.78;
  color: #465160;
}
main article.section .container.narrow ul,
main article.section .container.narrow ol {
  max-width: 760px;
  margin: 12px 0 24px;
  padding-left: 22px;
}
main article.section .container.narrow li {
  margin: 0 0 10px;
  font-size: 17px;
  line-height: 1.72;
  color: #465160;
}
main article.section .container.narrow a:not(.btn) {
  color: var(--gold-dark);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
main article.section .container.narrow .info-box {
  max-width: 760px;
  margin: 36px 0 0 !important;
  padding: 26px;
  background: #f7f1e3;
  border: 1px solid #eadbbd;
  border-radius: 22px;
  box-shadow: none;
}
main article.section .container.narrow .info-box h2,
main article.section .container.narrow .info-box h3 {
  margin-top: 0;
  padding-top: 0;
}
main article.section .container.narrow .info-box p {
  margin-bottom: 18px;
}
main article.section .container.narrow .btn {
  min-height: 48px;
  padding: 14px 20px;
  border-radius: 14px;
  white-space: normal;
  text-align: center;
}


/* Service pages text layout cleanup */
.seo-service-content .section-head.compact{
  display:grid!important;
  grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr)!important;
  align-items:center!important;
  gap:42px!important;
  max-width:1080px!important;
  margin:0 auto 34px!important;
}
.seo-service-content .section-head.compact span{
  display:none!important;
}
.seo-service-content .section-head.compact h2{
  max-width:540px!important;
  margin:0!important;
  font-size:clamp(30px,2.45vw,40px)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}
.seo-service-content .section-head.compact p{
  max-width:620px!important;
  margin:0!important;
  font-size:17px!important;
  line-height:1.72!important;
}
.seo-service-content .container{
  max-width:1120px;
}
.seo-grid{
  gap:20px!important;
}
.seo-subblock,.seo-note,.seo-faq,.seo-articles{
  border-radius:20px!important;
}
.seo-subblock h3,.seo-note h3,.seo-faq h3,.seo-articles h3{
  font-size:20px!important;
  line-height:1.25!important;
  margin-bottom:12px!important;
}
.seo-subblock ul,.seo-note ul,.seo-articles ul{
  line-height:1.68!important;
}


/* Legal pages and form consent */
.legal-page .legal-content{margin-top:28px;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(15,23,42,.06)}
.legal-page .legal-content h2{margin:26px 0 10px;font-size:22px;line-height:1.25;color:#142033}
.legal-page .legal-content h2:first-child{margin-top:0}
.legal-page .legal-content p{color:#425066;line-height:1.75;margin:0 0 14px}
.legal-page .legal-content a,.form-legal-note a,.footer-legal-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.legal-note{font-size:14px;color:#6b7280!important;margin-top:24px!important}
.form-legal-note{font-size:12px;line-height:1.5;color:#6b7280;margin:12px 0 0}
.footer-legal-links{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto;font-size:13px;opacity:.85}
@media (max-width:760px){.legal-page .legal-content{padding:20px;border-radius:18px}.legal-page .legal-content h2{font-size:19px}.footer-legal-links{width:100%;justify-content:center;margin:10px 0 0}}


/* === SAFE FIX 2026-06-09: hero desktop/mobile text === */
.desktop-hero-title,
.desktop-hero-copy {
  display: inline;
}

.mobile-hero-title,
.mobile-hero-copy {
  display: none;
}

@media (max-width: 720px) {
  .desktop-hero-title,
  .desktop-hero-copy {
    display: none;
  }

  .mobile-hero-title,
  .mobile-hero-copy {
    display: inline;
  }
}

/* === SAFE FIX: protect header buttons/lang from collapsing === */
.header-tools,
.header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.lang-switch {
  flex-shrink: 0;
}

.lang-switch a {
  text-decoration: none;
}

.btn:empty,
.btn-small:empty,
.btn-dark:empty,
button:empty {
  display: none !important;
}

.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;}