:root{
  --x-control-height:48px;
  --x-nav-height:74px;
  --x-announcement-height:34px;
}
.c-btn{
  min-height:var(--x-control-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  max-width:100%;
  padding:11px 24px;
  border:1px solid var(--x-primary);
  border-radius:var(--x-radius-sm);
  background:transparent;
  font-size:var(--x-fs-1);
  font-weight:800;
  letter-spacing:.13em;
  line-height:1.35;
  text-align:center;
  text-transform:uppercase;
  transition:background .18s var(--x-ease),border-color .18s var(--x-ease),color .18s var(--x-ease),transform .18s var(--x-ease);
}
.c-btn:hover{transform:translateY(-1px)}
.c-btn:active{transform:translateY(1px)}
.c-btn-primary{background:var(--x-primary);color:var(--x-white)}
.c-btn-primary:hover{border-color:var(--x-primary-strong);background:var(--x-primary-strong)}
.c-btn-secondary{background:var(--x-white);color:var(--x-primary)}
.c-btn-secondary:hover{background:#F1EEFF}
.c-btn-ghost{border-color:var(--x-line);color:var(--x-ink)}
.c-btn-ghost:hover{border-color:var(--x-accent);color:var(--x-primary)}
.c-btn-small{min-height:38px;padding:8px 15px;font-size:var(--x-fs-0)}
.c-card{
  min-width:0;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-md);
  background:var(--x-white);
}
.c-card-pad{padding:var(--x-space-4)}
.c-card-interactive{transition:border-color .2s var(--x-ease),transform .2s var(--x-ease)}
.c-card-interactive:hover{border-color:rgba(68,48,184,.55);transform:translateY(-2px)}
.c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 8px;
  border:1px solid #DAD5F4;
  border-radius:var(--x-radius-xs);
  background:#F2F0FF;
  color:var(--x-primary);
  font-size:var(--x-fs-0);
  font-weight:800;
  letter-spacing:.1em;
  line-height:1.2;
  text-transform:uppercase;
}
.c-badge-status::before{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--x-green);
  content:"";
}
.c-notice{
  padding:var(--x-space-3);
  border-left:3px solid var(--x-accent);
  background:#F4F2FF;
  color:#393446;
}
.c-table-scroll{
  width:100%;
  overflow-x:auto;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-md);
  background:var(--x-white);
  -webkit-overflow-scrolling:touch;
}
.c-table{
  width:100%;
  min-width:720px;
  border-collapse:collapse;
  table-layout:fixed;
}
.c-table th,.c-table td{
  padding:17px 19px;
  border-right:1px solid var(--x-line);
  border-bottom:1px solid var(--x-line);
  text-align:left;
  vertical-align:top;
}
.c-table th:last-child,.c-table td:last-child{border-right:0}
.c-table tr:last-child td{border-bottom:0}
.c-table th{
  background:var(--x-surface-soft);
  color:var(--x-muted);
  font-size:var(--x-fs-0);
  letter-spacing:.09em;
  text-transform:uppercase;
}
.c-table td{font-size:var(--x-fs-2)}
.c-table code{font-variant-numeric:tabular-nums}
.c-price{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-md);
  background:var(--x-white);
}
.c-price-head,.c-price-main,.c-price-foot{padding:24px 28px}
.c-price-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--x-space-2);
  border-bottom:1px solid var(--x-line);
}
.c-price-head h3{margin:0}
.c-price-spec{margin:5px 0 0;color:var(--x-muted);font-family:var(--x-font-mono);font-size:var(--x-fs-0)}
.c-price-value{
  margin:4px 0 0;
  font-family:var(--x-font-mono);
  font-size:2.4rem;
  font-weight:750;
  line-height:1.2;
  font-variant-numeric:tabular-nums;
}
.c-price-value small{color:var(--x-muted);font-family:var(--x-font-body);font-size:var(--x-fs-2)}
.c-price-cycles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--x-line)}
.c-price-cycle{min-width:0;padding:14px;border-right:1px solid var(--x-line)}
.c-price-cycle:last-child{border-right:0}
.c-price-cycle span,.c-price-cycle b{display:block}
.c-price-cycle span{color:var(--x-muted);font-size:var(--x-fs-0)}
.c-price-cycle b{margin-top:4px;font-family:var(--x-font-mono);font-size:var(--x-fs-2);font-variant-numeric:tabular-nums}
.c-price-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--x-space-2);font-size:var(--x-fs-1)}
.c-faq{border-top:1px solid var(--x-line)}
.c-faq details{border-bottom:1px solid var(--x-line)}
.c-faq summary{
  position:relative;
  display:flex;
  align-items:center;
  min-height:72px;
  padding:20px 46px 20px 0;
  font-weight:750;
  line-height:1.45;
  cursor:pointer;
  list-style:none;
}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary::after{
  position:absolute;
  right:7px;
  top:50%;
  width:9px;
  height:9px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  content:"";
  transform:translateY(-70%) rotate(45deg);
  transition:transform .2s var(--x-ease);
}
.c-faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.c-faq-content{padding:4px 46px 24px 0;color:var(--x-muted)}
.c-faq-content>*:last-child{margin-bottom:0}
.c-field{display:grid;gap:8px;min-width:0}
.c-label{font-size:var(--x-fs-2);font-weight:750}
.c-input,.c-select,.c-textarea{
  width:100%;
  min-width:0;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-sm);
  background:var(--x-white);
  padding:12px 14px;
  transition:border-color .18s var(--x-ease),box-shadow .18s var(--x-ease);
}
.c-input,.c-select{min-height:46px}
.c-textarea{min-height:140px;resize:vertical}
.c-input:focus,.c-select:focus,.c-textarea:focus{
  border-color:var(--x-accent);
  outline:0;
  box-shadow:0 0 0 3px rgba(111,91,227,.12);
}
.c-help{color:var(--x-muted);font-size:var(--x-fs-1)}
.c-filter{display:flex;flex-wrap:wrap;gap:8px}
.c-filter button{
  min-height:38px;
  padding:8px 13px;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-xs);
  background:var(--x-white);
  font-size:var(--x-fs-1);
  font-weight:750;
}
.c-filter button:hover,.c-filter button[aria-pressed="true"]{border-color:var(--x-primary);background:#F2F0FF;color:var(--x-primary)}
.c-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;color:var(--x-muted);font-size:var(--x-fs-1)}
.c-breadcrumb a:hover{color:var(--x-primary)}
.c-breadcrumb span+span::before{margin-right:7px;content:"/"}
.c-checklist{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.c-checklist li{position:relative;padding-left:30px}
.c-checklist li::before{
  position:absolute;
  left:0;
  top:.35em;
  width:18px;
  height:18px;
  border:1px solid rgba(68,48,184,.35);
  border-radius:3px;
  background:#F2F0FF;
  color:var(--x-primary);
  content:"✓";
  font-size:12px;
  font-weight:800;
  line-height:16px;
  text-align:center;
}
.c-spec-sheet{
  overflow:hidden;
  border:1px solid #4A4652;
  border-radius:var(--x-radius-md);
  background:#18171B;
  color:#F4F1F7;
}
.c-spec-sheet-head{padding:17px 20px;border-bottom:1px solid #38353E;color:#AAA6B2;font-family:var(--x-font-mono);font-size:var(--x-fs-0);letter-spacing:.1em}
.c-spec-sheet dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.c-spec-sheet dl div{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:14px 20px;border-right:1px solid #38353E;border-bottom:1px solid #38353E}
.c-spec-sheet dt{color:#918D9A;font-size:var(--x-fs-1)}
.c-spec-sheet dd{margin:0;font-family:var(--x-font-mono);font-size:var(--x-fs-1)}
.c-advisor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--x-line);border-left:1px solid var(--x-line)}
.c-advisor article{min-width:0;padding:24px;border-right:1px solid var(--x-line);border-bottom:1px solid var(--x-line)}
.c-advisor code{color:var(--x-primary);font-size:var(--x-fs-0)}
.c-sla{display:grid;grid-template-columns:230px 1fr;gap:var(--x-space-4);align-items:center;padding:var(--x-space-4);border:1px solid var(--x-line);background:var(--x-white)}
.c-sla-value{font-family:var(--x-font-mono);font-size:4rem;font-weight:750;line-height:1}
.c-sla-bars{display:grid;grid-template-columns:repeat(30,1fr);gap:4px;margin-bottom:15px}
.c-sla-bars i{height:32px;background:var(--x-green);border-radius:2px}
.c-sla-bars i:nth-child(17){background:var(--x-orange)}
.c-quote-strip{border-block:1px solid var(--x-line);background:var(--x-surface)}
.c-quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.c-quote{min-width:0;margin:0;padding:38px 32px;border-right:1px solid var(--x-line)}
.c-quote:first-child{border-left:1px solid var(--x-line)}
.c-quote footer{margin-top:22px;color:var(--x-muted);font-size:var(--x-fs-1);font-weight:750}
.x-announcement{
  min-height:var(--x-announcement-height);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:17px;
  padding:6px 18px;
  background:var(--x-primary);
  color:var(--x-white);
  font-size:var(--x-fs-0);
  font-weight:750;
  letter-spacing:.07em;
  text-align:center;
}
.x-announcement a{border-bottom:1px solid rgba(255,255,255,.7)}
.site-header{
  position:sticky;
  top:0;
  z-index:var(--x-header-z);
  height:var(--x-nav-height);
  display:grid;
  grid-template-columns:1fr auto 1fr auto;
  align-items:center;
  padding:0 36px;
  border-bottom:1px solid rgba(220,217,210,.9);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(16px);
}
.site-brand{
  grid-column:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  font-family:var(--x-font-heading);
  font-size:1.22rem;
  font-weight:750;
  letter-spacing:-.035em;
}
.site-brand img{width:31px;height:31px}
.site-nav{display:flex;align-items:center;gap:25px;min-width:0}
.site-nav-left{grid-column:1;grid-row:1;justify-content:flex-end;margin-right:50px}
.site-nav-right{grid-column:3;grid-row:1;justify-content:flex-start;margin-left:50px}
.site-nav a{
  position:relative;
  font-size:var(--x-fs-0);
  font-weight:800;
  letter-spacing:.14em;
  line-height:1;
}
.site-nav a:hover,.site-nav a.active{color:var(--x-primary)}
.site-nav a.active::after{position:absolute;left:0;right:.14em;bottom:-13px;height:2px;background:var(--x-primary);content:""}
.site-header-tools{
  grid-column:4;
  grid-row:1;
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:22px;
}
.site-lang{position:relative}
.site-lang-button{
  min-height:36px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-sm);
  background:var(--x-white);
  font-size:var(--x-fs-0);
  font-weight:750;
}
.site-lang-button svg{width:15px;height:15px}
.site-lang-menu{
  position:absolute;
  top:44px;
  right:0;
  width:154px;
  display:none;
  padding:7px;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-sm);
  background:var(--x-white);
  box-shadow:var(--x-shadow-soft);
}
.site-lang.is-open .site-lang-menu{display:block}
.site-lang-menu a{display:block;padding:8px 9px;border-radius:3px;font-size:var(--x-fs-1)}
.site-lang-menu a:hover,.site-lang-menu a[aria-current="true"]{background:#F2F0FF;color:var(--x-primary)}
.site-portal{min-height:36px;padding:7px 11px}
.site-menu-button{
  width:38px;
  height:38px;
  display:none;
  align-items:center;
  justify-content:center;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-sm);
  background:var(--x-white);
}
.site-menu-button span,.site-menu-button span::before,.site-menu-button span::after{
  width:16px;
  height:1.5px;
  display:block;
  background:var(--x-ink);
  content:"";
}
.site-menu-button span{position:relative}
.site-menu-button span::before{position:absolute;top:-5px}
.site-menu-button span::after{position:absolute;top:5px}
.site-footer{padding:70px 0 30px;background:#111014;color:#F5F3F7}
.site-footer h2,.site-footer h3{color:#F5F3F7}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:48px;padding-bottom:48px;border-bottom:1px solid #302E34}
.footer-brand{display:flex;align-items:center;gap:9px;width:max-content;font-family:var(--x-font-heading);font-size:1.25rem;font-weight:750}
.footer-brand img{width:32px;height:32px}
.footer-summary{max-width:330px;margin:18px 0;color:#9995A1;font-size:var(--x-fs-2)}
.footer-mail{color:#DCD8E3;font-family:var(--x-font-mono);font-size:var(--x-fs-1)}
.footer-col h3{margin:4px 0 16px;color:#7D7985;font-family:var(--x-font-body);font-size:var(--x-fs-0);letter-spacing:.14em;text-transform:uppercase}
.footer-col a{display:block;margin:10px 0;color:#C4C0CA;font-size:var(--x-fs-1)}
.footer-col a:hover{color:var(--x-white)}
.footer-hotwords{display:flex;flex-wrap:wrap;gap:8px;padding:26px 0;border-bottom:1px solid #302E34}
.footer-hotwords a{padding:6px 9px;border:1px solid #37343C;border-radius:var(--x-radius-xs);color:#918D98;font-size:var(--x-fs-0)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;color:#7C7884;font-family:var(--x-font-mono);font-size:var(--x-fs-0)}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:19px}
@media(max-width:1180px){
  .site-header{grid-template-columns:auto 1fr auto;padding:0 20px}
  .site-brand{grid-column:1;justify-content:flex-start}
  .site-nav{
    position:absolute;
    top:calc(100% + 1px);
    left:0;
    right:0;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    margin:0;
    padding:10px 20px 18px;
    border-bottom:1px solid var(--x-line);
    background:var(--x-white);
  }
  .site-nav-left{grid-column:auto;grid-row:auto}
  .site-nav-right{display:none !important}
  .site-header.menu-open .site-nav{display:flex}
  .site-nav a{padding:12px 4px}
  .site-nav a.active::after{display:none}
  .site-header-tools{position:static;grid-column:3;transform:none}
  .site-menu-button{display:flex}
}
@media(max-width:760px){
  .c-price-cycles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-price-cycle:nth-child(2){border-right:0}
  .c-price-cycle:nth-child(-n+2){border-bottom:1px solid var(--x-line)}
  .c-price-foot{align-items:flex-start;flex-direction:column}
  .c-advisor,.c-quote-grid{grid-template-columns:1fr}
  .c-quote{border-left:1px solid var(--x-line)}
  .c-sla{grid-template-columns:1fr}
  .c-spec-sheet dl{grid-template-columns:1fr}
  .site-footer{padding-top:52px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:35px}
  .footer-bottom{align-items:flex-start;flex-direction:column}
}
@media(max-width:460px){
  .site-header{height:66px;padding:0 10px}
  .site-brand{gap:6px;font-size:1rem}
  .site-brand img{width:27px;height:27px}
  .site-header-tools{gap:4px}
  .site-lang-button{padding:6px;font-size:10px}
  .site-lang-button svg{display:none}
  .site-portal{min-height:34px;padding:6px 7px;font-size:9px;letter-spacing:.06em}
  .site-menu-button{width:34px;height:34px}
  .x-announcement{font-size:10px;letter-spacing:.03em}
  .footer-grid{grid-template-columns:1fr}
  .c-card-pad{padding:var(--x-space-3)}
}