.c-btn{
  min-height:3rem;
  padding:.75rem 1.25rem;
  border:1px solid transparent;
  border-radius:var(--radius-sm);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  color:inherit;
  font-family:var(--font-heading);
  font-size:var(--fs-1);
  font-weight:720;
  line-height:1.3;
  text-align:center;
  transition:transform .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease);
}
.c-btn:hover{transform:translateY(-2px)}
.c-btn:active{transform:translateY(0) scale(.985)}
.c-btn-primary{background:var(--color-white);color:var(--color-ink);border-color:var(--color-white)}
.c-btn-primary:hover{background:var(--color-ice)}
.c-btn-brand{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}
.c-btn-brand:hover{background:var(--color-primary-hover)}
.c-btn-secondary{background:rgba(255,255,255,.04);color:var(--color-white);border-color:color-mix(in srgb,currentColor 42%,transparent)}
.c-btn-secondary:hover{background:rgba(255,255,255,.09)}
.c-btn-ghost{background:transparent;color:inherit;border-color:color-mix(in srgb,currentColor 34%,transparent)}
.c-btn-ghost:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.c-btn-paper{background:var(--color-white);color:var(--color-ink);border-color:var(--line-control-paper)}
.c-btn svg{width:1rem;height:1rem;stroke-width:1.75}
.c-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.75rem}
.c-text-center .c-actions,.c-actions-center{justify-content:center}
.c-card,.c-callout,.c-cta-card{
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
}
.c-card{background:var(--color-surface-2);color:var(--color-text)}
.c-card-paper{background:var(--color-white);color:var(--color-paper-text);box-shadow:var(--shadow-paper)}
.c-card-blue{background:var(--color-primary);color:var(--color-white)}
.c-card h2,.c-card h3,.c-card h4,.c-callout h2,.c-callout h3,.c-cta-card h2{color:inherit}
.c-card p,.c-callout p,.c-cta-card p{color:inherit}
.c-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--space-3);align-items:start}
.c-card-grid>*{min-width:0;min-height:0}
.c-paired{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr);gap:var(--space-3);align-items:stretch}
.c-paired>*{min-width:0}
.c-paired-side{display:flex;flex-direction:column;gap:var(--space-3)}
.c-paired-side>*{flex:1}
.c-badge,.c-kicker{
  width:fit-content;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  border-radius:var(--radius-sm);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.c-badge{padding:.55em .85em;background:#1d2a5b;color:#84d1ff}
.c-kicker{padding:.5em 0;color:#74cbff}
.c-kicker-paper{color:var(--color-accent-paper)}
.c-callout{background:var(--color-ice);color:var(--color-paper-text)}
.c-callout-dark{background:var(--color-surface);color:var(--color-text)}
.c-cta-card{background:var(--color-primary);color:var(--color-white);padding:clamp(2rem,5vw,4rem)}
.c-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:start}
.c-price-card{min-width:0;min-height:0;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-text)}
.c-price-card.is-featured{background:var(--color-surface);color:var(--color-white);box-shadow:inset 0 0 0 1px rgba(75,176,244,.3)}
.c-price-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}
.c-price{margin-top:var(--space-4);font-family:var(--font-heading);font-size: clamp(2.5rem,6vw,4rem);font-weight:780;line-height:1;font-variant-numeric:tabular-nums}
.c-price small{color:var(--color-muted)}
.c-specs{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:var(--space-3)}
.c-spec{min-width:6.8rem;padding:.8rem 1rem;border-radius:var(--radius-sm);background:#1b2347;color:var(--color-white)}
.c-spec small{display:block;color:#8d9abb}
.c-spec strong{display:block;margin-top:.4rem;font-family:var(--font-mono);font-size:var(--fs-1)}
.c-price-list{list-style:none;margin:var(--space-4) 0 0;padding:0;border-top:1px solid var(--line-dark)}
.c-price-list li{display:flex;justify-content:space-between;gap:var(--space-2);padding:.8rem 0;border-bottom:1px solid var(--line-dark);font-size:var(--fs-1)}
.c-price-list b{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);background:var(--color-white)}
.c-table{display:table;width:100%;min-width:42rem;background:var(--color-white);color:var(--color-paper-text)}
.c-table th,.c-table td{padding:1rem 1.1rem;text-align:start;border-bottom:1px solid var(--line-paper);vertical-align:top}
.c-table th{background:var(--color-ice);color:var(--color-paper-text);font-family:var(--font-heading);font-weight:720}
.c-table td{color:var(--color-paper-text)}
.c-table .is-highlight{background:#e0edff;color:#10214b}
.c-code-scroll{max-width:100%;overflow-x:auto;border-radius:var(--radius-md);background:#070a1c;color:#c5d6f1}
.c-code-scroll pre{min-width:max-content;margin:0;padding:var(--space-3)}
.c-notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-ice);color:var(--color-paper-text)}
.c-notice-dark{background:var(--color-surface);color:var(--color-text)}
.c-faq{border-top:1px solid var(--line-dark)}
.c-faq details{background:var(--color-ink-2);color:var(--color-text);border-bottom:1px solid var(--line-dark)}
.c-faq summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:1.35rem 2.75rem 1.35rem 0;cursor:pointer;list-style:none;font-family:var(--font-heading);font-size:var(--fs-3);font-weight:700;line-height:1.4}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary::after{content:"";position:absolute;right:.25rem;width:.65rem;height:.65rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s var(--ease)}
.c-faq details[open] summary::after{transform:rotate(225deg)}
.c-faq-content{padding:var(--space-2) var(--space-4) var(--space-3) 0;color:var(--color-muted)}
.c-faq-paper{border-color:var(--line-paper)}
.c-faq-paper details{background:var(--color-light);color:var(--color-paper-text);border-color:var(--line-paper)}
.c-faq-paper .c-faq-content{color:var(--color-paper-muted)}
.c-form{display:grid;gap:var(--space-3)}
.c-field{display:grid;gap:.5rem;min-width:0}
.c-field label{color:inherit;font-weight:650}
.c-input,.c-select,.c-textarea{
  width:100%;
  min-height:3rem;
  padding:.75rem 1rem;
  border:1px solid var(--line-control-paper);
  border-radius:var(--radius-sm);
  background:var(--color-white);
  color:var(--color-paper-text);
  outline:none;
}
.c-input:focus,.c-select:focus,.c-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(23,79,196,.12)}
.c-select{appearance:none;padding-inline-end:2.75rem;background-image:linear-gradient(45deg,transparent 50%,#42506d 50%),linear-gradient(135deg,#42506d 50%,transparent 50%);background-position:calc(100% - 1.15rem) 50%,calc(100% - .85rem) 50%;background-size:.35rem .35rem,.35rem .35rem;background-repeat:no-repeat}
.c-textarea{min-height:9rem;resize:vertical}
.c-filter-group{display:flex;flex-wrap:wrap;gap:.5rem}
.c-filter{min-height:2.5rem;padding:.55rem .9rem;border:1px solid color-mix(in srgb,currentColor 32%,transparent);border-radius:var(--radius-sm);background:transparent;color:inherit;font-size:var(--fs-1)}
.c-filter[aria-pressed="true"]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}
.c-breadcrumb{margin:0 0 var(--space-4);color:var(--color-muted)}
.c-breadcrumb ol{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:0;padding:0}
.c-breadcrumb li{display:flex;align-items:center;gap:.55rem;font-size:var(--fs-1)}
.c-breadcrumb li:not(:last-child)::after{content:"/";opacity:.45}
.c-breadcrumb span{font-size:var(--fs-1)}
.c-page-hero:has(.c-breadcrumb),
.hvm-blog-hero:has(.c-breadcrumb),
.hvm-article-head:has(.c-breadcrumb){padding-top:var(--space-5)}
.site-header{position:sticky;top:0;z-index:1000;overflow:visible;background:rgba(8,11,33,.96);backdrop-filter:blur(16px);color:var(--color-white);border-bottom:1px solid var(--line-dark)}
.site-announcement{height:2rem;display:flex;align-items:center;justify-content:center;padding-inline:1rem;background:#111633;color:#cbd7f2;font-family:var(--font-mono);font-size:var(--fs-0);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-nav{min-height:var(--header-height)}
.site-nav-inner{width:min(100% - 2rem,var(--container-wide));min-height:var(--header-height);margin-inline:auto;display:flex;align-items:center;gap:1.25rem}
.site-brand{display:flex;align-items:center;gap:.65rem;min-width:max-content;font-family:var(--font-heading);font-size:var(--fs-2);font-weight:760}
.site-brand img{width:2rem;height:2rem}
.site-brand small{display:block;color:#91a0bd;font-family:var(--font-mono);font-size:.62rem;line-height:1.2;letter-spacing:.04em}
.site-menu-panel{display:flex;align-items:center;flex:1;min-width:0}
.site-links{display:flex;align-items:center;justify-content:center;gap:clamp(.65rem,1.25vw,1.3rem);width:100%;list-style:none;margin:0;padding:0}
.site-links a{display:block;color:#bdc7dd;font-family:var(--font-heading);font-size:.78rem;font-weight:650;line-height:1.3;white-space:nowrap}
.site-links a:hover,.site-links a.active{color:var(--color-white)}
.site-tools{display:flex;align-items:center;gap:.5rem;min-width:max-content}
.c-lang{position:relative}
.c-lang-btn{height:1.875rem;min-height:1.875rem;padding:.25rem .55rem;border:1px solid var(--line-control-dark);border-radius:var(--radius-sm);display:flex;align-items:center;gap:.35rem;background:transparent;color:#d5deef;font-size:var(--fs-0);line-height:1}
.c-lang-btn svg{width:.8rem;height:.8rem}
.c-lang-btn .chevron{width:.55rem;height:.55rem;transition:transform .2s var(--ease)}
.c-lang-btn[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.c-lang-menu{position:absolute;right:0;top:calc(100% + .6rem);z-index:30;min-width:11rem;padding:.5rem;border:1px solid var(--line-dark);border-radius:var(--radius-sm);background:#121936;box-shadow:var(--shadow-float)}
.c-lang-menu[hidden]{display:none}
.c-lang-menu a{display:block;padding:.65rem .75rem;border-radius:.45rem;color:#cbd5e9;font-size:var(--fs-1)}
.c-lang-menu a:hover,.c-lang-menu a[aria-current="true"]{background:#202b55;color:var(--color-white)}
.site-portal{min-height:2.5rem;padding:.55rem .9rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;background:var(--color-white);color:var(--color-ink);font-family:var(--font-heading);font-size:.76rem;font-weight:760;line-height:1.2}
.site-toggle{display:none;width:2.5rem;height:2.5rem;padding:.65rem;border:1px solid var(--line-control-dark);border-radius:var(--radius-sm);background:transparent;color:var(--color-white)}
.site-toggle svg{width:100%;height:100%}
.site-footer{padding:var(--space-7) 0 var(--space-4);background:#070a1d;color:var(--color-white)}
.footer-shell{width:min(100% - 2rem,var(--container-wide));margin-inline:auto}
.footer-ledger{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,.65fr));gap:var(--space-5);align-items:start}
.footer-brand{padding:var(--space-4);border-radius:var(--radius-lg);background:#101634;color:var(--color-white)}
.footer-brand img{width:2rem;height:2rem}
.footer-brand-lockup{display:flex;align-items:center;gap:.7rem;font-family:var(--font-heading);font-weight:760}
.footer-brand small{display:block;margin-top:.25rem;color:#8f9db9;font-family:var(--font-mono);font-size:.62rem}
.footer-brand p{margin-top:var(--space-3);color:#99a7c1;font-size:var(--fs-1)}
.footer-col{min-width:0}
.footer-col h2{margin-bottom:var(--space-2);max-width:100%;color:#7181a2;font-family:var(--font-mono);font-size:var(--fs-0);letter-spacing:.1em;text-transform:uppercase;overflow-wrap:anywhere}
.footer-col a{display:block;max-width:100%;margin:.65rem 0;color:#c0cadd;font-size:var(--fs-1);overflow-wrap:anywhere}
.footer-col a:hover{color:var(--color-white)}
.footer-words{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--line-dark)}
.footer-words a{padding:.5rem .7rem;border-radius:var(--radius-sm);background:#111736;color:#8997b4;font-size:var(--fs-0)}
.footer-bottom{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);color:#687694;font-family:var(--font-mono);font-size:var(--fs-0)}
.reveal{opacity:0;transform:translateY(1.25rem);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.reveal-left{opacity:0;transform:translateX(-1.25rem);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.reveal-right{opacity:0;transform:translateX(1.25rem);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.reveal.is-visible,.reveal-left.is-visible,.reveal-right.is-visible{opacity:1;transform:none}
@media(max-width:76rem){
  .site-links{gap:.7rem}
  .site-links a{font-size:.72rem}
}
@media(max-width:64rem){
  .site-nav-inner{gap:.5rem}
  .site-brand{min-width:0;flex:1 1 auto}
  .site-brand>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .site-tools{min-width:0;flex-shrink:0}
  .footer-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-ledger>*{min-width:0}
  .footer-col h2,.footer-col a{max-width:100%;overflow-wrap:anywhere}
  .site-menu-panel{position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);display:none;padding:var(--space-3);border:1px solid var(--line-dark);border-radius:var(--radius-md);background:#111736;box-shadow:var(--shadow-float)}
  .site-menu-panel.is-open{display:block}
  .site-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}
  .site-links a{padding:.7rem;border-radius:.45rem;font-size:var(--fs-1);white-space:normal}
  .site-links a:hover,.site-links a.active{background:#1b254f}
  .site-toggle{display:block}
  .site-brand{margin-right:auto}
  .c-paired{grid-template-columns:1fr}
}
@media(max-width:46rem){
  .site-brand small{display:none}
  .site-brand>span{font-size:.72rem;letter-spacing:-.02em}
  .site-tools{gap:.2rem}
  .c-lang-label{display:none}
  .site-portal{padding:.4rem .45rem;font-size:.62rem}
  .footer-ledger{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
  .c-price-grid{grid-template-columns:1fr}
}
@media(max-width:24rem){
  .site-nav-inner{width:calc(100% - .75rem);gap:.2rem;flex-wrap:wrap}
  .site-brand{gap:.35rem;min-width:0;flex:1 1 8rem}
  .site-brand>span{font-size:.65rem}
  .site-brand img{width:1.5rem;height:1.5rem}
  .site-tools{gap:.1rem;margin-left:auto;flex:0 0 auto}
  .c-lang-btn{width:1.75rem;padding:.2rem;justify-content:center}
  .c-lang-btn .chevron{display:none}
  .site-portal{padding-inline:.3rem;font-size:.56rem;min-height:2rem}
  .site-toggle{flex:0 0 1.75rem;width:1.75rem;height:1.75rem;padding:.4rem}
}
@media(prefers-reduced-motion:reduce){
  .reveal,.reveal-left,.reveal-right{opacity:1;transform:none}
}

.c-kicker + :is(h1,h2,h3),.c-badge + :is(h1,h2,h3),[class*="kicker"] + :is(h1,h2,h3),[class*="badge"] + :is(h1,h2,h3){margin-top:max(12px, var(--space-2))}


@media (min-width:64rem) and (max-width:90rem){
  .site-nav-inner{gap:.55rem}
  .site-links{gap:.5rem}
  .site-links a{font-size:.72rem}
  .site-brand{min-width:0}
  .site-brand small{display:none}
  .c-lang-label{max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}