.c-btn,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 26px;border:1px solid transparent;border-radius:var(--r-s);font:500 var(--fs-base)/1.3 var(--fh);letter-spacing:.04em;text-align:center;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.c-btn:hover,.btn:hover{transform:translateY(-1px)}
.c-btn:active,.btn:active{transform:translateY(0)}
.c-btn--primary,.btn.p{background:var(--primary);color:#FFFFFF}
.c-btn--primary:hover,.btn.p:hover{background:var(--primary-hover);color:#FFFFFF}
.c-btn--secondary,.btn.g{background:#FFFFFF;color:#20232E;border-color:#CDD0DA}
.c-btn--secondary:hover,.btn.g:hover{color:var(--primary);border-color:var(--primary)}
.c-btn--ghost{background:transparent;color:var(--ink);border-color:color-mix(in srgb,currentColor 45%,transparent)}
.c-btn--ghost:hover{background:var(--surface)}
.c-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}
.center-title .c-actions,.c-page-hero--center .c-actions{justify-content:center}
.c-kicker,.kick{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:6px 12px;border-radius:999px;margin:0 0 22px;font:var(--fs-xs)/1.4 var(--fm);letter-spacing:.16em;text-transform:uppercase}
.center-title .c-kicker,.center-title .kick,.c-page-hero--center .c-kicker{margin-inline:auto}
.k1,.c-kicker--sand{background:#F3EFE8;color:#3B3326}
.k2,.c-kicker--sage{background:#EAF3EF;color:#1F3B30}
.k3,.c-kicker--rose{background:#F6ECEE;color:#4A2830}
.k4,.c-kicker--slate{background:#EEF1F6;color:#283445}
.k0,.c-kicker--neutral{background:#F4F5F8;color:#5D6270}
.c-card{min-width:0;display:flex;flex-direction:column;height:100%;padding:var(--space-3);border-radius:var(--r-m);background:#F4F5F8;color:#20232E}
.c-card h3,.c-card p,.c-card small{color:inherit}
.c-card__end{margin-top:auto;padding-top:var(--space-3)}
.c-card--sand{background:#F3EFE8;color:#3B3326}
.c-card--sage{background:#EAF3EF;color:#1F3B30}
.c-card--rose{background:#F6ECEE;color:#4A2830}
.c-card--slate{background:#EEF1F6;color:#283445}
.c-note{padding:var(--space-3);border-radius:var(--r-m);background:#EAF3EF;color:#1F3B30}
.c-note h3,.c-note p{color:#1F3B30}
.c-badge,.stock{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:4px 12px;border-radius:999px;background:#EAF3EF;color:#1F3B30;font:var(--fs-sm)/1.5 var(--fh)}
.c-badge::before,.stock::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#4A4FA3}
.c-breadcrumb,.c-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;font:var(--fs-sm)/1.5 var(--fh);color:var(--muted)}
.c-breadcrumb li{font:inherit;list-style:none}
.c-breadcrumb li+li::before,.c-breadcrumb span+span::before{content:"/";margin-right:10px;color:var(--faint)}
.c-breadcrumb a{text-decoration:none}
.c-breadcrumb a:hover{color:var(--primary)}
.c-breadcrumb{margin-bottom:var(--space-4)}
.table-scroll{position:relative;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.c-table{display:table;width:100%;min-width:680px;border-collapse:collapse;background:#FFFFFF;color:#20232E}
.c-table th,.c-table td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #E8EAF0;color:#20232E;overflow-wrap:break-word}
.c-table thead{background:#F4F5F8;color:#20232E}
.c-table thead th{color:#20232E}
.c-table th:first-child{min-width:156px}
.c-table .is-featured{background:#EEF1F6;color:#283445}
.c-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.c-price-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:32px;border-radius:var(--r-l);background:#F4F5F8;color:#20232E}
.c-price-card h3,.c-price-card p{color:#20232E}
.c-price-card__spec{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.c-price-card__price{font:600 clamp(1.6rem,3vw,2.5rem)/1.2 var(--fm);font-variant-numeric:tabular-nums}
.c-price-card .c-btn{margin-top:var(--space-3);align-self:flex-start}
.c-price-card .c-card__end{margin-top:auto}
.c-faq{background:#F4F5F8;color:#20232E;border-radius:var(--r-m);padding:0 24px}
.c-faq details{background:#F4F5F8;color:#20232E;border-top:1px solid #E2E5EA}
.c-faq details:first-child{border-top:0}
.c-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:18px 0;font:600 var(--fs-base)/1.5 var(--fh)}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:4px}
.c-faq details[open] summary::after{transform:rotate(225deg)}
.c-faq details>div{padding:0 0 22px;color:#3A3F4D}
.c-field{display:grid;gap:8px;min-width:0}
.c-field label{font:500 var(--fs-sm)/1.5 var(--fh);color:var(--ink)}
.c-field input,.c-field textarea,.c-field select{width:100%;min-height:46px;padding:11px 14px;border:1px solid #A8ADBA;border-radius:var(--r-s);background:#FFFFFF;color:#20232E}
.c-field textarea{min-height:128px;resize:vertical}
.c-field select{appearance:none;padding-inline-end:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2320232E' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}
.c-choices{display:flex;flex-wrap:wrap;gap:8px}
.c-choice{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:24px;border-radius:var(--r-m);background:#F4F5F8;color:#20232E;cursor:pointer}
.c-choice input{position:absolute;opacity:0;width:1px;height:1px}
.c-choice:has(input:checked){background:#EEF1F6;color:#283445;box-shadow:inset 0 0 0 1.5px #4A4FA3}
.c-choice:has(input:focus-visible){outline:2px solid #4A4FA3;outline-offset:3px}
.c-filters{display:flex;flex-wrap:wrap;gap:8px}
.c-filter{padding:8px 16px;border:1px solid #CDD0DA;border-radius:999px;background:#FFFFFF;color:#20232E;font:var(--fs-sm)/1.4 var(--fh)}
.c-filter[aria-pressed="true"]{background:#4A4FA3;border-color:#4A4FA3;color:#FFFFFF}
.c-code,pre.c-code{display:block;max-width:100%;overflow-x:auto;padding:20px 24px;border-radius:var(--r-m);background:#20232E;color:#ECEEF7;white-space:pre}
.c-code code{color:inherit;white-space:pre}
.c-checklist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.c-checklist li{display:flex;gap:14px;align-items:flex-start;padding:16px 20px;border-radius:var(--r-s);background:#F4F5F8;color:#20232E}
.c-checklist li::before{content:"✓";display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;background:#EAF3EF;color:#1F3B30;font:600 var(--fs-sm)/1 var(--fh)}
.c-timeline{list-style:none;padding:0;margin:0}
.c-timeline li{position:relative;padding:0 0 32px 46px}
.c-timeline li::before{content:"";position:absolute;left:12px;top:26px;bottom:0;width:1px;background:#D8DBE5}
.c-timeline li:last-child::before{display:none}
.c-timeline li::after{content:"";position:absolute;left:5px;top:5px;width:15px;height:15px;border-radius:50%;background:#4A4FA3}
.site-header{position:sticky;top:0;z-index:100;overflow:visible;background:#FFFFFF;border-bottom:1px solid #EEF0F4}
.header-inner{width:min(calc(100% - var(--gutter)*2),var(--wide));min-height:76px;margin-inline:auto;display:flex;align-items:center;gap:26px}
.brand,.footer-brand{display:inline-flex;align-items:center;flex:none;gap:18px;text-decoration:none;color:#20232E}
.site-header .brand{color:#20232E}
.brand img,.footer-brand img{width:40px;height:40px;flex:none}
.wordmark{font:400 19px/1 var(--fh);letter-spacing:.32em;color:#20232E;text-transform:uppercase;white-space:nowrap}
.wordmark strong{font-weight:600}
.brand small,.footer-brand small{border-left:1px solid #E8EAF0;padding-left:14px;font:var(--fs-sm)/1.5 var(--fh);letter-spacing:.08em;color:#5D6270;white-space:nowrap}
.header-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2.3vw,44px);margin-left:auto}
.header-nav a{display:inline-flex;align-items:center;min-height:44px;padding:4px 2px;border-bottom:2px solid transparent;color:#3A3F4D;text-decoration:none;font:var(--fs-base)/1.4 var(--fh);white-space:nowrap}
.header-nav a[aria-current="page"]{border-bottom-color:#4A4FA3;color:#4A4FA3}
.header-nav a:hover,.header-nav a.active{color:#4A4FA3}
.header-nav a.active{border-bottom-color:#4A4FA3}
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:none}
.console-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 20px;border:1px solid #4A4FA3;border-radius:999px;text-decoration:none;color:#4A4FA3;font:var(--fs-base)/1.4 var(--fh);white-space:nowrap}
.console-pill:hover{background:#4A4FA3;color:#FFFFFF}
.lang-switch{position:relative;flex:none}
.lang-button{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:4px 7px;border:1px solid #DADDE5;border-radius:999px;background:#FFFFFF;color:#20232E;font:var(--fs-xs)/1 var(--fh);white-space:nowrap}
.lang-button svg{width:13px;height:13px;flex:none}
.lang-button .chevron{width:9px;height:6px;transition:transform .2s ease}
.lang-button[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.lang-menu{position:absolute;right:0;top:calc(100% + 12px);z-index:120;display:grid;min-width:170px;padding:8px;border-radius:var(--r-m);background:#FFFFFF;color:#20232E;box-shadow:var(--shadow)}
.lang-menu a{padding:7px 10px;border-radius:var(--r-s);font:var(--fs-sm)/1.5 var(--fh);text-decoration:none}
.lang-menu a:hover,.lang-menu a[aria-current="page"]{background:#EEF1F6;color:#283445}
.nav-toggle{display:none;place-items:center;width:36px;height:36px;flex:none;align-self:center;border:1px solid #DADDE5;border-radius:var(--r-s);background:#FFFFFF;color:#20232E}
.nav-toggle svg{width:19px;height:19px}
.site-footer{margin-top:120px;padding:72px 0 56px;border-top:1px solid #EEF0F4;background:#FFFFFF;color:#3A3F4D}
.footer-inner{width:min(calc(100% - var(--gutter)*2),var(--wrap));margin-inline:auto}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:48px}
.footer-intro p{max-width:360px;margin-top:20px;color:#5D6270}
.footer-intro .mail{display:inline-block;margin-top:16px;color:#4A4FA3;font:var(--fs-sm)/1.5 var(--fm);text-decoration:none}
.site-footer h4{margin:0 0 18px;font:500 var(--fs-sm)/1.5 var(--fh);letter-spacing:.16em;color:#777C89}
.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.site-footer li{font:var(--fs-base)/1.5 var(--fh)}
.site-footer li a{color:#3A3F4D;text-decoration:none}
.site-footer li a:hover{color:#4A4FA3}
.footer-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:56px;padding-top:32px;border-top:1px solid #EEF0F4}
.footer-tags a{padding:6px 14px;border-radius:999px;text-decoration:none;font:var(--fs-sm)/1.5 var(--fh)}
.footer-tags a:nth-child(4n+1){background:#F3EFE8;color:#3B3326}
.footer-tags a:nth-child(4n+2){background:#EAF3EF;color:#1F3B30}
.footer-tags a:nth-child(4n+3){background:#F6ECEE;color:#4A2830}
.footer-tags a:nth-child(4n+4){background:#EEF1F6;color:#283445}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:36px}
.footer-langs{display:flex;flex-wrap:wrap;gap:4px}
.footer-langs a{padding:5px 10px;border-radius:var(--r-s);font:var(--fs-sm)/1.5 var(--fh);text-decoration:none;color:#5D6270}
.footer-langs a.on{background:#4A4FA3;color:#FFFFFF}
.footer-bottom small{min-width:0;max-width:100%;color:#777C89;white-space:normal;overflow-wrap:break-word}
@media(max-width:64rem){
  .header-inner{gap:12px}
  .header-nav{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:stretch;gap:0;margin-left:0;padding:12px var(--gutter) 22px;background:#FFFFFF;box-shadow:0 20px 28px -22px rgba(32,35,46,.3)}
  .header-nav[hidden]{display:none!important}
  .header-nav a{justify-content:flex-start;width:100%;min-height:48px;padding:11px 8px;border-bottom:1px solid #E8EAF0;font-size:var(--fs-base);white-space:nowrap}
  .header-nav a.active{background:#EEF1F6;border-radius:var(--r-s);border-bottom-color:transparent}
  .header-tools{margin-left:auto}
  .nav-toggle{display:grid}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
}
@media(max-width:42rem){
  .header-inner{min-height:66px;gap:6px}
  .brand,.footer-brand{gap:7px}
  .brand img{width:30px;height:30px}
  .wordmark{font-size:13px;letter-spacing:.12em}
  .brand small{display:none}
  .header-tools{gap:5px}
  .lang-button{padding:5px;font-size:var(--fs-base)}
  .lang-button .lang-label,.lang-button .chevron{display:none}
  .console-pill{min-height:30px;padding:4px 7px;font-size:var(--fs-base)}
  .nav-toggle{width:30px;height:30px}
  .footer-grid{grid-template-columns:minmax(0,1fr)}
  .footer-bottom{align-items:flex-start;flex-direction:column}
  .c-price-grid{grid-template-columns:minmax(0,1fr)}
  .c-actions .c-btn{flex:1 1 100%}
}
