.c-btn{
  display:inline-flex;
  min-height:2.875rem;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  width:fit-content;
  padding:.65rem 1.25rem;
  border:1px solid currentColor;
  border-radius:var(--radius-pill);
  font-family:var(--font-heading);
  font-size:var(--fs-2);
  font-weight:750;
  line-height:1.25;
  text-align:center;
  cursor:pointer;
  transition:transform .18s var(--ease),background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)
}
.c-btn:hover{transform:translateY(-2px)}
.c-btn:active{transform:translateY(0)}
.c-btn--primary{background:var(--color-ink);border-color:var(--color-ink);color:#fff}
.c-btn--primary:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-ink)}
.c-endcap .c-btn--primary,
.c-card--dark .c-btn--primary{
  background:var(--color-accent);
  border-color:var(--color-accent);
  color:var(--color-ink)
}
.c-endcap .c-btn--primary:hover,
.c-card--dark .c-btn--primary:hover{
  background:#fff;
  border-color:#fff;
  color:var(--color-ink)
}
.c-btn--secondary{background:var(--color-surface);border-color:color-mix(in srgb,currentColor 45%,transparent);color:var(--color-ink)}
.c-btn--secondary:hover{background:var(--color-light)}
.c-btn--ghost{background:transparent;border-color:color-mix(in srgb,currentColor 42%,transparent);color:inherit}
.c-btn--ghost:hover{background:color-mix(in srgb,currentColor 7%,transparent)}
.c-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.625rem}
.u-center .c-actions,.c-copy--center .c-actions{justify-content:center}
.c-card{
  min-width:0;
  min-height:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-surface);
  color:var(--color-ink)
}
.c-card--soft{background:var(--color-light);color:var(--color-ink)}
.c-card--dark{background:var(--color-ink);color:#effff9}
.c-card--dark p,.c-card--dark small{color:#a7bcb6}
.c-card--line{border:1px solid var(--color-line)}
.c-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));align-items:start;gap:var(--space-3)}
.c-paired{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);align-items:stretch;gap:var(--space-3)}
.c-paired__side{display:flex;flex-direction:column;gap:var(--space-3)}
.c-paired__side>*{flex:1}
.c-paired__side .c-btn{margin-top:auto}
.c-badge{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  width:fit-content;
  align-self:flex-start;
  padding:.45em .8em;
  border-radius:var(--radius-pill);
  background:var(--color-accent-soft);
  color:var(--color-primary-deep);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:800;
  line-height:1.2;
  letter-spacing:.05em
}
.c-badge--dark{background:var(--color-ink);color:#fff}
.c-note{
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-light);
  color:var(--color-ink)
}
.c-note--accent{background:var(--color-accent);color:var(--color-ink)}
.c-note strong{display:block;margin-bottom:.35rem}
.c-price-card{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#fff;
  color:var(--color-ink)
}
.c-price-card--featured{background:var(--color-accent-soft);color:var(--color-ink)}
.c-price-card__price{font-family:var(--font-mono);font-size:var(--fs-5);font-weight:800;font-variant-numeric:tabular-nums}
.c-price-card__specs{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:var(--space-2)}
.c-price-card__specs span{padding:.45rem .65rem;border-radius:var(--radius-sm);background:var(--color-light);font-family:var(--font-mono);font-size:var(--fs-1);line-height:1.35}
.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.c-table{display:table;width:100%;border-collapse:collapse;background:#fff;color:var(--color-ink);font-variant-numeric:tabular-nums}
.c-table th,.c-table td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--color-line);white-space:normal}
.c-table th{background:var(--color-light);color:var(--color-ink);font-family:var(--font-mono);letter-spacing:.05em}
.c-table td{color:var(--color-ink)}
.c-table tbody tr:last-child td{border-bottom:0}
.c-code{max-width:100%;overflow-x:auto;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-terminal);color:#dcece7}
.c-code code{white-space:pre}
.c-faq{border-top:1px solid var(--color-line)}
.c-faq details{padding-inline:var(--space-3);border-radius:0;background:var(--color-surface);color:var(--color-ink);border-bottom:1px solid var(--color-line)}
.page-section--soft .c-faq details{background:var(--color-light)}
.page-section--dark .c-faq details{background:var(--color-ink);color:#effff9;border-bottom-color:var(--color-line-dark)}
.c-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:1.25rem 0;font-family:var(--font-heading);font-size:var(--fs-3);font-weight:750;line-height:1.4;cursor:pointer;list-style:none}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary svg{width:1rem;height:1rem;flex:0 0 auto;transition:transform .18s var(--ease)}
.c-faq details[open] summary svg{transform:rotate(45deg)}
.c-faq__body{padding:0 0 1.25rem;color:var(--color-muted)}
.c-faq__body>*+*{margin-top:.75rem}
.c-form{display:grid;gap:var(--space-3)}
.c-field{display:grid;gap:.5rem}
.c-field label{font-weight:750;color:var(--color-ink)}
.c-input,.c-select,.c-textarea{
  width:100%;
  min-height:3rem;
  padding:.75rem .9rem;
  border:1px solid #9fada9;
  border-radius:var(--radius-sm);
  background:#fff;
  color:var(--color-ink);
  font-size:var(--fs-3);
  line-height:1.45
}
.c-select{
  appearance:none;
  padding-inline-end:2.75rem;
  background-image:linear-gradient(45deg,transparent 50%,var(--color-ink) 50%),linear-gradient(135deg,var(--color-ink) 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;
  background-size:5px 5px;
  background-repeat:no-repeat
}
.c-textarea{min-height:9rem;resize:vertical}
.c-filter{display:flex;flex-wrap:wrap;gap:.5rem}
.c-filter button{padding:.5rem .85rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:#fff;color:var(--color-ink);font-size:var(--fs-1);font-weight:750;cursor:pointer}
.c-filter button[aria-pressed="true"]{background:var(--color-ink);border-color:var(--color-ink);color:#fff}
.c-breadcrumb{margin:0 0 var(--space-4);padding:0;font-size:var(--fs-1);color:var(--color-muted)}
.page-hero:has(.c-breadcrumb),
.doc-hero:has(.c-breadcrumb),
.faq-hero:has(.c-breadcrumb),
.vdb-blog-hero:has(.c-breadcrumb),
.vdb-article-head:has(.c-breadcrumb){padding-top:var(--space-5)}
.page-hero__copy:has(> .c-breadcrumb){gap:var(--space-3)}
.c-breadcrumb ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}
.c-breadcrumb li{display:flex;align-items:center;gap:.45rem;font-size:var(--fs-1);line-height:1.4}
.c-breadcrumb li:not(:last-child)::after{content:"/";color:var(--color-subtle)}
.c-breadcrumb>span+span::before{content:"/";margin-inline:.45rem;color:var(--color-subtle)}
.c-endcap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-ink);color:#effff9}
.c-endcap p{color:#a7bcb6}
.c-endcap .c-btn{align-self:center}
.site-header{position:sticky;top:0;z-index:1000;overflow:visible;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.site-announcement{height:2.25rem;display:flex;align-items:center;justify-content:center;padding-inline:1rem;background:var(--color-ink);color:#effff9;font-size:var(--fs-1);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-announcement b{color:var(--color-accent);margin-right:.6rem}
.site-nav{position:relative;display:grid;grid-template-columns:minmax(13rem,1fr) auto minmax(13rem,1fr);align-items:center;gap:1.25rem;width:min(100% - 2rem,var(--container-standard));min-height:var(--header-height);margin-inline:auto}
.site-brand{display:flex;align-items:center;gap:.65rem;min-width:0;font-family:var(--font-heading);font-size:var(--fs-3);font-weight:800;line-height:1.2}
.site-brand img{width:2rem;height:2rem;flex:0 0 auto}
.site-brand__text{white-space:nowrap}
.site-brand small{display:none}
.site-nav__panel{display:flex;align-items:center;justify-content:center;gap:clamp(.85rem,2vw,2rem)}
.site-nav__link{padding:.45rem 0;border-bottom:2px solid transparent;color:#34423f;font-size:var(--fs-1);font-weight:750;line-height:1.3}
.site-nav__link:hover,.site-nav__link.active{border-color:var(--color-primary);color:var(--color-primary)}
.site-tools{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}
.site-console{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.45rem .9rem;border-radius:var(--radius-pill);background:var(--color-ink);color:#fff;font-size:var(--fs-1);font-weight:800;line-height:1.2}
.lang-switcher{position:relative}
.lang-button{display:inline-flex;align-items:center;gap:.35rem;height:1.875rem;padding:0 .6rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:#fff;color:var(--color-ink);font-size:var(--fs-1);line-height:1;cursor:pointer}
.lang-button svg{width:.8rem;height:.8rem}
.lang-button .chevron{width:.55rem;height:.55rem;transition:transform .18s var(--ease)}
.lang-button[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + .55rem);right:0;z-index:30;display:grid;min-width:11rem;padding:.45rem;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-soft)}
.lang-menu[hidden]{display:none}
.lang-menu a{padding:.55rem .7rem;border-radius:var(--radius-sm);font-size:var(--fs-1);line-height:1.35}
.lang-menu a:hover,.lang-menu a[aria-current="true"]{background:var(--color-light)}
.site-menu-button{display:none;width:2rem;height:2rem;padding:.4rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:#fff;color:var(--color-ink)}
.site-menu-button svg{width:100%;height:100%}
.site-footer{background:var(--color-ink);color:#effff9}
.site-footer__main{display:grid;grid-template-columns:minmax(17rem,1.6fr) repeat(2,minmax(9rem,1fr));gap:var(--space-4);padding-block:var(--space-5)}
.site-footer__brand{display:grid;align-content:start;gap:var(--space-2)}
.site-footer__lockup{display:flex;align-items:center;gap:.75rem;font-family:var(--font-heading);font-size:var(--fs-4);font-weight:800}
.site-footer__lockup img{width:2.25rem;height:2.25rem}
.site-footer__brand p{max-width:28rem;color:#a7bcb6;font-size:var(--fs-2)}
.site-footer__col{display:grid;align-content:start;gap:.55rem}
.site-footer__col b{margin-bottom:.25rem;color:var(--color-accent);font-family:var(--font-mono);font-size:var(--fs-0);letter-spacing:.1em}
.site-footer__col a{color:#d7e8e3;font-size:var(--fs-2)}
.site-footer__words{display:flex;flex-wrap:wrap;gap:.55rem;padding-block:var(--space-3);border-top:1px solid var(--color-line-dark);border-bottom:1px solid var(--color-line-dark)}
.site-footer__words a{padding:.4rem .65rem;border-radius:var(--radius-pill);background:#102d28;color:#bcd1cb;font-size:var(--fs-0)}
.site-footer__bottom{display:flex;justify-content:space-between;gap:var(--space-2);padding-block:var(--space-3);color:#91a8a2;font-family:var(--font-mono);font-size:var(--fs-0)}
[hidden]{display:none}
@media (max-width:64rem){
  .site-nav{grid-template-columns:minmax(0,1fr) auto}
  .site-nav__panel{position:absolute;top:calc(100% + .5rem);left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:.75rem;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-soft)}
  .site-nav__panel.is-open{display:flex}
  .site-nav__link{padding:.75rem;border-bottom:0;border-radius:var(--radius-sm)}
  .site-nav__link:hover,.site-nav__link.active{background:var(--color-light)}
  .site-tools{grid-column:2}
  .site-menu-button{display:inline-grid;place-items:center}
  .c-paired{grid-template-columns:1fr}
}
@media (max-width:42rem){
  .site-nav{width:calc(100% - 1rem);gap:.35rem}
  .site-brand{gap:.4rem;font-size:var(--fs-2)}
  .site-brand img{width:1.65rem;height:1.65rem}
  .site-tools{gap:.3rem}
  .lang-button{width:1.875rem;padding:0;justify-content:center}
  .lang-button__label,.lang-button .chevron{display:none}
  .site-console{min-height:1.875rem;padding:.35rem .55rem;font-size:var(--fs-0)}
  .site-console span{display:none}
  .site-menu-button{width:1.875rem;height:1.875rem}
  .c-actions{align-items:stretch}
  .c-actions .c-btn{width:100%}
  .c-endcap{grid-template-columns:1fr;padding:var(--space-3)}
  .site-footer__main{grid-template-columns:1fr;gap:var(--space-3)}
  .site-footer__bottom{flex-direction:column}
}