:root{
  --md-control-height:38px;
  --md-control-gap:8px;
  --md-card-padding:clamp(1.5rem,3vw,2rem);
  --md-nav-breakpoint:1120px;
}
.c-btn{
  min-height:var(--md-control-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--md-control-gap);
  max-width:100%;
  padding:.55rem 1rem;
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-sm);
  font-size:var(--md-fs-sm);
  font-weight:600;
  line-height:1.25;
  cursor:pointer;
  transition:transform .18s var(--md-ease),background-color .18s var(--md-ease),color .18s var(--md-ease),border-color .18s var(--md-ease);
}
.c-btn:hover{transform:translateY(-2px)}
.c-btn:active{transform:translateY(0)}
.c-btn--primary{color:var(--md-white);background:var(--md-ink)}
.c-btn--primary:hover{color:var(--md-white);background:#111}
.c-btn--secondary{color:var(--md-ink);background:var(--md-white)}
.c-btn--secondary:hover{color:var(--md-ink);background:var(--md-peach)}
.c-btn--ghost{color:var(--md-ink);background:transparent;border-color:var(--md-ink)}
.c-btn--ghost:hover{color:var(--md-ink);background:var(--md-white)}
.c-btn--small{min-height:36px;padding:.5rem .85rem;font-size:var(--md-fs-xs)}
.c-card,.c-callout,.c-price-card{
  min-width:0;
  padding:var(--md-card-padding);
  color:var(--md-ink);
  background:var(--md-white);
  border:0;
  border-radius:var(--md-radius-md);
}
.c-card--peach{color:var(--md-ink);background:var(--md-peach)}
.c-card--lilac{color:var(--md-ink);background:var(--md-lilac-soft)}
.c-card--dark{color:var(--md-white);background:var(--md-ink)}
.c-card--dark p{color:#C5C0B9}
.c-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--md-space-6);align-items:start}
.c-card-grid>*{min-width:0}
.c-paired{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:var(--md-space-4);
  align-items:stretch;
}
.c-paired>*{min-width:0}
.c-paired__side{display:flex;flex-direction:column;gap:var(--md-space-4)}
.c-paired__side>*{flex:1}
.c-paired__side .c-btn{margin-top:auto}
.c-badge,.c-chip{
  width:fit-content;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:var(--md-space-2);
  padding:.3rem .55rem;
  color:var(--md-ink);
  background:var(--md-amber);
  border:0;
  border-radius:var(--md-radius-sm);
  font-size:var(--md-fs-xs);
  font-weight:750;
  line-height:1.2;
}
.c-chip{background:var(--md-cream);font-weight:650}
.c-callout{display:flex;gap:var(--md-space-4);align-items:flex-start;background:var(--md-peach)}
.c-callout__icon{flex:0 0 24px}
.c-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--md-line);border-radius:var(--md-radius-md);background:var(--md-white)}
.c-table{width:100%;min-width:720px;color:var(--md-ink);background:var(--md-white)}
.c-table th,.c-table td{padding:1rem;text-align:left;border-right:1px solid var(--md-line);border-bottom:1px solid var(--md-line)}
.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{color:var(--md-ink);background:var(--md-peach);font-size:var(--md-fs-xs)}
.c-table td{color:var(--md-ink);font-size:var(--md-fs-sm)}
.c-table__highlight{color:var(--md-ink)!important;background:var(--md-lilac-soft)!important}
.c-status{display:inline-flex;align-items:center;gap:.45rem;color:var(--md-green);font-weight:700}
.c-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.c-price-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--md-space-2);min-height:0}
.c-price-card__value{font-size:2.2rem;font-weight:750;line-height:1}
.c-price-card__action{margin-top:auto}
.c-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--md-space-3);align-items:start;background:transparent;border:0;border-radius:0;overflow:visible}
.c-price-grid>*{min-width:0;align-self:start;color:var(--md-ink);background:var(--md-white);border:0;border-radius:var(--md-radius-md)}
.c-price-grid>*:first-child{color:var(--md-ink);background:var(--md-peach)}
.c-code{
  max-width:100%;
  overflow-x:auto;
  padding:1.5rem;
  color:#F8F3EB;
  background:#232220;
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-md);
}
pre,code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-variant-numeric:tabular-nums}
pre{max-width:100%;overflow-x:auto}
.c-faq{border-top:1px solid var(--md-line)}
.c-faq details{border-bottom:1px solid var(--md-line)}
.c-faq summary{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--md-space-4);
  padding:1.25rem 2.5rem 1.25rem 0;
  font-weight:700;
  cursor:pointer;
  list-style:none;
}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary svg{position:absolute;right:0;flex:none;transition:transform .18s var(--md-ease)}
.c-faq details[open] summary svg{transform:rotate(180deg)}
.c-faq__content{padding:var(--md-space-3) 2.5rem 1.5rem var(--md-space-3);border-top:1px solid var(--md-line)}
.c-field{display:flex;flex-direction:column;gap:var(--md-control-gap)}
.c-field label{font-size:var(--md-fs-sm);font-weight:700}
.c-input,.c-select,.c-textarea{
  width:100%;
  min-height:44px;
  padding:.7rem .85rem;
  color:var(--md-ink);
  background:var(--md-white);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-sm);
}
.c-select{
  appearance:none;
  padding-inline-end:2.5rem;
  background-image:linear-gradient(45deg,transparent 50%,var(--md-ink) 50%),linear-gradient(135deg,var(--md-ink) 50%,transparent 50%);
  background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
.c-textarea{min-height:140px;resize:vertical}
.c-filter{display:flex;flex-wrap:wrap;gap:var(--md-control-gap)}
.c-filter button{width:fit-content}
.c-breadcrumb{display:flex;flex-wrap:wrap;gap:.45rem;color:var(--md-muted);font-size:var(--md-fs-xs)}
.c-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  color:var(--md-ink);
  background:rgba(252,250,247,.96);
  border-bottom:1px solid var(--md-line);
  backdrop-filter:blur(12px);
}
.site-announcement{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.35rem 1rem;
  color:var(--md-ink);
  background:var(--md-orange);
  font-size:var(--md-fs-sm);
  font-weight:700;
  text-align:center;
}
.site-announcement a{text-decoration:underline;text-underline-offset:3px}
.site-nav{
  min-height:var(--md-header-height);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--md-space-5);
}
.site-brand{display:flex;align-items:center;gap:.6rem;flex:0 0 auto;min-width:max-content;white-space:nowrap;font-family:"Albert Sans",sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:-.02em}
.site-brand span{display:inline!important;overflow:visible;text-overflow:clip;max-width:none}
.site-brand img{width:31px;height:24px}
.site-nav__panel{display:flex;align-items:center;justify-content:center;gap:clamp(.8rem,1.7vw,1.65rem);min-width:0}
.site-nav__link{position:relative;padding:.65rem 0;font-size:var(--md-fs-sm);font-weight:650}
.site-nav__link.active::after{content:"";position:absolute;right:0;bottom:.3rem;left:0;height:2px;background:var(--md-orange)}
.site-nav__tools{display:flex;align-items:center;gap:var(--md-control-gap);min-width:0}
.site-nav__tools .c-btn{font-size:var(--md-fs-sm)}
.site-language{position:relative}
.site-language__button{
  height:29px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 .55rem;
  color:var(--md-ink);
  background:var(--md-cream);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-sm);
  font-size:var(--md-fs-sm);
  line-height:1;
  cursor:pointer;
}
.site-language__button svg{width:13px;height:13px;flex:none}
.site-language__button .chevron{width:9px;height:9px;transition:transform .18s var(--md-ease)}
.site-language__button[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.site-language__menu{
  position:absolute;
  top:calc(100% + .5rem);
  right:0;
  z-index:110;
  width:170px;
  padding:.4rem;
  color:var(--md-ink);
  background:var(--md-white);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-sm);
  box-shadow:var(--md-shadow);
}
.site-language__menu[hidden]{display:none}
.site-language__menu a{display:block;padding:.5rem .65rem;border-radius:4px;font-size:var(--md-fs-xs)}
.site-language__menu a:hover{background:var(--md-peach)}
.site-menu-button{
  width:36px;
  height:36px;
  display:none;
  place-items:center;
  padding:0;
  color:var(--md-ink);
  background:var(--md-cream);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-sm);
}
.site-menu-button svg{width:18px}
.site-footer{padding:4.5rem 0 2rem;color:#F6F0E8;background:var(--md-ink)}
.site-footer p{color:#AAA6A0}
.site-footer__grid{display:grid;grid-template-columns:1.35fr repeat(3,.75fr);gap:var(--md-space-7)}
.site-footer__brand img{width:32px}
.site-footer__title{margin-bottom:var(--md-space-3);color:#9C9892;font-size:var(--md-fs-xs);letter-spacing:.1em;text-transform:uppercase}
.site-footer__links{display:flex;flex-direction:column;gap:.55rem;font-size:var(--md-fs-sm)}
.site-footer__words{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--md-space-7);padding-block:var(--md-space-5);border-top:1px solid #4E4B47;border-bottom:1px solid #4E4B47}
.site-footer__words a{padding:.35rem .55rem;color:#C4BFB8;border:1px solid #57534F;border-radius:var(--md-radius-sm);font-size:var(--md-fs-xs)}
.site-footer__bottom{display:flex;justify-content:space-between;gap:var(--md-space-4);padding-top:var(--md-space-5);color:#97928B;font-size:var(--md-fs-xs)}
.c-closing{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--md-space-6);
  padding:clamp(1.5rem,4vw,3rem);
  color:var(--md-white);
  background:var(--md-ink);
  border:1px solid var(--md-line);
  border-radius:var(--md-radius-md);
}
.c-closing p{color:#C5C0B9}
@media(max-width:1120px){
  .site-nav{grid-template-columns:auto 1fr auto;gap:.65rem}
  .site-menu-button{display:grid;order:4}
  .site-nav__tools{justify-self:end}
  .site-nav__panel{
    position:absolute;
    top:100%;
    right:.75rem;
    left:.75rem;
    display:none;
    align-items:stretch;
    flex-direction:column;
    gap:0;
    padding:1rem;
    background:var(--md-cream);
    border:1px solid var(--md-line);
    border-radius:var(--md-radius-md);
    box-shadow:var(--md-shadow);
  }
  .site-header.menu-open .site-nav__panel{display:flex}
  .site-nav__link{padding:.7rem}
  .site-nav__link.active::after{right:.7rem;bottom:.5rem;left:.7rem}
}
@media(max-width:760px){
  .c-card-grid,.c-price-grid,.c-paired{grid-template-columns:1fr}
  .site-footer__grid{grid-template-columns:1fr 1fr}
  .c-closing{align-items:flex-start;flex-direction:column}
}
@media(max-width:480px){
  .site-announcement{font-size:.68rem}
  .site-nav{width:calc(100% - 1rem);grid-template-columns:minmax(0,1fr) auto auto auto}
  .site-brand{font-size:1.02rem}
  .site-brand span{display:inline!important}
  .site-language__label{display:none}
  .site-language__button{width:29px;padding:0;justify-content:center}
  .site-language__button .chevron{display:none}
  .site-nav__tools{gap:6px}
  .site-nav__tools .c-btn{min-height:34px;padding:.4rem .55rem;font-size:.68rem}
  .site-footer__grid{grid-template-columns:1fr}
  .site-footer__bottom{flex-direction:column}
}