.c-btn{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.55rem;width:fit-content;padding:.72rem 1.25rem;border:1px solid transparent;border-radius:999px;font-size:var(--text-sm);font-weight:650;line-height:1.25;text-align:center;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.c-btn:hover{transform:translateY(-1px)}
.c-btn:active{transform:translateY(0)}
.c-btn-primary{background:var(--primary);color:#ffffff;box-shadow:0 8px 18px rgba(41,70,163,.18)}
.c-btn-primary:hover{background:var(--primary-hover);box-shadow:0 11px 24px rgba(41,70,163,.22)}
.c-btn-secondary{background:#ffffff;color:var(--ink);border-color:var(--line)}
.c-btn-secondary:hover{border-color:#bfc5cf}
.c-btn-ghost{background:transparent;color:currentColor;border-color:color-mix(in srgb,currentColor 38%,transparent)}
.c-text-link{display:inline-flex;align-items:center;gap:.55rem;font-size:var(--text-sm);font-weight:650}
.c-text-link svg{width:1rem;height:1rem;transition:transform .18s ease}
.c-text-link:hover svg{transform:translateX(2px)}
.c-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.75rem;margin-top:var(--space-3)}
.c-kicker{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;align-self:flex-start;color:var(--primary);font-size:var(--text-xs);font-weight:750;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}
.c-kicker-fill{padding:.48em .85em;border-radius:999px;background:var(--sand);color:var(--sand-ink)}
.c-kicker-fill::before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:var(--primary)}
.c-badge{display:inline-flex;align-items:center;width:fit-content;align-self:flex-start;padding:.42em .75em;border-radius:999px;background:var(--sage);color:var(--sage-ink);font-size:var(--text-xs);font-weight:650;line-height:1.2}
.c-card{min-width:0;min-height:0;padding:clamp(1.5rem,3vw,2.25rem);border-radius:var(--radius-md);background:#ffffff;color:var(--body)}
.c-card h2,.c-card h3,.c-card h4{color:var(--ink)}
.c-card-sand{background:#f5f2ed;color:#302b27}
.c-card-sand h2,.c-card-sand h3,.c-card-sand h4{color:#302b27}
.c-card-slate{background:#f2f5f8;color:#24313b}
.c-card-slate h2,.c-card-slate h3,.c-card-slate h4{color:#24313b}
.c-card-rose{background:#f7f1f4;color:#352934}
.c-card-rose h2,.c-card-rose h3,.c-card-rose h4{color:#352934}
.c-card-sage{background:#f2f6f1;color:#253229}
.c-card-sage h2,.c-card-sage h3,.c-card-sage h4{color:#253229}
.c-card-bordered{border:1px solid var(--line)}
.c-card-shadow{box-shadow:var(--shadow-soft)}
.c-notice{padding:1.5rem;border-radius:var(--radius-md);background:#f5f2ed;color:#302b27}
.c-notice strong{color:#302b27}
.c-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:start;gap:var(--space-3)}
.c-price-card{min-width:0;padding:clamp(1.5rem,3vw,2.25rem);border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff;color:var(--body)}
.c-price-card.is-featured{border-color:#c9d1e8;box-shadow:var(--shadow-soft)}
.c-price-card h3{color:var(--ink)}
.c-price-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.c-price-card__specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:.5rem;margin-top:var(--space-3)}
.c-price-card__specs span{min-width:0;padding:.65rem .5rem;border-radius:var(--radius-sm);background:#f2f5f8;color:#24313b;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.3;text-align:center;overflow-wrap:anywhere}
.c-price{display:flex;align-items:flex-end;gap:.55rem;margin-top:var(--space-3)}
.c-price strong{color:var(--ink);font-family:var(--font-mono);font-size:clamp(2.25rem,5vw,3rem);font-variant-numeric:tabular-nums;line-height:1}
.c-price span{font-size:var(--text-sm)}
.table-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff}
.c-table{display:table;width:100%;min-width:44rem;border-collapse:collapse;color:#24313b;background:#ffffff}
.c-table th,.c-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--line);color:#24313b}
.c-table th{background:#f5f2ed;color:#302b27;font-weight:650}
.c-table tr:last-child td{border-bottom:0}
.c-table .is-highlight{background:#f2f6f1;color:#253229}
.c-stock{display:inline-flex;align-items:center;gap:.45rem;color:#30624f;font-size:var(--text-xs);font-weight:650}
.c-stock::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--success)}
.c-faq{border-top:1px solid var(--line)}
.c-faq details{background:#ffffff;color:#46505f;border-bottom:1px solid var(--line)}
.c-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;color:var(--ink);font-size:var(--text-base);font-weight:650;line-height:1.45;cursor:pointer;list-style:none}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary svg{flex:0 0 auto;width:1.1rem;height:1.1rem;transition:transform .18s ease}
.c-faq details[open] summary svg{transform:rotate(45deg)}
.c-faq__body{padding:0 0 1.5rem;color:var(--muted)}
.c-field{display:grid;gap:.5rem;min-width:0}
.c-field+.c-field{margin-top:.5rem}
.c-input,.c-select,.c-textarea{width:100%;min-width:0;border:1px solid var(--input-line);border-radius:var(--radius-sm);background:#ffffff;color:var(--ink);font-size:var(--text-base);line-height:1.4}
.c-input,.c-select{min-height:3rem;padding:.7rem .85rem}
.c-textarea{min-height:9rem;padding:.85rem;resize:vertical}
.c-select{appearance:none;padding-inline-end:2.5rem;background-image:linear-gradient(45deg,transparent 50%,#596371 50%),linear-gradient(135deg,#596371 50%,transparent 50%);background-position:calc(100% - 17px) 1.25rem,calc(100% - 12px) 1.25rem;background-size:5px 5px;background-repeat:no-repeat}
.c-filter{display:flex;flex-wrap:wrap;gap:.5rem}
.c-filter button{padding:.55rem .9rem;border:1px solid var(--line);border-radius:999px;background:#ffffff;color:var(--body);font-size:var(--text-xs);cursor:pointer}
.c-filter button[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:#ffffff}
.c-breadcrumb{margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--muted)}
.c-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.c-breadcrumb li{display:flex;align-items:center;gap:.5rem;font-size:var(--text-xs)}
.c-breadcrumb li+li::before{content:"/";color:#9aa1ac}
.c-timeline{position:relative;display:grid;gap:2rem;padding-left:2.75rem}
.c-timeline::before{content:"";position:absolute;z-index:0;left:.72rem;top:.7rem;bottom:.7rem;width:1px;background:var(--line)}
.c-timeline__step{position:relative;min-width:0}
.c-timeline__step::before{content:"";position:absolute;z-index:1;left:-2.47rem;top:.35rem;width:.9rem;height:.9rem;border:3px solid var(--primary);border-radius:50%;background:#ffffff}
.c-checklist{display:grid;gap:.8rem;list-style:none;margin:0;padding:0}
.c-checklist li{position:relative;padding-left:1.9rem}
.c-checklist li::before{content:"✓";position:absolute;left:0;top:.08rem;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:#f2f6f1;color:#28785c;font-size:var(--text-xs);font-weight:750}
.c-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(2rem,5vw,4rem);border-radius:var(--radius-lg);background:#11182a;color:#c8cede}
.c-cta h2,.c-cta h3{color:#ffffff}
.c-cta .c-actions{margin-top:0}
.site-header{position:sticky;top:0;z-index:100;overflow:visible;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(17,24,42,.07);backdrop-filter:blur(16px)}
.site-header__row{display:flex;min-height:var(--header-height);align-items:center;gap:1rem}
.site-brand{display:flex;flex:0 0 auto;align-items:center;gap:.65rem;color:var(--ink);font-family:var(--font-heading);font-size:var(--text-md);font-weight:700;line-height:1}
.site-brand img{width:2rem;height:2rem}
.site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(.65rem,1.8vw,1.5rem);margin-left:auto}
.site-nav a{padding:.55rem .65rem;border-radius:999px;color:#343b48;font-size:var(--text-sm);line-height:1.2}
.site-nav a:hover{color:var(--primary)}
.site-nav a.is-active{background:#f2f5f8;color:var(--primary)}
.site-tools{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}
.c-lang{position:relative}
.c-lang__button{display:inline-flex;height:1.875rem;align-items:center;gap:.35rem;padding:0 .55rem;border:1px solid var(--line);border-radius:999px;background:#ffffff;color:var(--body);font-size:var(--text-xs);line-height:1;cursor:pointer}
.c-lang__button svg{width:.8rem;height:.8rem}
.c-lang__button .chevron{width:.6rem;height:.6rem;transition:transform .18s ease}
.c-lang__button[aria-expanded=true] .chevron{transform:rotate(180deg)}
.c-lang__menu{position:absolute;top:calc(100% + .55rem);right:0;z-index:110;display:grid;min-width:10rem;padding:.5rem;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff;box-shadow:var(--shadow)}
.c-lang__menu[hidden]{display:none}
.c-lang__menu a{padding:.55rem .7rem;border-radius:var(--radius-sm);color:var(--body);font-size:var(--text-sm)}
.c-lang__menu a:hover{background:var(--surface);color:var(--primary)}
.site-burger{display:none;align-self:center;width:2.25rem;height:2.25rem;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:#ffffff}
.site-burger svg{width:1rem;height:1rem}
.site-footer{padding:4.5rem 0 2rem;background:#11182a;color:#aeb6c8}
.site-footer h3{margin:0 0 1rem;color:#ffffff;font-family:var(--font-body);font-size:var(--text-sm)}
.site-footer a,.site-footer span,.site-footer p{font-size:var(--text-sm)}
.site-footer__grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:2rem}
.site-footer__brand img{width:2rem;height:2rem}
.site-footer__brand p{max-width:22rem;margin-top:1rem}
.site-footer__links{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.site-footer__links > h3{margin:0;padding:0}
.site-footer__links > h3 + a{margin-top:var(--space-2)}
.site-footer__links a:hover{color:#ffffff}
.site-footer__words{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line-dark)}
.site-footer__words span{padding:.45rem .7rem;border:1px solid var(--line-dark);border-radius:999px}
.site-footer__bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;color:#7f899e}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.reveal.reveal-left{transform:translateX(-18px)}
.reveal.reveal-right{transform:translateX(18px)}
.reveal.is-visible{opacity:1;transform:none}
@media(max-width:64rem){
  .site-nav{position:absolute;top:100%;left:var(--gutter);right:var(--gutter);display:none;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff;box-shadow:var(--shadow)}
  .site-header.is-menu-open .site-nav{display:grid}
  .site-nav a{min-height:2.75rem;padding:.75rem .8rem;font-size:1rem;line-height:1.25}
  .site-tools{margin-left:auto}
  .site-burger{display:grid}
  .site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:42rem){
  .site-header__row{gap:.2rem}
  .site-brand{font-size:.72rem;letter-spacing:-.035em}
  .site-brand img{width:1.5rem;height:1.5rem}
  .site-tools{gap:.2rem}
  .c-lang__label{display:none}
  .site-tools .c-btn{min-height:2.25rem;padding:.45rem .4rem;font-size:.68rem}
  .site-footer__grid{grid-template-columns:1fr}
  .site-footer__bottom,.c-cta{align-items:flex-start;flex-direction:column}
  .c-price-card__specs{grid-template-columns:1fr}
  .c-actions .c-btn{width:100%;max-width:100%;padding-inline:.9rem;white-space:normal;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
  .reveal,.reveal.reveal-left,.reveal.reveal-right{opacity:1;transform:none}
}
