:root{
  --bg:#f7f4ef;
  --bg-2:#f1ece4;
  --surface:#ffffff;
  --surface-soft:rgba(255,255,255,.88);
  --ink:#08182f;
  --muted:#5d6878;
  --line:#e5ddd1;
  --gold:#b28d4f;
  --gold-2:#d7ba82;
  --navy:#071a34;
  --navy-2:#0b2445;
  --navy-3:#102e56;
  --white:#fff;
  --radius:24px;
  --radius-lg:32px;
  --shadow:0 22px 60px rgba(8,24,47,.10);
  --shadow-soft:0 12px 34px rgba(8,24,47,.07);
  --wrap:min(1720px,calc(100% - 72px));
  --h1:clamp(2.9rem,4.8vw,5.15rem);
  --h2:clamp(2rem,3vw,3.25rem);
  --h3:clamp(1.12rem,1.25vw,1.34rem);
  font-family:Inter,Aptos,system-ui,-apple-system,Segoe UI,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:linear-gradient(180deg,#fbfaf7 0,#f3efe8 100%);text-rendering:optimizeLegibility}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}
main section[id], footer[id]{scroll-margin-top:110px}
.wrap{width:var(--wrap);margin:0 auto}

.topline{background:var(--navy);color:rgba(255,255,255,.84);font-size:.78rem;font-weight:780}
.top-inner{display:flex;justify-content:space-between;gap:18px;padding:10px 0}

.topbar{position:sticky;top:0;z-index:120;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:18px 32px;border-bottom:1px solid rgba(229,221,209,.95);background:rgba(250,248,244,.94);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(178,141,79,.38);border-radius:10px;background:linear-gradient(180deg,#f6efe1,#ecdfc3);color:var(--gold);font-family:Georgia,serif;font-size:1.55rem;line-height:1;flex:0 0 auto}
.brand-mark.small{width:28px;height:28px;font-size:1rem;margin-right:8px}
.brand-text{display:grid;min-width:0}
.brand-text strong{font-size:.98rem;letter-spacing:.08em}
.brand-text small{font-size:.75rem;color:var(--muted);font-weight:800}
.topbar nav{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}
.topbar nav a{font-size:.89rem;font-weight:850;color:#19273b;padding:8px 0;position:relative}
.topbar nav a::after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.22s ease}
.topbar nav a:hover::after{transform:scaleX(1)}
.top-actions{display:flex;align-items:center;gap:12px;justify-self:end}
.lang{display:flex;gap:6px;padding:5px;border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 8px 20px rgba(8,24,47,.04)}
.lang a{display:grid;place-items:center;min-width:30px;height:30px;border-radius:10px;font-size:.74rem;font-weight:950;color:#6c7683;transition:.18s ease}
.lang a.active,.lang a:hover{background:var(--navy);color:#fff}

.eyebrow{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(178,141,79,.12);color:var(--gold);font-size:.7rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.eyebrow.dark{background:rgba(8,24,47,.05);color:#2c3a4d}
.eyebrow.gold{background:rgba(215,186,130,.12);color:#f1d29a}

h1,h2,h3,h4,h5,h6{margin:0;line-height:1.03;letter-spacing:-.035em;max-width:none!important}
h1,h2{font-family:Georgia,serif}
h1{font-size:var(--h1)}
h2{font-size:var(--h2)}
h3{font-size:var(--h3)}
p{margin:0;color:var(--muted);line-height:1.7}

.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid transparent;font-size:.92rem;font-weight:900;transition:.2s ease;cursor:pointer;white-space:nowrap}
.btn.primary{background:var(--navy);color:#fff;box-shadow:0 16px 30px rgba(7,26,52,.18)}
.btn.primary:hover{transform:translateY(-1px);background:#0a2141}
.btn.ghost{background:#fff;border-color:var(--line);color:var(--ink)}
.btn.ghost:hover{background:#f8f5ef}
.btn.light{background:#fff;color:var(--navy)}
.btn.light:hover{background:#f7f1e4}

.hero{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(28px,4vw,72px);align-items:center;padding:58px 0 66px}
.hero-copy{display:grid;gap:18px;align-content:start}
.lead{max-width:65ch;font-size:1.03rem}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px}
.chips{display:flex;flex-wrap:wrap;gap:18px;padding:0;margin:6px 0 0;list-style:none;font-size:.9rem;font-weight:820;color:#223042}
.hero-image{position:relative;margin:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(229,221,209,.88);background:#ddd;align-self:stretch}
.hero-image img{width:100%;height:100%;min-height:460px;object-fit:cover}
.hero-image figcaption{position:absolute;right:18px;bottom:18px;display:grid;gap:4px;padding:18px 20px;border-radius:18px;background:rgba(255,249,241,.96);box-shadow:0 16px 40px rgba(8,24,47,.12)}
.hero-image strong{font-size:2rem;color:var(--gold);line-height:1}
.hero-image span{font-size:.88rem;color:#4e5d70;font-weight:760}

section{padding:62px 0}
.section-head{display:grid;gap:10px;margin-bottom:30px}
.section-head.centered{text-align:center;max-width:930px;margin:0 auto 30px}
.section-head p:not(.eyebrow){max-width:74ch;margin:0 auto}

.about-grid,.area-grid,.team-grid,.metrics,.steps,.knowledge-list{display:grid;gap:18px}
.about-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.area-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.about-grid article,.area-grid article,.metrics article,.steps article,.reviews article,.knowledge-list article,.contact-card,.team-grid article{border:1px solid var(--line);background:var(--surface-soft);border-radius:24px;box-shadow:var(--shadow-soft)}
.about-grid article,.area-grid article{padding:24px;display:grid;gap:12px;align-content:start;min-height:100%}
.icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,#faf4e9,#efe1c2);color:var(--gold)}
.icon svg{width:22px;height:22px}
.area-grid article a{font-size:.9rem;font-weight:900;color:var(--navy);margin-top:4px}

.full-dark{background:linear-gradient(180deg,var(--navy) 0,var(--navy-2) 100%)}
.why{padding:64px 0}
.why-inner{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px;align-items:center}
.why-copy{display:grid;gap:16px}
.why-copy h2,.why-copy p{color:#fff}
.why-copy p{color:#d7e0ea;max-width:60ch}
.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.metrics article{padding:26px 18px;text-align:center;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09);box-shadow:none}
.metrics strong{display:block;font-family:Georgia,serif;font-size:2.25rem;color:#fff}
.metrics span{display:block;font-size:.92rem;color:#d5dfeb;font-weight:760}

.process{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:32px;align-items:center}
.process-image{margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(229,221,209,.88);box-shadow:var(--shadow)}
.process-image img{width:100%;height:100%;min-height:480px;object-fit:cover}
.process-copy{display:grid;gap:18px}
.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.steps article{padding:22px}
.steps span{display:inline-block;font-size:.76rem;font-weight:950;letter-spacing:.12em;color:var(--gold);margin-bottom:10px}
.steps strong{display:block;margin-bottom:8px;color:var(--ink)}

.team-testimonials{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:26px;align-items:start}
.team-block{display:grid;gap:18px}
.team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.team-grid article{overflow:hidden}
.team-photo{aspect-ratio:4/5;background:#ddd}
.team-photo img{width:100%;height:100%;object-fit:cover}
.team-meta{padding:16px 16px 18px}
.team-meta h3{font-size:1.02rem;margin-bottom:6px}
.team-meta p{font-size:.9rem}
.reviews{display:grid;gap:18px}
.reviews article{padding:22px}
.reviews article span{font-size:1rem;letter-spacing:.15em;color:#d8a639}
.reviews article p{margin-top:10px}

.knowledge-contact{position:relative;overflow:hidden}
.knowledge-contact::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#071a34 0%, #0a2344 55%, #102f57 100%);z-index:0}
.kc-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:30px;align-items:start}
.knowledge{display:grid;gap:18px;padding:14px 0}
.knowledge h2,.knowledge p,.knowledge strong{color:#fff}
.knowledge p{color:#d7e0ea}
.knowledge-list article{padding:18px;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);box-shadow:none}
.contact-card{padding:28px;background:#f8f5ef}
.contact-card h2{margin-top:6px;margin-bottom:8px}
.contact-card form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.contact-card textarea,.contact-card button,.contact-card .form-status{grid-column:1/-1}
.contact-card input,.contact-card select,.contact-card textarea{width:100%;padding:14px 15px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.contact-card textarea{min-height:136px;resize:vertical}
.contact-card input:focus,.contact-card select:focus,.contact-card textarea:focus{outline:none;border-color:#bca97c;box-shadow:0 0 0 4px rgba(178,141,79,.12)}
.form-status{font-size:.92rem;font-weight:850;color:#0f766e}

.footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:34px 0 54px}
.footer strong{display:flex;align-items:center;font-size:.98rem}
.footer p{font-size:.84rem}
.footer nav{display:flex;flex-wrap:wrap;gap:18px}
.footer nav a{font-size:.88rem;font-weight:830;color:#314055}
.legal{padding:84px 0;display:grid;gap:16px}

.cookie[hidden]{display:none!important}
.cookie{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:135;display:flex;justify-content:space-between;align-items:center;gap:14px;width:min(1040px,calc(100% - 24px));padding:14px 16px;border-radius:22px;background:rgba(16,24,39,.95);box-shadow:0 25px 65px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(18px)}
.cookie p{color:rgba(255,255,255,.85);font-size:.92rem;line-height:1.5}
.cookie div{display:flex;gap:8px;min-width:max-content}
.cookie .btn{min-height:40px;padding:0 14px;border-radius:12px}
.cookie .btn.ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.14)}

.x25-order-sidebar{position:fixed!important;right:18px!important;top:50%!important;z-index:2147483647!important;width:min(264px,calc(100vw - 36px));display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid rgba(150,198,231,.22);border-radius:26px;background:linear-gradient(180deg,#16344c,#102b41);color:#fff!important;text-align:left;text-decoration:none!important;box-shadow:0 24px 56px rgba(5,16,29,.34);transform:translateY(-50%);isolation:isolate;overflow:hidden}
.x25-order-sidebar::after,.x25-order-sidebar-mobile-trigger::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#67d8ea,#4f9fff)}
.x25-order-sidebar__eyebrow{align-self:flex-start;padding:9px 12px;border-radius:12px;background:rgba(103,216,234,.12);font-size:.64rem;font-weight:900;letter-spacing:.12em}
.x25-order-sidebar__title{font-size:1.25rem;font-weight:900;line-height:1.12}
.x25-order-sidebar__text{font-size:.91rem;line-height:1.45;color:rgba(238,246,255,.88)}
.x25-order-sidebar__button{display:flex;justify-content:center;padding:12px;border-radius:12px;background:linear-gradient(135deg,#61e0e6,#4da9ff);color:#08263d;font-weight:900}
.x25-order-sidebar__note{padding-top:10px;border-top:1px solid rgba(255,255,255,.12);font-size:.75rem;color:rgba(214,229,241,.82);font-weight:750}
.x25-order-sidebar-mobile-trigger{display:none}

@media (max-width:1380px){
  .topbar{padding-inline:24px}
  .hero{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)}
}

@media (max-width:1240px){
  :root{--wrap:min(100% - 48px,1720px)}
  .topbar{grid-template-columns:1fr auto;gap:16px}
  .topbar nav{grid-column:1/-1;order:3;justify-content:flex-start}
  .about-grid,.area-grid,.team-grid,.metrics,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .why-inner,.process,.team-testimonials,.kc-inner{grid-template-columns:1fr}
  .x25-order-sidebar{right:0!important;width:86px!important;min-height:274px!important;padding:28px 12px 18px 14px!important;gap:10px!important;align-items:center!important;justify-content:center!important;border-radius:20px 0 0 20px!important;text-align:center!important;writing-mode:vertical-rl!important;text-orientation:mixed!important}
  .x25-order-sidebar__eyebrow,.x25-order-sidebar__text,.x25-order-sidebar__note{display:none!important}
  .x25-order-sidebar__title,.x25-order-sidebar__button{width:auto!important;max-width:none!important;margin:0!important;line-height:1!important}
  .x25-order-sidebar__title{font-size:.92rem!important}
  .x25-order-sidebar__button{min-height:auto!important;padding:10px 9px!important;font-size:.82rem!important;border-radius:12px!important}
}

@media (max-width:980px){
  :root{--wrap:min(100% - 32px,1720px);--h1:clamp(2.45rem,8vw,4.15rem);--h2:clamp(1.85rem,5.2vw,2.75rem)}
  .top-inner{gap:10px}
  .topbar{padding:15px 16px;grid-template-columns:1fr;justify-items:start}
  .topbar nav{order:3;gap:16px 18px}
  .top-actions{justify-self:start;flex-wrap:wrap}
  .hero,.process,.team-testimonials{grid-template-columns:1fr}
  .hero{padding:42px 0 50px}
  .about-grid,.area-grid,.metrics,.steps,.team-grid{grid-template-columns:1fr 1fr}
  .kc-inner,.contact-card form{grid-template-columns:1fr}
  .hero-image{order:-1}
  .cookie{flex-direction:column;align-items:stretch}
  .cookie div{min-width:0;flex-wrap:wrap}
}

@media (max-width:720px){
  :root{--wrap:min(100% - 24px,1720px);--radius:20px;--radius-lg:24px}
  .topline{font-size:.74rem}
  .top-inner{flex-direction:column;align-items:flex-start;padding:10px 0 12px}
  .brand-text small{font-size:.68rem}
  .topbar nav{gap:10px 14px}
  .topbar nav a{font-size:.84rem}
  .top-actions{width:100%;justify-content:space-between}
  .top-actions .btn{flex:1 1 auto;min-width:0}
  section,.why{padding:44px 0}
  .section-head,.section-head.centered{margin-bottom:24px}
  .about-grid,.area-grid,.metrics,.steps,.team-grid,.contact-card form{grid-template-columns:1fr}
  .hero-image img,.process-image img{min-height:280px}
  .hero-image figcaption{right:12px;bottom:12px;padding:14px 16px}
  .hero-image strong{font-size:1.65rem}
  .chips{flex-direction:column;gap:10px}
  .about-grid article,.area-grid article,.metrics article,.steps article,.reviews article,.knowledge-list article,.contact-card,.team-grid article{border-radius:20px}
  .contact-card{padding:22px}
  .footer{flex-direction:column;align-items:flex-start;padding-bottom:78px}
  .footer nav{gap:10px 14px}
  .cookie{bottom:12px;width:min(100% - 16px,1040px);padding:12px;border-radius:16px}
  .cookie p{font-size:.84rem}
  .cookie div{display:grid;grid-template-columns:1fr;gap:8px}
  .x25-order-sidebar{display:none!important}
  .x25-order-sidebar-mobile-trigger{position:fixed!important;right:0!important;top:50%!important;z-index:2147483647!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:58px!important;min-height:134px!important;padding:16px 8px 14px 11px!important;border:1px solid rgba(150,198,231,.22)!important;border-right:0!important;border-radius:18px 0 0 18px!important;background:linear-gradient(180deg,#16344c 0%,#102b41 100%)!important;color:#fff!important;text-decoration:none!important;box-shadow:0 22px 46px rgba(5,16,29,.28)!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;font-size:.82rem!important;font-weight:850!important;line-height:1!important;transform:translateY(-50%)!important;overflow:hidden!important}
}

@media (max-width:420px){
  :root{--h1:clamp(2.15rem,10vw,3rem);--h2:clamp(1.65rem,7vw,2.2rem)}
  .lang{gap:4px;padding:4px}
  .lang a{min-width:27px;height:28px;font-size:.7rem}
  .btn{min-height:46px;font-size:.88rem;padding:0 15px}
  .hero-copy{gap:16px}
}


/* V5: remove small top contact bar */
.topline,
.top-inner{
  display:none!important;
}
.topbar{
  top:0!important;
}
@media (max-width:720px){
  .topline,
  .top-inner{
    display:none!important;
  }
}


/* V6 richer content styling */
.support-copy,.muted-support{font-size:.98rem;line-height:1.72;color:#637084}
.support-copy{max-width:60ch}
.muted-small{font-size:.92rem;color:#6d7786;line-height:1.65}
.muted-on-dark{color:#cfdae6;font-size:.98rem;line-height:1.72}
.section-split{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,.9fr);gap:30px;align-items:start;margin-bottom:28px}
.section-side{display:grid;gap:16px;padding:22px 24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.68));box-shadow:var(--shadow-soft)}
.icon-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}
.icon-list li{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start}
.mini-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(178,141,79,.12);color:var(--gold)}
.mini-icon svg,.arrow-inline svg{width:16px;height:16px}
.about-grid article,.area-grid article,.audience-card,.reviews article,.knowledge-list article,.steps article,.team-grid article,.section-side{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.about-grid article:hover,.area-grid article:hover,.audience-card:hover,.reviews article:hover,.knowledge-list article:hover,.steps article:hover,.team-grid article:hover,.section-side:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(8,24,47,.12);border-color:rgba(178,141,79,.35)}
.area-grid article .icon,.about-grid article .icon,.audience-card .icon{position:relative;overflow:hidden}
.area-grid article .icon::after,.about-grid article .icon::after,.audience-card .icon::after{content:"";position:absolute;inset:-40% auto -40% -120%;width:70%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0));transform:rotate(12deg);transition:transform .7s ease}
.area-grid article:hover .icon::after,.about-grid article:hover .icon::after,.audience-card:hover .icon::after{transform:translateX(220%) rotate(12deg)}
.area-grid article a{display:inline-flex;align-items:center;gap:8px}
.arrow-inline{display:inline-flex;align-items:center;color:var(--gold)}
.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.audience-card{padding:26px;display:grid;gap:14px;align-content:start;border:1px solid var(--line);background:var(--surface-soft);border-radius:26px;box-shadow:var(--shadow-soft)}
.why-extra{color:#d4dfeb!important}
.contact-card .icon-list{margin-top:8px;margin-bottom:10px}
.contact-card .mini-icon{background:rgba(178,141,79,.1)}
.knowledge .knowledge-list article strong{display:block;margin-bottom:6px}
.reviews .section-head{margin-bottom:2px}
.team-block .section-head,.reviews .section-head{margin-bottom:0}
@media (max-width:1240px){.section-split{grid-template-columns:1fr}}
@media (max-width:980px){.audience-grid{grid-template-columns:1fr}.section-side{padding:20px 20px 22px}}
@media (max-width:720px){.section-split{gap:18px;margin-bottom:22px}.support-copy,.muted-support,.muted-on-dark{font-size:.94rem}.audience-card{padding:22px}.icon-list li{grid-template-columns:28px 1fr}.mini-icon{width:28px;height:28px}}


/* V7 meticulous layout and typography polish */
:root{
  --wrap:min(1760px,calc(100% - 72px));
}
body{
  letter-spacing:0;
}
.topbar{
  box-shadow:0 10px 26px rgba(8,24,47,.05);
}
.topbar nav{
  gap:20px;
}
.topbar nav a{
  font-size:.9rem;
}
.brand-text small{
  letter-spacing:.01em;
}
.hero{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:44px;
  padding:62px 0 72px;
}
.hero-copy{
  gap:20px;
  max-width:720px;
}
.lead{
  font-size:1.06rem;
  line-height:1.78;
  max-width:62ch;
}
.support-copy,
.muted-support,
.muted-on-dark{
  font-size:1.01rem;
  line-height:1.78;
}
.actions{
  margin-top:4px;
}
.chips{
  margin-top:8px;
  gap:16px 20px;
}
.hero-image{
  border-radius:30px;
}
.hero-image img{
  min-height:500px;
}
.hero-image figcaption{
  right:22px;
  bottom:22px;
  padding:18px 22px;
}
section{
  padding:72px 0;
}
.section-head{
  gap:12px;
}
.section-head h2,
.hero-copy h1,
.process-copy h2,
.reviews h2,
.knowledge h2,
.contact-card h2,
.why-copy h2{
  max-width:12.5ch;
}
.section-head p:not(.eyebrow){
  font-size:1rem;
  line-height:1.78;
}
.section-split{
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:34px;
  margin-bottom:32px;
}
.section-side{
  position:relative;
  padding:26px 28px;
  border-radius:26px;
  gap:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(249,246,240,.86));
}
.section-side::before{
  content:"";
  position:absolute;
  left:0;
  top:20px;
  bottom:20px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--gold-2),rgba(178,141,79,.15));
}
.section-side p{
  font-size:.98rem;
  line-height:1.76;
}
.icon-list{
  gap:13px;
}
.icon-list li{
  grid-template-columns:34px 1fr;
  gap:11px;
}
.mini-icon{
  width:34px;
  height:34px;
}
.about-grid,
.area-grid,
.audience-grid,
.team-grid,
.knowledge-list,
.steps,
.metrics{
  gap:20px;
}
.about-grid article,
.area-grid article,
.audience-card,
.steps article,
.reviews article,
.knowledge-list article,
.team-grid article,
.contact-card{
  border-radius:26px;
}
.about-grid article,
.area-grid article,
.audience-card{
  padding:26px;
}
.about-grid article h3,
.area-grid article h3,
.audience-card h3,
.team-meta h3{
  font-size:1.08rem;
}
.about-grid article p,
.area-grid article p,
.audience-card p,
.steps article p,
.reviews article p,
.knowledge-list article p,
.team-meta p,
.contact-card p{
  font-size:.98rem;
  line-height:1.72;
}
.area-grid article{
  min-height:262px;
}
.area-grid article a{
  margin-top:auto;
  padding-top:4px;
  font-size:.92rem;
}
.audience-card{
  min-height:100%;
}
.full-dark{
  position:relative;
}
.full-dark::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.06), transparent 34%), radial-gradient(circle at 80% 10%, rgba(255,255,255,.04), transparent 28%);
}
.why{
  padding:74px 0;
}
.why-inner{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
  gap:34px;
  align-items:center;
}
.why-copy{
  gap:18px;
}
.why-copy .btn{
  justify-self:start;
}
.why-copy .icon-list li span:last-child,
.why-copy p,
.why-extra{
  color:#d8e1ec!important;
}
.metrics{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-self:stretch;
}
.metrics article{
  min-height:128px;
  display:grid;
  align-content:center;
  gap:8px;
  border-radius:22px;
}
.process{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:36px;
}
.process-image img{
  min-height:520px;
}
.process-copy{
  gap:20px;
}
.steps article{
  min-height:178px;
  padding:24px;
}
.team-testimonials{
  grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
  gap:28px;
}
.team-grid article{
  background:linear-gradient(180deg,#fff,rgba(249,246,240,.92));
}
.team-photo{
  aspect-ratio:4/4.9;
}
.team-meta{
  padding:18px 18px 20px;
}
.reviews{
  gap:20px;
}
.reviews article{
  padding:22px 24px;
}
.reviews article span{
  display:block;
  margin-bottom:8px;
}
.knowledge-contact::before{
  background:linear-gradient(135deg,#071a34 0%, #0a2344 52%, #123863 100%);
}
.kc-inner{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:34px;
}
.knowledge,
.contact-card{
  position:relative;
  z-index:1;
}
.knowledge-list article{
  padding:20px 22px;
}
.contact-card{
  padding:30px;
  background:linear-gradient(180deg,#fbf8f2,#f5efe5);
  box-shadow:0 20px 50px rgba(7,26,52,.18);
}
.contact-card form{
  margin-top:16px;
  gap:15px;
}
.contact-card input,
.contact-card select,
.contact-card textarea{
  padding:15px 16px;
}
.footer{
  padding:34px 0 58px;
}
.footer nav{
  gap:20px;
}
.cookie{
  width:min(1120px,calc(100% - 30px));
}

@media (max-width:1380px){
  .hero,
  .process,
  .kc-inner,
  .why-inner,
  .team-testimonials{
    gap:28px;
  }
  .area-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:1180px){
  :root{--wrap:min(100% - 48px,1760px)}
  .topbar{
    grid-template-columns:1fr;
    justify-items:start;
    gap:14px;
  }
  .topbar nav{
    order:2;
    justify-content:flex-start;
  }
  .top-actions{
    order:3;
    justify-self:start;
  }
  .hero,
  .section-split,
  .why-inner,
  .process,
  .team-testimonials,
  .kc-inner{
    grid-template-columns:1fr;
  }
  .hero-copy,
  .section-head h2,
  .process-copy h2,
  .reviews h2,
  .knowledge h2,
  .contact-card h2,
  .why-copy h2{
    max-width:none;
  }
  .metrics,
  .team-grid,
  .steps,
  .about-grid,
  .audience-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:860px){
  :root{--wrap:min(100% - 30px,1760px);--h1:clamp(2.45rem,8.5vw,4rem);--h2:clamp(1.9rem,5.6vw,2.7rem)}
  .topbar{
    padding:14px 15px;
    gap:12px;
  }
  .topbar nav{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    width:100%;
    padding-bottom:4px;
    gap:16px;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }
  .topbar nav::-webkit-scrollbar{display:none}
  .top-actions{
    width:100%;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px;
    align-items:center;
  }
  .top-actions .btn{
    width:100%;
  }
  .hero{
    padding:34px 0 46px;
  }
  section,
  .why{
    padding:50px 0;
  }
  .hero-image img,
  .process-image img{
    min-height:320px;
  }
  .about-grid,
  .area-grid,
  .steps,
  .team-grid,
  .audience-grid,
  .metrics,
  .contact-card form{
    grid-template-columns:1fr;
  }
  .section-side{
    padding:22px 22px 22px 24px;
  }
  .contact-card{
    padding:24px;
  }
}

@media (max-width:540px){
  :root{--wrap:min(100% - 20px,1760px);--h1:clamp(2.12rem,10vw,3.1rem);--h2:clamp(1.62rem,7vw,2.15rem)}
  .brand{
    gap:10px;
  }
  .brand-mark{
    width:40px;
    height:40px;
    font-size:1.35rem;
  }
  .brand-text strong{font-size:.92rem}
  .brand-text small{font-size:.67rem}
  .top-actions{
    grid-template-columns:1fr;
  }
  .lang{
    justify-content:center;
    width:100%;
  }
  .hero-image figcaption{
    left:12px;
    right:auto;
    bottom:12px;
  }
  .chips{
    gap:10px;
    font-size:.88rem;
  }
  .about-grid article,
  .area-grid article,
  .audience-card,
  .steps article,
  .reviews article,
  .knowledge-list article,
  .team-grid article,
  .contact-card,
  .section-side{
    padding:20px;
    border-radius:22px;
  }
  .icon-list li{
    grid-template-columns:30px 1fr;
  }
  .mini-icon{
    width:30px;
    height:30px;
  }
  .footer{
    padding-bottom:84px;
  }
}


/* V8 balance why-section metrics */
.why-inner{
  grid-template-columns:minmax(0,1fr) minmax(520px,.9fr);
  align-items:center;
}
.metrics{
  grid-template-columns:repeat(2,minmax(210px,1fr));
  max-width:660px;
  width:100%;
  justify-self:end;
  align-content:center;
}
.metrics article{
  min-height:164px;
  padding:28px 22px;
  gap:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.metrics strong{
  font-size:2.4rem;
}
.metrics span{
  max-width:14ch;
  margin:0 auto;
  line-height:1.45;
}
@media (max-width:1380px){
  .why-inner{
    grid-template-columns:minmax(0,1fr) minmax(460px,.92fr);
  }
  .metrics{
    max-width:560px;
  }
}
@media (max-width:1180px){
  .why-inner{
    grid-template-columns:1fr;
  }
  .metrics{
    justify-self:stretch;
    max-width:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:860px){
  .metrics{
    grid-template-columns:1fr;
  }
  .metrics article{
    min-height:132px;
  }
}