.c-btn{
  min-height:44px;
  padding:10px 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:fit-content;
  border:1px solid var(--color-line-strong);
  border-radius:var(--radius-control);
  background:var(--color-white);
  color:var(--color-ink);
  font-size:var(--text-sm);
  font-weight:650;
  line-height:1.25;
  text-align:center;
  cursor:pointer;
  transition:transform .18s var(--ease),border-color .18s ease,background .18s ease,box-shadow .18s ease
}
.c-btn:hover{transform:translateY(-1px);border-color:#bdc8c8}
.c-btn:active{transform:translateY(0);box-shadow:none}
.c-btn--primary{color:var(--color-white);background:var(--color-ink);border-color:var(--color-ink);box-shadow:0 5px 14px rgba(8,9,10,.14)}
.c-btn--primary:hover{background:#202325;border-color:#202325;box-shadow:0 8px 20px rgba(8,9,10,.18)}
.c-btn--accent{color:var(--color-white);background:var(--color-primary);border-color:var(--color-primary)}
.c-btn--accent:hover{background:#00769e;border-color:#00769e}
.c-btn--ghost{background:transparent;border-color:var(--color-line-strong)}
.c-btn--small{min-height:36px;padding:7px 13px;font-size:var(--text-xs)}
.c-btn--block{width:100%}
.c-card{
  min-width:0;
  padding:var(--space-6);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-warm)
}
.c-card--surface{background:var(--color-surface)}
.c-card--line{background:var(--color-white);border:1px solid var(--color-line)}
.c-card--dark{color:var(--color-white);background:var(--color-dark)}
.c-card--dark p{color:#93a5aa}
.c-card h3:last-child,.c-card p:last-child{margin-bottom:0}
.c-badge{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  gap:8px;
  width:fit-content;
  min-height:30px;
  padding:5px 10px;
  border:1px solid #d7e5e6;
  border-radius:999px;
  color:var(--color-ink-soft);
  background:var(--color-white);
  font-size:var(--text-xs);
  font-weight:650;
  line-height:1
}
.c-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px rgba(37,187,211,.12)}
.c-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:start}
.c-price-card{
  min-width:0;
  min-height:0;
  padding:var(--space-6);
  border:1px solid var(--color-line);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white);
  transition:transform .2s var(--ease),box-shadow .2s ease,border-color .2s ease
}
.c-price-card:hover{transform:translateY(-3px);border-color:#bddde2;box-shadow:var(--shadow-soft)}
.c-price-card--featured{color:var(--color-ink);background:#f4fbfc;border-color:#acd9df;box-shadow:inset 0 3px 0 var(--color-primary)}
.c-price-card__code{color:var(--color-faint);font:600 var(--text-xs)/1 var(--font-mono);letter-spacing:.08em}
.c-price-card__price{margin:var(--space-6) 0 var(--space-2);font:500 2rem/1 var(--font-mono);letter-spacing:-.05em}
.c-price-card__price small{color:var(--color-muted);font:500 var(--text-xs)/1 var(--font-body)}
.c-spec-list{list-style:none;margin:var(--space-5) 0;padding:0}
.c-spec-list li{display:flex;justify-content:space-between;gap:var(--space-4);padding:10px 0;border-bottom:1px solid #edf0ef;color:var(--color-muted);font-size:var(--text-sm)}
.c-spec-list b{color:var(--color-ink);font-family:var(--font-mono);font-weight:600;text-align:right}
.c-callout{
  min-width:0;
  padding:var(--space-5) var(--space-6);
  border-left:3px solid var(--color-primary);
  border-radius:var(--radius-control) var(--radius-card) var(--radius-card) var(--radius-control);
  color:var(--color-ink);
  background:var(--color-surface)
}
.c-callout--dark{color:var(--color-white);background:var(--color-dark);border-left-color:var(--color-accent)}
.c-callout--dark p{color:#9db0b5}
.c-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-white)}
.c-table{display:table;width:100%;min-width:720px;color:var(--color-ink);background:var(--color-white);font-size:var(--text-sm)}
.c-table th,.c-table td{padding:14px 16px;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:middle}
.c-table th{color:var(--color-muted);background:var(--color-warm);font-size:var(--text-xs);font-weight:700;letter-spacing:.03em}
.c-table tr:last-child td{border-bottom:0}
.c-table .is-highlight{color:var(--color-ink);background:var(--color-accent-soft)}
.c-table .u-number{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.c-code,pre{
  max-width:100%;
  overflow-x:auto;
  padding:var(--space-5) var(--space-6);
  border-radius:var(--radius-card);
  color:#d9f3f7;
  background:var(--color-dark);
  font:var(--text-sm)/1.75 var(--font-mono);
  tab-size:2
}
code{overflow-wrap:anywhere}
pre code{overflow-wrap:normal}
.c-faq{border-top:1px solid var(--color-line)}
.c-faq details{border-bottom:1px solid var(--color-line)}
.c-faq summary{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
  padding:20px 4px;
  list-style:none;
  color:var(--color-ink);
  font-weight:650;
  cursor:pointer
}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq__chevron{flex:0 0 auto;width:16px;height:16px;transition:transform .2s ease}
.c-faq details[open] .c-faq__chevron{transform:rotate(180deg)}
.c-faq__answer{padding:var(--space-3) 32px var(--space-5) 4px;color:var(--color-muted)}
.c-field{display:grid;gap:8px;min-width:0}
.c-field label{font-size:var(--text-sm);font-weight:650}
.c-input,.c-select,.c-textarea{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--color-line-strong);
  border-radius:var(--radius-control);
  color:var(--color-ink);
  background:var(--color-white);
  transition:border-color .18s ease,box-shadow .18s ease
}
.c-select{
  appearance:none;
  padding-inline-end:2.5rem;
  background-image:linear-gradient(45deg,transparent 50%,#657174 50%),linear-gradient(135deg,#657174 50%,transparent 50%);
  background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat
}
.c-textarea{min-height:140px;resize:vertical}
.c-input:focus,.c-select:focus,.c-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,134,179,.1)}
.c-filter{display:flex;flex-wrap:wrap;gap:8px}
.c-filter button{min-height:36px;padding:7px 12px;border:1px solid var(--color-line-strong);border-radius:var(--radius-control);color:var(--color-muted);background:var(--color-white);font-size:var(--text-sm);cursor:pointer}
.c-filter button[aria-pressed="true"]{color:var(--color-white);background:var(--color-ink);border-color:var(--color-ink)}
.c-breadcrumb,.c-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;margin:0;padding:0;color:var(--color-muted);font-size:var(--text-xs)}
.c-breadcrumb>*+*::before,.c-breadcrumb li+li::before{content:"/";margin-right:8px;color:var(--color-faint)}
main:has(.c-breadcrumb)>:first-child{padding-top:var(--header-height)!important}
main:has(.c-breadcrumb)>:first-child [class*="__inner"],
main:has(.c-breadcrumb)>:first-child [class*="__grid"],
main:has(.c-breadcrumb)>:first-child [class$="-grid"]{padding-top:0!important;align-items:start!important}
*:has(>.c-breadcrumb){gap:0!important;row-gap:0!important}
*:has(>.c-breadcrumb)>.c-breadcrumb{margin:0 0 var(--space-7) 0!important;padding:0!important}
*:has(>.c-breadcrumb)>.c-breadcrumb+*{margin-top:0!important}
*:has(>.c-breadcrumb)>:not(.c-breadcrumb)+:not(.c-breadcrumb){margin-top:var(--space-6)}
.c-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-6);
  padding:var(--space-8);
  border-radius:var(--radius-panel);
  color:var(--color-white);
  background:var(--color-dark);
  overflow:hidden
}
.c-cta p{color:#91a3a8}
.c-cta .c-btn--ghost{color:var(--color-white);border-color:rgba(255,255,255,.48)}
.c-cta .c-btn--ghost:hover{border-color:var(--color-white)}
.c-cta__actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px}
.c-cta.u-text-center{display:grid;justify-items:center}
.c-cta.u-text-center .c-cta__actions{justify-content:center}
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  min-height:var(--header-height);
  border-bottom:1px solid #edf0ef;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(16px)
}
.site-nav{
  min-height:var(--header-height);
  display:grid;
  grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);
  align-items:center;
  gap:var(--space-5)
}
.site-brand{display:flex;align-items:center;gap:10px;min-width:0}
.site-brand img{flex:0 0 auto;width:30px;height:30px}
.site-brand__copy{display:grid;min-width:0;line-height:1.1}
.site-brand__copy strong{font-size:1rem;white-space:nowrap}
.site-brand__copy small{margin-top:4px;color:var(--color-faint);font-size:.55rem;letter-spacing:.08em;white-space:nowrap}
.site-nav__panel{display:flex;align-items:center;justify-content:center;gap:24px}
.site-nav__link{position:relative;font-size:var(--text-sm);font-weight:600;white-space:nowrap}
.site-nav__link:hover,.site-nav__link.active{color:var(--color-primary)}
.site-nav__link.active::after{content:"";position:absolute;left:0;right:0;bottom:-25px;height:2px;background:var(--color-primary)}
.site-nav__tools{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.site-lang{position:relative}
.site-lang__button{
  min-height:29px;
  height:29px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid var(--color-line-strong);
  border-radius:var(--radius-control);
  color:var(--color-muted);
  background:var(--color-white);
  font-size:var(--text-xs);
  line-height:1;
  cursor:pointer
}
.site-lang__button svg{width:13px;height:13px}
.site-lang__button .chevron{width:9px;height:9px;transition:transform .18s ease}
.site-lang__button[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.site-lang__menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:120;
  width:180px;
  padding:6px;
  border:1px solid var(--color-line);
  border-radius:8px;
  background:var(--color-white);
  box-shadow:var(--shadow-soft)
}
.site-lang__menu a{display:block;padding:8px 10px;border-radius:var(--radius-control);font-size:var(--text-sm)}
.site-lang__menu a:hover,.site-lang__menu a[aria-current="true"]{color:var(--color-primary);background:var(--color-surface)}
.site-nav__console{min-height:36px;padding:7px 13px}
.site-nav__console-icon{display:none}
.site-nav__toggle{display:none;width:34px;height:34px;padding:7px;border:1px solid var(--color-line-strong);border-radius:var(--radius-control);background:var(--color-white);cursor:pointer}
.site-nav__toggle span{display:block;height:1.5px;margin:4px 0;background:var(--color-ink)}
.site-footer{padding:64px 0 28px;color:#b3c0c3;background:var(--color-dark)}
.site-footer__grid{display:grid;grid-template-columns:1.1fr 2fr;gap:var(--space-9)}
.site-footer__brand{display:flex;align-items:center;gap:10px;color:var(--color-white);font-weight:700}
.site-footer__brand img{width:32px;height:32px}
.site-footer__about{max-width:330px;margin:16px 0;color:#8fa1a6;font-size:var(--text-sm)}
.site-footer__email{color:#83ddeb;font:var(--text-xs)/1.5 var(--font-mono)}
.site-footer__links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}
.site-footer__col h2{margin-bottom:14px;color:#70848a;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em}
.site-footer__col a{display:block;margin:9px 0;color:#d2dbdd;font-size:var(--text-sm)}
.site-footer__col a:hover{color:var(--color-accent)}
.site-footer__words{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px;border-top:1px solid #183039}
.site-footer__words a{padding:6px 9px;border-radius:var(--radius-control);color:#a9b8bc;background:#10252b;font-size:var(--text-xs)}
.site-footer__bottom{display:flex;justify-content:space-between;gap:20px;margin-top:24px;color:#71858a;font-size:var(--text-xs)}
.c-paired{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:var(--space-4);align-items:stretch}
.c-paired__side{display:grid;grid-auto-rows:1fr;gap:var(--space-4)}
.c-paired__side>.c-card{display:flex;flex-direction:column}
.c-paired__side .c-btn{margin-top:auto}
[role="dialog"][hidden],.c-tab-panel[hidden],.site-lang__menu[hidden]{display:none}
@media(max-width:90rem) and (min-width:64rem){
  .site-nav{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3)}
  .site-brand__copy small{display:none}
  .site-nav__panel{gap:clamp(.35rem,.7vw,.85rem)}
  .site-nav__link,.site-nav__console,.site-lang__button{font-size:var(--text-xs)}
  .site-nav__console{padding:6px 10px}
}
@media(max-width:74rem) and (min-width:64rem){
  .site-nav{gap:.5rem}
  .site-nav__panel{gap:.35rem}
  .site-nav__link,.site-nav__console,.site-lang__button{font-size:.74rem}
  .site-nav__console{padding:6px 8px}
  .site-brand__copy strong{font-size:.85rem}
}
@media(max-width:63.99rem){
  .site-nav{grid-template-columns:minmax(190px,1fr) auto}
  .site-nav__toggle{display:block}
  .site-nav__panel{
    position:absolute;
    top:100%;
    left:24px;
    right:24px;
    display:none;
    align-items:stretch;
    flex-direction:column;
    gap:0;
    padding:10px;
    border:1px solid var(--color-line);
    border-radius:var(--radius-card);
    background:var(--color-white);
    box-shadow:var(--shadow-soft)
  }
  .site-header.is-menu-open .site-nav__panel{display:flex}
  .site-nav__link{padding:10px 12px;border-radius:var(--radius-control)}
  .site-nav__link:hover,.site-nav__link.active{background:var(--color-surface)}
  .site-nav__link.active::after{display:none}
}
@media(max-width:760px){
  .c-price-grid{grid-template-columns:1fr}
  .c-cta{align-items:flex-start;flex-direction:column;padding:var(--space-6)}
  .c-paired{grid-template-columns:1fr}
  .site-footer__grid{grid-template-columns:1fr}
  .site-footer__links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .site-nav{gap:6px}
  .site-brand{gap:6px}
  .site-brand img{width:26px;height:26px}
  .site-brand__copy strong{font-size:.75rem}
  .site-brand__copy small{display:none}
  .site-nav__tools{gap:5px}
  .site-lang__label{display:none}
  .site-lang__button{width:29px;padding:0;justify-content:center}
  .site-lang__button .chevron{display:none}
  .site-nav__console{width:32px;min-height:32px;padding:0}
  .site-nav__console-label{display:none}
  .site-nav__console-icon{display:block}
  .site-nav__toggle{width:32px;height:32px;padding:6px}
  .site-nav__panel{left:16px;right:16px}
  .site-footer__links{grid-template-columns:1fr 1fr}
  .site-footer__bottom{flex-direction:column}
}