.c-btn,.btn{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-1);max-width:100%;min-width:0;padding:.9375rem var(--space-3);border:var(--hairline) solid color-mix(in srgb,currentColor 45%,transparent);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-button);font-weight:var(--weight-normal);line-height:var(--lh-tight);text-align:center;overflow-wrap:break-word;background:var(--surface);color:var(--ink);transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast)}
.c-btn-primary,.btn-solid{background:var(--primary);border-color:var(--primary);color:var(--surface)}
.c-btn-primary:hover,.btn-solid:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--surface)}
.c-btn-secondary,.btn-line{background:transparent;color:var(--ink);border-color:color-mix(in srgb,currentColor 45%,transparent)}
.c-btn-secondary:hover,.btn-line:hover{background:var(--neutral);color:var(--ink);border-color:var(--muted)}
.c-btn-ghost{background:transparent;color:var(--ink);border-color:color-mix(in srgb,currentColor 45%,transparent)}
.c-btn-ghost:hover{background:var(--neutral)}
.c-btn:active,.btn:active{transform:translateY(1px)}
.c-btn:focus-visible,.btn:focus-visible{box-shadow:var(--focus-ring)}
.c-btn:disabled{cursor:not-allowed;opacity:.6}
.c-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--action-gap);margin-top:var(--action-floor)}
:where(.c-head.center,.c-page-hero.center,.c-copy.center) .c-actions{justify-content:center}
.c-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--space-3);align-items:stretch}
.c-card-grid>*{min-width:0}
.c-card{display:flex;flex-direction:column;min-width:0;height:100%;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);overflow-wrap:break-word}
.c-card h3{font-size:var(--text-lg);line-height:var(--lh-heading)}
.c-card p{font-size:var(--text-base);line-height:var(--lh-body)}
.c-card-footer{margin-top:auto;padding-top:var(--action-floor);font-size:var(--text-sm);line-height:var(--lh-body)}
.c-card-text-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));align-items:start;gap:var(--space-3)}
.c-card-text-grid .c-card{height:auto}
.c-surface-yellow{background:#F6EDC8;color:#3D3313;--ink:#3D3313;--muted:#5E5130;--line:rgba(61,51,19,.14)}
.c-surface-green{background:#E3EEE6;color:#1F3A2A;--ink:#1F3A2A;--muted:#3C5847;--line:rgba(31,58,42,.14)}
.c-surface-blue{background:#E4ECF5;color:#1E3350;--ink:#1E3350;--muted:#3E5370;--line:rgba(30,51,80,.14)}
.c-surface-peach{background:#F6E6DA;color:#4A2A17;--ink:#4A2A17;--muted:#6E4A33;--line:rgba(74,42,23,.14)}
.c-surface-dark{background:#1C1726;color:#F4EFF8;--ink:#F4EFF8;--muted:#AAA1BB;--line:rgba(255,255,255,.14)}
.c-surface-paper{background:#FFFFFF;color:#1C1726;--ink:#1C1726;--muted:#625C6B;--line:#ECE6DF}
:where(.c-surface-yellow,.c-surface-green,.c-surface-blue,.c-surface-peach,.c-surface-dark,.c-surface-paper) :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd){color:inherit}
.c-surface-dark .c-btn-secondary,.c-surface-dark .c-btn-ghost{color:var(--canvas-ink);background:var(--panel-raised);border-color:var(--line-dark)}
.c-surface-dark .c-btn-secondary:hover,.c-surface-dark .c-btn-ghost:hover{background:var(--panel-tab)}
.c-icon-well{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-md);background:var(--ink);color:var(--surface)}
.c-icon-well svg{width:var(--icon-base);height:var(--icon-base)}
.c-chip,.c-badge,.c-kicker{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);width:fit-content;max-width:100%;padding:.4em .9em;border-radius:var(--radius-pill);background:var(--neutral);color:var(--neutral-ink);font-size:var(--text-xs);line-height:var(--lh-body);overflow-wrap:break-word}
.c-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase}
.c-kicker-yellow{background:#F6EDC8;color:#3D3313}
.c-kicker-green{background:#E3EEE6;color:#1F3A2A}
.c-kicker-blue{background:#E4ECF5;color:#1E3350}
.c-kicker-peach{background:#F6E6DA;color:#4A2A17}
.c-chip i,.c-badge i,.c-kicker i{width:.375rem;height:.375rem;border-radius:var(--radius-pill);background:currentColor;flex:none}
.c-stock{background:#E3EEE6;color:#1F3A2A}
.c-stock i{background:var(--ok)}
.c-alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:#F6EDC8;color:#3D3313}
.c-alert svg{width:var(--icon-base);height:var(--icon-base);flex:none}
.c-alert p{font-size:var(--text-sm);line-height:var(--lh-body)}
.c-alert a{text-decoration:underline;text-underline-offset:.2em}
.c-price-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-5);gap:var(--space-2);border-radius:var(--radius-lg);background:#FFFFFF;color:#1C1726}
.c-price-card h3{font-size:var(--text-lg);line-height:var(--lh-heading)}
.c-price-specs{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}
.c-price-specs>*{min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-body);overflow-wrap:break-word}
.c-price-value{font-family:var(--font-mono);font-size:var(--text-data);line-height:var(--lh-tight);font-variant-numeric:tabular-nums}
.c-price-value small{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-body)}
.c-price-card .c-actions{margin-top:auto;padding-top:var(--space-3)}
.table-scroll{position:relative;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:var(--radius-md);background:#FFFFFF;color:#1C1726}
.c-table{display:table;width:100%;min-width:var(--table-min);border-collapse:collapse;table-layout:auto;background:#FFFFFF;color:#1C1726}
.c-table caption{text-align:left;padding:var(--space-3);font-size:var(--text-base);line-height:var(--lh-body);color:#1C1726}
.c-table th,.c-table td{padding:var(--space-2) var(--space-3);border-bottom:var(--hairline) solid var(--line);text-align:left;vertical-align:top;background:#FFFFFF;color:#1C1726;font-size:var(--text-sm);line-height:var(--lh-body)}
.c-table th{background:#EFEBE6;color:#4A4352;font-weight:var(--weight-medium)}
.c-table th:first-child,.c-table td:first-child{min-width:11rem}
.c-table .c-table-highlight{background:#F6EDC8;color:#3D3313}
.c-table tr:last-child td{border-bottom:0}
.c-faq{padding:var(--space-3);background:#F8F6F3;color:#1C1726;border-radius:var(--radius-md)}
.c-faq details{background:#F8F6F3;color:#1C1726;border:0;border-top:var(--hairline) solid var(--line);border-radius:0;padding:var(--space-3) 0}
.c-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);cursor:pointer;list-style:none;font-size:var(--text-base);line-height:var(--lh-body);font-weight:var(--weight-medium)}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary svg{width:var(--icon-sm);height:var(--icon-sm);margin-left:auto;transition:transform var(--motion-fast)}
.c-faq details[open] summary svg{transform:rotate(180deg)}
.c-faq-content{padding-top:var(--space-2)}
.c-faq-content p{font-size:var(--text-base);line-height:var(--lh-body);color:#625C6B}
.c-faq-dark{background:#1C1726;color:#F4EFF8}
.c-faq-dark details{background:#1C1726;color:#F4EFF8;border-top-color:var(--line-dark)}
.c-faq-dark .c-faq-content p{color:#CFC7DB}
.c-form{display:grid;gap:var(--space-3)}
.c-field{display:grid;align-content:start;gap:var(--field-gap);min-width:0}
.c-field label{font-size:var(--text-sm);line-height:var(--lh-body)}
.c-input,.c-select,.c-textarea{width:100%;min-width:0;padding:.75rem var(--space-2);border:var(--hairline) solid var(--input-line);border-radius:var(--radius-sm);background:#FFFFFF;color:#1C1726;font-size:var(--text-base);line-height:var(--lh-body)}
.c-input:focus,.c-select:focus,.c-textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:0}
.c-input::placeholder,.c-textarea::placeholder{color:var(--muted);opacity:1}
.c-textarea{resize:vertical;min-height:8rem}
.c-select-wrap{position:relative}
.c-select{appearance:none;padding-inline-end:var(--space-5)}
.c-select-wrap>svg{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:var(--icon-sm);height:var(--icon-sm);pointer-events:none;color:var(--ink)}
.c-field-hint{font-size:var(--text-xs);line-height:var(--lh-body);color:var(--muted)}
.c-choice{position:relative;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:#E4ECF5;color:#1E3350;cursor:pointer}
.c-choice input[type=radio]{appearance:none;flex:none;width:1.125rem;height:1.125rem;margin:.25rem 0 0;border:var(--hairline) solid var(--blue-ink);border-radius:var(--radius-pill);background:var(--surface);display:grid;place-items:center}
.c-choice input[type=radio]::after{content:"";width:.625rem;height:.625rem;border-radius:var(--radius-pill);background:var(--primary);transform:scale(0)}
.c-choice input[type=radio]:checked::after{transform:scale(1)}
.c-choice:has(input:checked){box-shadow:inset 0 0 0 1px var(--primary)}
.c-choice span{min-width:0;font-size:var(--text-sm);line-height:var(--lh-body)}
.c-filter{display:flex;flex-wrap:wrap;gap:var(--field-gap)}
.c-filter button{padding:.625rem var(--space-2);border:var(--hairline) solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-size:var(--text-sm);line-height:var(--lh-tight)}
.c-filter button[aria-pressed=true]{background:var(--primary);color:var(--surface);border-color:var(--primary)}
.c-filter button:hover{box-shadow:var(--focus-ring)}
.c-breadcrumb{font-size:var(--text-xs);line-height:var(--lh-body);color:var(--muted);margin-bottom:var(--crumb-gap)}
.c-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}
.c-breadcrumb li,.c-breadcrumb span,.c-breadcrumb a{font-size:var(--text-xs);line-height:var(--lh-body)}
.c-breadcrumb li+li::before{content:"/";margin-inline-end:var(--space-1);color:var(--muted)}
.c-breadcrumb>span+span::before{content:"/";margin-inline:var(--space-1)}
.c-breadcrumb a:hover{text-decoration:underline}
:where(.c-page-hero,.c-document-hero):has(.c-breadcrumb){padding-top:var(--hero-top-crumb)}
[data-layout-slot="nav"]{display:contents}
.header-brand{color:#1C1726}
.site-footer .footer-brand img{background:#F8F6F3;padding:.35rem;border-radius:var(--radius-sm)}
select{padding-inline-end:2rem}
.site-header{position:sticky;top:0;z-index:var(--z-header);background:var(--nav);color:#1C1726;overflow:visible}
.header-inner{display:flex;align-items:center;gap:var(--space-3);min-height:var(--header-height);position:relative}
.header-brand,.footer-brand{display:inline-flex;align-items:center;gap:.75rem;flex:0 0 auto;font-family:var(--font-heading);font-size:var(--text-xl);line-height:var(--lh-tight);font-weight:var(--weight-normal);color:#1C1726}
.header-brand img,.footer-brand img{width:var(--logo-size);height:var(--logo-size);flex:none;object-fit:contain}
.header-brand,.footer-brand{display:inline-grid;grid-template-columns:auto auto;column-gap:.625rem;row-gap:.25rem;justify-items:start}
.header-brand img,.footer-brand img{grid-row:1/span 2;align-self:center}
.header-brand span,.footer-brand span{align-self:end;line-height:1}
.header-brand small,.footer-brand small{grid-column:2;align-self:start;font-family:var(--font-body);font-size:.6875rem;line-height:1;letter-spacing:.08em;color:#625C6B}
.header-nav{display:flex;align-items:center;gap:var(--space-4);margin-inline-start:var(--space-6)}
.header-nav a{position:relative;padding:.75rem .375rem;font-size:var(--text-nav);line-height:var(--lh-tight);color:#1C1726}
.header-nav a:hover{color:var(--primary)}
.header-nav a.active{color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}
.header-tools{display:flex;align-items:center;gap:var(--space-2);margin-inline-start:auto;flex:0 0 auto}
.header-tools .c-btn,.header-tools .header-login{font-size:var(--text-nav);line-height:var(--lh-tight)}
.header-tools .c-btn{padding:.8125rem 1.25rem}
.header-login{padding:.5rem}
.c-language{position:relative;flex:none}
.c-lang-button{display:inline-flex;align-items:center;gap:.375rem;height:var(--lang-height);padding:0 .5rem;border:var(--hairline) solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:#1C1726;font-size:var(--text-nav);line-height:1}
.c-lang-button svg{width:var(--lang-icon);height:var(--lang-icon)}
.c-lang-button .chevron{width:var(--chevron-size);height:var(--chevron-size);transition:transform var(--motion-fast)}
.c-lang-button[aria-expanded=true] .chevron{transform:rotate(180deg)}
.c-lang-menu{position:absolute;z-index:var(--z-menu);right:0;top:calc(100% + var(--field-gap));width:12rem;padding:var(--space-1);border-radius:var(--radius-md);background:#FFFFFF;color:#1C1726;box-shadow:var(--shadow-popover)}
.c-lang-menu a{display:block;padding:.625rem .75rem;border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:var(--lh-body)}
.c-lang-menu a:hover{background:var(--neutral)}
.c-lang-menu a[aria-current=true]{background:var(--primary);color:var(--surface)}
.c-burger{display:none;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;width:2.25rem;height:2.25rem;padding:.5rem;border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:#1C1726}
.c-burger svg{width:var(--icon-base);height:var(--icon-base)}
.site-footer{background:#1C1726;color:#EDE8F2;padding-block:var(--space-9) var(--space-4)}
.footer-grid{display:grid;grid-template-columns:17.5rem repeat(4,minmax(0,1fr));gap:var(--space-5);align-items:start}
.footer-grid>*{min-width:0}
.site-footer .footer-brand{color:#FFFFFF}
.site-footer .footer-brand small{color:#A79FB5}
.footer-about p{font-size:var(--text-sm);line-height:var(--lh-body);color:#A79FB5;margin-top:var(--space-2)}
.footer-mail{display:inline-block;margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--lh-body);color:#F5A9C6;overflow-wrap:anywhere}
.site-footer h4{font-size:var(--text-xs);line-height:var(--lh-heading);font-weight:var(--weight-medium);color:#FFFFFF;margin-bottom:var(--space-2)}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{font-size:var(--text-sm);line-height:var(--lh-body);margin-bottom:.625rem}
.site-footer li a,.footer-keywords span{font-size:var(--text-sm);line-height:var(--lh-body);color:#D8D1E2}
.site-footer a:hover{color:#FFFFFF}
.footer-bottom{margin-top:4.5rem;padding-top:var(--space-3);border-top:var(--hairline) solid var(--line-dark);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:#A79FB5;font-size:var(--text-xs);line-height:var(--lh-body)}
.footer-bottom>span{font-size:var(--text-xs);line-height:var(--lh-body)}
.footer-langs{display:flex;flex-wrap:wrap;gap:.375rem}
.footer-langs a{padding:.375rem .75rem;border-radius:var(--radius-pill);font-size:var(--text-xs);line-height:var(--lh-body);color:#D8D1E2}
.footer-langs a[aria-current=true]{background:var(--primary);color:var(--surface)}
.c-migration-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.c-migration-step{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:#E4ECF5;color:#1E3350;min-width:0}
.c-migration-step h3{font-size:var(--text-lg);line-height:var(--lh-heading)}
.c-migration-step code{margin-top:auto;padding-top:var(--space-2)}
.c-glossary-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.c-glossary-mini>div{padding:var(--space-3);border-radius:var(--radius-md);background:#FFFFFF;color:#1C1726}
.c-glossary-mini dt{font-size:var(--text-base);line-height:var(--lh-body);font-weight:var(--weight-medium)}
.c-glossary-mini dd{font-size:var(--text-sm);line-height:var(--lh-body);margin-top:var(--field-gap);color:#625C6B}
.c-blog-masonry{columns:2;column-gap:var(--space-3)}
.c-blog-masonry>.c-card{height:auto;break-inside:avoid;margin-bottom:var(--space-3)}
.c-blog-rest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.c-dialog{display:flex;flex-direction:column;gap:var(--space-3);max-width:min(32rem,calc(100% - var(--gutter)*2));padding:var(--space-3);border:0;border-radius:var(--radius-lg);background:#FFFFFF;color:#1C1726}
.c-dialog:not([open]){display:none}
.c-dialog::backdrop{background:rgba(28,23,38,.5)}
.c-dialog[hidden],.c-tab-panel[hidden]{display:none}
@media(min-width:64.001rem){
.header-nav[hidden]{display:flex!important}
}
@media(max-width:64rem){
.header-inner{gap:var(--field-gap)}
.header-nav{display:none;position:absolute;inset-inline:0;top:100%;margin:0;padding:var(--space-3);background:#FCFBF9;color:#1C1726;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-popover);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--field-gap)}
.header-nav.is-open{display:flex}
.header-nav a{margin:0;padding:.75rem var(--space-2);font-size:var(--text-base);line-height:var(--lh-body);text-align:left}
.header-tools{margin-inline-start:auto;gap:var(--field-gap)}
.header-login,.header-sales{display:none}
.c-burger{display:inline-flex}
.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.footer-bottom{flex-direction:column;align-items:flex-start}
.c-migration-path{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:42rem){
.header-brand{font-size:.875rem;gap:.375rem;letter-spacing:-.02em}
.header-brand small{display:none}
.header-tools .c-btn{padding:.625rem .75rem}
.c-lang-label,.c-lang-button .chevron{display:none}
.c-lang-button{width:var(--lang-height);padding:0;justify-content:center}
.c-lang-menu{right:-4rem}
.footer-grid{grid-template-columns:minmax(0,1fr)}
.c-card,.c-price-card{padding:var(--space-3);min-height:0}
.c-glossary-mini,.c-blog-rest{grid-template-columns:minmax(0,1fr)}
.c-blog-masonry{columns:1}
}
@media(max-width:23rem){
.header-brand{font-size:.75rem;gap:.25rem}
.header-tools .c-btn{font-size:.75rem}
.header-brand img{width:1.75rem;height:1.75rem}
.header-brand small{font-size:.6875rem}
.header-tools .c-btn{padding:.625rem .5rem}
}
