.c-btn{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;gap:.55rem;padding:.75rem 1.25rem;border:1px solid transparent;border-radius:var(--r-pill);font-family:var(--font-heading);font-size:var(--fs-1);font-weight:700;line-height:1.2;text-align:center;transition:transform .2s var(--ease),filter .2s var(--ease),background .2s var(--ease)}
.c-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
.c-btn:active{transform:translateY(0)}
.c-btn--primary{background:#007c43;color:#fff}
.c-btn--dark{background:var(--c-dark);color:#fff}
.c-btn--light{background:#fff;color:#062d27}
.c-btn--lime{background:var(--c-lime);color:#10352d}
.c-btn--secondary{background:var(--c-light);color:#07533f;border-color:color-mix(in srgb,currentColor 28%,transparent)}
.c-btn--ghost{background:transparent;color:currentColor;border-color:color-mix(in srgb,currentColor 42%,transparent)}
.c-btn--block{width:100%}
.c-card,.c-callout,.c-cta{min-width:0;border-radius:var(--r-md);padding:clamp(1.5rem,3vw,2.5rem);background:var(--c-light);color:#071e1a}
.c-card--white{background:#fff;color:#071e1a;box-shadow:var(--shadow-soft)}
.c-card--dark{background:#062d27;color:#fff}
.c-card--dark p,.c-card--dark small{color:#b0ccc5}
.c-card--mint{background:#dffbf0;color:#071e1a}
.c-card--teal{background:#dffbf8;color:#071e1a}
.c-card--primary{background:#00b34f;color:#fff}
.c-card--primary p,.c-card--primary small{color:#ddffeb}
.c-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--sp-3);align-items:start}
.c-card-grid>*{min-width:0;min-height:0}
.c-paired{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);gap:var(--sp-3);align-items:stretch}
.c-paired__side{display:grid;gap:var(--sp-3);grid-auto-rows:1fr}
.c-paired__side>*{display:flex;flex-direction:column}
.c-paired__side .c-btn{margin-top:auto}
.c-badge,.c-kicker{display:inline-flex;width:fit-content;align-self:flex-start;align-items:center;gap:.45rem;border-radius:var(--r-pill);padding:.45em .85em;background:var(--c-soft);color:#006d3d;font-family:var(--font-mono);font-size:var(--fs-0);font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}
.c-badge--stock{background:#ddf9ec;color:#087745}
.c-badge--dark{background:#174d44;color:#c9f9e6}
.c-callout{background:#e8fbf3;color:#153f36}
.c-callout--warning{background:#fff4d8;color:#513d08}
.c-callout__title{font-family:var(--font-heading);font-size:var(--fs-3);line-height:var(--lh-heading)}
.c-price-card{container-type:inline-size;min-width:0;border-radius:var(--r-lg);padding:clamp(1.5rem,4vw,2.5rem);background:#fff;color:#071e1a;box-shadow:var(--shadow-soft)}
.c-price-card--pro{background:#062d27;color:#fff}
.c-price-card--pro .c-price-card__spec,.c-price-card--pro .c-price-card__term{color:#a6c2bb}
.c-price-card__name{font-size:clamp(1.6rem,9cqi,2.25rem)}
.c-price-card__spec{color:var(--c-muted);font-family:var(--font-mono);font-size:var(--fs-1);font-variant-numeric:tabular-nums}
.c-price-card__price{display:flex;align-items:flex-end;gap:.5rem;margin-block:2rem 1.5rem}
.c-price-card__price b{font-family:var(--font-mono);font-size:clamp(2.8rem,15cqi,4rem);line-height:.9;letter-spacing:-.07em;font-variant-numeric:tabular-nums}
.c-price-card__term{color:var(--c-muted);font-size:var(--fs-1)}
.c-price-card__rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:1.5rem}
.c-price-card__rate{min-width:0;border-radius:var(--r-sm);padding:1rem;background:#f2fbf7;color:#071e1a}
.c-price-card--pro .c-price-card__rate{background:#12483f;color:#fff}
.c-price-card__rate small,.c-price-card__rate b{display:block;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.c-table-scroll{max-width:100%;overflow-x:auto;border-radius:var(--r-md)}
.c-table{display:table;width:100%;border-collapse:collapse;background:#fff;color:#071e1a}
.c-table th,.c-table td{padding:1rem 1.15rem;border-bottom:1px solid rgba(7,30,26,.1);text-align:left;vertical-align:top}
.c-table th{background:#effaf5;color:#153f36;font-weight:700}
.c-table tr:last-child td{border-bottom:0}
.c-table .is-highlight{background:#ddf9ec;color:#062d27}
.c-faq{border-bottom:1px solid var(--c-line)}
.c-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.4rem;cursor:pointer;font-family:var(--font-heading);font-size:var(--fs-3);font-weight:650;line-height:1.3;list-style:none}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq__chevron{flex:0 0 auto;transition:transform .2s var(--ease)}
.c-faq[open] .c-faq__chevron{transform:rotate(180deg)}
.c-faq__body{padding-top:.35rem;padding-bottom:1.5rem;color:var(--c-muted)}
.c-field{display:grid;gap:.5rem}
.c-field+.c-field{margin-top:.5rem}
.c-field label{font-weight:650}
.c-input,.c-select,.c-textarea{width:100%;border:1px solid var(--c-input);border-radius:var(--r-sm);padding:.85rem 1rem;background:#fff;color:#071e1a;line-height:1.4}
.c-select{appearance:none;padding-inline-end:2.75rem;background-image:linear-gradient(45deg,transparent 50%,#315e54 50%),linear-gradient(135deg,#315e54 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.c-textarea{min-height:9rem;resize:vertical}
.c-filter{display:flex;flex-wrap:wrap;gap:.5rem}
.c-filter__item{border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:var(--r-pill);padding:.55rem .9rem;background:transparent;font-size:var(--fs-1)}
.c-filter__item[aria-pressed="true"]{background:var(--c-dark);color:#fff;border-color:var(--c-dark)}
.c-breadcrumb,.c-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:0 0 2rem;padding:0;list-style:none;color:var(--c-muted);font-size:var(--fs-1)}
.c-breadcrumb span+span::before,.c-breadcrumb li+li::before{content:"/";margin-right:.55rem;color:#8fa49f}
.c-doc-hero:has(.c-breadcrumb){padding-top:var(--sp-5)}
.c-code{max-width:100%;overflow-x:auto;border-radius:var(--r-md);padding:1.5rem;background:#062d27;color:#bff8df}
.c-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:#062d27;color:#fff}
.c-cta p{color:#b6d1ca}
.c-cta__actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.75rem}
.u-center .c-cta__actions,.c-cta.u-center .c-cta__actions{justify-content:center}
.site-header{position:sticky;top:0;z-index:1000;overflow:visible;background:rgba(6,45,39,.94);color:#fff;backdrop-filter:blur(18px)}
.c-announce{height:2.35rem;display:flex;align-items:center;justify-content:center;padding-inline:var(--gutter);background:#cffbe5;color:#073a31;font-size:var(--fs-1);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-announce a{margin-left:.5rem;font-weight:800}
.c-nav{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:.65rem;min-height:4.2rem}
.c-brand{display:flex;min-width:0;flex:0 0 auto;align-items:center;gap:.65rem;font-family:var(--font-heading);font-size:var(--fs-3);font-weight:750;line-height:1.1;white-space:nowrap}
.c-brand img{width:2rem;height:2rem;flex:0 0 auto}
.c-brand small{display:block;color:#bce9d8;font-family:var(--font-body);font-size:var(--fs-0);font-weight:500;letter-spacing:0}
.c-nav__links{display:flex;align-items:center;justify-content:center;gap:clamp(.4rem,.85vw,1rem);min-width:0}
.c-nav__links a{font-size:var(--fs-1);font-weight:650;color:#e7fff4;white-space:nowrap}
.c-nav__links a:hover,.c-nav__links a.active{color:#fff}
.c-lang{position:relative}
.c-lang__button{height:1.875rem;display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(255,255,255,.35);border-radius:var(--r-pill);padding:.25rem .55rem;background:rgba(255,255,255,.1);color:#fff;font-size:var(--fs-1);line-height:1}
.c-lang__button svg{width:.8rem;height:.8rem}
.c-lang__button .chevron{width:.55rem;height:.55rem;transition:transform .2s var(--ease)}
.c-lang__button[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.c-lang__menu{position:absolute;right:0;top:calc(100% + .65rem);width:12rem;padding:.5rem;border-radius:var(--r-sm);background:#fff;color:#071e1a;box-shadow:var(--shadow-soft)}
.c-lang__menu a{display:block;border-radius:.5rem;padding:.55rem .7rem;font-size:var(--fs-1)}
.c-lang__menu a:hover{background:var(--c-light)}
.c-menu-toggle{display:none;width:2rem;height:2rem;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:#fff}
.c-menu-toggle svg{width:1rem;height:1rem}
.site-footer{padding-block:4.5rem 2rem;background:#062d27;color:#fff}
.c-footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 2.4rem}
.c-footer-brand{grid-column:1/-1;display:grid;gap:.7rem;padding:0 0 1.4rem;border-bottom:1px dashed rgba(255,255,255,.22)}.c-footer-brand p{max-width:28rem;margin-top:0;color:#a8c5be}
.c-footer-col h2{margin-bottom:1rem;color:#6de9c2;font-family:var(--font-mono);font-size:var(--fs-0);letter-spacing:.1em;text-transform:uppercase}
.c-footer-col a{display:block;margin-block:.55rem;color:#bbd0ca;font-size:var(--fs-1)}
.c-footer-col a:hover{color:#fff}
.c-hotwords{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--c-line-dark)}
.c-hotwords b{color:#6de9c2;font-family:var(--font-mono);font-size:var(--fs-0)}
.c-hotwords a{border-radius:var(--r-pill);padding:.4rem .7rem;background:#12483f;color:#c9ded8;font-size:var(--fs-0)}
.c-footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:1.75rem;color:#78958d;font-size:var(--fs-0)}
@media(max-width:64rem){
  .c-nav{grid-template-columns:auto minmax(0,1fr) auto auto auto}
  .c-nav__links{display:none;position:absolute;top:100%;left:0;right:0;padding:1rem var(--gutter) 1.3rem;background:#062d27;box-shadow:var(--shadow-soft)}
  .c-nav__links.is-open{display:grid;gap:.25rem}
  .c-nav__links a{padding:.65rem}
  .c-menu-toggle{display:inline-flex}
}
@media(max-width:48rem){
  .c-paired{grid-template-columns:1fr}
  .c-cta{align-items:flex-start;flex-direction:column}
  .c-footer-grid{grid-template-columns:1fr}
  .c-footer-bottom{flex-direction:column}
}
@media(max-width:27rem){
  .c-nav{gap:.45rem}
  .c-brand{font-size:var(--fs-1)}
  .c-brand img{width:1.7rem;height:1.7rem}
  .c-brand small{display:none}
  .c-lang__label{display:none}
  .c-nav>.c-btn{padding-inline:.7rem;font-size:var(--fs-1)}
  .c-price-card__rates{grid-template-columns:1fr}
}