.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:3rem;padding:.72rem 1.25rem;border:1px solid transparent;border-radius:var(--n-radius-sm);font-family:var(--n-heading);font-size:var(--n-fs-1);font-weight:650;line-height:1.25;text-align:center;transition:transform .2s var(--n-ease),background .2s var(--n-ease),box-shadow .2s var(--n-ease)}
.c-btn svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8}
.c-btn:hover{transform:translateY(-2px)}
.c-btn:active{transform:translateY(0)}
.c-btn-primary{color:var(--n-white);background:var(--n-primary);box-shadow:0 10px 26px rgba(52,38,211,.2)}
.c-btn-primary:hover{background:var(--n-primary-hover)}
.c-btn-secondary{color:var(--n-dark);background:var(--n-surface);border-color:color-mix(in srgb,var(--n-dark) 30%,transparent)}
.c-btn-secondary:hover{background:var(--n-surface-2)}
.c-btn-ghost{color:inherit;background:transparent;border-color:color-mix(in srgb,currentColor 48%,transparent)}
.c-btn-ghost:hover{background:color-mix(in srgb,currentColor 7%,transparent)}
.c-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem;margin-top:var(--n-space-3)}
.n-center .c-actions{justify-content:center}
.c-card{min-width:0;padding:var(--n-space-3);border-radius:var(--n-radius-md);color:var(--n-ink);background:var(--n-white)}
.c-card-surface{background:var(--n-surface)}
.c-card-indigo{color:var(--n-dark);background:var(--n-indigo-pale)}
.c-card-dark{color:#F8F5FF;background:var(--n-dark)}
.c-card-dark p,.c-card-dark small{color:#C5BEC9}
.c-card-shadow{box-shadow:var(--n-shadow-sm)}
.c-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--n-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(--n-space-3);align-items:stretch}
.c-paired-side{display:grid;gap:var(--n-space-3)}
.c-paired-side>*{height:100%}
.c-badge{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;align-self:flex-start;padding:.42rem .75rem;border-radius:999px;color:var(--n-primary);background:var(--n-indigo-soft);font-size:var(--n-fs-0);font-weight:750;line-height:1.2}
.n-center .c-badge,.n-center .n-kicker{align-self:center;margin-inline:auto}
.c-badge + :is(h1,h2,h3),.c-badge + [class*="copy"]{margin-top:.75rem}
.c-badge-dot::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--n-success)}
.c-notice{display:flex;gap:var(--n-space-2);padding:var(--n-space-3);border-radius:var(--n-radius-md);color:var(--n-dark);background:var(--n-indigo-pale)}
.c-notice svg{flex:none;width:1.4rem;height:1.4rem;fill:none;stroke:var(--n-primary);stroke-width:1.8}
.table-scroll{max-width:100%;overflow-x:auto;border-radius:var(--n-radius-md);background:var(--n-white)}
.c-table{display:table;width:100%;border-collapse:collapse;color:var(--n-ink);background:var(--n-white)}
.c-table th,.c-table td{padding:1rem 1.1rem;border-bottom:1px solid var(--n-paper-line);text-align:left;vertical-align:middle}
.c-table th{color:var(--n-muted);background:var(--n-surface);font-weight:700}
.c-table tr:last-child td{border-bottom:0}
.c-table .is-highlight{color:var(--n-dark);background:var(--n-indigo-pale)}
.c-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:var(--n-space-3);align-items:start}
.c-price{position:relative;min-width:0;min-height:0;padding:var(--n-space-4);border-radius:var(--n-radius-md);color:var(--n-ink);background:var(--n-surface)}
.c-price.is-featured{color:#FFF;background:var(--n-primary)}
.c-price.is-featured p,.c-price.is-featured small{color:#DDD8FF}
.c-price-value{display:flex;align-items:baseline;gap:.45rem;margin-top:var(--n-space-3);font-family:var(--n-mono);font-variant-numeric:tabular-nums}
.c-price-value strong{font-size:var(--n-fs-5);line-height:1}
.c-price-specs{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:var(--n-space-3);font-family:var(--n-mono);font-size:var(--n-fs-1)}
.c-price-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:var(--n-space-3);padding-top:var(--n-space-3);border-top:1px solid var(--n-paper-line)}
.c-price.is-featured .c-price-periods,.c-card-dark .c-price-periods{border-top-color:var(--n-dark-line)}
.c-price-periods span{display:block;font-size:var(--n-fs-0);opacity:.7}
.c-price-periods strong{font-family:var(--n-mono);font-size:var(--n-fs-1)}
.c-faq{border-top:1px solid var(--n-paper-line)}
.c-faq details{color:var(--n-ink);border-bottom:1px solid var(--n-paper-line)}
.c-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 0;list-style:none;font-family:var(--n-heading);font-size:var(--n-fs-3);font-weight:600;cursor:pointer}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary::after{content:"";flex:none;width:.8rem;height:.8rem;border-right:2px solid var(--n-primary);border-bottom:2px solid var(--n-primary);transform:rotate(45deg) translateY(-3px);transition:transform .2s var(--n-ease)}
.c-faq details[open] summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.c-faq-content{padding:0 2rem 1.4rem 0;color:var(--n-muted)}
.c-field{display:grid;gap:.5rem;min-width:0}
.c-field input,.c-field textarea,.c-field select{width:100%;min-height:3rem;padding:.75rem .9rem;border:1px solid var(--n-input-line);border-radius:var(--n-radius-sm);color:var(--n-ink);background:var(--n-white)}
.c-field textarea{min-height:9rem;resize:vertical}
.c-field select{appearance:none;padding-inline-end:2.5rem;background-image:linear-gradient(45deg,transparent 50%,var(--n-muted) 50%),linear-gradient(135deg,var(--n-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.c-field input:focus,.c-field textarea:focus,.c-field select:focus{border-color:var(--n-primary);outline:3px solid color-mix(in srgb,var(--n-primary) 16%,transparent)}
.c-filter{display:flex;flex-wrap:wrap;gap:.5rem}
.c-filter button{padding:.55rem .9rem;border:1px solid var(--n-paper-line);border-radius:999px;color:var(--n-muted);background:var(--n-white);font-size:var(--n-fs-1)}
.c-filter button[aria-pressed=true]{color:#FFF;background:var(--n-primary);border-color:var(--n-primary)}
.c-breadcrumb{margin:0 0 var(--n-space-3)}
.c-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.c-breadcrumb li{font-size:var(--n-fs-1);color:var(--n-muted)}
.c-breadcrumb li+li::before{content:"/";margin-right:.5rem;color:var(--n-muted-light)}
.c-breadcrumb span{font-size:var(--n-fs-1);color:var(--n-muted)}
.c-closeout{display:flex;align-items:center;justify-content:space-between;gap:var(--n-space-4);padding:var(--n-space-4);border-radius:var(--n-radius-lg);color:#FFF;background:var(--n-dark)}
.c-closeout p{margin-top:.75rem;color:#C8C1CD}
.c-closeout .c-actions{flex:none;margin-top:0}
.site-header{position:sticky;top:0;z-index:100;overflow:visible;color:var(--n-dark);background:rgba(255,255,255,.96);box-shadow:0 1px 0 var(--n-paper-line);backdrop-filter:blur(14px)}
.c-announcement{height:2.35rem;overflow:hidden;color:#F8F5FF;background:var(--n-dark)}
.c-announcement-inner{display:flex;align-items:center;justify-content:center;gap:1rem;height:100%;padding-inline:var(--n-gutter);white-space:nowrap;font-size:var(--n-fs-0);text-overflow:ellipsis;overflow:hidden}
.c-announcement i{width:.3rem;height:.3rem;flex:none;border-radius:50%;background:var(--n-accent)}
.c-nav-shell{display:grid;grid-template-columns:minmax(13rem,1fr) auto minmax(12rem,1fr);align-items:center;gap:1.25rem;min-height:var(--n-header-h)}
.c-brand{display:flex;align-items:center;gap:.7rem;min-width:0;width:fit-content}
.c-brand img{width:2.35rem;height:2.35rem;flex:none}
.c-brand-copy{display:grid;line-height:1.05}
.c-brand-copy strong{font-family:var(--n-heading);font-size:var(--n-fs-2);letter-spacing:.04em}
.c-brand-copy small{margin-top:.3rem;color:var(--n-muted);font-size:var(--n-fs-0);white-space:nowrap}
.c-nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(.8rem,1.6vw,1.5rem)}
.c-nav-links a{position:relative;font-size:var(--n-fs-1);font-weight:650;white-space:nowrap}
.c-nav-links a::after{content:"";position:absolute;right:100%;bottom:-.55rem;left:0;height:2px;background:var(--n-primary);transition:right .2s var(--n-ease)}
.c-nav-links a:hover::after,.c-nav-links a.active::after,.c-nav-links a[aria-current="page"]::after{right:0}
.c-nav-links a.active,.c-nav-links a[aria-current="page"]{color:var(--n-primary)}
.c-nav-tools{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}
.c-lang{position:relative}
.c-lang-button{display:flex;align-items:center;gap:.35rem;height:1.875rem;padding:0 .55rem;border:0;border-radius:.55rem;color:var(--n-dark);background:var(--n-surface);font-size:var(--n-fs-0);font-weight:700;line-height:1}
.c-lang-button svg{width:.8rem;height:.8rem;fill:none;stroke:currentColor;stroke-width:1.8}
.c-lang-button .chevron{width:.55rem;height:.55rem;transition:transform .2s var(--n-ease)}
.c-lang.is-open .chevron{transform:rotate(180deg)}
.c-lang-menu{position:absolute;top:calc(100% + .65rem);right:0;z-index:120;display:grid;width:11rem;padding:.5rem;border:1px solid var(--n-paper-line);border-radius:var(--n-radius-sm);background:#FFF;box-shadow:var(--n-shadow-sm)}
.c-lang-menu[hidden]{display:none}
.c-lang-menu a{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .65rem;border-radius:.5rem;font-size:var(--n-fs-0)}
.c-lang-menu a:hover{color:var(--n-primary);background:var(--n-indigo-pale)}
.c-menu-toggle{display:none;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:.55rem;background:var(--n-surface)}
.c-menu-toggle svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.8}
.site-footer{padding:var(--n-space-6) 0 var(--n-space-3);color:#F6F2F8;background:var(--n-dark)}
.c-footer-grid{display:grid;grid-template-columns:minmax(17rem,1.6fr) repeat(2,minmax(9rem,.65fr));gap:var(--n-space-4)}
.c-footer-brand p{max-width:27rem;margin-top:var(--n-space-2);color:#BDB6C3}
.site-footer .c-brand-copy small{color:#BDB6C3}
.c-footer-col h3{font-size:var(--n-fs-1)}
.c-footer-col a{display:block;width:fit-content;margin-top:.65rem;color:#C9C2CE;font-size:var(--n-fs-1)}
.c-footer-col a:hover{color:#FFF}
.c-hot-words{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:var(--n-space-4);padding:var(--n-space-3) 0;border-top:1px solid var(--n-dark-line);border-bottom:1px solid var(--n-dark-line)}
.c-hot-words span{padding:.4rem .65rem;border-radius:.5rem;color:#CFC8D4;background:rgba(255,255,255,.06);font-size:var(--n-fs-0)}
.c-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:var(--n-space-3);color:#9F97A5}
.c-footer-bottom small,.c-footer-bottom a{font-size:var(--n-fs-0)}
.c-footer-legal{display:flex;flex-wrap:wrap;gap:1rem}
.compare-price-card:not(.is-featured){background:var(--n-surface);color:var(--n-ink)}
[hidden]{display:none!important}
@media(max-width:64rem){
  .c-nav-shell{grid-template-columns:1fr auto}
  .c-nav-links{position:absolute;top:100%;right:var(--n-gutter);left:var(--n-gutter);display:none;align-items:stretch;flex-direction:column;gap:0;padding:.75rem;border:1px solid var(--n-paper-line);border-radius:var(--n-radius-md);background:#FFF;box-shadow:var(--n-shadow-sm)}
  .site-header.is-menu-open .c-nav-links{display:flex}
  .c-nav-links a{padding:.7rem}
  .c-nav-links a::after{display:none}
  .c-menu-toggle{display:flex}
  .c-nav-tools{grid-column:2}
  .c-paired{grid-template-columns:1fr}
}
@media(max-width:42rem){
  .c-announcement-inner{flex-direction:row;justify-content:flex-start}
  .c-brand-copy strong{font-size:var(--n-fs-1)}
  .c-brand-copy small{font-size:.66rem}
  .c-nav-shell{gap:.35rem}
  .c-nav-tools{gap:.3rem}
  .c-lang-label{display:none}
  .c-lang-button{width:1.875rem;padding:0;justify-content:center}
  .c-lang-button .chevron{display:none}
  .c-nav-cta{min-height:2rem;padding:.35rem .55rem;font-size:var(--n-fs-0)}
  .c-closeout{align-items:flex-start;flex-direction:column;padding:var(--n-space-3)}
  .c-closeout .c-actions{flex:none}
  .c-footer-grid{grid-template-columns:1fr}
  .c-footer-bottom{align-items:flex-start;flex-direction:column}
  .c-btn{width:100%}
}
