.c-btn,.pill,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--button-height);padding:10px 22px;border:1px solid transparent;border-radius:var(--radius-pill);font-family:var(--f-body);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:1.4;text-align:center;letter-spacing:-.1px;max-width:100%;overflow-wrap:break-word;transition:background var(--duration),color var(--duration),transform var(--duration)}
.c-btn,.pill{background:var(--primary);color:var(--primary-ink)}
.c-btn:hover,.pill:hover{background:var(--primary-hover)}
.c-btn:active,.pill:active{background:var(--primary-active);transform:translateY(1px)}
.c-btn--secondary,.ghost{background:var(--bg);color:#1C2526;border-color:color-mix(in srgb,currentColor 35%,transparent)}
.c-btn--secondary:hover,.ghost:hover{background:var(--chrome);color:#1C2526}
.c-btn--secondary:active,.ghost:active{background:var(--hair);color:#1C2526}
.c-btn--ghost{background:var(--paper);color:#1C2526;border-color:color-mix(in srgb,currentColor 45%,transparent)}
.c-btn--ghost:hover{background:var(--chrome);color:#1C2526}
.c-btn--ghost:active{background:var(--hair);color:#1C2526}
.c-btn--sm,.pill.sm{min-height:var(--button-small-height);padding:8px 18px;font-size:var(--text-sm)}
.c-btn svg,.pill svg,.ghost svg{width:18px;height:18px}
.c-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}
.textlink,.c-link{font-size:var(--text-base);line-height:var(--lh-body);font-weight:var(--weight-bold);color:var(--ink);text-underline-offset:4px}
.textlink:hover,.c-link:hover{color:var(--primary)}
.c-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-action)}
:where(.c-head,.c-copy--center,.c-page-hero--center) .c-actions,:where(.c-head,.head)~.c-actions{justify-content:center}
.c-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--card-pad);background:#FFFFFF;color:#1C2526;border-radius:var(--radius-card);box-shadow:var(--shadow)}
.c-card p{margin-top:var(--space-1);color:#5B6670;font-size:var(--text-base);line-height:var(--lh-body)}
.c-card .c-card-foot{margin-top:auto;padding-top:var(--space-3)}
.c-card--text{height:auto}
.c-card--lav{background:#ECEAF7;color:#2E2A55}
.c-card--lav p{color:#5F5A86}
.c-card--sand{background:#F6F1E1;color:#4A3B12}
.c-card--sand p{color:#716139}
.c-card--rose{background:#F7E9EC;color:#5A2333}
.c-card--rose p{color:#81505E}
.c-card--sky{background:#E6F0F8;color:#1E3A52}
.c-card--sky p{color:#4E6A82}
.c-card :where(h2,h3,h4){color:inherit}
.c-icon-well{width:48px;height:48px;display:grid;place-items:center;background:#ECEAF7;color:#2E2A55;border-radius:var(--radius-pill);margin-bottom:var(--space-3)}
.c-icon-well svg{width:var(--icon-size);height:var(--icon-size)}
.c-card--lav .c-icon-well,.c-card--sand .c-icon-well,.c-card--rose .c-icon-well,.c-card--sky .c-icon-well{background:#FFFFFF;color:#1C2526}
.c-chip,.c-badge,.kicker{display:inline-flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;gap:var(--space-1);padding:5px 14px;border-radius:var(--radius-pill);background:#ECEAF7;color:#2E2A55;font-size:var(--text-xs);line-height:var(--lh-body);font-weight:var(--weight-bold);letter-spacing:.4px;overflow-wrap:break-word}
.kicker{margin-bottom:var(--space-2)}
.c-chip--sky,.k-sky{background:#E6F0F8;color:#1E3A52}
.c-chip--sand{background:#F6F1E1;color:#4A3B12}
.c-chip--rose{background:#F7E9EC;color:#5A2333}
.k-lav{background:#ECEAF7;color:#2E2A55}
.k-sand{background:#FFFFFF;color:#4A3B12}
.k-rose{background:#FFFFFF;color:#5A2333}
.k-mono{background:#FFFFFF;color:#5B6670}
:where(.c-head,.head,.c-copy--center,.c-page-hero--center,.hero) :where(.c-chip,.kicker){margin-inline:auto;align-self:center}
.c-status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);line-height:var(--lh-body);color:#1C2526;font-weight:var(--weight-bold)}
.c-status::before{content:"";width:8px;height:8px;flex:none;border-radius:var(--radius-pill);background:var(--primary)}
.c-status--off::before{background:var(--neutral-dot)}
.c-notice{padding:var(--space-3);border-radius:var(--radius-card);background:#E6F0F8;color:#1E3A52;font-size:var(--text-base);line-height:var(--lh-body)}
.c-notice p{color:#1E3A52}
.c-notice--warning{background:#F6F1E1;color:#4A3B12}
.c-notice--warning p{color:#4A3B12}
.c-notice--error{background:#F7E9EC;color:#5A2333}
.c-notice--error p{color:#5A2333}
.c-field{display:grid;align-content:start;gap:var(--space-field);min-width:0}
.c-field label{font-size:var(--text-base);line-height:var(--lh-body);font-weight:var(--weight-bold);color:#1C2526}
.c-field small{font-size:var(--text-sm);line-height:var(--lh-body);color:#5B6670}
.c-input,.c-select,.c-textarea{display:block;width:100%;padding:12px 14px;background:#FFFFFF;color:#1C2526;border:1px solid var(--control-line);border-radius:var(--radius-sm);font-size:var(--text-base);line-height:var(--lh-body)}
.c-input::placeholder,.c-textarea::placeholder{color:#5B6670;opacity:1}
.c-select{appearance:none;-webkit-appearance:none;padding-inline-end:40px}
.c-select-shell{position:relative}
.c-select-shell>svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#1C2526;pointer-events:none}
.c-textarea{resize:vertical;min-height:144px}
.c-input[aria-invalid="true"],.c-select[aria-invalid="true"],.c-textarea[aria-invalid="true"]{border-color:var(--rose-ink)}
.c-form{display:grid;gap:var(--space-3)}
.c-choice{position:relative;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-card);background:#F7F8FA;color:#1C2526;cursor:pointer;font-size:var(--text-base);line-height:var(--lh-body)}
.c-choice input[type="radio"]{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:3px 0 0;border:1px solid var(--control-line);border-radius:var(--radius-pill);background:#FFFFFF;display:grid;place-items:center}
.c-choice input[type="radio"]::before{content:"";width:10px;height:10px;background:var(--primary);border-radius:var(--radius-pill);transform:scale(0)}
.c-choice input[type="radio"]:checked::before{transform:scale(1)}
.c-choice:has(input:checked){background:#E6F0F8;color:#1E3A52;box-shadow:inset 0 0 0 1px var(--primary)}
.c-choice strong{display:block;font-size:var(--text-base);line-height:var(--lh-body)}
.c-choice small{display:block;margin-top:var(--space-field);color:#5B6670;font-size:var(--text-sm);line-height:var(--lh-body)}
.c-filter{display:flex;flex-wrap:wrap;gap:var(--space-field)}
.c-filter button{padding:8px 16px;border:0;border-radius:var(--radius-sm);background:#FFFFFF;color:#1C2526;font-size:var(--text-base);line-height:var(--lh-body);font-weight:var(--weight-bold)}
.c-filter button[aria-pressed="true"]{background:var(--primary);color:#FFFFFF}
.c-filter button:hover{box-shadow:inset 0 0 0 1px var(--primary)}
.table-scroll{position:relative;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:var(--radius-sm);background:#FFFFFF;color:#1C2526}
.c-table{display:table;width:100%;min-width:680px;border-collapse:collapse;background:#FFFFFF;color:#1C2526;table-layout:auto}
.c-table caption{padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--text-sm);line-height:var(--lh-body);color:#5B6670;background:#FFFFFF}
.c-table th,.c-table td{padding:16px 24px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);color:#1C2526;font-size:var(--text-base);line-height:var(--lh-body);overflow-wrap:break-word}
.c-table th{background:#F1F3F5;font-weight:var(--weight-bold)}
.c-table th:first-child,.c-table td:first-child{min-width:180px;width:26%}
.c-table tbody tr:last-child td,.c-table tbody tr:last-child th{border-bottom:0}
.c-table .c-table-highlight{background:#E6F0F8;color:#1E3A52}
.c-price-card{position:relative;display:flex;flex-direction:column;height:100%;padding:36px;min-width:0;border-radius:var(--radius-card);background:#FFFFFF;color:#1C2526;box-shadow:var(--shadow);overflow:hidden}
.c-price-card--recommended::before{position:absolute;content:"";inset:0 0 auto;height:3px;background:var(--primary)}
.c-price-card h3{font-size:var(--text-card);line-height:var(--lh-heading)}
.c-price-card p{color:#5B6670;font-size:var(--text-base);line-height:var(--lh-body)}
.c-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-block:28px 24px;color:#1C2526}
.c-price strong{font-family:var(--f-head);font-size:var(--text-display);line-height:var(--lh-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-heading);font-variant-numeric:tabular-nums}
.c-price span{font-size:var(--text-base);line-height:var(--lh-body);color:#5B6670}
.c-spec-grid{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-field)}
.c-spec-grid>div{min-width:0;padding:var(--space-2);background:#F7F8FA;color:#1C2526;border-radius:var(--radius-sm)}
.c-spec-grid dt{font-size:var(--text-sm);line-height:var(--lh-body);color:#5B6670}
.c-spec-grid dd{font-family:var(--f-mono);font-size:var(--text-base);line-height:var(--lh-body);overflow-wrap:break-word}
.c-price-card .c-actions{margin-top:auto;padding-top:var(--space-3)}
.c-faq{padding-inline:var(--space-3);background:#F7F8FA;color:#1C2526;border-radius:var(--radius-card)}
.c-faq details{background:#F7F8FA;color:#1C2526;border-top:1px solid var(--line);border-radius:0;padding-block:var(--space-3)}
.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-lead);line-height:var(--lh-body);font-weight:var(--weight-bold);color:#1C2526}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary svg{width:16px;height:16px;flex:none;transition:transform var(--duration)}
.c-faq details[open] summary svg{transform:rotate(180deg)}
.c-faq .c-faq-body{padding-top:var(--space-2);color:#5B6670;font-size:var(--text-base);line-height:var(--lh-body)}
.c-faq--sand,.c-faq--sand details{background:#F6F1E1;color:#4A3B12}
.c-faq--sand summary{color:#4A3B12}
.c-faq--sand .c-faq-body{color:#716139}
.c-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin:0 0 var(--space-3);padding:0;color:var(--muted);font-size:var(--text-sm);line-height:var(--lh-body)}
.c-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin:0;padding:0}
.c-breadcrumb li,.c-breadcrumb span,.c-breadcrumb a{font-size:var(--text-sm);line-height:var(--lh-body)}
.c-breadcrumb li+li::before,.c-breadcrumb>span+span::before{content:"/";margin-inline-end:var(--space-1);color:var(--muted)}
.c-breadcrumb a:hover{text-decoration:underline}
:where(.c-page-hero,.hero):has(.c-breadcrumb){padding-top:var(--hero-crumb-top)}
.site-header{position:sticky;top:0;z-index:100;overflow:visible;background:var(--bg);padding-bottom:0}
.announce{background:#ECEAF7;color:#2E2A55;font-size:var(--header-type);line-height:var(--lh-body)}
.announce .wrap{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding-block:8px}
.announce .dot{width:7px;height:7px;flex:none;border-radius:var(--radius-pill);background:var(--primary);box-shadow:0 0 0 3px rgba(44,122,110,.18)}
.announce a{flex:none;color:#2E2A55;font-weight:var(--weight-bold);font-size:var(--header-type);line-height:var(--lh-body);border-bottom:1px solid rgba(46,42,85,.3)}
.nav{margin-top:12px}
.nav .bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:60px;padding:10px 20px;background:#FFFFFF;color:#1C2526;border-radius:var(--radius-nav);box-shadow:var(--shadow-nav);overflow:visible}
.brand{display:flex;flex:0 0 auto;align-items:center;gap:10px;font-family:var(--f-head);font-size:var(--text-lead);line-height:var(--lh-heading);font-weight:var(--weight-bold);letter-spacing:-.3px;color:#1C2526}
.brand img{width:30px;height:30px;flex:none}
.brand small{font-family:var(--f-body);font-size:var(--text-base);line-height:var(--lh-body);font-weight:var(--weight-medium);letter-spacing:0;color:#5B6670}
.nav-links{display:flex;align-items:center;justify-content:center;gap:28px;padding:0;margin:0;list-style:none}
.nav-links li,.nav-links a{font-size:var(--header-type);line-height:var(--lh-body)}
.nav-links a{display:flex;align-items:center;min-height:38px;padding:6px 8px;border-radius:var(--radius-sm);color:#5B6670}
.nav-links a:hover{color:#1C2526;background:#F7F8FA}
.nav-links a.active{color:#1C2526;font-weight:var(--weight-bold);background:#F1F3F5;box-shadow:inset 0 -2px 0 var(--primary)}
.nav-tools{display:flex;align-items:center;flex:none;gap:var(--space-field)}
.nav-tools>.link{font-size:var(--header-type);line-height:var(--lh-body);color:#5B6670;margin-inline-end:var(--space-2)}
.nav-tools>.pill{font-size:var(--header-type)}
.c-language{position:relative;flex:none}
.c-language-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:var(--language-height);padding:0 8px;border:1px solid var(--control-line);border-radius:var(--radius-pill);background:#FFFFFF;color:#1C2526;font-size:var(--header-type);line-height:1}
.c-language-button svg{width:13px;height:13px}
.c-language-button .chevron{width:9px;height:9px;transition:transform var(--duration)}
.c-language-button[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.c-language-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:120;display:grid;min-width:170px;padding:var(--space-1);margin:0;list-style:none;border-radius:var(--radius-sm);background:#FFFFFF;color:#1C2526;box-shadow:var(--shadow)}
.c-language-menu li,.c-language-menu a{font-size:var(--header-type);line-height:var(--lh-body)}
.c-language-menu a{display:block;padding:8px 12px;border-radius:var(--radius-sm)}
.c-language-menu a:hover,.c-language-menu a[aria-current]{background:#F1F3F5;color:var(--primary)}
.c-burger{display:none;flex:none;align-self:center;align-items:center;justify-content:center;width:34px;height:34px;padding:6px;background:#F7F8FA;color:#1C2526;border:1px solid var(--line);border-radius:var(--radius-sm)}
.c-burger svg{width:20px;height:20px}
.site-footer{background:#FFFFFF;color:#1C2526;padding:72px 0 40px}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:var(--space-4)}
.fgrid>div{min-width:0}
.fgrid h4{font-family:var(--f-body);font-size:var(--text-xs);line-height:var(--lh-body);font-weight:var(--weight-bold);letter-spacing:.8px;color:#69747D;margin-bottom:var(--space-2)}
.fgrid ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.fgrid li,.fgrid li a{font-size:var(--text-base);line-height:var(--lh-body);color:#5B6670}
.fgrid a:hover{color:#1C2526}
.site-footer .footer-brand img{background:var(--paper,#fff);padding:.35rem;border-radius:var(--radius-sm)}
.fbrand .brand{color:#1C2526}
.fbrand .brand small{color:#5B6670}
.fbrand p{margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--lh-body);color:#5B6670;max-width:300px}
.fbrand .mail{display:inline-block;margin-top:var(--space-2);font-family:var(--f-mono);font-size:var(--text-sm);line-height:var(--lh-body);color:#1C2526;overflow-wrap:anywhere}
.hot{margin-top:56px;padding-top:var(--space-3);border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1)}
.hot h4{font-family:var(--f-body);font-size:var(--text-xs);line-height:var(--lh-body);font-weight:var(--weight-bold);letter-spacing:.8px;color:#69747D;margin-right:var(--space-1)}
.hot a{font-size:var(--text-sm);line-height:var(--lh-body);color:#5B6670;background:#F7F8FA;border-radius:var(--radius-pill);padding:5px 14px}
.hot a:hover{color:#1C2526}
.fbot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm);line-height:var(--lh-body);color:#69747D}
.langs{display:flex;flex-wrap:wrap;gap:4px}
.langs a{padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:var(--lh-body);color:#5B6670}
.langs a.on{background:#F7F8FA;color:var(--primary);font-weight:var(--weight-bold)}
.legal{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--lh-body)}
.legal a:hover{color:#1C2526}
.c-dialog{border:0;border-radius:var(--radius-card);padding:var(--card-pad);background:#FFFFFF;color:#1C2526;max-width:min(560px,calc(100% - var(--gutter)*2));box-shadow:var(--shadow)}
.c-dialog::backdrop{background:rgba(28,37,38,.4)}
.c-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}
.c-dialog-header button{width:32px;height:32px;background:var(--chrome);color:var(--ink);border:0;border-radius:var(--radius-sm)}
.c-dialog-header svg{width:16px;height:16px}
@media(min-width:64.001rem){
  .nav-links[hidden]{display:flex!important}
}
@media(max-width:64rem){
  .nav-tools{margin-inline-start:auto}
  .nav-tools>.link{display:none}
  .c-burger{display:inline-flex}
  .nav-links{position:absolute;top:calc(100% + 8px);left:0;right:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--space-field);margin:0;padding:var(--space-3);background:#FFFFFF;color:#1C2526;border-radius:var(--radius-nav);box-shadow:var(--shadow)}
  .nav-links a{justify-content:flex-start;margin:0;min-height:44px;padding:10px 14px;font-size:var(--text-base);line-height:var(--lh-body)}
  .nav-links li{font-size:var(--text-base);line-height:var(--lh-body)}
  .nav-links:not([data-open="true"]){display:none}
  .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fbot{align-items:flex-start;flex-direction:column}
}
@media(max-width:42rem){
  .nav .bar{gap:8px;padding:10px 12px}
  .brand{gap:6px;font-size:var(--text-base);letter-spacing:-.4px}
  .brand img{width:30px;height:30px}
  .site-header .brand small{display:block;font-size:var(--text-xs);letter-spacing:0}
  .nav-tools{gap:var(--space-field)}
  .nav-tools>.pill{padding:8px 10px;min-height:34px}
  .c-language-button{width:30px;padding:0}
  .c-language-button .language-label,.c-language-button .chevron{display:none}
  .c-burger{width:30px;height:30px}
  .announce .wrap{gap:var(--space-1);align-items:center}
  .announce .wrap>span{min-width:0}
  .fgrid{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
  .site-footer{padding-top:var(--space-5)}
  .c-price-card{padding:var(--space-3)}
  .c-spec-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:350px){
  .nav .bar{padding-inline:8px;gap:6px}
  .brand{font-size:var(--text-sm);gap:4px}
  .brand img{width:26px;height:26px}
  .site-header .brand small{display:block;font-size:var(--text-xs);letter-spacing:0}
  .nav-tools>.pill{padding-inline:8px}
  .nav-tools{gap:6px}
}