
:root{
  --navy:#061A3E;
  --navy2:#0B2B66;
  --blue:#1763FF;
  --blue2:#538DFF;
  --sky:#EAF2FF;
  --light:#F7FAFF;
  --line:#D9E5F4;
  --text:#16253D;
  --muted:#5C6E8A;
  --white:#FFFFFF;
  --green:#2DBA6C;
  --purple:#7B5CFF;
  --orange:#FF9E2C;
  --pink:#FF5AA4;
  --teal:#2CB7D8;
  --card-shadow:0 14px 40px rgba(6,26,62,.08);
  --soft-shadow:0 10px 24px rgba(6,26,62,.05);
  --radius:24px;
  --radius-sm:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#ffffff 0%, #f9fbff 100%);
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.topbar{
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.92); backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(217,229,244,.9);
}
.nav{
  min-height:84px;
  display:flex; align-items:center; justify-content:space-between; gap:22px;
}
.brand img{height:50px; width:auto}
.menu{
  display:flex; align-items:center; gap:24px;
  font-size:14px; font-weight:800; color:var(--navy);
}
.menu a{opacity:.88}
.menu a:hover,.menu a.active{opacity:1; color:var(--blue)}
.lang-select{
  border:1px solid var(--line);
  border-radius:999px;
  padding:10px 14px;
  background:#fff;
  color:var(--navy);
  font-weight:900;
}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:14px 22px; border-radius:14px; font-weight:900; font-size:14px;
  border:1px solid transparent; cursor:pointer; transition:.2s ease;
}
.btn-primary{
  color:#fff; background:linear-gradient(135deg, var(--blue), #2F79FF);
  box-shadow:0 12px 25px rgba(23,99,255,.26);
}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 18px 35px rgba(23,99,255,.3)}
.btn-secondary{
  color:var(--blue); background:#fff; border-color:#b7cdf9;
}
.btn-secondary:hover{background:var(--sky)}
.hero{
  padding:72px 0 54px;
  background:
    radial-gradient(circle at 82% 20%, rgba(83,141,255,.12), transparent 28%),
    radial-gradient(circle at 14% 28%, rgba(23,99,255,.07), transparent 24%),
    linear-gradient(180deg,#fff 0%, #fbfdff 100%);
}
.hero-grid{
  display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center;
}
.kicker{
  display:inline-flex; align-items:center; gap:10px;
  color:var(--blue); font-size:12px; letter-spacing:.14em; font-weight:950;
  text-transform:uppercase; margin-bottom:18px;
}
.kicker-dot{
  width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--purple));
}
h1{
  margin:0 0 20px; color:var(--navy);
  font-size:62px; line-height:1.03; letter-spacing:-2.8px;
}
h2{
  margin:0 0 14px; color:var(--navy);
  font-size:40px; line-height:1.12; letter-spacing:-1.4px;
}
h3{margin:0 0 8px; color:var(--navy); font-size:22px}
p{margin:0 0 16px; font-size:17px; line-height:1.68; color:var(--muted)}
.lead{font-size:20px; color:#42546F}
.subclaim{font-size:21px; font-weight:900; color:var(--blue); margin-bottom:18px}
.actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:26px}
.badges{
  display:flex; gap:16px; flex-wrap:wrap; margin-top:28px;
}
.badge{
  display:inline-flex; align-items:center; gap:10px;
  padding:9px 12px; border-radius:999px; border:1px solid var(--line);
  background:#fff; color:var(--navy); font-size:13px; font-weight:850;
}
.badge i{
  width:24px; height:24px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center;
  background:#f1f6ff; color:var(--blue); font-style:normal; font-weight:950;
}
.panel{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--card-shadow); padding:22px;
}
.dashboard{position:relative; overflow:hidden}
.dashboard:before{
  content:""; position:absolute; right:-42px; top:-42px; width:160px; height:160px; border-radius:50%;
  background:radial-gradient(circle, rgba(83,141,255,.15) 0, rgba(83,141,255,0) 70%);
}
.metrics{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:16px}
.metric{
  border:1px solid #e2ebf8; border-radius:16px; background:#fff; padding:16px;
  min-height:92px;
}
.metric span{display:block; color:#6b7c95; font-size:12px; font-weight:800}
.metric strong{display:block; color:var(--navy); font-size:25px; margin-top:8px}
.metric em{display:block; font-style:normal; color:var(--green); font-size:12px; font-weight:900; margin-top:6px}
.chart-grid{display:grid; grid-template-columns:1.1fr .75fr; gap:12px}
.chart-card, .mini-card{
  border:1px solid #e2ebf8; border-radius:16px; background:#fff;
}
.chart-card{padding:16px}
.chart-title{
  display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;
  color:var(--navy); font-weight:900; font-size:14px;
}
.chart-svg{height:160px}
.chart-svg svg{width:100%; height:100%}
.activity-list{padding:16px}
.activity-list ul{margin:0;padding:0;list-style:none}
.activity-list li{
  display:flex; justify-content:space-between; gap:14px; padding:11px 0; border-bottom:1px solid #eef3fb;
  font-size:13px; color:#556783; line-height:1.45;
}
.activity-list li:last-child{border-bottom:0}
.dot{
  width:10px; height:10px; border-radius:50%; display:inline-block; margin-right:8px;
}
.ring-box, .channels-box{
  padding:16px;
}
.ring{
  margin:8px auto 10px; width:148px; height:148px; border-radius:50%;
  background:conic-gradient(var(--blue) 0 92%, #d7e5fb 92% 100%);
  position:relative;
}
.ring:after{
  content:""; position:absolute; inset:18px; border-radius:50%; background:#fff;
  box-shadow:inset 0 0 0 1px #eef3fb;
}
.ring-content{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column;
  z-index:2;
}
.ring strong{font-size:34px; color:var(--navy)}
.ring span{font-size:12px; color:#6d7e98; font-weight:800}
.channels-box .row{
  display:grid; grid-template-columns:78px 1fr 42px; gap:10px; align-items:center; margin:10px 0;
  font-size:12px; color:#62748f; font-weight:800;
}
.bar{
  height:8px; border-radius:999px; background:#edf3fd; overflow:hidden;
}
.bar span{display:block; height:100%; border-radius:999px}
.section{padding:74px 0; border-top:1px solid #eef3fb}
.center{text-align:center; max-width:850px; margin:0 auto 36px}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:20px}
.card{
  background:#fff; border:1px solid var(--line); border-radius:20px; padding:24px;
  box-shadow:var(--soft-shadow); transition:.2s ease;
}
.card:hover{transform:translateY(-2px); box-shadow:var(--card-shadow)}
.solution-card{
  display:flex; gap:18px; align-items:flex-start;
}
.icon-badge{
  width:56px; height:56px; border-radius:18px; display:flex; align-items:center; justify-content:center;
  font-size:28px; font-weight:900; flex:0 0 auto; color:#fff;
  box-shadow:0 10px 20px rgba(0,0,0,.08);
}
.icon-blue{background:linear-gradient(135deg,#1763FF,#4C8BFF)}
.icon-purple{background:linear-gradient(135deg,#7B5CFF,#A18BFF)}
.icon-green{background:linear-gradient(135deg,#22BA69,#52D88E)}
.icon-orange{background:linear-gradient(135deg,#FF9821,#FFBA56)}
.icon-navy{background:linear-gradient(135deg,#113B83,#1763FF)}
.icon-pink{background:linear-gradient(135deg,#FF4A93,#FF7DB4)}
.clean-list, .rich-list{
  list-style:none; padding:0; margin:14px 0 0;
}
.clean-list li, .rich-list li{
  position:relative; padding:8px 0 8px 28px; color:#475B77; line-height:1.48;
}
.clean-list li:before, .rich-list li:before{
  content:"✓"; position:absolute; left:0; color:var(--blue); font-weight:950;
}
.approach-line{
  display:grid; grid-template-columns:repeat(5,1fr); gap:18px; position:relative;
}
.approach-line:before{
  content:""; position:absolute; left:9%; right:9%; top:40px; height:2px;
  background:linear-gradient(90deg,#bdd3ff,#d7e4ff);
}
.step-card{
  position:relative; text-align:center; padding-top:0;
}
.step-icon{
  width:78px; height:78px; border-radius:50%; margin:0 auto 18px;
  display:flex; align-items:center; justify-content:center; font-size:34px; font-weight:950;
  background:#fff; border:1px solid var(--line); box-shadow:var(--soft-shadow);
  position:relative; z-index:2;
}
.step-number{
  display:inline-flex; width:28px; height:28px; border-radius:50%; align-items:center; justify-content:center;
  background:var(--blue); color:#fff; font-weight:900; font-size:13px; margin-bottom:10px;
}
.small-pills{
  display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:18px;
}
.pill{
  border:1px solid #bfd2f7; color:var(--blue); background:#fff; border-radius:999px;
  padding:11px 14px; font-size:13px; font-weight:850;
}
.pricing{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
}
.price-card{
  background:#fff; border:1px solid var(--line); border-radius:22px; padding:26px;
  box-shadow:var(--soft-shadow); position:relative;
}
.price-card.featured{
  border-color:#9fc1ff; box-shadow:0 20px 50px rgba(23,99,255,.14);
  transform:translateY(-4px);
}
.price-top{
  border-top:5px solid var(--blue);
}
.price-top.purple{border-top-color:var(--purple)}
.price-top.green{border-top-color:var(--green)}
.price-top.navy{border-top-color:var(--navy)}
.tag{
  position:absolute; top:-12px; left:22px; padding:6px 14px; border-radius:999px;
  background:var(--blue); color:#fff; font-size:12px; font-weight:900;
}
.price-name{font-size:30px; color:var(--navy); font-weight:950; margin:6px 0}
.price-sub{font-size:14px; color:#647691; font-weight:700}
.payuse{
  margin-top:18px; padding:12px; border-radius:12px; background:#f5f8fe; color:var(--navy);
  font-weight:850; font-size:13px; text-align:center;
}
.trust-band{
  background:linear-gradient(90deg,#041B46,#0B3277);
  color:#fff;
}
.trust-row{
  display:grid; grid-template-columns:repeat(4,1fr); gap:24px;
}
.trust-item{
  display:flex; gap:14px; align-items:flex-start;
}
.trust-item .icon-badge{
  width:52px; height:52px; border-radius:16px; font-size:24px;
  background:rgba(255,255,255,.08); box-shadow:none; color:#fff; border:1px solid rgba(255,255,255,.12);
}
.trust-item p,.trust-item h3{color:#fff}
.trust-item p{margin:0;color:#D8E5FF; font-size:15px}
.cta-strip{
  background:#fff;
}
.cta-box{
  display:grid; grid-template-columns:94px 1fr auto auto; gap:24px; align-items:center;
  background:linear-gradient(180deg,#fff,#fcfdff);
  border:1px solid var(--line); border-radius:24px; padding:24px 26px; box-shadow:var(--soft-shadow);
}
.cta-mark{
  width:76px;height:76px;border-radius:22px;background:linear-gradient(135deg,#edf4ff,#ffffff);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
}
.cta-mark img{width:48px;height:48px}
.page-hero{
  padding:66px 0 42px;
  background:
    radial-gradient(circle at 84% 18%, rgba(83,141,255,.11), transparent 26%),
    linear-gradient(180deg,#ffffff 0%, #f6faff 100%);
  border-bottom:1px solid #eef3fb;
}
.page-grid{display:grid; grid-template-columns:.95fr 1.05fr; gap:34px; align-items:start}
.note{
  border-left:4px solid var(--blue); padding:18px 20px; border-radius:14px;
  background:linear-gradient(180deg,#f4f8ff,#fbfdff); color:var(--navy); font-weight:800;
}
.table-wrap{
  overflow:auto; background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:var(--soft-shadow);
}
table{width:100%; min-width:760px; border-collapse:collapse}
th,td{padding:16px; border-bottom:1px solid #eaf0f8; text-align:left; vertical-align:top}
th{background:#f6faff; color:var(--navy); font-size:13px; font-weight:900; letter-spacing:.04em; text-transform:uppercase}
td{color:#4C5F7B; line-height:1.48}
.tabs{
  display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-bottom:24px;
}
.tab-button{
  padding:12px 16px; border:1px solid var(--line); border-radius:999px; background:#fff;
  color:var(--navy); font-weight:900; cursor:pointer;
}
.tab-button.active{background:linear-gradient(135deg,var(--blue),#2F79FF); color:#fff; border-color:transparent}
.tab-panel{display:none}
.tab-panel.active{display:grid}
.form{
  display:grid; grid-template-columns:1fr 1fr; gap:14px;
}
.form label{
  font-size:13px; color:var(--navy); font-weight:850;
}
.form input,.form select,.form textarea{
  width:100%; margin-top:7px; padding:13px 14px;
  border-radius:13px; border:1px solid var(--line); background:#fff;
  color:var(--navy); font:inherit;
}
.form textarea{min-height:132px; resize:vertical}
.full{grid-column:1 / -1}
.footer{
  background:linear-gradient(90deg,#041B46,#0A2E70);
  color:#fff;
  padding:48px 0 28px;
}
.footer-top{
  display:grid; grid-template-columns:1.15fr .7fr .7fr .8fr .7fr; gap:26px;
  align-items:start;
}
.footer a,.footer p{color:#D8E5FF; font-size:14px}
.footer-brand img{height:56px; width:auto}
.footer-small{
  margin-top:24px; padding-top:18px; border-top:1px solid rgba(255,255,255,.12);
  display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; color:#D8E5FF; font-size:13px;
}
.mobile-lang{display:none}
.social{
  display:inline-flex; width:36px; height:36px; border-radius:10px; align-items:center; justify-content:center;
  border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.08);
}
.logo-footer-big{
  max-width:360px; margin-bottom:14px;
}
@media(max-width:1040px){
  .hero-grid,.page-grid,.grid-2,.cta-box{grid-template-columns:1fr}
  .approach-line,.pricing,.trust-row,.grid-3{grid-template-columns:1fr}
  .metrics{grid-template-columns:repeat(2,1fr)}
  .chart-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .cta-box{gap:18px}
}
@media(max-width:860px){
  h1{font-size:44px}
  h2{font-size:32px}
  .menu{display:none}
  .mobile-lang{display:inline-flex}
}
@media(max-width:640px){
  .container{padding:0 18px}
  .form{grid-template-columns:1fr}
  .metrics{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .actions{flex-direction:column}
  .btn{width:100%}
}


/* v2 refinements */
.footer a:hover { color:#ffffff; text-decoration:underline; }
.legal-content h2 { margin-top:34px; font-size:30px; }
.legal-content h3 { margin-top:24px; font-size:22px; }
.legal-content p, .legal-content li { color:#4D607D; }
.legal-content ul { margin:10px 0 0; padding-left:22px; }
.solution-deep-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:24px; }
.solution-deep-card { background:#fff; border:1px solid var(--line); border-radius:20px; padding:24px; box-shadow:var(--soft-shadow); }
.solution-deep-card h3 { display:flex; align-items:center; gap:12px; }
.service-table td strong { color:var(--navy); }
.contact-centered { max-width:760px; margin:0 auto; }
.contact-centered .form { grid-template-columns:1fr 1fr; }
.contact-centered .btn { min-width:220px; }
.form-note { text-align:center; max-width:780px; margin:0 auto 28px; }
.footer-top p { margin:0 0 10px; }
.footer-top h3 { margin-bottom:16px; }
.logo-footer-big { height:auto !important; max-width:480px; width:100%; }
@media(max-width:1040px){
  .solution-deep-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .contact-centered .form { grid-template-columns:1fr; }
  .contact-centered .btn { width:100%; }
  .footer-top{grid-template-columns:1fr !important}
  .footer-brand .logo-footer-big{max-width:100%}
  h1{font-size:38px !important; letter-spacing:-1.5px}
  h2{font-size:29px !important}
  .hero{padding:48px 0 36px}
  .section{padding:52px 0}
  .panel,.card,.price-card{padding:20px}
  .approach-line:before{display:none}
  .step-icon{width:64px;height:64px;font-size:28px}
  .cta-box{padding:20px}
}
@media(max-width:480px){
  .brand img{height:40px}
  .container{padding:0 16px}
  .metric strong{font-size:22px}
  .price-name{font-size:24px}
  .badges{gap:10px}
  .badge{font-size:12px}
}


/* v3 dynamic solutions */
.footer-solution-select{
  width:100%;
  max-width:220px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:12px;
  padding:11px 12px;
  font-weight:850;
  outline:none;
}
.footer-solution-select option{color:#061A3E;background:#fff}
.footer-hint{font-size:13px;color:#D8E5FF;margin-top:10px;line-height:1.5}
.solution-dynamic-layout{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:24px;
  align-items:start;
}
.solution-choices{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:14px;
  box-shadow:var(--soft-shadow);
  position:sticky;
  top:104px;
}
.solution-choice{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid transparent;
  background:transparent;
  color:var(--navy);
  border-radius:16px;
  padding:14px;
  font:inherit;
  font-weight:900;
  cursor:pointer;
  text-align:left;
  transition:.2s ease;
}
.solution-choice span{
  width:36px;
  height:36px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#F0F6FF;
  color:var(--blue);
  flex:0 0 auto;
}
.solution-choice:hover{
  background:#F7FAFF;
  border-color:#D8E6FF;
}
.solution-choice.active{
  background:linear-gradient(135deg,var(--blue),#2F79FF);
  color:#fff;
  box-shadow:0 12px 24px rgba(23,99,255,.22);
}
.solution-choice.active span{
  background:rgba(255,255,255,.18);
  color:#fff;
}
.solution-detail{
  display:none;
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:30px;
  box-shadow:var(--card-shadow);
}
.solution-detail.active{display:block}
.solution-detail-header{
  display:flex;
  align-items:flex-start;
  gap:20px;
  margin-bottom:22px;
}
.solution-detail-header .icon-badge{
  width:70px;
  height:70px;
  font-size:32px;
}
.solution-meta-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:22px;
}
.solution-meta{
  background:#F7FAFF;
  border:1px solid #E4ECFA;
  border-radius:18px;
  padding:18px;
}
.solution-meta h3{font-size:18px;margin-bottom:8px}
.solution-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}
@media(max-width:900px){
  .solution-dynamic-layout{grid-template-columns:1fr}
  .solution-choices{position:relative; top:auto}
  .solution-meta-grid{grid-template-columns:1fr}
}

/* v4 footer link correction */
.footer-top p a {
  display:inline-block;
  padding:2px 0;
}
.footer-top p a:hover {
  color:#ffffff;
  text-decoration:underline;
}


/* v5 audit + mobile navigation */
.mobile-page-nav {
  display:none;
  border-top:1px solid rgba(217,229,244,.85);
  background:rgba(255,255,255,.96);
}
.mobile-page-nav .container {
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-top:10px;
  padding-bottom:10px;
}
.mobile-page-nav a {
  flex:0 0 auto;
  border:1px solid var(--line);
  background:#fff;
  color:var(--navy);
  border-radius:999px;
  padding:9px 12px;
  font-size:13px;
  font-weight:850;
}
.mobile-page-nav a.active {
  background:var(--blue);
  color:#fff;
  border-color:var(--blue);
}
@media(max-width:860px){
  .mobile-page-nav{display:block}
  .topbar{position:sticky}
  .nav{min-height:70px}
}

/* v6 footer/legal/mobile refinement */
.lang-select,.mobile-lang{display:none!important}
.footer{padding:42px 0 24px}
.footer-top{grid-template-columns:1.65fr .78fr .78fr .72fr .72fr!important;gap:22px}
.logo-footer-big{width:100%!important;max-width:520px!important;height:auto!important;margin-bottom:8px!important}
.footer-top h3{margin:0 0 12px!important;line-height:1.25}
.footer-top p{margin:0 0 6px!important;line-height:1.28!important}
.footer-top p a{display:inline-block;padding:1px 0}
.footer-top p a:hover{color:#fff;text-decoration:underline}
.footer-small{margin-top:20px;padding-top:14px}
.footer-language-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.footer-language-links a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.07);color:#D8E5FF;font-size:13px;font-weight:900}
.footer-language-links a:hover,.footer-language-links a.active{background:#1763FF;border-color:#1763FF;color:#fff;text-decoration:none}
.legal-center-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.legal-card-link{display:block;height:100%}
.legal-card-link .card{height:100%}
.mobile-page-nav .container{scrollbar-width:none}
.mobile-page-nav .container::-webkit-scrollbar{display:none}
@media(max-width:1120px){.footer-top{grid-template-columns:1fr 1fr!important}.footer-brand{grid-column:1/-1}.logo-footer-big{max-width:620px!important}}
@media(max-width:760px){.footer{padding:34px 0 22px}.footer-top{grid-template-columns:1fr!important;gap:18px}.footer-top h3{margin-bottom:8px!important}.footer-top p{margin-bottom:5px!important}.logo-footer-big{max-width:100%!important}.legal-center-grid{grid-template-columns:1fr}.footer-small{display:block}.footer-small div{margin-bottom:8px}.nav{min-height:68px}.brand img{height:42px}.mobile-page-nav .container{padding-top:8px;padding-bottom:8px}.mobile-page-nav a{padding:8px 11px;font-size:12px}}
@media(max-width:420px){h1{font-size:34px!important}.lead{font-size:17px}.hero-grid{gap:28px}}


/* v7 legal center GUI + stronger footer language selector */
.footer-top{
  align-items:start;
}
.footer-brand-image{
  display:block;
  width:52%;
  max-width:420px;
  min-width:240px;
  height:auto;
  margin:0 0 8px;
  border-radius:12px;
}
.footer-language-block{
  margin-top:10px;
}
.footer-language-title{
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#DCE8FF;
  margin-bottom:10px;
}
.footer-language-links{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.footer-language-links a{
  min-width:48px;
  height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.26);
  background:rgba(255,255,255,.10);
  color:#FFFFFF;
  font-weight:900;
  font-size:13px;
  box-shadow:0 6px 18px rgba(0,0,0,.10);
}
.footer-language-links a:hover{
  background:rgba(255,255,255,.18);
}
.footer-language-links a.active{
  background:#FFFFFF;
  color:#1763FF;
  border-color:#FFFFFF;
}
.footer-top h3{
  margin-bottom:10px !important;
}
.footer-top p{
  margin-bottom:5px !important;
  line-height:1.24 !important;
}
.legal-dynamic-layout{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:24px;
  align-items:start;
}
.legal-choices{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:14px;
  box-shadow:var(--soft-shadow);
  position:sticky;
  top:104px;
}
.legal-choice-title{
  padding:10px 14px 8px;
  margin:0;
}
.legal-choice{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid transparent;
  background:transparent;
  color:var(--navy);
  border-radius:16px;
  padding:14px;
  font:inherit;
  font-weight:900;
  cursor:pointer;
  text-align:left;
  transition:.2s ease;
}
.legal-choice span{
  width:36px;
  height:36px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#F0F6FF;
  color:var(--blue);
  flex:0 0 auto;
  font-weight:900;
}
.legal-choice:hover{
  background:#F7FAFF;
  border-color:#D8E6FF;
}
.legal-choice.active{
  background:linear-gradient(135deg,var(--blue),#2F79FF);
  color:#fff;
  box-shadow:0 12px 24px rgba(23,99,255,.22);
}
.legal-choice.active span{
  background:rgba(255,255,255,.18);
  color:#fff;
}
.legal-detail{
  display:none;
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:30px;
  box-shadow:var(--card-shadow);
}
.legal-detail.active{
  display:block;
}
.legal-detail-header{
  display:flex;
  align-items:flex-start;
  gap:20px;
  margin-bottom:22px;
}
.legal-detail-header .icon-badge{
  width:70px;
  height:70px;
  font-size:30px;
}
.legal-meta-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:22px;
}
.legal-meta{
  background:#F7FAFF;
  border:1px solid #E4ECFA;
  border-radius:18px;
  padding:18px;
}
.legal-meta h3{
  font-size:18px;
  margin-bottom:8px;
}
.legal-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}
@media(max-width:1100px){
  .footer-brand-image{
    width:60%;
    max-width:420px;
  }
}
@media(max-width:900px){
  .legal-dynamic-layout{
    grid-template-columns:1fr;
  }
  .legal-choices{
    position:relative;
    top:auto;
  }
  .legal-meta-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .footer-brand-image{
    width:88%;
    max-width:360px;
    min-width:0;
  }
  .footer-language-links{
    gap:8px;
  }
  .footer-language-links a{
    min-width:44px;
    height:36px;
    font-size:12px;
  }
}


/* v8 footer logo and Legal Center action cleanup */
.footer-brand-image{
  width:75% !important;
  max-width:735px !important;
  min-width:300px !important;
  height:auto !important;
  border-radius:12px;
}
.legal-actions .btn-primary[href$=".html"]{
  display:none !important;
}
.legal-actions{
  margin-top:22px;
}
@media(max-width:1100px){
  .footer-brand-image{
    width:75% !important;
    max-width:640px !important;
  }
}
@media(max-width:760px){
  .footer-brand-image{
    width:100% !important;
    max-width:460px !important;
    min-width:0 !important;
  }
}


/* v9 header logo + footer without image */
.brand img{
  height:66px !important;
  width:auto !important;
}
.footer-brand-text{
  padding-right:14px;
}
.footer-brand-name{
  font-size:32px;
  line-height:1;
  font-weight:900;
  color:#FFFFFF;
  letter-spacing:-0.02em;
  margin-bottom:14px;
}
.footer-brand-line{
  color:#D7E4FF;
  max-width:420px;
  margin:0 0 8px !important;
  line-height:1.35 !important;
}
.footer-brand-image{
  display:none !important;
}
@media(max-width:900px){
  .brand img{
    height:56px !important;
  }
}
@media(max-width:760px){
  .brand img{
    height:48px !important;
  }
  .footer-brand-name{
    font-size:28px;
  }
}


/* v11 requested refinements */
.brand img{
  height:104px !important;
  width:auto !important;
  max-width:520px !important;
  object-fit:contain;
}
.nav{
  min-height:116px !important;
}
.footer-top-clean{
  grid-template-columns:repeat(4, minmax(150px,1fr)) !important;
}
.footer-brand-text{
  display:none !important;
}
.footer-brand-name,
.footer-brand-line,
.footer-brand-image,
.logo-footer-big{
  display:none !important;
}
@media(max-width:1100px){
  .brand img{
    height:86px !important;
    max-width:430px !important;
  }
  .nav{
    min-height:100px !important;
  }
  .footer-top-clean{
    grid-template-columns:repeat(2, minmax(150px,1fr)) !important;
  }
}
@media(max-width:760px){
  .brand img{
    height:64px !important;
    max-width:300px !important;
  }
  .nav{
    min-height:78px !important;
  }
  .footer-top-clean{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:420px){
  .brand img{
    height:54px !important;
    max-width:250px !important;
  }
}


/* v12 requested refinements */
body{
  background:linear-gradient(180deg,#ffffff 0%, #f9fbff 100%);
}
.topbar{
  background:#FFFFFF !important;
  backdrop-filter:none !important;
  border-bottom:1px solid rgba(217,229,244,.95);
}
.brand img{
  height:156px !important;
  width:auto !important;
  max-width:720px !important;
  object-fit:contain;
}
.nav{
  min-height:170px !important;
}
.footer-top-clean{
  grid-template-columns:repeat(4, minmax(150px,1fr)) !important;
}
.footer-top-clean .footer-language-links{
  margin-top:10px;
}
.service-model-home .pricing{
  margin-top:32px;
}
.office-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:28px;
}
.office-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--card-shadow);
}
.office-image{
  width:100%;
  height:260px;
  object-fit:cover;
  background:#F5F9FF;
}
.office-content{
  padding:24px;
}
.office-kicker{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:#EEF4FF;
  color:var(--blue);
  font-weight:900;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.office-content h3{
  margin-bottom:10px;
}
.solution-actions .btn-secondary{
  display:none !important;
}
@media(max-width:1100px){
  .brand img{
    height:132px !important;
    max-width:580px !important;
  }
  .nav{
    min-height:144px !important;
  }
}
@media(max-width:900px){
  .office-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .brand img{
    height:96px !important;
    max-width:360px !important;
  }
  .nav{
    min-height:106px !important;
  }
  .footer-top-clean{
    grid-template-columns:1fr !important;
  }
  .office-image{
    height:220px;
  }
}
@media(max-width:420px){
  .brand img{
    height:76px !important;
    max-width:280px !important;
  }
}


/* v13 centered original logo header */
.topbar,
.topbar-centered{
  background:#FFFFFF !important;
  backdrop-filter:none !important;
  border-bottom:1px solid rgba(217,229,244,.95) !important;
}
.nav-stacked{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  min-height:auto !important;
  padding:26px 24px 18px !important;
}
.brand-centered{
  width:100%;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.brand-centered img{
  width:min(92vw, 980px) !important;
  max-width:980px !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
}
.menu-centered{
  width:100%;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:24px !important;
  text-align:center !important;
}
.menu-centered .btn{
  margin-left:8px;
}
body{
  background:linear-gradient(180deg,#ffffff 0%, #f9fbff 100%) !important;
}
@media(max-width:1200px){
  .brand-centered img{
    width:min(92vw, 880px) !important;
    max-width:880px !important;
  }
}
@media(max-width:900px){
  .nav-stacked{
    padding:18px 20px 12px !important;
    gap:12px !important;
  }
  .brand-centered img{
    width:min(94vw, 720px) !important;
    max-width:720px !important;
  }
}
@media(max-width:760px){
  .nav-stacked{
    padding:14px 16px 10px !important;
  }
  .menu-centered{
    display:none !important;
  }
  .brand-centered img{
    width:min(94vw, 560px) !important;
    max-width:560px !important;
  }
  .mobile-page-nav{
    display:block;
  }
}
@media(max-width:420px){
  .brand-centered img{
    width:96vw !important;
    max-width:96vw !important;
  }
}


/* v15: smaller centered header logo */
.brand-centered img{
  width:min(84vw, 820px) !important;
  max-width:820px !important;
  height:auto !important;
}
.nav-stacked{
  gap:10px !important;
  padding:20px 24px 14px !important;
}
.menu-centered{
  gap:20px !important;
}
@media(max-width:1200px){
  .brand-centered img{
    width:min(88vw, 740px) !important;
    max-width:740px !important;
  }
}
@media(max-width:900px){
  .brand-centered img{
    width:min(92vw, 620px) !important;
    max-width:620px !important;
  }
  .nav-stacked{
    padding:16px 20px 10px !important;
    gap:9px !important;
  }
}
@media(max-width:760px){
  .brand-centered img{
    width:min(92vw, 500px) !important;
    max-width:500px !important;
  }
  .nav-stacked{
    padding:12px 16px 8px !important;
  }
}
@media(max-width:420px){
  .brand-centered img{
    width:94vw !important;
    max-width:94vw !important;
  }
}
