@layer theme,base,components,utilities;@layer base{*,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
    border-color: hsl(var(--border));
  }

  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--font-sans-ui);
    -webkit-tap-highlight-color: transparent;
    overflow-x: clip; 
  }

  hr { height: 0; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

  
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  h1 { font-size: 3rem; line-height: 1.25; font-weight: 900; }      
  h2 { font-size: 2.25rem; line-height: 1.25; font-weight: 700; }   
  h3 { font-size: 1.875rem; line-height: 1.375; font-weight: 700; } 
  h4 { font-size: 1.5rem; line-height: 1.375; font-weight: 600; }   
  h5 { font-size: 1.25rem; line-height: 1.5; font-weight: 600; }    
  h6 { font-size: 1.125rem; line-height: 1.5; font-weight: 500; }   
  p  { font-size: 1rem; line-height: 1.625; }                       

  a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }
  b, strong { font-weight: bold; } 

  code, kbd, samp, pre { font-family: var(--font-mono); font-size: 1em; }
  small { font-size: 80%; }
  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  sub { bottom: -0.25em; }
  sup { top: -0.5em; }

  table { text-indent: 0; border-color: inherit; border-collapse: collapse; }
  :-moz-focusring { outline: auto; }
  
  main[tabindex="-1"]:focus { outline: none; }
  progress { vertical-align: baseline; }
  summary { display: list-item; }
  ol, ul, menu { list-style: none; }

  
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video { max-width: 100%; height: auto; }
  img { image-orientation: from-image; z-index: 1; } 
  svg { display: inline-block; vertical-align: middle; } 
  svg:not([fill]) { fill: currentColor; } 

  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
  ::file-selector-button { margin-inline-end: 4px; }
  ::placeholder { opacity: 1; }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); }
  }
  textarea { resize: vertical; }
  ::-webkit-search-decoration { -webkit-appearance: none; }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; }
  :-moz-ui-invalid { box-shadow: none; }

  [hidden]:where(:not([hidden='until-found'])) { display: none !important; }

  
  body {
    margin: 0;
    background-color: var(--white);
    color: var(--ink);
    font-family: var(--font-sans-ui);
    line-height: 1.6;
    padding-top: 0.5rem;
  }

  
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}@layer utilities{.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}@layer base{:root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;
    
    
    --primary: 0 0% 0%;
    --primary-foreground: 210 40% 98%;
    
    
    --secondary: 24 94% 53%;
    --secondary-foreground: 0 0% 100%;
    
    
    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;
    
    
    --accent: 30 50% 96%;
    --accent-foreground: 222.2 47.4% 11.2%;
    
    
    --destructive: 0 72% 51%;
    --destructive-foreground: 210 40% 98%;
    
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    
    
    --ring: 24 94% 53%;
    
    --radius: 0.5rem;

    
  }
 
  .surface-dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;
    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;
    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;
    
    
    --primary: 210 40% 98%;
    --primary-foreground: 222.2 47.4% 11.2%;
    
    
    --secondary: 24 94% 53%;
    --secondary-foreground: 0 0% 100%;
    
    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;
    
    
    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;
    
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;
    
    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    
    --ring: 24 94% 53%;
  }
}@layer base{* {
    border-color: hsl(var(--border));
  }
  
  html {
    overflow-x: clip;
  }
  body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
  }
}.wrapper{max-width:1920px;margin:0 auto;position:relative}.container{margin:0 auto;max-width:100%;padding:.5rem 4rem;position:relative}@media screen and (max-width:1440px){.container{padding:.5rem var(--container-padding,2rem)}}@media screen and (max-width:768px){.container{padding:.5rem 1rem}}#primary-header{position:relative;z-index:30}#primary-header nav a,#scroll-header nav a{padding:.35rem .75rem;border-radius:999px;background:0 0;transform:translateY(0);transition:background .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease}body:not(.surface-dark) #primary-header nav a:hover,body:not(.surface-dark) #scroll-header nav a:hover{background:0 0;box-shadow:0 6px 12px rgba(15,23,42,.12);color:#111827;transform:translateY(-1px)}.surface-dark #primary-header nav a:hover,.surface-dark #scroll-header nav a:hover{background:0 0;box-shadow:0 6px 12px rgba(0,0,0,.55);color:#f3f4f6;transform:translateY(-1px)}#primary-header nav a.text-orange-400,#scroll-header nav a.text-orange-400{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:#fff;box-shadow:0 4px 10px rgba(249,115,22,.28);animation:nav-pill-in .25s ease-out;transform-origin:center;will-change:transform}#primary-header nav a.text-orange-400:hover,#scroll-header nav a.text-orange-400:hover{box-shadow:0 6px 16px rgba(249,115,22,.34);transform:translateY(-2px)}#primary-header nav a.text-orange-400 i,#scroll-header nav a.text-orange-400 i{color:#fff}#primary-header nav a>span.absolute,#scroll-header nav a>span.absolute{display:none}@keyframes nav-pill-in{from{opacity:0;transform:translateY(2px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}#primary-header .docs-mega-panel,#scroll-header .docs-mega-panel{position:absolute;top:calc(100% + .75rem);left:50%;width:min(560px,calc(100vw - 2rem));min-width:320px;padding:1rem;border-radius:16px;opacity:0;pointer-events:none;--mega-x:-50%;--mega-y:10px;transform:translate(var(--mega-x),var(--mega-y));transition:opacity .2s ease,transform .2s ease;z-index:50}#primary-header .docs-mega-panel::before,#scroll-header .docs-mega-panel::before{content:"";position:absolute;top:-.75rem;left:0;right:0;height:.75rem}#primary-header .docs-mega-panel.align-left,#scroll-header .docs-mega-panel.align-left{left:0;right:auto;--mega-x:0}#primary-header .docs-mega-panel.align-right,#scroll-header .docs-mega-panel.align-right{left:auto;right:0;--mega-x:0}#primary-header .group:hover .docs-mega-panel,#primary-header .group:focus-within .docs-mega-panel,#scroll-header .group:hover .docs-mega-panel,#scroll-header .group:focus-within .docs-mega-panel{opacity:1;pointer-events:auto;--mega-y:0}body:not(.surface-dark) #primary-header .docs-mega-panel,body:not(.surface-dark) #scroll-header .docs-mega-panel{background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}.surface-dark #primary-header .docs-mega-panel,.surface-dark #scroll-header .docs-mega-panel{background:rgba(0,0,0,.78);backdrop-filter:blur(12px)}.docs-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem .75rem}.docs-mega-link{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:.55rem .85rem;border-radius:999px;font-weight:600;text-align:left;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.docs-mega-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;font-size:1.05rem;line-height:1}body:not(.surface-dark) .docs-mega-link{color:#1f2937}body:not(.surface-dark) .docs-mega-link:hover{background:rgba(249,115,22,.18);color:#9a3412;transform:translateY(-1px)}.surface-dark .docs-mega-link{color:#e5e7eb}.surface-dark .docs-mega-link:hover{background:rgba(249,115,22,.24);color:#fed7aa;transform:translateY(-1px)}#mobile-navbar .docs-mobile-details{width:100%}#mobile-navbar .docs-mobile-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem;border-radius:16px;color:#fff;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}#mobile-navbar .docs-mobile-summary::-webkit-details-marker{display:none}#mobile-navbar .docs-mobile-summary::marker{content:""}#mobile-navbar .docs-mobile-summary:hover{background:rgba(255,255,255,.1);color:#fed7aa}#mobile-navbar .docs-mobile-caret{transition:transform .2s ease}#mobile-navbar .docs-mobile-details[open] .docs-mobile-caret{transform:rotate(180deg)}#mobile-navbar .docs-mobile-links{margin-top:1.25rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}#mobile-navbar .docs-mobile-details[open] .docs-mobile-links{animation:docs-menu-fade-in .4s cubic-bezier(.16,1,.3,1)forwards}#mobile-navbar .docs-mobile-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.25rem .5rem;border-radius:1.25rem;background:rgba(255,255,255,4%);border:1px solid rgba(255,255,255,.1);backdrop-blur:blur(8px);color:#fff;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(10px)}#mobile-navbar .docs-mobile-details[open] .docs-mobile-link{animation:docs-item-slide-in .4s cubic-bezier(.34,1.56,.64,1)forwards}#mobile-navbar .docs-mobile-link:nth-child(1){animation-delay:.05s}#mobile-navbar .docs-mobile-link:nth-child(2){animation-delay:.1s}#mobile-navbar .docs-mobile-link:nth-child(3){animation-delay:.15s}#mobile-navbar .docs-mobile-link:nth-child(4){animation-delay:.2s}#mobile-navbar .docs-mobile-link:nth-child(5){animation-delay:.25s}#mobile-navbar .docs-mobile-link:nth-child(6){animation-delay:.3s}#mobile-navbar .docs-mobile-link:nth-child(7){animation-delay:.35s}@keyframes docs-menu-fade-in{from{opacity:0}to{opacity:1}}@keyframes docs-item-slide-in{from{opacity:0;transform:translateY(15px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}#mobile-navbar .docs-mobile-icon{font-size:1.75rem;line-height:1}#mobile-navbar .docs-mobile-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.9)}#mobile-navbar .docs-mobile-link:hover{background:rgba(255,255,255,8%);color:#fdba74;transform:translateY(-3px)scale(1.02);border-color:rgba(251,146,60,.3)}:root{--rr-motion-ease-out:var(--ease-sweep);--rr-motion-duration:var(--dur-sweep);--rr-reward-duration:var(--dur-reward)}:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]):where(:not(.button)){rotate:none!important;scale:none!important;translate:none!important;transition-property:background-position,background-color,border-color,color,opacity,box-shadow,transform!important;transition-duration:var(--rr-motion-duration),var(--rr-motion-duration),150ms,150ms,150ms,150ms,var(--spring-snappy-dur)!important;transition-timing-function:var(--rr-motion-ease-out),var(--rr-motion-ease-out),ease,ease,ease,ease,var(--spring-snappy)!important}:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]):not(.button){box-shadow:none!important}:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]):where(:not(.button)):hover,:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]):where(:not(.button)):focus-visible{transform:translateY(-1px)!important}:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]):where(:not(.button)):active{transform:translateY(1px)!important}@media(prefers-reduced-motion:reduce){:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]):where(:not(.button)):hover,:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]):where(:not(.button)):focus-visible,:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]):where(:not(.button)):active{transform:none!important}}:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]).rr-is-rewarding{overflow:hidden}:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]).rr-is-rewarding::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at center,rgba(255,255,255,.4),rgba(255,255,255,0) 62%);animation:rr-cta-reward var(--rr-reward-duration)var(--rr-motion-ease-out)both}@keyframes rr-cta-reward{0%{opacity:.5;transform:scale(.82)}62%{opacity:.16;transform:scale(1.04)}100%{opacity:0;transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]):where(:not(.button)){transition:none!important}:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]):where(:not(.button)):hover,:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]):where(:not(.button)):focus-visible{transform:none!important}:where(.cta-button,.cta-button-secondary,.primary-btn,.review-write-cta,.submit-button,[id*=cta-button],[data-track-click=true]).rr-is-rewarding::after{animation:none}}:root{--transition-duration:300ms;--transition-timing:cubic-bezier(0.4, 0, 0.2, 1);--transition-properties:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;--transition-duration-fast:150ms;--transition-duration-slow:500ms;--highlight-grad-1:linear-gradient(90deg, #dc2626, #d97706);--highlight-grad-1-underline:linear-gradient(90deg, rgba(220, 38, 38, 0.52) 0%, rgba(245, 158, 11, 0.62) 55%, rgba(217, 119, 6, 0.55) 100%)}--container-* names. */ body{font-family:var(--font-primary)}@layer base{h1 {
    font-size: 3rem;
    line-height: 1.25;
    line-height: 1.25;
    font-weight: 900;
  }

    h2 {
    font-size: 2.25rem;
    line-height: 1.25;
    line-height: 1.25;
    font-weight: 700;
  }

    h3 {
    font-size: 1.875rem;
    line-height: 1.375;
    line-height: 1.375;
    font-weight: 700;
  }

    h4 {
    font-size: 1.5rem;
    line-height: 1.375;
    line-height: 1.375;
    font-weight: 600;
  }

    h5 {
    font-size: 1.25rem;
    line-height: 1.5;
    line-height: 1.5;
    font-weight: 600;
  }

    h6 {
    font-size: 1.125rem;
    line-height: 1.5;
    line-height: 1.5;
    font-weight: 500;
  }

    p {
    font-size: 1rem;
    line-height: 1.625;
    line-height: 1.625;
  }

    
    .text-xs {
    font-size: 0.75rem;
    line-height: 1.25;
    line-height: 1.25;
  }
}.article-content.prose :where(img,figure,video){margin-left:0;margin-right:auto}.article-content.prose :where(figcaption){text-align:left}@layer components{.rr-callout,
  .rr-quote {
    margin-block: calc(0.25rem * 6);
    border-radius: 0.75rem;
    border-style: solid;
    border-width: 1px;
    border-left-style: solid;
    border-left-width: 4px;
    padding: calc(0.25rem * 5);
  }

  
  .rr-callout {
    border-color: var(--gray-200);
    background-color: var(--gray-50);
    color: var(--gray-800);
    border-left-color: var(--gray-400);
  }

  .rr-quote {
    border-color: var(--gray-200);
    background-color: var(--gray-50);
    color: var(--gray-800);
    border-left-color: var(--orange-400);
  }

  
  .surface-dark .rr-callout,
  .surface-dark .rr-quote {
    border-color: color-mix(in srgb, var(--gray-700) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--gray-700) 60%, transparent);
    }
    background-color: color-mix(in srgb, var(--gray-900) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--gray-900) 40%, transparent);
    }
    color: var(--gray-200);
  }

  .surface-dark .rr-callout {
    border-left-color: var(--slate-400);
  }

  .surface-dark .rr-quote {
    border-left-color: var(--orange-400);
  }

  
  .rr-callout__header {
    display: flex;
    align-items: center;
    gap: calc(0.25rem * 3);
  }

  .rr-callout__icon {
    display: flex;
    height: calc(0.25rem * 9);
    width: calc(0.25rem * 9);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: solid;
    border-width: 1px;
    border-color: var(--gray-200);
    background-color: var(--white);
    color: var(--gray-700);
  }

  .surface-dark .rr-callout__icon {
    border-color: color-mix(in srgb, var(--gray-700) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--gray-700) 60%, transparent);
    }
    background-color: color-mix(in srgb, var(--gray-900) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--gray-900) 50%, transparent);
    }
    color: var(--gray-200);
  }

  .rr-callout__icon svg {
    height: calc(0.25rem * 5);
    width: calc(0.25rem * 5);
  }

  .rr-callout__title {
    font-size: 1rem;
    line-height: calc(1.5 / 1);
    font-weight: 600;
  }

  .rr-callout__body {
    margin-top: calc(0.25rem * 3);
    font-size: 1rem;
    line-height: 1.625;
    line-height: 1.625;
  }

  .rr-callout__body p,
  .rr-quote__body p {
    margin-bottom: calc(0.25rem * 3);
  }

  .rr-callout__body p:last-child,
  .rr-quote__body p:last-child {
    margin-bottom: calc(0.25rem * 0);
  }

  .rr-callout__body a,
  .rr-quote__body a {
    text-decoration-line: underline;
    text-underline-offset: 4px;
  }

  .rr-quote__body {
    font-size: 1rem;
    line-height: 1.625;
    line-height: 1.625;
    font-style: italic;
  }

  
  .rr-callout--tip {
    border-color: var(--emerald-200);
    background-color: var(--emerald-50);
    border-left-color: var(--emerald-500);
  }

  .rr-callout--note {
    border-color: var(--blue-200);
    background-color: var(--blue-50);
    border-left-color: var(--blue-500);
  }

  .rr-callout--warning {
    border-color: var(--amber-200);
    background-color: var(--amber-50);
    border-left-color: var(--amber-500);
  }

  .rr-callout--tip .rr-callout__title {
    color: var(--callout-tip-title);
  }

  .rr-callout--note .rr-callout__title {
    color: var(--blue-800);
  }

  .rr-callout--warning .rr-callout__title {
    color: var(--amber-800);
  }

  .rr-callout--tip .rr-callout__icon {
    border-color: var(--emerald-200);
    background-color: var(--emerald-100);
    color: var(--emerald-700);
  }

  .rr-callout--note .rr-callout__icon {
    border-color: var(--blue-200);
    background-color: var(--blue-100);
    color: var(--blue-700);
  }

  .rr-callout--warning .rr-callout__icon {
    border-color: var(--amber-200);
    background-color: var(--amber-100);
    color: var(--amber-700);
  }

  
  .surface-dark .rr-callout--tip {
    border-color: color-mix(in srgb, var(--emerald-500) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--emerald-500) 25%, transparent);
    }
    background-color: color-mix(in srgb, var(--emerald-500) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--emerald-500) 10%, transparent);
    }
    border-left-color: var(--emerald-400);
  }

  .surface-dark .rr-callout--note {
    border-color: color-mix(in srgb, var(--blue-500) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--blue-500) 25%, transparent);
    }
    background-color: color-mix(in srgb, var(--blue-500) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--blue-500) 10%, transparent);
    }
    border-left-color: var(--blue-400);
  }

  .surface-dark .rr-callout--warning {
    border-color: color-mix(in srgb, var(--orange-500) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--orange-500) 25%, transparent);
    }
    background-color: color-mix(in srgb, var(--orange-500) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--orange-500) 10%, transparent);
    }
    border-left-color: var(--orange-400);
  }

  .surface-dark .rr-callout--tip .rr-callout__title {
    color: var(--emerald-200);
  }

  .surface-dark .rr-callout--note .rr-callout__title {
    color: var(--blue-200);
  }

  .surface-dark .rr-callout--warning .rr-callout__title {
    color: var(--orange-200);
  }

  .surface-dark .rr-callout--tip .rr-callout__icon {
    border-color: color-mix(in srgb, var(--emerald-500) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--emerald-500) 30%, transparent);
    }
    background-color: color-mix(in srgb, var(--emerald-500) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--emerald-500) 20%, transparent);
    }
    color: var(--emerald-200);
  }

  .surface-dark .rr-callout--note .rr-callout__icon {
    border-color: color-mix(in srgb, var(--blue-500) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--blue-500) 30%, transparent);
    }
    background-color: color-mix(in srgb, var(--blue-500) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--blue-500) 20%, transparent);
    }
    color: var(--blue-200);
  }

  .surface-dark .rr-callout--warning .rr-callout__icon {
    border-color: color-mix(in srgb, var(--orange-500) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--orange-500) 30%, transparent);
    }
    background-color: color-mix(in srgb, var(--orange-500) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--orange-500) 20%, transparent);
    }
    color: var(--orange-200);
  }

  
  .rr-callout {
    --co-ink: var(--ink);
    --co-icon: var(--ink-muted);
    --co-line: var(--line-2);
    --co-tint: var(--surface-2);
    --co-chip: var(--surface);
  }
  .rr-callout--tip {
    --co-ink: var(--callout-tip-title);
    --co-icon: var(--emerald-700);
    --co-line: var(--emerald-200);
    --co-tint: var(--emerald-50);
    --co-chip: var(--emerald-100);
  }
  .rr-callout--warning {
    --co-ink: var(--amber-800);
    --co-icon: var(--amber-700);
    --co-line: var(--amber-200);
    --co-tint: var(--amber-50);
    --co-chip: var(--amber-100);
  }
  .rr-callout--note {
    --co-ink: var(--blue-800);
    --co-icon: var(--blue-700);
    --co-line: var(--blue-200);
    --co-tint: var(--blue-50);
    --co-chip: var(--blue-100);
  }
  
  .surface-dark .rr-callout--tip {
    --co-ink: var(--emerald-200);
    --co-icon: var(--emerald-200);
    --co-line: color-mix(in oklab, var(--emerald-500) 30%, transparent);
    --co-tint: color-mix(in oklab, var(--emerald-500) 10%, transparent);
    --co-chip: color-mix(in oklab, var(--emerald-500) 22%, var(--surface));
  }
  .surface-dark .rr-callout--warning {
    --co-ink: var(--orange-200);
    --co-icon: var(--orange-200);
    --co-line: color-mix(in oklab, var(--orange-500) 30%, transparent);
    --co-tint: color-mix(in oklab, var(--orange-500) 10%, transparent);
    --co-chip: color-mix(in oklab, var(--orange-500) 22%, var(--surface));
  }
  .surface-dark .rr-callout--note {
    --co-ink: var(--blue-200);
    --co-icon: var(--blue-200);
    --co-line: color-mix(in oklab, var(--blue-500) 30%, transparent);
    --co-tint: color-mix(in oklab, var(--blue-500) 10%, transparent);
    --co-chip: color-mix(in oklab, var(--blue-500) 22%, var(--surface));
  }

  .rr-callout:not(.docs-chapter *) {
    position: relative;
    margin-block: var(--space-6);   
    padding: var(--space-4) var(--space-4) var(--space-3);
    border: 1px solid var(--co-line);
    border-radius: var(--r-xl);
    background: var(--co-tint);
    font-size: var(--fs-base);
    line-height: 1.6;
    color: var(--ink-body);
  }
  .rr-callout:not(.docs-chapter *) .rr-callout__header {
    position: absolute;
    top: 0;
    left: var(--space-3);
    gap: var(--space-1);
    padding: 0.125rem var(--space-2);   
    border: 1px solid var(--co-line);
    border-radius: var(--r-full);
    background: var(--co-chip);
    transform: translateY(-50%);
  }
  .rr-callout:not(.docs-chapter *) .rr-callout__icon {
    width: 0.875rem;
    height: 0.875rem;
    border: 0;
    background: none;
    color: var(--co-icon);
  }
  .rr-callout:not(.docs-chapter *) .rr-callout__icon svg { width: 0.875rem; height: 0.875rem; }
  .rr-callout:not(.docs-chapter *) .rr-callout__title {
    font-family: var(--font-sans-ui);
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--co-ink);
  }
  .rr-callout:not(.docs-chapter *) .rr-callout__body {
    margin-top: 0;
    font-size: inherit;
    line-height: inherit;
  }
  
  .rr-callout:not(.docs-chapter *) .rr-callout__body p {
    font-size: inherit;
    line-height: inherit;
  }
}:root{--scrollbar-accent-rgb:255 157 20}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(128,128,128,.1);border-radius:10px;margin:4px 0}::-webkit-scrollbar-thumb{background:rgba(128,128,128,.3);border-radius:10px;border:2px solid transparent;background-clip:padding-box;transition:background-color .3s ease,box-shadow .3s ease}::-webkit-scrollbar-thumb:hover{background:rgb(var(--scrollbar-accent-rgb)/.6);box-shadow:0 0 10px rgb(var(--scrollbar-accent-rgb)/.3)}::-webkit-scrollbar-thumb:active{background:rgb(var(--scrollbar-accent-rgb)/.8);box-shadow:0 0 15px rgb(var(--scrollbar-accent-rgb)/.4)}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.3)rgba(128,128,128,.1)}*:hover{scrollbar-color:rgb(var(--scrollbar-accent-rgb)/.6)rgba(128,128,128,.1)}[data-theme=dark] ::-webkit-scrollbar-track{background:rgba(255,255,255,5%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border:2px solid transparent;background-clip:padding-box}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:rgb(var(--scrollbar-accent-rgb)/.7);box-shadow:0 0 15px rgb(var(--scrollbar-accent-rgb)/.4)}[data-theme=dark] ::-webkit-scrollbar-thumb:active{background:rgb(var(--scrollbar-accent-rgb)/.9);box-shadow:0 0 20px rgb(var(--scrollbar-accent-rgb)/.5)}[data-theme=dark] *{scrollbar-color:rgba(255,255,255,.2)rgba(255,255,255,5%)}[data-theme=dark] *:hover{scrollbar-color:rgb(var(--scrollbar-accent-rgb)/.7)rgba(255,255,255,5%)}[data-theme=light] ::-webkit-scrollbar-track{background:rgba(0,0,0,5%)}[data-theme=light] ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border:2px solid transparent;background-clip:padding-box}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:rgb(var(--scrollbar-accent-rgb)/.8);box-shadow:0 0 10px rgb(var(--scrollbar-accent-rgb)/.2)}[data-theme=light] ::-webkit-scrollbar-thumb:active{background:rgb(var(--scrollbar-accent-rgb)/1);box-shadow:0 0 15px rgb(var(--scrollbar-accent-rgb)/.3)}[data-theme=light] *{scrollbar-color:rgba(0,0,0,.2)rgba(0,0,0,5%)}[data-theme=light] *:hover{scrollbar-color:rgb(var(--scrollbar-accent-rgb)/.8)rgba(0,0,0,5%)}.glassmorphism ::-webkit-scrollbar-track,[data-theme=glassmorphism] ::-webkit-scrollbar-track{background:rgba(255,255,255,3%);backdrop-filter:blur(20px)saturate(180%);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid rgba(255,255,255,.1)}.glassmorphism ::-webkit-scrollbar-thumb,[data-theme=glassmorphism] ::-webkit-scrollbar-thumb{background:linear-gradient( 135deg,rgba(255,255,255,.1),rgba(255,255,255,.2) );backdrop-filter:blur(20px)saturate(180%);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 6px rgba(255,255,255,.1)}@media(max-width:768px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(128,128,128,.2);opacity:0;transition:opacity .3s ease}body:hover ::-webkit-scrollbar-thumb,body:active ::-webkit-scrollbar-thumb{opacity:1}::-webkit-scrollbar-button{width:16px;height:16px}}@supports(-webkit-touch-callout:none){body{-webkit-overflow-scrolling:touch}::-webkit-scrollbar{display:none;-webkit-appearance:none;width:0;height:0}*{scrollbar-width:auto}}::-webkit-scrollbar:horizontal{height:10px}::-webkit-scrollbar-track:horizontal{margin:0 4px}::-webkit-scrollbar-thumb{will-change:background-color,box-shadow}pre::-webkit-scrollbar,code::-webkit-scrollbar{height:6px;width:6px}pre::-webkit-scrollbar-thumb,code::-webkit-scrollbar-thumb{background:rgb(var(--scrollbar-accent-rgb)/.4);border-radius:3px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}::-webkit-scrollbar-thumb{transition:none}}@media(prefers-contrast:high){::-webkit-scrollbar-track{background:#000;border:1px solid #fff}::-webkit-scrollbar-thumb{background:#fff;border:1px solid #000}::-webkit-scrollbar-thumb:hover{background:rgb(var(--scrollbar-accent-rgb))}}.overflow-y-auto::-webkit-scrollbar{display:block}@supports(-webkit-touch-callout:none){#scroll-header{top:0;left:0;width:100%}#scroll-header{background:rgba(255,255,255,.98)!important}.surface-dark #scroll-header{background:rgba(17,24,39,.98)!important}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{to{transform:translateY(0);opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeInOut{0%,100%{opacity:0}50%{opacity:1}}@keyframes fade{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutDown{from{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{transform:translateX(-20%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes zoomIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 rgba(255,165,0,.7)}70%{box-shadow:0 0 0 10px rgba(255,165,0,0)}100%{box-shadow:0 0 rgba(255,165,0,0)}}@keyframes pulseWave1{0%{transform:translate(-50%,-50%)scale(1);opacity:.8}100%{transform:translate(-50%,-50%)scale(1.5);opacity:0}}@keyframes pulseWave2{0%{transform:translate(-50%,-50%)scale(1);opacity:.6}100%{transform:translate(-50%,-50%)scale(2);opacity:0}}@keyframes pulse-bg{0%,100%{opacity:.3}50%{opacity:.7}}@keyframes gradientMove{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}@keyframes gradientHR{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}@keyframes gradientShift{0%{background-position:0 0}50%{background-position:100% 100%}100%{background-position:0 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes awardSpin{0%{transform:rotate(-30deg)scale(.8);opacity:0}100%{transform:rotate(0)scale(1);opacity:1}}@keyframes breathing{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.02);opacity:.9}}@keyframes dotBounce{0%,80%,100%{transform:scale(1);opacity:.5}40%{transform:scale(1.3);opacity:1}}@keyframes featureEntrance{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes iconPop{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}@keyframes star-movement-bottom{0%{transform:translate(0%,0%);opacity:1}100%{transform:translate(-100%,0%);opacity:0}}@keyframes star-movement-top{0%{transform:translate(0%,0%);opacity:1}100%{transform:translate(100%,0%);opacity:0}}@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulseScale{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}100%{transform:scale(1);opacity:1}}@keyframes pulse-glow{0%{box-shadow:0 0 8px rgba(255,107,53,.6);transform:scale(1)}50%{box-shadow:0 0 20px 4px rgba(255,107,53,.8);transform:scale(1.015)}100%{box-shadow:0 0 8px rgba(255,107,53,.6);transform:scale(1)}}@keyframes download-glow{0%,100%{text-shadow:0 0 8px rgba(255,255,255,.7);transform:translateY(0)scale(1)}50%{text-shadow:0 0 16px #fff;transform:translateY(-.15rem)scale(1.08)}}@keyframes download-bounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-.25rem)}60%{transform:translateY(.0625rem)}80%{transform:translateY(-.0625rem)}}@keyframes gradientTextReveal{0%{background-image:linear-gradient( 90deg,var(--secondary-color) 0%,var(--secondary-color) 50%,transparent 50% );background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent}100%{background-image:linear-gradient( 90deg,var(--secondary-color) 0%,var(--secondary-color) 100%,transparent 100% );background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}@keyframes gradientTextShimmer{0%,100%{background-position:100% 0}50%{background-position:0 0}}@keyframes skeleton-shimmer{100%{transform:translateX(100%)}}@keyframes skeleton-pulse{0%,100%{opacity:.5}50%{opacity:.85}}body.products-single #primary-header{position:relative!important;width:100%!important;border-radius:0!important;border:none!important}body.products-single #scroll-header{display:none!important}html[data-section=products][data-theme=light]{--primary-color:#1f2937;--site-background:#f9fafb}html[data-section=products][data-theme=light] body{background-color:#f9fafb!important;color:#1f2937!important}body:not(.surface-dark) #primary-header{color:#1f2937!important}body:not(.surface-dark) #primary-header .text-gray-900,body:not(.surface-dark) #primary-header span:not(.button--cta *,.mobile-nav__cta *){color:#1f2937!important}body:not(.surface-dark) #scroll-header{color:#1f2937!important}body:not(.surface-dark) footer{background-color:#fff!important;color:#1f2937!important}body:not(.surface-dark) footer .absolute.inset-0>div{display:none!important}body:not(.surface-dark) footer .rounded-2xl{background:#f9fafb!important;border-color:#e5e7eb!important}body:not(.surface-dark) footer .rounded-2xl h3{color:#1f2937!important}body:not(.surface-dark) footer .rounded-2xl p{color:#6b7280!important}body:not(.surface-dark) footer .rounded-2xl input{background:#fff!important;border-color:#d1d5db!important;color:#1f2937!important}body:not(.surface-dark) footer .rounded-2xl input::placeholder{color:#9ca3af!important}body:not(.surface-dark) footer h4,body:not(.surface-dark) footer p,body:not(.surface-dark) footer a,body:not(.surface-dark) footer span{color:#1f2937!important}body:not(.surface-dark) footer a:hover{color:#ea580c!important}body:not(.surface-dark) footer ul li a{color:#6b7280!important}body:not(.surface-dark) footer ul li a:hover{color:#ea580c!important}body:not(.surface-dark) .product-info h3{color:#1f2937!important}body:not(.surface-dark) .product-info p{color:#6b7280!important}.product-card{opacity:0;transform:translateY(20px);animation:fadeSlideUp .6s ease-out forwards;padding:.5rem;background:#fff;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,8%);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;min-width:0;cursor:pointer;text-decoration:none;color:inherit}.product-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.12);text-decoration:none}.product-image{width:100%;padding-top:100%;position:relative;overflow:hidden;border-radius:7px}.product-card--wide .product-image{padding-top:56.25%;position:relative;overflow:hidden;border-radius:7px}.product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-image img{transform:scale(1.03)}.product-info{padding:.8rem;display:flex;flex-direction:column;flex:1}.product-info h3{margin-bottom:.25rem;line-height:1.15;font-size:var(--h5-font-size,1.1rem)}.product-info h3{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .3s ease;display:block}.product-info p{color:#666;font-size:calc(var(--p-font-size) * .8);margin-bottom:.6rem;line-height:1.3;flex-grow:1}body.bg-white .product-card{background:#fff;border:1px solid #e5e7eb}body.bg-white .product-card:hover{border-color:#d1d5db;box-shadow:0 10px 20px rgba(0,0,0,.1)}.platform,.rating{display:flex;align-items:center;gap:.3rem;color:#666;padding:.25rem .5rem;background:#f8f9fa;border-radius:6px;line-height:1}.platform i{font-size:.85rem;position:relative;top:1px}.rating{color:#ffc107;background:rgba(255,193,7,.1)}.rating i{font-size:.8rem;position:relative;top:1px}.product-card:nth-child(1){animation-delay:.2s}.product-card:nth-child(2){animation-delay:.3s}.product-card:nth-child(3){animation-delay:.4s}.product-card:nth-child(4){animation-delay:.5s}.product-card:nth-child(n+5){animation-delay:.6s}@media(prefers-reduced-motion:reduce){.product-card{animation:none;opacity:1;transform:none}}@media(max-width:992px){.product-info{padding:.8rem}.product-info h3{font-size:var(--h4-font-size,1.2rem)}}@media(max-width:768px){.product-info{padding-top:1rem}}@media(max-width:576px){.product-card{margin:0 auto}.product-info{padding:.7rem}.product-info h3{font-size:var(--h3-font-size,1.3rem);font-weight:600}}.product-details{background-color:initial;max-width:1600px;margin:0 auto;overflow:hidden;box-sizing:border-box;position:relative}body.bg-white .product-details{color:#333}.product-description-wrapper{grid-column:1/2;grid-row:2/3;width:100%;box-sizing:border-box;overflow:visible}.product-info-wrapper{position:fixed;top:4rem;right:2rem;box-sizing:border-box;z-index:10;background:0 0;transition:none;will-change:transform}.product-info-wrapper.at-bottom{position:absolute;top:auto!important;bottom:2rem;right:2rem;left:auto}@media screen and (max-width:991px){.product-grid{grid-template-columns:1fr;gap:1.5rem;width:100%}.product-description-wrapper{grid-column:1;width:100%}.product-images-wrapper{grid-row:1;margin-bottom:.5rem}.product-description-wrapper{grid-row:3;margin-top:.5rem}.product-info-wrapper{position:static;top:auto;right:auto;width:100%;margin:1.5rem 0;order:2;display:block;grid-column:1;grid-row:2}.product-details{padding:1.5rem}}.video-container{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.video-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa 0%,#e4e7eb 100%);z-index:5;opacity:1;transition:opacity .5s ease-out}.loader-spinner{width:40px;height:40px;border:3px solid rgba(79,172,254,.2);border-top-color:#ff9d14;border-radius:50%;animation:spin 1s ease-in-out infinite;margin-bottom:10px}.loader-text{color:#333;font-size:1rem;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.1)}.video-container.loaded .video-loader{opacity:0;pointer-events:none}.video-container video{display:block;width:100%;height:auto;opacity:0;transition:opacity .3s ease-out}.video-container.loaded video{opacity:1}.video-container.video-error .video-loader{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);opacity:1}@media screen and (max-width:1170px){.product-details>.product-images-wrapper{width:95%;margin:0 auto;text-align:center}}@media screen and (max-width:968px){.product-grid{width:95%;margin:0 auto;display:grid;grid-template-columns:1fr;grid-template-areas:"images" "info";gap:1.5rem}.product-details{width:100%}.product-images-wrapper{grid-area:images;width:100%}.product-details>.product-images-wrapper{width:95%}.product-info-wrapper{grid-area:info;width:100%}.product-info-wrapper .product-info{position:static;max-height:none;overflow-y:visible}}@media screen and (max-width:768px){.product-grid{width:100%;margin:0 auto}}@media screen and (max-width:480px){.product-details{padding:1rem 0}.product-grid{gap:1rem}.product-details>.product-images-wrapper{width:100%}}.reviews-section{max-width:100%;margin:2rem 0;padding:2rem 0}@keyframes animate-fade-in-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:animate-fade-in-up var(--dur-enter)var(--ease-enter)both}@media(prefers-reduced-motion:reduce){.animate-fade-in-up{animation:none}}.review-card{position:relative;overflow:hidden}.review-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(249,115,22,.5),transparent);opacity:0;transition:opacity .3s ease}.review-card:hover::before{opacity:1}.helpful-btn{transition:background-color .3s ease,transform .3s ease;padding:.5rem;border-radius:.5rem}.helpful-btn:hover{background:rgba(249,115,22,.1);transform:scale(1.05)}.section-title{font-size:1.75rem;color:#333;margin-bottom:2rem;text-align:center;font-weight:600}.review-tile{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,8%);padding:1.5rem;margin-bottom:1.5rem;display:block;height:auto;min-height:80px;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box;break-inside:avoid}.review-tile:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.review-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.7em 1.3em;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f2f2f2;font-size:1em}.review-date{display:flex;align-items:center;color:#666;font-size:.875rem;font-weight:400;letter-spacing:.01em;margin-right:.2em;margin-bottom:.5rem;margin-left:auto;opacity:.93;flex-basis:100%;flex-shrink:0;flex-grow:0;white-space:nowrap}.review-date svg{margin-right:.3em}@media(max-width:600px){.verified-badge-text{display:none}.verified-badge{min-width:18px}}@media(max-width:600px){.review-meta{flex-direction:column;align-items:flex-start;gap:.5em;padding-top:.7rem}.review-date{margin-left:0;margin-top:.1em}}.verified-badge{display:inline-flex;align-items:center;font-size:.96em;color:#a0aec0;font-weight:400;margin-left:.25em;letter-spacing:.01em}.rating-stars{--percent:calc(var(--rating) / 5 * 100%);display:inline-block;font-size:1rem;line-height:1;letter-spacing:.2em}.rating-stars::before{content:'★★★★★';background:linear-gradient(90deg,#ffd700 var(--percent),#e2e8f0 var(--percent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.average-rating{display:flex;align-items:center;gap:.5rem}.rating-stars{--percent:calc(var(--rating) / 5 * 100%);display:inline-block;font-size:1.25rem;line-height:1;letter-spacing:.25em}.rating-stars::before{content:'★★★★★';background:linear-gradient(90deg,#ffd700 var(--percent),#ddd var(--percent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.average{font-size:1.5rem;font-weight:600;color:#333}.total-reviews{color:#666}.rating-filter{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:.25rem .75rem;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.rating-filter:hover{background:#eee}.rating-filter.active{background:#007bff;color:#fff;border-color:#0056b3}.reviews-list{margin-bottom:2rem}.review-item{padding:1.5rem 0;border-bottom:1px solid #eee}.review-item:last-child{border-bottom:none}.review-header{margin-bottom:.75rem}.reviewer{font-weight:600;color:#333;margin-bottom:.25rem}.review-title{font-size:1.125rem;margin:.5rem 0;color:#222}.review-content{color:#444;line-height:1.6;margin-bottom:1rem}#reviews-section .review-write-cta{display:flex;width:100%;max-width:none;min-height:3.5rem;padding:.875rem 1.5rem;font-size:1.125rem;font-weight:600;letter-spacing:.01em;border-radius:.875rem;box-shadow:0 10px 22px rgba(234,106,23,.18),0 2px 6px rgba(41,37,28,8%)}#reviews-section .review-write-cta:hover{box-shadow:0 14px 28px rgba(234,106,23,.22),0 4px 10px rgba(41,37,28,8%)}.reviews-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.reviews-dots{display:inline-flex;align-items:center;gap:.5rem;padding:0 .25rem}.reviews-dot{width:10px;height:10px;padding:0;border:0;border-radius:9999px;background:#d1d5db;cursor:pointer;transition:width .25s ease,height .25s ease,background-color .25s ease}.reviews-dot:hover{background:#9ca3af}.reviews-dot.is-md{width:10px;height:10px}.reviews-dot.is-sm{width:7px;height:7px}.reviews-dot.is-xs{width:5px;height:5px}.reviews-dot.is-active{width:26px;height:10px;background:linear-gradient(to right,#dc2626,#f59e0b)}.reviews-dot-arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:9999px;background:#fff;color:#4b5563;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,5%);transition:color .2s ease,border-color .2s ease,transform .2s ease}.reviews-dot-arrow svg{width:16px;height:16px}.reviews-dot-arrow:hover:not(:disabled){color:#111827;border-color:#d1d5db;transform:translateY(-1px)}.reviews-dot-arrow:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.reviews-filters{flex-direction:column;align-items:flex-start}.reviews-summary{flex-direction:column;align-items:flex-start;gap:1rem}.filter-btn{min-width:fit-content}.filter-btn span{font-size:.875rem;padding:.625rem .75rem;white-space:nowrap}}@media(max-width:640px){.filter-btn span{font-size:var(--fs-sm);padding:var(--space-2)var(--space-3)}.reviews-filters .flex{gap:.25rem}}@media(max-width:639.98px){.reviews-heading{margin-bottom:var(--space-6)}.reviews-columns{display:flex;align-items:stretch;gap:var(--space-4);columns:auto;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:var(--space-1)var(--space-3)}.reviews-columns::-webkit-scrollbar{display:none}.reviews-columns>*+*{margin-top:0}.review-tile{display:flex;flex-direction:column;flex:0 0 85%;min-width:0;margin-bottom:0;padding:var(--space-5);scroll-snap-align:start}.review-tile:hover{transform:none}.review-tile__head{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.review-tile[data-clamped] .review-tile__body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}.reviews-actions:has(>.reviews-pagination){display:none}.reviews-actions--write{margin-bottom:var(--space-16)}}.review-tile__more{display:inline-flex;align-self:flex-start;align-items:center;min-height:var(--tap-min);margin:calc(-1 * var(--space-3))0 var(--space-1);padding:0;font-size:var(--fs-sm);font-weight:600;color:var(--brand-700);background:0 0;border:0;cursor:pointer}.review-tile__more:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}[data-option-button][data-active=true]{background-color:#000;color:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)!important}[data-option-button][data-active=false]{background-color:oklch(96.7% .003 264.542);color:oklch(27.8% .033 256.848)}[data-option-button][data-active=true]:hover{background-color:oklch(27.8% .033 256.848)}[data-option-button][data-active=false]:hover{background-color:oklch(92.8% .006 264.531)}[data-option-button][data-option-name=Card][data-active=true]{background-color:#635bff;color:#fff}[data-option-button][data-option-name=Card][data-active=false]{color:#635bff}[data-option-button][data-option-name=Card][data-active=false]:hover{background-color:#635bff;color:#fff}[data-option-button][data-option-name=PayPal][data-active=true]{background-color:#003087;color:#fff}[data-option-button][data-option-name=PayPal][data-active=false]{color:#003087}[data-option-button][data-option-name=PayPal][data-active=false]:hover{background-color:#003087;color:#fff}[data-variant-button][data-active=true]{background-color:#000;color:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)!important}[data-variant-button][data-active=false]{border-color:oklch(92.8% .006 264.531);background-color:oklch(98.5% .002 247.839);color:oklch(37.3% .034 259.733)}[data-variant-button][data-active=true]:hover{background-color:oklch(27.8% .033 256.848)}[data-variant-button][data-active=false]:hover{background-color:oklch(96.7% .003 264.542)}#bundle-button[data-active=true]{background-color:oklch(98.7% .022 95.277)}#bundle-button[data-active=false]:hover{background-color:color-mix(in srgb,oklch(98.7% .022 95.277) 50%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,oklch(98.7% 0.022 95.277) 50%,transparent);}}:root{--font-sans-ui:'Spartan', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;--font-primary:var(--font-sans-ui);--font-blog-sans:'Inter', system-ui, -apple-system, sans-serif;--font-blog-serif:'Source Serif 4', Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;--ink:oklch(0.21 0.006 285.885);--ink-2:oklch(0.274 0.006 286.033);--ink-muted:oklch(0.442 0.017 285.786);--ink-soft:oklch(0.552 0.016 285.938);--ink-body:oklch(0.37 0.013 285.805);--paper:#fdfdfc;--surface:#fff;--surface-2:oklch(0.985 0.002 247.839);--line:oklch(0.92 0.004 286.32);--line-2:oklch(0.928 0.006 264.531);--line-soft:oklch(0.967 0.003 264.542);--link:oklch(0.488 0.243 264.376);--ink-faint:oklch(0.705 0.015 286.067);--ink-dim:oklch(0.872 0.01 258.338);--brand-tint:oklch(0.954 0.038 75.164);--danger:oklch(0.577 0.245 27.325);--brand:oklch(0.705 0.213 47.604);--brand-600:oklch(0.646 0.222 41.116);--brand-700:oklch(0.553 0.195 38.402);--brand-400:oklch(0.75 0.183 55.934);--callout-tip-title:oklch(43.2% 0.095 166.913);--gradient-primary:linear-gradient(135deg, #FF6B35 0%, #E74E18 100%);--gradient-primary-hover:linear-gradient(135deg, #E74E18 0%, #C93E0F 100%);--gradient-cta:linear-gradient(45deg, #FF512F 0%, #F09819 51%, #FF512F 100%);--fs-xs:0.75rem;--lh-xs:calc(1 / 0.75);--fs-sm:0.875rem;--lh-sm:calc(1.25 / 0.875);--fs-base:1rem;--lh-base:calc(1.5 / 1);--fs-lg:1.125rem;--lh-lg:calc(1.75 / 1.125);--fs-xl:1.25rem;--lh-xl:calc(1.75 / 1.25);--fs-2xl:1.5rem;--lh-2xl:calc(2 / 1.5);--fs-3xl:1.875rem;--lh-3xl:calc(2.25 / 1.875);--fs-4xl:2.25rem;--lh-4xl:calc(2.5 / 2.25);--fs-5xl:3rem;--lh-5xl:1;--fs-6xl:3.75rem;--lh-6xl:1;--fs-7xl:4.5rem;--lh-7xl:1;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--r-sm:0.25rem;--r:0.375rem;--r-lg:0.5rem;--r-xl:0.75rem;--r-2xl:1rem;--r-3xl:1.5rem;--r-full:9999px;--shadow-sm:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--glass-dark:oklch(14.1% 0.005 285.823 / 0.74);--glass-line:oklch(100% 0 0 / 0.18);--z-sticky:30;--z-modal:10000;--ease-enter:cubic-bezier(0.22, 1, 0.36, 1);--ease-exit:cubic-bezier(0.4, 0, 0.2, 1);--dur-enter:650ms;--dur-exit:480ms;--dur-state:800ms;--drift:12px;--stagger:35ms;--dur-spin:900ms;--scrim:rgb(24 24 27 / 0.55);--shadow-well:inset 0 1px 2px rgb(24 24 27 / 0.06);--shadow-modal:0 24px 48px -16px rgb(24 24 27 / 0.35), 0 2px 6px rgb(24 24 27 / 0.08);--scroll-header-h:3.5rem;--dur:var(--transition-duration, 300ms);--ease:var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1));--shell:90rem;--measure-prose:42rem;--measure-prose-wide:46rem;--gutter:1rem;--amber-50:oklch(98.7% 0.022 95.277);--amber-100:oklch(96.2% 0.059 95.617);--amber-200:oklch(92.4% 0.12 95.746);--amber-300:oklch(87.9% 0.169 91.605);--amber-400:oklch(82.8% 0.189 84.429);--amber-500:oklch(76.9% 0.188 70.08);--amber-600:oklch(66.6% 0.179 58.318);--amber-700:oklch(55.5% 0.163 48.998);--amber-800:oklch(47.3% 0.137 46.201);--blue-50:oklch(97% 0.014 254.604);--blue-100:oklch(93.2% 0.032 255.585);--blue-200:oklch(88.2% 0.059 254.128);--blue-300:oklch(80.9% 0.105 251.813);--blue-400:oklch(70.7% 0.165 254.624);--blue-500:oklch(62.3% 0.214 259.815);--blue-600:oklch(54.6% 0.245 262.881);--blue-700:oklch(48.8% 0.243 264.376);--blue-800:oklch(42.4% 0.199 265.638);--cyan-300:oklch(86.5% 0.127 207.078);--cyan-400:oklch(78.9% 0.154 211.53);--cyan-500:oklch(71.5% 0.143 215.221);--emerald-50:oklch(97.9% 0.021 166.113);--emerald-100:oklch(95% 0.052 163.051);--emerald-300:oklch(84.5% 0.143 164.978);--emerald-400:oklch(76.5% 0.177 163.223);--emerald-500:oklch(69.6% 0.17 162.48);--emerald-600:oklch(59.6% 0.145 163.225);--gray-50:oklch(98.5% 0.002 247.839);--gray-100:oklch(96.7% 0.003 264.542);--gray-200:oklch(92.8% 0.006 264.531);--gray-300:oklch(87.2% 0.01 258.338);--gray-400:oklch(70.7% 0.022 261.325);--gray-500:oklch(55.1% 0.027 264.364);--gray-600:oklch(44.6% 0.03 256.802);--gray-700:oklch(37.3% 0.034 259.733);--gray-800:oklch(27.8% 0.033 256.848);--gray-900:oklch(21% 0.034 264.665);--gray-950:oklch(13% 0.028 261.692);--green-50:oklch(98.2% 0.018 155.826);--green-100:oklch(96.2% 0.044 156.743);--green-200:oklch(92.5% 0.084 155.995);--green-300:oklch(87.1% 0.15 154.449);--green-400:oklch(79.2% 0.209 151.711);--green-500:oklch(72.3% 0.219 149.579);--green-600:oklch(62.7% 0.194 149.214);--green-700:oklch(52.7% 0.154 150.069);--green-800:oklch(44.8% 0.119 151.328);--indigo-50:oklch(96.2% 0.018 272.314);--indigo-200:oklch(87% 0.065 274.039);--indigo-300:oklch(78.5% 0.115 274.713);--indigo-400:oklch(67.3% 0.182 276.935);--indigo-500:oklch(58.5% 0.233 277.117);--indigo-600:oklch(51.1% 0.262 276.966);--indigo-700:oklch(45.7% 0.24 277.023);--indigo-800:oklch(39.8% 0.195 277.366);--indigo-950:oklch(25.7% 0.09 281.288);--neutral-50:oklch(98.5% 0 0);--orange-50:oklch(98% 0.016 73.684);--orange-100:oklch(95.4% 0.038 75.164);--orange-200:oklch(90.1% 0.076 70.697);--orange-300:oklch(83.7% 0.128 66.29);--orange-400:oklch(75% 0.183 55.934);--orange-500:oklch(70.5% 0.213 47.604);--orange-600:oklch(64.6% 0.222 41.116);--pink-100:oklch(94.8% 0.028 342.258);--pink-300:oklch(82.3% 0.12 346.018);--pink-400:oklch(71.8% 0.202 349.761);--pink-500:oklch(65.6% 0.241 354.308);--purple-50:oklch(97.7% 0.014 308.299);--purple-100:oklch(94.6% 0.033 307.174);--purple-200:oklch(90.2% 0.063 306.703);--purple-300:oklch(82.7% 0.119 306.383);--purple-400:oklch(71.4% 0.203 305.504);--purple-500:oklch(62.7% 0.265 303.9);--purple-600:oklch(55.8% 0.288 302.321);--purple-700:oklch(49.6% 0.265 301.924);--purple-800:oklch(43.8% 0.218 303.724);--red-50:oklch(97.1% 0.013 17.38);--red-100:oklch(93.6% 0.032 17.717);--red-200:oklch(88.5% 0.062 18.334);--red-300:oklch(80.8% 0.114 19.571);--red-400:oklch(70.4% 0.191 22.216);--red-500:oklch(63.7% 0.237 25.331);--red-600:oklch(57.7% 0.245 27.325);--red-700:oklch(50.5% 0.213 27.518);--red-800:oklch(44.4% 0.177 26.899);--red-900:oklch(39.6% 0.141 25.723);--rose-50:oklch(96.9% 0.015 12.422);--slate-50:oklch(98.4% 0.003 247.858);--slate-100:oklch(96.8% 0.007 247.896);--slate-200:oklch(92.9% 0.013 255.508);--slate-400:oklch(70.4% 0.04 256.788);--slate-800:oklch(27.9% 0.041 260.031);--white:#fff;--yellow-50:oklch(98.7% 0.026 102.212);--yellow-100:oklch(97.3% 0.071 103.193);--yellow-200:oklch(94.5% 0.129 101.54);--yellow-300:oklch(90.5% 0.182 98.111);--yellow-400:oklch(85.2% 0.199 91.936);--yellow-500:oklch(79.5% 0.184 86.047);--yellow-600:oklch(68.1% 0.162 75.834);--yellow-700:oklch(55.4% 0.135 66.442);--yellow-800:oklch(47.6% 0.114 61.907);--zinc-100:oklch(96.7% 0.001 286.375);--zinc-200:oklch(92% 0.004 286.32);--zinc-300:oklch(87.1% 0.006 286.286);--zinc-500:oklch(55.2% 0.016 285.938);--tool-orange:#f97316;--tool-orange-soft:#fb923c;--tool-blue:#3b82f6;--tool-blue-soft:#60a5fa;--tool-red:#ef4444;--tool-red-soft:#f87171;--tool-cyan:#06b6d4;--tool-cyan-soft:#22d3ee;--tool-emerald:#10b981;--tool-emerald-soft:#34d399;--tool-rose:#f43f5e;--tool-rose-soft:#fb7185;--tool-amber:#f59e0b;--tool-amber-soft:#fbbf24;--tool-pink:#ec4899;--tool-pink-soft:#f472b6;--tool-violet:#8b5cf6;--tool-violet-soft:#a78bfa;--tool-teal:#14b8a6;--tool-teal-soft:#5eead4;--tool-lime:#84cc16;--tool-lime-soft:#a3e635;--tool-sky:#0ea5e9;--tool-sky-soft:#38bdf8;--tool-green:#22c55e;--tool-green-soft:#4ade80;--tool-sr-red:#f2293f;--tool-sr-green:#1eb854;--tool-sr-blue:#2a75ff;--pay-visa:#1a1f71;--pay-mastercard:#cc3a33;--pay-amex:#1f6fbf;--pay-paypal:#143d8c;--pay-stripe:#5b54d6;--pay-applepay:#27272a;--slate-900:oklch(20.8% 0.042 265.755);--black:#000;--blue-900:oklch(37.9% 0.146 265.522);--emerald-200:oklch(90.5% 0.093 164.15);--emerald-700:oklch(50.8% 0.118 165.612);--green-900:oklch(39.3% 0.095 152.535);--indigo-100:oklch(93% 0.034 272.788);--orange-700:oklch(55.3% 0.195 38.402);--orange-800:oklch(40.8% 0.123 38.172);--slate-500:oklch(55.4% 0.046 257.417);--pink-50:oklch(97.1% 0.014 343.198);--pink-200:oklch(89.9% 0.061 343.231);--pink-600:oklch(59.2% 0.249 0.584);--pink-700:oklch(52.5% 0.223 3.958);--rose-100:oklch(94.1% 0.03 12.58);--rose-500:oklch(64.5% 0.246 16.439);--rose-600:oklch(58.6% 0.253 17.585);--sky-500:oklch(68.5% 0.169 237.323);--sky-600:oklch(58.8% 0.158 241.966);--zinc-400:oklch(0.705 0.017 286.067);--zinc-950:oklch(14.1% 0.005 285.823);--cyan-200:oklch(91.7% 0.08 205.041);--zinc-800:oklch(0.274 0.006 286.033);--zinc-900:oklch(0.21 0.006 285.885);--warm-paper:#f7f4ef;--warm-line:#ebe6dd;--orange-card:#ea6a17;--orange-card-fill:#fff3e8}:root{--key-disabled-opacity:0.5;--key-disabled-cursor:not-allowed;--card-hover-lift:-2px;--card-hover-shadow:var(--shadow-md);--card-hover-border:var(--brand-400);--glass-hover-glow:0 0 0 1px color-mix(in oklch, var(--brand-400) 35%, transparent), 0 0 24px -4px color-mix(in oklch, var(--brand) 45%, transparent);--focus-outline:2px solid var(--brand-600);--focus-outline-on-dark:2px solid var(--brand-400);--focus-offset:2px;--field-bg:var(--surface-2);--field-border:var(--line);--field-well:var(--shadow-well);--field-focus-border:var(--brand);--field-focus-glow:0 0 0 3px color-mix(in oklch, var(--brand) 22%, transparent);--code-bg:var(--zinc-900);--code-ink:var(--zinc-100);--code-line:var(--zinc-800);--edge-light:rgb(255 255 255 / 0.8);--edge-light-on-color:rgb(255 255 255 / 0.4);--shadow-contact:0 1px 2px rgb(24 24 27 / 0.12);--shadow-contact-color:0 2px 4px rgb(24 24 27 / 0.18);--shadow-ambient-soft:0 12px 26px -20px rgb(24 24 27 / 0.22);--shadow-pressed:inset 0 2px 4px rgb(24 24 27 / 0.22);--key-face-from:var(--white);--key-face-to:var(--gray-50);--key-edge:var(--edge-light);--key-border:rgb(24 24 27 / 0.18);--key-border-bottom:rgb(24 24 27 / 0.34);--key-shadow:var(--shadow-contact);--key-ink:var(--zinc-800);--key-dark-face-from:rgb(255 255 255 / 0.09);--key-dark-face-to:rgb(255 255 255 / 0.02);--key-dark-edge:rgb(255 255 255 / 0.16);--key-dark-border:rgb(255 255 255 / 0.16);--key-dark-border-bottom:rgb(0 0 0 / 0.6);--key-dark-shadow:0 2px 4px rgb(0 0 0 / 0.3);--key-dark-ink:var(--white);--key-primary-border:var(--brand-600);--key-primary-border-bottom:var(--brand-700);--spring-smooth:linear(0, 0.135, 0.317, 0.529, 0.692, 0.786, 0.867, 0.919, 0.946, 0.968, 0.981, 0.988, 0.993, 0.996, 0.998, 0.998, 1);--spring-smooth-dur:750ms;--spring-snappy:linear(0, 0.141, 0.341, 0.58, 0.729, 0.858, 0.924, 0.971, 0.991, 1.002, 1.005, 1.005, 1.004, 1.003, 1.002, 1.001, 1);--spring-snappy-dur:720ms;--spring-bouncy:linear(0, 0.149, 0.428, 0.733, 0.903, 0.998, 1.038, 1.043, 1.033, 1.021, 1.01, 1.003, 0.999, 0.998, 0.998, 0.999, 1);--spring-bouncy-dur:835ms;--dur-sweep:500ms;--ease-sweep:cubic-bezier(0.16, 1, 0.3, 1);--dur-reward:640ms;--dur-nudge:520ms;--dur-key:150ms;--reward-glow:rgb(255 255 255 / 0.4)}@supports not (transition-timing-function:linear(0,1)){:root{--spring-smooth:cubic-bezier(0.25, 1, 0.5, 1);--spring-smooth-dur:500ms;--spring-snappy:cubic-bezier(0.25, 1, 0.5, 1);--spring-snappy-dur:450ms;--spring-bouncy:cubic-bezier(0.34, 1.3, 0.64, 1);--spring-bouncy-dur:550ms}}:root{--checkout-hero-from:var(--zinc-950);--checkout-hero-to:oklch(0.25 0.02 50);--checkout-hero-glow:oklch(0.705 0.213 47.604 / 0.26);--checkout-chip-line:rgb(255 255 255 / 0.14);--checkout-accent:var(--green-700);--checkout-side-w:26rem;--checkout-max:72rem}:root{--fs-2xs:0.6875rem;--lh-2xs:calc(1 / 0.6875);--checkout-bar-accent:var(--green-300);--checkout-narrow:36rem}:root{--paypal-button-h:3.4375rem}:root{--section-pad-phone:var(--space-10);--fs-display-phone:clamp(var(--fs-3xl), 1.25rem + 4vw, var(--fs-4xl));--tap-min:2.75rem}@layer components{.prose-body { overflow-wrap: break-word; }   
  .prose-body p {
    
    font-family: var(--font-blog-serif);
    font-size: 1.125rem;
    line-height: 1.8;
    font-weight: 400;
    color: var(--ink-body);
    margin-bottom: 1rem; 
    text-wrap: pretty; 
  }
  @media (min-width: 768px) { .prose-body p { margin-bottom: 1.25rem; } } 
  .prose-body p:last-child { margin-bottom: 0; }

  .prose-body h2 {
    
    font-family: var(--font-blog-serif);
    font-size: 1.75rem;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: var(--ink);
  }
  .prose-body h3 {
    
    font-family: var(--font-blog-serif);
    font-size: 1.5rem;
    line-height: 1.35;
    font-weight: 700;
    color: var(--ink);
  }
  .prose-body h4 {
    
    font-family: var(--font-blog-serif);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--ink);
  }

  .prose-body h2, .prose-body h3, .prose-body h4 { text-wrap: balance; }

  .prose-body ul { list-style: disc; padding-left: 1.5rem; }
  .prose-body ol { list-style: decimal; padding-left: 1.5rem; }
  .prose-body li {
    
    font-family: var(--font-blog-serif);
    font-size: 1.125rem;
    line-height: 1.8;
    font-weight: 400;
    color: var(--ink-body);
    margin: 0.35em 0;
    text-wrap: pretty;
  }
  .prose-body li > p { font: inherit; color: inherit; margin: 0; } 

  .prose-body a:where(:not(.button)) {
    
    color: var(--ink);
    text-decoration-line: underline;
    text-decoration-color: var(--brand);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition:
      text-decoration-thickness var(--dur-state) var(--ease-exit),
      text-decoration-color var(--dur-state) var(--ease-exit);
  }
  .prose-body a:where(:not(.button)):hover { text-decoration-thickness: 2px; }
  .prose-body a:where(:not(.button)):focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
    border-radius: var(--r-sm);
  }
  .surface-dark .prose-body a:where(:not(.button)) { text-decoration-color: var(--brand-400); }
  .prose-body strong { font-weight: 700; }

  .prose-body table { 
    font-family: var(--font-blog-sans);
    font-size: 0.875rem;
    line-height: calc(20 / 14);
    border-collapse: collapse;
  }
  .prose-body th { 
    font-family: var(--font-blog-sans);
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--white);
    background: var(--ink);
  }
  .prose-body td { 
    font-family: var(--font-blog-sans);
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--ink-2);
  }

  .prose-body figcaption { 
    font-family: var(--font-blog-sans);
    font-size: 0.875rem;
    line-height: calc(20 / 14);
    
    color: var(--ink-muted);
    text-align: left;
  }
  .prose-body code { font-family: var(--font-mono); font-size: 0.75rem; }
  .prose-body pre { font-family: var(--font-mono); }

  
  .prose-body--dark {
    --ink: var(--white);
    --ink-body: var(--zinc-300);
  }

  
  
  
  .display    { font-family: var(--font-sans-ui); font-size: var(--fs-display-phone); line-height: 1.1; font-weight: 700; }
  .title      { font-family: var(--font-sans-ui); font-size: 2.25rem;  line-height: 1.1;  font-weight: 800; } 
  .title-sm   { font-family: var(--font-sans-ui); font-size: 1.875rem; line-height: 1.25; font-weight: 700; } 
  .heading    { font-family: var(--font-sans-ui); font-size: 1.5rem;   line-height: 1.25; font-weight: 700; } 
  .heading-sm { font-family: var(--font-sans-ui); font-size: 1.25rem;  line-height: 1.33; font-weight: 700; } 
  .subheading { font-family: var(--font-sans-ui); font-size: 1.25rem;  line-height: 1.375;font-weight: 600; } 
  
  .display, .title, .title-sm, .heading, .heading-sm, .subheading, .page-title { text-wrap: balance; }
  .lede, .serif-body { text-wrap: pretty; }
  @media (min-width: 640px) {
    .display  { font-size: 4.5rem;  line-height: 1.25; } 
    .title    { font-size: 3.75rem; line-height: 1.1;  } 
    .title-sm { font-size: 3rem;    line-height: 1.25; } 
    .heading  { font-size: 1.875rem;line-height: 1.25; } 
    .heading-sm{font-size: 1.5rem;  line-height: 1.33; } 
  }

  
  .page-title { font-family: var(--font-sans-ui); font-size: var(--fs-4xl); line-height: 1.08; font-weight: 700; letter-spacing: -0.02em; }
  @media (min-width: 768px) { .page-title { font-size: var(--fs-5xl); } }

  
  .eyebrow { 
    font-family: var(--font-sans-ui);
    font-size: 0.75rem;
    line-height: 1.25;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    
    color: var(--eyebrow-ink, var(--brand-700));
  }
  .eyebrow--muted { color: var(--ink-muted); }
  
  .eyebrow--on-dark { color: var(--brand-400); }

  .lede { 
    font-size: 1.125rem;
    line-height: 1.65;
    color: var(--ink-muted);
  }
  @media (min-width: 640px) { .lede { font-size: 1.25rem; } }

  .byline { 
    font-family: var(--font-blog-sans);
    font-size: 0.875rem;
    line-height: 1.25;
    font-weight: 500;
    color: var(--ink-soft);
  }
  .small { 
    font-size: 0.875rem;
    line-height: calc(20 / 14);
  }

  
  .surface-dark {
    --ink: var(--white);
    --ink-2: var(--white);
    --ink-body: var(--zinc-300);
    --ink-muted: var(--zinc-300);
    --ink-soft: var(--zinc-400);  
    --surface: var(--black);
    --surface-2: var(--zinc-900);
    --line: var(--zinc-800);
    --line-2: var(--zinc-800);
    --paper: var(--black);
    --link: var(--blue-400);  
    
    --key-face-from: var(--key-dark-face-from);
    --key-face-to: var(--key-dark-face-to);
    --key-edge: var(--key-dark-edge);
    --key-border: var(--key-dark-border);
    --key-border-bottom: var(--key-dark-border-bottom);
    --key-shadow: var(--key-dark-shadow);
    --key-ink: var(--key-dark-ink);
    
    --field-bg: var(--zinc-900);
    --field-border: var(--gray-700);
    --field-well: inset 0 1px 2px color-mix(in oklch, var(--black) 50%, transparent);
    --field-focus-border: var(--brand-400);
    --field-focus-glow: 0 0 0 3px color-mix(in oklch, var(--brand-400) 30%, transparent);
    --eyebrow-ink: var(--brand-400);
    --focus-outline: var(--focus-outline-on-dark);  
    background-color: var(--surface);
    color: var(--ink);
  }
  .surface-paper { background-color: var(--paper); }
  .surface-muted { background-color: var(--surface-2); color: var(--black); } 

  
  .blog-editorial .article-content h1,
  .blog-editorial .article-content h2,
  .blog-editorial .article-content h3 {
    font-family: var(--font-blog-serif);
    letter-spacing: -0.01em;
  }

  .blog-editorial .article-content h1 { font-size: 2.125rem; line-height: 1.2; }
  
  .blog-editorial .article-content h2 { font-size: 1.75rem; line-height: 1.3; font-weight: 700; }
  
  .blog-editorial .article-content h2:not(#executive-summary h2)::before {
    content: "";
    display: inline-block;
    width: 0.375em;
    height: 0.375em;
    margin: 0 0.5em 0.15em 0.1em;
    background-color: var(--brand);
    transform: rotate(45deg);
    vertical-align: middle;
  }
  .blog-editorial .article-content h3 { font-size: 1.5rem; line-height: 1.35; font-weight: 700; }
  
  .blog-editorial .article-content h4 {
    font-family: var(--font-blog-sans);
    font-size: 1.5rem;
    line-height: 1.375;
    font-weight: 600;
  }

  
  .blog-editorial .article-content #executive-summary h2 { font-size: 1.5rem; line-height: 1.35; }

  .blog-editorial .article-content h1,
  .blog-editorial .article-content h2,
  .blog-editorial .article-content h3,
  .blog-editorial .article-content h4,
  .blog-editorial .article-content h5 { color: var(--gray-900) !important; }

  .blog-editorial .article-content h6 { color: var(--gray-700) !important; }

  .blog-editorial .article-content ul,
  .blog-editorial .article-content ol {
    list-style-position: outside;
    padding-left: 1.25rem;
    margin: 1.4em 0;
  }
  .blog-editorial .article-content ul { list-style-type: disc; }
  .blog-editorial .article-content ol { list-style-type: decimal; }
  
  .blog-editorial .article-content li {
    margin: 0.35em 0;
    font: inherit;
    color: inherit;
  }
  .blog-editorial .article-content li::marker { color: var(--gray-500); }

  .blog-editorial .article-content p { color: var(--ink-body); }
  
  .blog-editorial .article-content li > p {
    font-family: var(--font-blog-serif);
    font-size: 1.125rem;
    line-height: 1.8;
  }

  .blog-editorial .article-content a { text-underline-offset: 0.2em; }
  
  .blog-editorial .article-content a:not([class]) {
    color: inherit;
    text-decoration: inherit;
  }

  
  .blog-editorial .article-content table,
  .blog-editorial .article-content th,
  .blog-editorial .article-content td,
  .blog-editorial .article-content figcaption {
    font: inherit;
    color: inherit;
    text-align: inherit;
  }
  .blog-editorial .article-content th,
  .blog-editorial .article-content td { background-color: transparent; }
  .blog-editorial .article-content code,
  .blog-editorial .article-content pre { font-size: 1em; }

  
  .article-content li > p + p { margin-top: 0.75rem; }
  .article-content ul > li { margin-block: 0.125rem; }

  
  
  :root {
    --md-accent: var(--orange-600);                  
    --md-table-from: var(--orange-500);              
    --md-table-to: var(--red-600);                
    --md-row-hover: var(--orange-50);               
  }
  

  .md-h1, .md-h2, .md-h3, .md-h4, .md-h5, .md-h6 {
    scroll-margin-top: 6rem;
    color: var(--ink);
    text-wrap: balance;
  }
  .md-h1:first-child, .md-h2:first-child, .md-h3:first-child,
  .md-h4:first-child, .md-h5:first-child, .md-h6:first-child { margin-top: 0; }

  .md-h1 { font-size: var(--fs-4xl); line-height: 1.25; font-weight: 700; margin: 3rem 0 2rem; }
  .md-h2 {
    font-size: var(--fs-3xl); line-height: 1.375; font-weight: 700;
    margin: 2.5rem 0 1.5rem; padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--line-2);
  }
  .md-h3 { font-size: var(--fs-2xl); line-height: 1.375; font-weight: 600; margin: 2rem 0 1rem; }
  .md-h4 { font-size: var(--fs-xl); line-height: 1.375; font-weight: 600; margin: 1.5rem 0 0.75rem; }
  .md-h5 { font-size: var(--fs-lg); line-height: 1.375; font-weight: 600; margin: 1.25rem 0 0.5rem; }
  .md-h6 {
    font-size: var(--fs-base); line-height: 1.375; font-weight: 600;
    margin: 1rem 0 0.5rem; text-transform: uppercase; letter-spacing: 0.025em;
    color: var(--ink-muted);
  }
  @media (min-width: 640px) {
    .md-h1 { font-size: var(--fs-5xl); }
    .md-h2 { font-size: var(--fs-4xl); }
    .md-h3 { font-size: var(--fs-3xl); }
    .md-h4 { font-size: var(--fs-2xl); }
  }
  .surface-dark .md-h1, .surface-dark .md-h2, .surface-dark .md-h3,
  .surface-dark .md-h4, .surface-dark .md-h5, .surface-dark .md-h6 { color: var(--ink); }
  .surface-dark .md-h2 { border-bottom-color: var(--line-2); }
  .surface-dark .md-h3 { color: var(--brand-400); }

  
  .md-link {
    color: var(--ink);
    text-decoration-line: underline;
    text-decoration-color: var(--brand);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    overflow-wrap: anywhere;         
    border-radius: var(--r-sm);
    transition:
      text-decoration-thickness var(--dur-state) var(--ease-exit),
      text-decoration-color var(--dur-state) var(--ease-exit);
  }
  
  table .md-link { overflow-wrap: break-word; }
  .md-link:hover { text-decoration-thickness: 2px; }
  .md-link:focus { outline: none; }
  .md-link:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }
  
  :where(:focus-visible:not([tabindex="-1"])) {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }
  :where(a:focus-visible) { border-radius: var(--r-sm); }
  
  .surface-dark .md-link { text-decoration-color: var(--brand-400); }

  
  .md-figure { margin-block: 2rem; }
  .md-figure__frame {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line-2);
    border-radius: var(--r);
    background-color: var(--surface);
    box-shadow: var(--shadow-sm);
  }
  .md-figure__frame img { width: 100%; height: auto; }
  
  .md-figure__zoom {
    display: block;
    border-radius: var(--r);
    cursor: zoom-in;
  }
  .md-figure__caption {
    margin-top: 0.75rem;
    text-align: left;
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-muted);
  }

  
  .md-code { position: relative; margin-block: 1.5rem; }
  .md-code__tools {
    position: absolute;
    top: 0; right: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
  }
  .md-code__lang, .md-code__copy {
    padding: 0.125rem 0.5rem;
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    border: 1px solid var(--code-line);
    border-radius: var(--r-sm);
    background-color: var(--code-bg);
    color: var(--code-ink);
    box-shadow: var(--shadow-sm);
    opacity: 0;
    transition: opacity 150ms var(--ease);
  }
  .md-code__lang { font-family: var(--font-mono); }
  .md-code__copy {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
    transition: background-color, color, opacity 150ms var(--ease);
  }
  .md-code:hover .md-code__lang,
  .md-code:hover .md-code__copy { opacity: 1; }
  .md-code__copy:hover { background-color: var(--code-line); color: var(--white); }
  
  .md-code__pre {
    margin: 0 !important;
    padding: 1rem;
    border: 1px solid var(--code-line);
    border-radius: var(--r-lg);
    background-color: var(--code-bg) !important;
    color: var(--code-ink) !important;
    box-shadow: var(--shadow-sm);
    overflow-x: auto;
  }
  .md-code__pre code {
    font-size: var(--fs-xs);
    line-height: 1.625;
    color: var(--code-ink) !important;
  }

  
  
  .md-table { margin-block: 2rem; }
  .md-table__desktop { display: none; }
  .md-table__frame {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--r-2xl);
    background-color: var(--surface);
    box-shadow: var(--shadow-lg);
  }
  .md-table__scroll { overflow-x: auto; }
  .md-table table { width: 100%; border-collapse: collapse; }
  .md-table thead tr {
    background-image: linear-gradient(to right, var(--md-table-from), var(--md-table-to));
    color: var(--white);
  }
  .md-table th {
    padding: 1rem 1.5rem;
    text-align: left;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-right: 1px solid color-mix(in srgb, var(--brand-400) 30%, transparent);
  }
  .md-table th:last-child { border-right: 0; }
  .md-table td {
    padding: 1rem 1.5rem;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--ink-2);
    border-right: 1px solid var(--line-soft);
  }
  .md-table td:last-child { border-right: 0; }
  .md-table tbody tr { border-top: 1px solid var(--line); }
  .md-table tbody tr:first-child { border-top: 0; }
  .md-table tbody tr:nth-child(odd) { background-color: var(--surface-2); }
  .md-table tbody tr:nth-child(even) { background-color: var(--surface); }
  .md-table tbody tr:hover { background-color: var(--md-row-hover); }

  
  .md-table__pairs-box,
  .md-table__card {
    border: 1px solid var(--line);
    border-radius: var(--r-xl);
    background-color: var(--surface);
    box-shadow: var(--shadow-sm);
  }
  .md-table__pairs-head {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    border-bottom: 1px solid var(--line);
    border-radius: var(--r-xl) var(--r-xl) 0 0;
    background-color: var(--surface-2);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 600;
    color: var(--ink-muted);
  }
  .md-table__pairs-head > span + span::before { content: "·"; margin-inline-end: var(--space-2); }
  .md-table__pairs,
  .md-table__fields { margin: 0; }
  .md-table__pair { padding: var(--space-3) var(--space-4); }
  .md-table__pair + .md-table__pair { border-top: 1px solid var(--line); }
  .md-table__term,
  .md-table__card-title {
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    font-weight: 700;
    color: var(--ink);
  }
  .md-table__desc {
    margin: var(--space-1) 0 0;
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    color: var(--ink-2);
  }

  .md-table__cards > * + * { margin-top: var(--space-3); }
  .md-table__card { padding: var(--space-3) var(--space-4); }
  .md-table__card-title {
    margin-bottom: var(--space-2);
    padding-bottom: var(--space-2);
    border-bottom: 1px solid var(--line);
  }
  .md-table__field + .md-table__field { margin-top: var(--space-2); }
  .md-table__label {
    display: inline;
    font-size: var(--fs-sm);
    line-height: var(--lh-base);
    font-weight: 700;
    color: var(--ink-muted);
  }
  .md-table__label::after { content: ": "; }
  .md-table__value {
    display: inline;
    margin: 0;
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    color: var(--ink-2);
  }

  @media (min-width: 768px) {
    .md-table__desktop { display: block; }
    .md-table__mobile { display: none; }
  }

  

  
  .blurb {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--gray-600);
  }
  .blurb--relaxed { line-height: 1.625; }
  .blurb--dark    { color: var(--gray-700); }
  .blurb--gap     { margin-bottom: 1rem; }
  .blurb--gap-sm  { margin-bottom: 0.75rem; }

  
  .artnav-title {
    margin-top: 0.5rem;
    display: block;
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 700;
    color: var(--ink);
  }

  
  .serif-body {
    font-family: var(--font-blog-serif);
    font-size: 1.125rem;
    line-height: 1.8;
  }
}@layer components{.shell {
    margin-inline: auto;
    max-width: var(--shell);
    padding-inline: var(--gutter); 
  }
  @media (min-width: 640px)  { .shell { padding-inline: 1.5rem; } } 
  @media (min-width: 1024px) { .shell { padding-inline: 2rem; } }   

  .shell--narrow  { max-width: 56rem; } 
  .shell--wide    { max-width: 92rem; }
  .shell--content { max-width: 80rem; } 

  
  .section { padding-block: var(--section-pad-phone); }
  @media (min-width: 640px) { .section { padding-block: 5rem; } }
  .section--lg    { padding-block: 8rem; } 
  .section--sm    { padding-block: 2rem; }
  .section--flush { padding-block: 0; }

  
  .stack > * + *      { margin-top: var(--space-6); }
  .stack--sm > * + *  { margin-top: var(--space-3); }
  .stack--lg > * + *  { margin-top: var(--space-10); }

  .cluster {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
  }

  .grid-auto {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--min, 16rem), 1fr));
    gap: 1.5rem;
  }

  

  
  .grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  
  .grid-pair {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
  }
  @media (min-width: 640px) {
    .grid-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  
  .action-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
  }
  @media (min-width: 640px) { .action-row { flex-direction: row; } }
  .action-row--sm { gap: 0.75rem; }

  
  .split-row { display: flex; flex-direction: column; }
  @media (min-width: 640px) {
    .split-row {
      flex-direction: row;
      align-items: baseline;
      justify-content: space-between;
    }
  }

  
  .center-row { display: flex; flex-direction: column; }
  @media (min-width: 640px) {
    .center-row {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
  }
}@layer utilities{@property --rr-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
  @property --rr-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
  @property --rr-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
  @property --rr-scale-y { syntax: "*"; inherits: false; initial-value: 1; }

  
  
  .block { display: block; }
  .flex { display: flex; }
  .inline-flex { display: inline-flex; }
  .hidden { display: none; }
  .visible { visibility: visible; }
  .invisible { visibility: hidden; }
  .fixed { position: fixed; }

  
  .opacity-0 { opacity: 0%; }
  .opacity-50 { opacity: 50%; }
  .opacity-100 { opacity: 100%; }

  
  .scale-95 { --rr-scale-x: 95%; --rr-scale-y: 95%; --rr-scale-z: 95%; scale: var(--rr-scale-x) var(--rr-scale-y); }
  .scale-100 { --rr-scale-x: 100%; --rr-scale-y: 100%; --rr-scale-z: 100%; scale: var(--rr-scale-x) var(--rr-scale-y); }
  .rotate-90 { rotate: 90deg; }
  .rotate-180 { rotate: 180deg; }
  .rotate-45 { rotate: 45deg; }
  .-rotate-45 { rotate: -45deg; }
  .translate-y-\[16px\] { --rr-translate-y: 16px; translate: var(--rr-translate-x) var(--rr-translate-y); }
  .-translate-y-\[16px\] { --rr-translate-y: -16px; translate: var(--rr-translate-x) var(--rr-translate-y); }
  .-translate-y-full { --rr-translate-y: -100%; translate: var(--rr-translate-x) var(--rr-translate-y); }
  .transition-opacity { transition-property: opacity; transition-timing-function: var(--ease); transition-duration: var(--rr-duration, 150ms); }
  .translate-x-0 { --rr-translate-x: 0rem; translate: var(--rr-translate-x) var(--rr-translate-y); }
  .translate-x-4 { --rr-translate-x: 1rem; translate: var(--rr-translate-x) var(--rr-translate-y); }
  .-translate-x-4 { --rr-translate-x: -1rem; translate: var(--rr-translate-x) var(--rr-translate-y); }
  .-translate-x-full { --rr-translate-x: -100%; translate: var(--rr-translate-x) var(--rr-translate-y); }
  .translate-y-0 { --rr-translate-y: 0rem; translate: var(--rr-translate-x) var(--rr-translate-y); }
  .translate-y-4 { --rr-translate-y: 1rem; translate: var(--rr-translate-x) var(--rr-translate-y); }
  .translate-y-24 { --rr-translate-y: 6rem; translate: var(--rr-translate-x) var(--rr-translate-y); }

  
  .max-h-0 { max-height: 0rem; }
  .max-h-96 { max-height: 24rem; }
  .overflow-hidden { overflow: hidden; }
  .pointer-events-none { pointer-events: none; }

  
  .cursor-not-allowed { cursor: not-allowed; }
  .cursor-zoom-in { cursor: zoom-in; }
  .cursor-move { cursor: move; }

  
  .shadow-md { box-shadow: var(--shadow-md); }
  .font-semibold { font-weight: 600; }
  .transition-all { transition-property: all; transition-timing-function: var(--ease); transition-duration: var(--rr-duration, 150ms); }
  .duration-300 { --rr-duration: 300ms; transition-duration: 300ms; }
  .duration-500 { --rr-duration: 500ms; transition-duration: 500ms; }

  
  .text-red-600 { color: var(--red-600); }
  .text-emerald-700 { color: var(--emerald-700); }
  .text-gray-600 { color: var(--gray-600); }
  .text-blue-600 { color: var(--blue-600); }
  .text-green-600 { color: var(--green-600); }
  .text-amber-600 { color: var(--amber-600); }
  .text-white { color: var(--white); }
  .text-orange-400 { color: var(--orange-400); }
  .text-slate-400 { color: var(--slate-400); }
  .bg-white { background-color: var(--white); }
  .sticky { position: sticky; }
  .bg-gray-300 { background-color: var(--gray-300); }
  .bg-blue-600 { background-color: var(--blue-600); }
}@layer components{.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: var(--r-lg);
    font-family: var(--font-sans-ui);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
    padding: 0.625rem 1.5rem;
    min-height: 2.875rem; 
    text-decoration: none;
    cursor: pointer;
    
    border-color: var(--key-border);
    border-bottom-color: var(--key-border-bottom);
    background-color: var(--key-face-to);
    background-image: linear-gradient(to bottom, var(--key-face-from), var(--key-face-to));
    color: var(--key-ink);
    box-shadow: inset 0 1px 0 var(--key-edge), var(--key-shadow);
    transition:
      transform var(--spring-snappy-dur) var(--spring-snappy),
      box-shadow 150ms var(--ease),
      background-color 150ms var(--ease),
      border-color 150ms var(--ease),
      color 150ms var(--ease);
  }
  
  @media (hover: hover) {
    .button:hover:where(:not(:disabled, [aria-disabled="true"])) { transform: translateY(-1px); }
  }
  .button--cta:focus-visible:where(:not(:disabled, [aria-disabled="true"])) { transform: translateY(-1px); }
  .button:active:where(:not(:disabled, [aria-disabled="true"])) {
    transform: translateY(1px);
    box-shadow: var(--shadow-pressed);
  }

  
  .button:is(:disabled, [aria-disabled="true"]) {
    opacity: var(--key-disabled-opacity);
    cursor: var(--key-disabled-cursor);
  }

  
  .button--cta {
    position: relative;
    border: none;
    background-image: var(--gradient-cta);
    background-size: 200% auto;
    background-position: left center;
    color: var(--white);
    box-shadow: inset 0 1px 0 var(--edge-light-on-color), inset 0 -1px 0 var(--key-primary-border-bottom), var(--shadow-contact-color);
    transition-property: background-position, background-color, border-color, color, opacity, box-shadow, transform;
    transition-duration: var(--dur-sweep), var(--dur-sweep), var(--dur-key), var(--dur-key), var(--dur-key), var(--dur-key), var(--spring-snappy-dur);
    transition-timing-function: var(--ease-sweep), var(--ease-sweep), ease, ease, ease, ease, var(--spring-snappy);
  }
  .button--cta:is(:hover, :focus-visible):where(:not(:disabled, [aria-disabled="true"])) {
    background-position: right center;
  }
  .button--cta > :is(i, svg) {
    transition: transform var(--dur-sweep) var(--ease-sweep);
  }
  .button--cta:is(:hover, :focus-visible):where(:not(:disabled, [aria-disabled="true"])) > :is(i, svg) {
    animation: button-icon-nudge var(--dur-nudge) var(--ease-sweep) both;
  }
  .button--cta.rr-is-rewarding { overflow: hidden; }
  .button--cta.rr-is-rewarding::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    background: radial-gradient(circle at center, var(--reward-glow), transparent 62%);
    animation: button-reward var(--dur-reward) var(--ease-sweep) both;
  }
  @keyframes button-icon-nudge {
    0%   { transform: translateX(0); }
    55%  { transform: translateX(3px); }
    100% { transform: translateX(2px); }
  }
  @keyframes button-reward {
    0%   { opacity: 0.5; transform: scale(0.82); }
    62%  { opacity: 0.16; transform: scale(1.04); }
    100% { opacity: 0; transform: scale(1.18); }
  }

  @media (prefers-reduced-motion: reduce) {
    .button:hover,
    .button:active,
    .button--cta:focus-visible { transform: none; }
    .button--cta,
    .button--cta > :is(i, svg) { transition: none; }
    .button--cta:hover > :is(i, svg),
    .button--cta:focus-visible > :is(i, svg),
    .button--cta.rr-is-rewarding::after { animation: none; }
  }

  
  .button--ghost,
  .button--outline,
  .button--secondary { border-width: 1px; border-style: solid; color: var(--key-ink); }

  .button--sm {
    font-size: 0.875rem;
    padding: 0.375rem 1rem;
    min-height: 2.25rem;
  }

  .button--block { display: flex; width: 100%; }

  
  .button--destructive {
    background-color: var(--danger);
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0.14), rgb(0 0 0 / 0.08));
    color: var(--white);
    border-width: 1px;
    border-style: solid;
    border-color: color-mix(in oklab, var(--danger) 80%, var(--black));
    border-bottom-color: color-mix(in oklab, var(--danger) 55%, var(--black));
    box-shadow: inset 0 1px 0 var(--edge-light-on-color), var(--shadow-contact-color);
  }
  
  .button--link {
    background: transparent;
    border: none;
    box-shadow: none;
    transform: none;
    color: var(--link);
    padding: 0;
    min-height: 0;
    text-underline-offset: 4px;
  }
  .button--link:hover { text-decoration: underline; transform: none; }
  .button--link:active { transform: none; box-shadow: none; }
  .button--tall { min-height: 2.75rem; padding: 0.625rem 2rem; }
  .button--icon { min-height: 2.5rem; width: 2.5rem; padding: 0; }

  
  .button--lg {
    padding: 1rem 2rem;
    border-radius: var(--r-lg);
    font-weight: 700;
    line-height: 1.5;
    min-height: 0;
  }
  .button--lg > svg { width: 1.25rem; height: 1.25rem; }
  
  .button--lg:is(.button--ghost, .button--outline, .button--secondary) { font-weight: 600; }
}@layer components{.card { 
    border: 1px solid var(--line);
    background: var(--surface);
    padding: 1.5rem;
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
  }

  .card--muted { 
    background: var(--surface-2);
    border-color: var(--line-2);
  }

  .card--docs { 
    background: var(--surface);
    border: 1px solid var(--line-soft);
    box-shadow: var(--shadow-sm);
    border-radius: var(--r-2xl);
    padding: 1rem;
  }

  
  .card__header { display: flex; flex-direction: column; gap: 0.375rem; }
  .card__title { font-weight: 600; line-height: 1; letter-spacing: -0.01em; }
  .card__desc { font-size: var(--fs-sm); color: var(--ink-muted); }
  .card__body { margin-top: 1rem; }
  .card__footer { display: flex; align-items: center; margin-top: 1rem; }
}@layer components{.lifestyle__head { margin-bottom: 2.5rem; }

  
  .lifestyle__grid {
    columns: 2;
    column-gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  @media (min-width: 640px)  { .lifestyle__grid { columns: 3; column-gap: 0.75rem; } }
  @media (min-width: 1024px) { .lifestyle__grid { columns: 4; } }

  .lifestyle__item {
    
    break-inside: avoid;
    margin-bottom: 0.5rem;
  }
  @media (min-width: 640px) { .lifestyle__item { margin-bottom: 0.75rem; } }

  .lifestyle__figure {
    position: relative;
    display: block;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--r-xl);
    background-color: var(--surface-2);
  }

  .lifestyle__img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform var(--dur) var(--ease);
  }

  
  .lifestyle__figure::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, color-mix(in oklab, var(--black) 72%, transparent) 0%, transparent 55%);
    opacity: 0.85;
    transition: opacity var(--dur) var(--ease);
    pointer-events: none;
  }

  .lifestyle__caption {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 1;
    padding: 0.625rem 0.75rem;
    font-size: var(--fs-xs);
    line-height: 1.35;
    font-weight: 600;
    color: var(--white);
    text-shadow: 0 1px 2px color-mix(in oklab, var(--black) 60%, transparent);
  }

  @media (hover: hover) {
    .lifestyle__figure:hover .lifestyle__img { transform: scale(1.04); }
    .lifestyle__figure:hover::after { opacity: 1; }
  }

  @media (prefers-reduced-motion: reduce) {
    .lifestyle__img { transition: none; }
    .lifestyle__figure:hover .lifestyle__img { transform: none; }
  }
}@layer components{.section-head {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .section-head--center {
    align-items: center;
    text-align: center;
  }
  
  .section-head--page    { gap: 1.5rem; margin-bottom: 4rem; }
  .section-head--page-sm { gap: 1.5rem; margin-bottom: 3rem; }

  
  .block-head {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }
}@layer components{.badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em; 
    padding: 0.25rem 0.625rem;
    border-radius: var(--r-full);
  }
  .badge--brand { background: var(--brand); color: var(--white); }
  .badge--muted { background: var(--surface-2); color: var(--ink-muted); }

  
  .badge--danger { background: var(--danger); color: var(--white); }
  .badge--outline {
    background: transparent;
    border: 1px solid var(--gray-200);
    color: var(--ink);
  }
  .badge--verified {
    background: var(--green-50);
    color: var(--green-700);
    border: 1px solid var(--green-200);
    border-radius: var(--r);
    text-transform: none;
    letter-spacing: normal;
  }
}@layer components{.field {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
  }

  
  .input {
    min-height: 2.75rem;
    padding: var(--space-2) var(--space-3);
    font-family: inherit;
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    color: var(--ink);
    background-color: var(--field-bg);
    border: 1px solid var(--field-border);
    border-radius: var(--r-lg);
    box-shadow: var(--field-well);
    
    outline: 2px solid transparent;
    outline-offset: var(--focus-offset);
    transition:
      border-color var(--dur-state) var(--ease-exit),
      box-shadow var(--dur-state) var(--ease-exit),
      background-color var(--dur-state) var(--ease-exit),
      outline-color var(--dur-state) var(--ease-exit);
  }
  
  .textarea { resize: none; }
  
  .input::placeholder { color: var(--ink-soft); opacity: 1; }

  
  .input:focus { border-color: var(--field-focus-border); }
  .input:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
    border-color: var(--field-focus-border);
    box-shadow: var(--field-well);
  }
  @media (forced-colors: active) {
    .input { outline-style: none; }
    .input:focus-visible { outline: 2px solid Highlight; }
  }
  .input[aria-invalid="true"] { border-color: var(--danger); }
  .input:disabled {
    opacity: var(--key-disabled-opacity);
    cursor: var(--key-disabled-cursor);
  }
}@layer components{.docs-book__rail { display: none; }
  
  .docs-book__rail--stack { display: block; }
  @media (max-width: 1279.98px) { .docs-pcard--rail { display: none; } }
  @media (min-width: 1280px) {
    .docs-book,
    .docs-book ~ .plist-suggest {
      --rail-w: calc(var(--space-32) * 2);
      --rail-gap: var(--space-8);
      --prose-w: var(--measure-prose);
    }
    .docs-book {
      display: grid;
      grid-template-columns: var(--rail-w) minmax(0, var(--prose-w)) var(--rail-w);
      justify-content: center;
      align-items: start;
      column-gap: var(--rail-gap);
    }
    
    .docs-book__rail {
      display: block;
      position: sticky;
      top: var(--space-6);
      max-height: calc(100vh - var(--space-12));
      overflow-y: auto;
      overscroll-behavior: contain;
      margin-top: var(--space-8);
      padding-bottom: var(--space-4);
      
      scrollbar-width: thin !important;
      scrollbar-color: var(--line) transparent !important;
    }
    .docs-book__rail--end > * + * { margin-top: var(--space-8); }
    
    .docs-book__rail--end:not(.docs-book__rail--flow) {
      padding-inline: var(--space-2);
      margin-inline: calc(-1 * var(--space-2));
    }

    
    .docs-book__rail--flow {
      display: flex;
      flex-direction: column;
      align-self: stretch;
      position: static;
      max-height: none;
      overflow: visible;
    }
    .docs-book__stick { flex: 1 0 auto; }
    .docs-book__stick > * { position: sticky; top: var(--space-6); }

    
    .docs-pcard--inline { display: none; }
  }
  @media (min-width: 1440px) {
    .docs-book,
    .docs-book ~ .plist-suggest {
      --rail-w: calc(var(--space-32) * 2 + var(--space-8));
      --rail-gap: var(--space-10);
    }
  }
  @media (min-width: 1536px) {
    .docs-book,
    .docs-book ~ .plist-suggest {
      --rail-w: calc(var(--space-32) * 2 + var(--space-16));
      --rail-gap: var(--space-12);
      --prose-w: var(--measure-prose-wide);
    }
  }
  @media (min-width: 1280px) {
    .docs-book ~ .plist-suggest {
      max-width: calc(var(--rail-w) * 2 + var(--prose-w) + var(--rail-gap) * 2);
      margin-inline: auto;
    }
  }

  .docs-railtoc__link:focus-visible,
  .docs-pcard__upsell-link:focus-visible,
  .reading-drawer__summary:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }

  
  .reading-drawer {
    margin-bottom: var(--space-8);
    border: 1px solid var(--line-2);
    border-radius: var(--r-lg);
    background: var(--surface-2);
    padding: var(--space-3) var(--space-4);
  }
  .reading-drawer__summary {
    cursor: pointer;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 600;
    color: var(--ink);
  }
  .reading-drawer .docs-railtoc__list { margin-top: var(--space-3); }
  
  @media (max-width: 1023.98px) { .reading-drawer .docs-railtoc__link { padding-block: var(--space-3); } }
  @media (min-width: 1280px) { .reading-drawer { display: none; } }

  
  .docs-railtoc__eyebrow { margin: 0 0 var(--space-3); }
  .docs-railtoc__list { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--line-2); }
  .docs-railtoc__link {
    display: block;
    margin-left: -1px;
    border-left: 1px solid transparent;
    padding: var(--space-1) var(--space-3);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--ink-2);
    text-decoration: none;
    transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
  }
  .docs-railtoc__link:hover { color: var(--link); border-left-color: var(--link); }

  
  
  .docs-pcard {
    border: 1px solid var(--line-2);
    border-radius: var(--r-2xl);
    background-color: var(--surface);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition:
      transform var(--dur-state) var(--ease-exit),
      box-shadow var(--dur-state) var(--ease-exit),
      border-color var(--dur-state) var(--ease-exit);
  }
  .docs-pcard:hover,
  .docs-pcard:has(:focus-visible) {
    transform: translateY(var(--card-hover-lift));
    box-shadow: var(--card-hover-shadow);
    border-color: var(--card-hover-border);
  }
  @media (prefers-reduced-motion: reduce) {
    .docs-pcard:hover,
    .docs-pcard:has(:focus-visible) { transform: none; }
  }
  .docs-pcard--inline { margin-bottom: var(--space-12); }
  
  @media (min-width: 640px) and (max-width: 1279.98px) {
    .docs-pcard--inline { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); align-items: center; }
  }
  .docs-pcard__shot { background-color: var(--surface-2); }
  .docs-pcard__img { display: block; width: 100%; height: auto; }
  .docs-pcard__body { padding: var(--space-4) var(--space-5) var(--space-5); }
  .docs-pcard__eyebrow { margin: 0 0 var(--space-2); }
  .docs-pcard__title {
    margin: 0;
    font-size: var(--fs-lg);
    line-height: var(--lh-lg);
    font-weight: 700;
    color: var(--ink);
  }
  .docs-pcard__subtitle {
    margin: var(--space-1) 0 0;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--ink-muted);
  }
  .docs-pcard__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-2);
    margin: var(--space-4) 0;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--ink-soft);
  }
  .docs-pcard__price {
    font-size: var(--fs-xl);
    line-height: var(--lh-xl);
    font-weight: 700;
    color: var(--ink);
  }
  .docs-pcard__cta { display: flex; width: 100%; justify-content: center; text-align: center; }
  .docs-pcard__upsell {
    margin: var(--space-3) 0 0;
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-soft);
    text-align: center;
  }
  
  .docs-pcard__upsell-link {
    color: var(--ink);
    text-decoration: underline;
    text-decoration-color: var(--brand);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: text-decoration-thickness var(--dur) var(--ease-exit);
  }
  .docs-pcard__upsell-link:hover { text-decoration-thickness: 2px; }
}@layer components{body:is(.surface-dark, .surface-paper, .surface-muted) { margin: 0; padding: 0; }

  
  .site-body--blog { color: var(--ink); }

  
  .site-body--docs {
    color: var(--black);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  
  .skip-link:focus {
    position: fixed;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 9999;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    border-radius: 0.25rem;
    background-color: var(--white);
    padding: 0.5rem 1rem;
    color: var(--black);
  }

  

  
  .site-header {
    width: 100%;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition-property: color, background-color, border-color, box-shadow, opacity, transform, translate, scale;
    transition-timing-function: var(--ease);
    transition-duration: 300ms;
  }
  .site-header--light { background-color: color-mix(in oklab, var(--white) 80%, transparent); }  
  .site-header--paper { background-color: var(--paper); }                                      
  .site-header--dark  { background-color: color-mix(in oklab, var(--black) 40%, transparent); }   

  
  .site-header__container { padding-inline: 1.5rem; }
  @media (width < 1920px) { .site-header__container { margin-inline: auto; } }
  @media (min-width: 1024px) { .site-header__container { padding-inline: 4rem; } }

  
  .site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4rem;
  }

  
  #scroll-header .site-header__container { padding-inline: 0.75rem; }
  @media (min-width: 1024px) { #scroll-header .site-header__container { padding-inline: 2rem; } }
  #scroll-header .site-header__inner { height: var(--scroll-header-h); }

  
  .site-header__logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    
    margin-left: -0.1rem;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--ease);
    transition-duration: 200ms;
  }
  @media (hover: hover) { .site-header__logo:hover { scale: 105% 105%; } }

  
  .site-header__logo-text {
    padding-left: 0.5rem;
    font-size: 1.5rem;
    line-height: calc(2 / 1.5);
    font-weight: 700;
    text-align: left;
    translate: 0 2px;
    color: var(--ink);
  }
  .surface-dark .site-header__logo-text { color: var(--white); }

  
  
  .site-header__desktop {
    display: none;
    align-items: center;
    flex-wrap: wrap;
    min-width: 0;
    gap: 2rem;
  }
  @media (min-width: 1024px) { .site-header__desktop { display: flex; } }

  
  .site-nav__list { display: flex; align-items: center; flex-wrap: wrap; min-width: 0; }
  .site-nav__list > :not(:last-child) { margin-inline-end: 2rem; }

  .site-nav__item { position: relative; }

  
  .site-nav__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding-inline: 0.25rem;
    padding-block: 0.625rem;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    transition-property: color, background-color, border-color, box-shadow, opacity, transform, translate, scale;
    transition-timing-function: var(--ease);
    transition-duration: 200ms;
    color: var(--ink);                 
  }
  .surface-dark .site-nav__link { color: var(--ink-dim); }   

  @media (hover: hover) {
    .site-nav__link:not(.site-nav__link--active):hover { color: var(--brand-600); }                 
    .surface-dark .site-nav__link:not(.site-nav__link--active):hover { color: var(--brand-400); }     
  }

  
  .site-nav__link--active { color: var(--brand-700); }                       
  .surface-dark .site-nav__link--active { color: var(--brand-400); }           

  
  @media (hover: hover) { .site-nav__link--docs:hover { scale: 105% 105%; } }

  
  .site-nav__bar {
    position: absolute;
    bottom: 0.25rem;
    left: 0;
    width: 100%;
    height: 0.125rem;
    background-color: var(--brand-600);
  }
  .site-nav__bar--docs { bottom: 0.375rem; }                                 
  .surface-dark .site-nav__bar { background-color: var(--brand-400); } 

  
  .site-header__search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: 200ms;
    color: var(--ink);
  }
  .surface-dark .site-header__search { color: var(--ink-dim); }
  @media (hover: hover) {
    .site-header__search:hover {
      background-color: var(--line-soft); 
      color: var(--brand-600);
    }
  }

  
  .site-header__cta {
    border: 1px solid color-mix(in oklab, var(--white) 10%, transparent); 
    color: var(--white);
    line-height: 1.5; 
  }
  .site-header__cta .rr-icon { color: var(--white); }

  
  .site-header__mobile { display: flex; align-items: center; gap: 0.5rem; }
  @media (min-width: 1024px) { .site-header__mobile { display: none; } }

  
  .site-header__icon-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
    border: 1px solid color-mix(in oklab, var(--line-2) 50%, transparent); 
    background-color: color-mix(in oklab, var(--line-soft) 50%, transparent); 
    color: var(--ink);                                                    
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: 300ms;
  }
  @media (hover: hover) {
    .site-header__icon-button:hover { background-color: var(--line-soft); } 
  }

  
  .surface-dark .site-header__icon-button {
    background-color: transparent;
    background-image: linear-gradient(
      to bottom right in oklab,
      color-mix(in oklab, var(--brand) 10%, transparent),
      color-mix(in oklab, var(--danger) 10%, transparent)
    );
    border-color: color-mix(in oklab, var(--brand) 30%, transparent);
    color: var(--ink);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  @media (hover: hover) {
    .surface-dark .site-header__icon-button:hover {
      background-color: transparent;
      background-image: linear-gradient(
        to bottom right in oklab,
        color-mix(in oklab, var(--brand) 20%, transparent),
        color-mix(in oklab, var(--danger) 20%, transparent)
      );
      box-shadow: 0 10px 15px -3px color-mix(in oklab, var(--brand) 20%, transparent),
                  0 4px 6px -4px color-mix(in oklab, var(--brand) 20%, transparent);
    }
  }

  
  .site-header__menu-toggle {
    padding: 0.75rem;
    transition-property: color, background-color, border-color, box-shadow, opacity, transform, translate, scale;
  }
  @media (hover: hover) { .site-header__menu-toggle:hover { scale: 105% 105%; } }

  
  .site-header__glow {
    position: absolute;
    inset: 0;
    z-index: -10;
    display: none;
    border-radius: 0.75rem;
    opacity: 0;
    filter: blur(8px);
    background-image: linear-gradient(
      to bottom right in oklab,
      color-mix(in oklab, var(--brand) 20%, transparent),
      color-mix(in oklab, var(--danger) 20%, transparent)
    );
    transition-property: opacity;
    transition-timing-function: var(--ease);
    transition-duration: 300ms;
  }
  .surface-dark .site-header__glow { display: block; }
  @media (hover: hover) {
    .surface-dark .site-header__menu-toggle:hover .site-header__glow { opacity: 1; }
  }

  
  .scroll-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--ease);
    transition-duration: 300ms;
  }
  .scroll-header--light {                             
    background-color: color-mix(in oklab, var(--white) 95%, transparent);
  }
  .scroll-header--paper {                             
    background-color: color-mix(in oklab, var(--paper) 98%, transparent);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  }
  .scroll-header--dark {                              
    background-color: color-mix(in oklab, var(--black) 90%, transparent);
  }

  

  
  .mobile-nav { position: fixed; inset: 0; z-index: 40; }
  @media (min-width: 1024px) { .mobile-nav { display: none; } }

  
  .mobile-nav__backdrop {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(
      to bottom right in oklab,
      color-mix(in oklab, var(--black) 98%, transparent),
      color-mix(in oklab, var(--gray-950) 98%, transparent),
      color-mix(in oklab, var(--black) 98%, transparent)
    );
  }
  @media (min-width: 640px) {
    .mobile-nav__backdrop { -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); }
  }

  
  .mobile-nav__blobs { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }

  .mobile-nav__blob {
    position: absolute;
    border-radius: calc(infinity * 1px);
    filter: blur(64px);
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
  .mobile-nav__blob--a {           
    width: 16rem; height: 16rem; top: 25%; left: 25%;
    background-color: color-mix(in oklab, var(--brand) 10%, transparent);
  }
  .mobile-nav__blob--b {           
    width: 24rem; height: 24rem; bottom: 25%; right: 25%;
    background-color: color-mix(in oklab, var(--danger) 5%, transparent);
  }

  
  .mobile-nav__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-inline: 2rem;
    padding-block: 5rem;
  }

  
  .mobile-nav__close {
    position: absolute;
    z-index: 50;
    top: 1.5rem;
    right: 1.5rem;
    padding: 0.75rem;
    color: var(--white);
    border: 1px solid color-mix(in oklab, var(--white) 20%, transparent);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, var(--white) 10%, transparent);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition-property: color, background-color, border-color, box-shadow, opacity, transform, translate, scale;
    transition-timing-function: var(--ease);
    transition-duration: 200ms;
  }
  @media (hover: hover) {
    .mobile-nav__close:hover {
      background-color: color-mix(in oklab, var(--white) 20%, transparent);
      scale: 110% 110%;
    }
  }
  
  .mobile-nav__close-icon {
    width: 1.5rem;
    height: 1.5rem;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--ease);
    transition-duration: 300ms;
  }
  @media (hover: hover) { .mobile-nav__close:hover .mobile-nav__close-icon { rotate: 90deg; } }

  .mobile-nav__logo { margin-bottom: 3rem; opacity: 80%; }     

  
  .mobile-nav__list { margin-bottom: 3rem; text-align: center; }
  .mobile-nav__list > :not(:last-child) { margin-block-end: 1.5rem; }

  
  .mobile-nav__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding-inline: 2rem;
    padding-block: 1rem;
    border-radius: 1rem;
    color: var(--white);
    transition-property: color, background-color, border-color, box-shadow, opacity, transform, translate, scale;
    transition-timing-function: var(--ease);
    transition-duration: 300ms;
  }
  @media (hover: hover) {
    .mobile-nav__link:hover {
      background-color: color-mix(in oklab, var(--white) 10%, transparent);
      scale: 105% 105%;
      color: var(--brand-400);  
    }
  }
  .mobile-nav__link--active {          
    background-color: color-mix(in oklab, var(--brand-600) 20%, transparent);
    color: var(--brand-400);
  }
  .surface-dark .mobile-nav__link--active { 
    background-color: color-mix(in oklab, var(--brand) 20%, transparent);
  }
  @media (hover: hover) { .mobile-nav__link--active:hover { color: var(--brand-400); } }

  
  .mobile-nav__icon {
    font-size: 1.125rem;
    line-height: calc(1.75 / 1.125);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--ease);
    transition-duration: 300ms;
  }
  @media (hover: hover) { .mobile-nav__link:hover .mobile-nav__icon { scale: 110% 110%; } }

  .mobile-nav__label { font-size: 1.25rem; line-height: calc(1.75 / 1.25); font-weight: 600; } 

  
  .mobile-nav__summary-row { display: flex; align-items: center; gap: 1rem; }
  .mobile-nav__summary-row .mobile-nav__icon { scale: none; }

  
  
  .mobile-nav__cta-icon { font-size: 1.25rem; }

  
  .hamburger-icon { width: 1.5rem; height: 1.5rem; overflow: visible; }
  .hamburger-icon .line {
    fill: none;
    stroke: var(--brand);
    stroke-width: 6;
    border-radius: 0.25rem;
  }

  

  .site-footer-divider { position: relative; height: 0.25rem; overflow: hidden; }
  .site-footer-divider__layer { position: absolute; inset: 0; }
  .site-footer-divider__layer--top {
    background-image: linear-gradient(to right in oklab, transparent, var(--ink-dim), transparent);
  }
  .site-footer-divider__layer--bottom {
    opacity: 50%;
    background-image: linear-gradient(to right in oklab, transparent, var(--ink-faint), transparent);
  }
  .surface-dark .site-footer-divider__layer--top {
    background-image: linear-gradient(to right in oklab, transparent, var(--ink-body), transparent);
  }
  .surface-dark .site-footer-divider__layer--bottom {
    background-image: linear-gradient(to right in oklab, transparent, var(--ink), transparent);
  }

  
  .site-footer {
    position: relative;
    overflow: hidden;
    padding-top: 3rem;
    padding-bottom: 2rem;
    background-color: var(--white);
  }
  @media (min-width: 640px) { .site-footer { padding-top: 4rem; } }
  @media (min-width: 768px) { .site-footer { padding-top: 5rem; } }
  .surface-dark .site-footer { background-color: var(--black); }

  .site-footer__mesh { position: absolute; inset: 0; }
  
  body:not(.surface-dark) .site-footer__glow { display: none; }
  .site-footer__glow {                                
    position: absolute;
    width: 24rem;
    height: 24rem;
    border-radius: calc(infinity * 1px);
    filter: blur(64px);
  }
  .site-footer__glow--a {                             
    bottom: 0; left: 0;
    background-color: color-mix(in oklab, var(--brand-tint) 30%, transparent);
  }
  .site-footer__glow--b {                             
    top: 0; right: 0;
    background-color: color-mix(in oklab, var(--red-100) 30%, transparent);
  }
  .surface-dark .site-footer__glow--a {               
    background-color: color-mix(in oklab, var(--orange-800) 10%, transparent);
  }
  .surface-dark .site-footer__glow--b {               
    background-color: color-mix(in oklab, var(--red-900) 10%, transparent);
  }

  .site-footer__shell { position: relative; z-index: 10; }

  
  .site-footer__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 3rem;
    text-align: center;
  }
  @media (min-width: 640px)  { .site-footer__grid { gap: 2rem; } }
  @media (min-width: 768px)  { .site-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); text-align: left; } }
  @media (min-width: 1024px) { .site-footer__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

  
  .site-footer__col--brand { grid-column: span 2 / span 2; }
  @media (min-width: 768px)  { .site-footer__col--brand { grid-column: span 3 / span 3; } }
  @media (min-width: 1024px) { .site-footer__col--brand { grid-column: span 1 / span 1; } }

  
  .site-footer__col--company { grid-column: span 2 / span 2; max-width: 20rem; margin-inline: auto; }
  @media (min-width: 768px) { .site-footer__col--company { grid-column: span 1 / span 1; max-width: none; } }

  
  .site-footer__tagline {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.625;
    color: var(--ink-muted);
  }
  .surface-dark .site-footer__tagline { color: var(--ink-faint); } 

  
  .site-footer__social { display: flex; gap: 0.75rem; justify-content: center; }
  @media (min-width: 768px) { .site-footer__social { justify-content: flex-start; } }

  
  .site-footer__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid color-mix(in oklab, var(--line-2) 50%, transparent);
    border-radius: 0.5rem;
    color: var(--ink-muted);
    background-color: color-mix(in oklab, var(--line-soft) 70%, transparent);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition-property: color, background-color, border-color, box-shadow, opacity, transform, translate, scale;
    transition-timing-function: var(--ease);
    transition-duration: 200ms;
  }
  @media (hover: hover) {
    .site-footer__social-link:hover {
      color: var(--brand);
      background-color: color-mix(in oklab, var(--brand-tint) 30%, transparent);
      border-color: color-mix(in oklab, var(--orange-300) 50%, transparent);
    }
  }
  .surface-dark .site-footer__social-link {   
    color: var(--ink-faint);
    background-color: color-mix(in oklab, var(--white) 5%, transparent);
    border-color: color-mix(in oklab, var(--white) 10%, transparent);
  }
  @media (hover: hover) {
    .surface-dark .site-footer__social-link:hover {
      color: var(--brand-400);
      background-color: color-mix(in oklab, var(--brand) 10%, transparent);
      border-color: color-mix(in oklab, var(--brand) 30%, transparent);
    }
  }

  
  .site-footer__heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
    color: var(--ink);
  }
  @media (min-width: 768px) { .site-footer__heading { align-items: flex-start; } }
  .surface-dark .site-footer__heading { color: var(--white); }

  
  .site-footer__rule {
    width: 3rem;
    height: 0.25rem;
    border-radius: calc(infinity * 1px);
    background-image: linear-gradient(to right in oklab, var(--brand), var(--red-500));
  }
  @media (min-width: 1024px) { .site-footer__rule { width: 4rem; } }

  .site-footer__links > :not(:last-child) { margin-block-end: 0.75rem; }  

  
  .site-footer__link {
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    color: var(--ink-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: 200ms;
  }
  @media (hover: hover) { .site-footer__link:hover { color: var(--brand); } }
  .surface-dark .site-footer__link { color: var(--ink-faint); }
  @media (hover: hover) { .surface-dark .site-footer__link:hover { color: var(--brand-400); } }

  .site-footer__link--external { display: inline-flex; align-items: center; gap: 0.25rem; }

  
  .site-footer__bottom {
    padding-top: 2rem;
    border-top: 1px solid var(--line-2);
  }
  .surface-dark .site-footer__bottom { border-top-color: var(--ink-2); }

  
  .site-footer__bottom-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }
  @media (min-width: 768px) { .site-footer__bottom-row { flex-direction: row; } }

  .site-footer__copyright {
    font-size: 0.875rem;
    line-height: 1.625; 
    color: var(--ink-muted);
  }
  .surface-dark .site-footer__copyright { color: var(--ink-dim); } 

  
  .site-footer__badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
  @media (min-width: 768px) { .site-footer__badges { justify-content: flex-start; } }

  .site-footer__badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--ink-muted);
  }
  .surface-dark .site-footer__badge { color: var(--ink-faint); }
  .site-footer__badge-icon { color: var(--green-500); }            
  .site-footer__badge-text {
    font-size: 0.75rem;
    line-height: 1.25; 
    white-space: nowrap;
  }

  
  .site-footer__disclaimer {
    margin-top: 1.5rem;
    padding: 1rem;
    border: 1px solid color-mix(in oklab, var(--orange-200) 50%, transparent);
    border-radius: 0.5rem;
    background-color: color-mix(in oklab, var(--brand-tint) 50%, transparent);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  .surface-dark .site-footer__disclaimer {   
    border-color: color-mix(in oklab, var(--brand) 20%, transparent);
    background-color: color-mix(in oklab, var(--brand) 5%, transparent);
  }
  .site-footer__disclaimer-text {
    font-size: 0.75rem;
    line-height: 1.25;
    text-align: center;
    color: var(--ink-muted);
  }
  
  @media (min-width: 1441px) {
    .site-footer__disclaimer-text { max-width: 90ch; margin-inline: auto; }
  }
  .surface-dark .site-footer__disclaimer-text { color: var(--ink-faint); }
  
  .site-footer__disclaimer-label { color: var(--brand-700); }
  .surface-dark .site-footer__disclaimer-label { color: var(--brand-400); }   

  
  .site-footer__credit {
    margin-top: 1.5rem;
    text-align: center;
    font-size: 11px;
    line-height: 1.625; 
    letter-spacing: 0.025em;
    color: var(--gray-500);
  }
  .site-footer__credit-nowrap { white-space: nowrap; }

  
  .site-footer__credit-link {
    white-space: nowrap;
    font-weight: 500;
    color: var(--ink-muted);
    text-decoration-line: underline;
    text-decoration-color: var(--ink-dim);
    text-underline-offset: 4px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: 200ms;
  }
  @media (hover: hover) {
    .site-footer__credit-link:hover {
      color: var(--brand);
      text-decoration-color: color-mix(in oklab, var(--brand-400) 60%, transparent);
    }
  }
  .surface-dark .site-footer__credit-link {
    color: var(--ink-faint);
    text-decoration-color: var(--ink-body);
  }
  @media (hover: hover) {
    .surface-dark .site-footer__credit-link:hover { color: var(--brand-400); }
  }

  

  
  .search-modal {
    position: fixed;
    inset: 0;
    z-index: 100;
    align-items: flex-start;
    justify-content: center;
    padding: 1rem;
    padding-top: 5rem;
  }
  @media (min-width: 640px) { .search-modal { padding: 1.5rem; padding-top: 8rem; } }

  
  .search-modal__backdrop {
    position: fixed;
    inset: 0;
    background-color: color-mix(in oklab, var(--zinc-950) 60%, transparent);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition-property: opacity;
    transition-timing-function: var(--ease);
    transition-duration: 150ms;
  }

  
  .search-modal__panel {
    position: relative;
    width: 100%;
    max-width: 42rem;
    overflow: hidden;
    border-radius: 1rem;
    background-color: var(--white);
    box-shadow: 0 0 0 1px color-mix(in oklab, var(--ink) 5%, transparent),
                0 25px 50px -12px rgb(0 0 0 / 0.25);
    transition-property: color, background-color, border-color, box-shadow, opacity, transform, translate, scale;
    transition-timing-function: var(--ease);
    transition-duration: 150ms;
  }

  
  .search-modal__head {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid var(--line-soft);
  }
  .search-modal__head-icon { position: absolute; left: 2rem; color: var(--ink-faint); }

  
  .search-modal__input {
    width: 100%;
    background-color: transparent;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-block: 0.75rem;
    font-size: 1.125rem;
    line-height: calc(1.75 / 1.125);
    font-weight: 500;
    color: var(--ink);
    border-radius: 0.5rem;
  }
  .search-modal__input::placeholder { color: var(--ink-faint); }
  .search-modal__input:focus { outline: 2px solid transparent; outline-offset: 2px; }
  .search-modal__input:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }

  
  .search-modal__close {
    position: absolute;
    right: 2rem;
    color: var(--ink-faint);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: 150ms;
  }
  @media (hover: hover) { .search-modal__close:hover { color: var(--ink-muted); } }

  
  .search-modal__body {
    max-height: 60vh;
    overflow-y: auto;
    padding: 1rem;
    background-color: color-mix(in oklab, var(--surface-2) 50%, transparent);
  }
  @media (min-width: 640px) { .search-modal__body { padding: 1.5rem; } }

  
  .search-modal__label {
    margin-bottom: 1rem;
    font-size: 0.75rem;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--ink-faint);
  }


  
  .search-modal__quick-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.75rem;
    background-color: var(--white);
    border: 1px solid var(--line-soft);
    transition-property: color, background-color, border-color, box-shadow, opacity, transform, translate, scale;
    transition-timing-function: var(--ease);
    transition-duration: 150ms;
  }
  @media (hover: hover) {
    .search-modal__quick-link:hover {
      border-color: color-mix(in oklab, var(--brand) 50%, transparent);
      box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    }
  }

  
  .search-modal__quick-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: 150ms;
  }
  .search-modal__quick-icon--blog { background-color: var(--orange-50); color: var(--brand-600); }
  .search-modal__quick-icon--pro  { background-color: var(--surface-2);        color: var(--ink); }
  @media (hover: hover) {
    .search-modal__quick-link:hover .search-modal__quick-icon--blog { background-color: var(--brand-600); color: var(--white); }
    .search-modal__quick-link:hover .search-modal__quick-icon--pro  { background-color: var(--ink); color: var(--white); }
  }

  .search-modal__quick-label { font-weight: 700; color: var(--ink); }

  .search-modal__results > :not(:last-child) { margin-block-end: 1rem; }  

  
  .search-modal__state { padding-block: 3rem; text-align: center; }

  
  .search-modal__state-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
    border-radius: calc(infinity * 1px);
    background-color: var(--line-soft);
    color: var(--ink-faint);
  }
  .search-modal__state-title {
    font-size: 1.125rem;
    line-height: calc(1.75 / 1.125);
    font-weight: 700;
    color: var(--ink);
  }
  .search-modal__state-text { margin-top: 0.5rem; color: var(--ink-soft); }

  
  .search-modal__spinner {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: calc(infinity * 1px);
    border: 4px solid var(--brand-600);
    border-right-color: transparent;
    animation: spin 1s linear infinite;
  }

  
  .search-modal__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background-color: var(--white);
    border-top: 1px solid var(--line-soft);
  }
  
  .search-modal__hints {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--ink-faint);
  }
  .search-modal__hint { display: flex; align-items: center; gap: 0.375rem; }
  
  .search-modal__kbd {
    padding-inline: 0.375rem;
    padding-block: 0.125rem;
    border-radius: 0.25rem;
    border: 1px solid var(--line);
    background-color: var(--surface-2);
    color: var(--ink-soft);
  }
  .search-modal__brand {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: color-mix(in oklab, var(--brand-600) 50%, transparent);
  }

  
  .site-nav__link .rr-icon,
  .site-header__icon-button .rr-icon,
  .site-header__cta .rr-icon,
  .site-footer__social-link .rr-icon,
  .site-footer__badge-icon,
  .products-hero__cta .rr-icon {   
    font-size: 0.875rem;               
    line-height: calc(1.25 / 0.875);
  }
  .site-footer__link--external .rr-icon {
    font-size: 0.75rem;                
    line-height: 1.25;
  }
  .mobile-nav__caret {
    font-size: 0.875rem;               
    line-height: calc(1.25 / 0.875);
  }

  
  .site-header__logo-img { width: auto; height: 3rem; }
  
  .site-header__logo-img--sm { height: 3.125rem; }
  .site-footer__logo { width: auto; height: 4rem; margin: 0 auto 1.5rem; }
  @media (min-width: 48rem) { .site-footer__logo { margin-inline: 0; } }

  
  @media (max-width: 639.98px) {
    
    .site-footer {
      padding-top: var(--space-10);
      padding-bottom: calc(var(--space-16) + env(safe-area-inset-bottom, 0px));
    }

    .site-footer__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      column-gap: var(--space-2);
      row-gap: var(--space-6);
      margin-bottom: var(--space-8);
      text-align: left;
    }
    .site-footer__col--brand { grid-column: 1 / -1; text-align: center; }
    .site-footer__col--company { grid-column: auto; max-width: none; margin-inline: 0; }

    .site-footer__logo { height: var(--space-12); margin-bottom: var(--space-3); }
    .site-footer__tagline { margin-bottom: var(--space-4); }
    .site-footer__social { gap: var(--space-2); }
    .site-footer__social-link {
      width: var(--tap-min);
      height: var(--tap-min);
    }

    .site-footer__heading {
      align-items: flex-start;
      margin-bottom: var(--space-1);
      font-size: var(--fs-lg);
    }
    .site-footer__links > :not(:last-child) { margin-block-end: 0; }
    
    .site-footer__link {
      display: flex;
      align-items: center;
      min-height: var(--tap-min);
    }

    .site-footer__bottom { padding-top: var(--space-6); }
    .site-footer__disclaimer { margin-top: var(--space-4); }
    .site-footer__credit { margin-top: var(--space-4); }
  }
}@layer components{:root {
    
    --blog-shadow-block: 4px 4px 0 0 var(--ink);
    --blog-shadow-block-lg: 6px 6px 0 0 var(--ink);
    --blog-shadow-block-sm: 3px 3px 0 0 var(--ink);
    
    --blog-motion-bg: var(--gray-950);
    
    --motion-ctl-bg: color-mix(in oklab, var(--gray-950) 78%, transparent);
    --motion-ctl-bg-hover: color-mix(in oklab, var(--gray-950) 92%, transparent);
    --motion-ctl-ink: var(--orange-50);
  }

  
  .blog-editorial {
    font-family: var(--font-blog-sans);
    background-color: var(--paper);
  }

  .blog-editorial .article-content { max-width: 100%; }
  .blog-editorial .article-content > h1:first-child { display: none; }
  

  
  .blog-related__link:focus-visible,
  .blog-select:focus-visible,
  .hub__link:focus-visible,
  .hub__sibling-link:focus-visible,
  .crumbs__link:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }

  
  

  
  .blog-hero { background-color: var(--paper); }
  .blog-reading__hero { padding-bottom: var(--space-10); }
  .blog-hero__main { min-width: 0; text-align: left; }
  .blog-hero__crumbs { margin-bottom: 1.5rem; }
  

  
  .blog-hero__title {
    margin-top: 2rem;
    font-family: var(--font-blog-serif);
    color: var(--ink);
  }

  .blog-hero__lede {
    margin-top: 2rem;
    font-family: var(--font-blog-serif);
    font-size: 1.125rem;
    line-height: 1.625;
    color: var(--ink-muted);
  }
  @media (min-width: 640px) { .blog-hero__lede { font-size: 1.25rem; } }

  .blog-byline {
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 700;
    color: var(--ink);
  }
  .blog-byline__link {
    text-decoration-line: underline;
    text-decoration-color: var(--zinc-300);
    text-underline-offset: 2px;
  }
  
  .blog-byline__link:hover,
  .resource-links__link:hover { color: var(--brand-700); text-decoration-color: var(--brand-400); }
  
  .blog-dot {
    height: 0.25rem;
    width: 0.25rem;
    border-radius: var(--r-full);
    background-color: var(--zinc-300);
  }
  .blog-byline__soft { color: var(--ink-soft); }

  
  
  .blog-reading { padding-bottom: var(--space-16); }
  
  @media (min-width: 1536px) { .blog-reading { max-width: none; } }
  .blog-reading__main { min-width: 0; padding-top: var(--space-8); }
  @media (max-width: 1279.98px) {
    .blog-reading__main,
    .blog-sidebar { max-width: var(--measure-prose); margin-inline: auto; }
    .blog-sidebar { margin-top: var(--space-12); }
  }
  .blog-article__body { min-width: 0; }
  
  .blog-article__body .docs-pcard--inline { margin-top: var(--space-8); }

  .blog-figure {
    margin-bottom: 3rem;
    overflow: hidden;
    border-radius: var(--r-3xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--line);
  }
  .blog-figure__img { width: 100%; height: auto; object-fit: cover; max-height: 600px; }

  
  .blog-figure--banner {
    position: relative;
    aspect-ratio: 16 / 9;
    background-color: var(--blog-motion-bg);
  }
  .blog-figure__poster,
  .blog-figure__video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .blog-figure__video {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--dur-enter) var(--ease-enter);
  }
  .blog-figure--banner[data-state="playing"] .blog-figure__video { opacity: 1; }

  
  .motion-figure { max-width: 720px; margin: var(--space-8) auto; }
  .motion-figure__frame { position: relative; }
  .motion-figure__video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-radius: var(--r-xl);
    background-color: var(--blog-motion-bg);
  }
  
  
  .motion-figure__frame:focus,
  .blog-figure--banner:focus { outline: none; }

  
  .motion-replay {
    position: absolute;
    right: var(--space-3);
    bottom: var(--space-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0.125rem;
    border: 0;
    border-radius: var(--r-full);
    background-color: var(--motion-ctl-bg);
    background-clip: content-box;
    color: var(--motion-ctl-ink);
    cursor: pointer;
    opacity: 1;
    translate: 0 0;
    visibility: visible;
    transition:
      opacity var(--dur-enter) var(--ease-enter),
      translate var(--dur-enter) var(--ease-enter),
      background-color var(--dur) var(--ease),
      visibility 0s;
  }
  .motion-replay[inert] {
    opacity: 0;
    translate: 0 var(--space-2);
    visibility: hidden;
    transition:
      opacity var(--dur-exit) var(--ease-exit),
      translate var(--dur-exit) var(--ease-exit),
      visibility 0s linear var(--dur-exit);
  }
  .motion-replay:hover { background-color: var(--motion-ctl-bg-hover); }
  .motion-replay:focus-visible { outline: 2px solid var(--motion-ctl-ink); outline-offset: 2px; }
  .motion-replay__icon { display: block; width: 1.25rem; height: 1.25rem; }
  .motion-replay[data-mode="play"] .motion-replay__icon--replay,
  .motion-replay[data-mode="replay"] .motion-replay__icon--play { display: none; }

  
  .blog-insights {
    margin-bottom: 3rem;
    border-radius: var(--r-2xl);
    border: 2px solid var(--ink);
    background-color: var(--neutral-50);
    padding: 2rem;
    box-shadow: var(--blog-shadow-block);
  }
  .blog-insights__mark {
    display: flex;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-full);
    background-color: var(--ink);
    color: var(--surface);
  }
  .blog-insights__mark i { font-size: 0.75rem; line-height: 1.25;  }
  .blog-insights__label {
    font-size: 0.75rem;
    line-height: 1.25; 
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--ink);
  }
  .blog-insights__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem;
    font-size: 0.875rem;
    line-height: 1.625;
    color: var(--ink-body);
  }
  @media (min-width: 768px) { .blog-insights__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .blog-insights__title {
    font-family: var(--font-blog-serif);
    font-size: 1.875rem;
    line-height: 1.375;
    font-weight: 700;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    color: var(--ink);
    margin-bottom: 0.5rem;
  }
  
  .blog-insights__level { display: flex; align-items: center; gap: 0.5rem; }
  .blog-insights__badge {
    background-color: var(--brand-tint);
    color: var(--brand-700);
    padding: 0.125rem 0.5rem;
    border-radius: var(--r-full);
    font-weight: 700;
  }

  
  .blog-share { margin-top: 2.5rem; border-top: 1px solid var(--line-2); padding-top: 2rem; }
  .blog-share__row { gap: 1.5rem; }
  .blog-share__group { display: flex; align-items: center; gap: 0.5rem; }
  .blog-share__btn {
    display: inline-flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-full);
    
    border: 1px solid var(--key-border);
    border-bottom-color: var(--key-border-bottom);
    background-color: var(--key-face-to);
    background-image: linear-gradient(to bottom, var(--key-face-from), var(--key-face-to));
    box-shadow: inset 0 1px 0 var(--key-edge), var(--key-shadow);
    color: var(--key-ink);
    padding: 0;
    cursor: pointer;
    transition:
      transform var(--spring-snappy-dur) var(--spring-snappy),
      box-shadow var(--dur) var(--ease);
  }
  @media (hover: hover) {
    .blog-share__btn:hover { transform: translateY(-1px); }
  }
  .blog-share__btn:active { transform: translateY(1px); box-shadow: var(--shadow-pressed); }
  .blog-share__btn:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }
  @media (prefers-reduced-motion: reduce) {
    .blog-share__btn:hover,
    .blog-share__btn:active { transform: none; }
  }

  
  .blog-sidebar > * + * { margin-top: 1.5rem; }
  
  @media (min-width: 1280px) {
    .blog-sidebar .blog-inset { padding-right: var(--space-6); }
  }

  
  @media (min-width: 1024px) { .blog-inset { padding-right: 6rem; } }

  
  .blog-search { position: relative; }
  .blog-search__icon {
    position: absolute;
    inset-block: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding-left: 0.75rem;
    pointer-events: none;
    color: var(--ink-faint);
    transition: color var(--dur) var(--ease);
  }
  .blog-search:focus-within .blog-search__icon { color: var(--brand-600); }
  .blog-search__icon i { font-size: 0.75rem; line-height: 1.25;  }
  
  .blog-search__input {
    display: block;
    height: 2.75rem;
    width: 100%;
    padding-left: 2.5rem;
  }
  .blog-search__input::placeholder { color: var(--ink-soft); }

  

  .blog-search__sentinel {
    grid-column: 1 / -1;
    width: 100%;
    padding-block: 2rem;
  }

  .blog-search__skeleton {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    height: 280px;
    padding: 1.25rem;
    background-color: var(--surface);
    border: 1px solid var(--zinc-100);
    border-radius: var(--r-2xl);
  }

  .blog-search__skeleton-lines {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .blog-search__skeleton-bar { border-radius: var(--r); }
  .blog-search__skeleton-bar--title { height: 2rem; width: 75%; }
  .blog-search__skeleton-bar--line { height: 1rem; width: 100%; }
  .blog-search__skeleton-bar--line-short { height: 1rem; width: 66.666667%; }
  .blog-search__skeleton-bar--meta { height: 0.5rem; width: 5rem; border-radius: var(--r-sm); }
  .blog-search__skeleton-bar--meta-short { height: 0.5rem; width: 3rem; border-radius: var(--r-sm); }


  .blog-search__skeleton-byline { display: flex; align-items: center; gap: 0.75rem; }
  .blog-search__skeleton-avatar { width: 2rem; height: 2rem; border-radius: var(--r-full); }
  .blog-search__skeleton-meta { display: flex; flex-direction: column; gap: 0.5rem; }

  
  .blog-promo__text {
    margin-top: 1rem;
    font-family: var(--font-blog-serif);
    font-size: 0.875rem;
    line-height: 1.625;
    color: var(--gray-700);
  }
  .blog-promo-inline .blog-promo__text {
    margin-top: 0.75rem;
    font-family: var(--font-blog-serif);
    font-size: 0.875rem;
    line-height: 1.625;
    color: var(--gray-700);
  }
  .blog-promo__accent { font-weight: 600; color: var(--gray-900); }
  
  .blog-promo-inline .button { display: flex; width: 100%; margin-top: 1rem; }
  .blog-promo__cta-icon {
    position: relative;
    z-index: 10;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--surface);
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: var(--dur); transition-timing-function: var(--ease);
  }
  .blog-promo__cta-text { position: relative; z-index: 10; }

  
  .blog-promo-inline { margin-block: 2rem; }
  @media (min-width: 1024px) { .blog-promo-inline { display: none; } }
  .blog-promo-inline__card {
    border-radius: var(--r-2xl);
    border: 1px solid var(--line-2);
    background-color: var(--surface-2);
    padding: 1.25rem;
  }
  
  .blog-promo-inline .blog-promo-inline__label {
    font-family: var(--font-blog-serif);
    font-size: 11px;
    line-height: 1.8;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: var(--gray-800);
  }

  
  .blog-social { margin-top: 1rem; display: flex; align-items: center; gap: 0.5rem; }
  .blog-social__link {
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-full);
    background-color: var(--surface-2);
    font-size: 13px;
    color: var(--gray-700);
  }
  .blog-social__link:hover { background-color: var(--line-soft); }

  
  .blog-related { margin-top: 1.5rem; }
  .blog-related > * + * { margin-top: 1.25rem; }
  .blog-related__item { position: relative; }
  .blog-related__title {
    font-family: var(--font-blog-serif);
    font-size: 0.875rem;
    line-height: 1.375;
    font-weight: 600;
    color: var(--gray-900);
  }
  .blog-related__item:hover .blog-related__title { text-decoration-line: underline; }
  .blog-related__link::after { content: ""; position: absolute; inset: 0; }
  .blog-related__excerpt {
    margin-top: 0.25rem;
    font-family: var(--font-blog-serif);
    font-size: 0.75rem;
    line-height: 1.25;
    color: var(--gray-600);
  }

  
  .blog-artnav { margin-top: 3rem; border-top: 1px solid var(--line); padding-top: 2rem; }
  .blog-artnav__label {
    font-family: var(--font-blog-serif);
    font-size: 0.75rem;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--ink-soft);
  }
  .blog-artnav__grid { margin-top: 1.25rem; display: grid; gap: 1.5rem; }
  @media (min-width: 640px) { .blog-artnav__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .blog-artnav__link { border-left: 2px solid var(--line); padding-left: 1rem; }
  .blog-artnav__link:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }
  @media (min-width: 640px) {
    .blog-artnav__link--next {
      text-align: right;
      border-left-width: 0;
      border-right: 2px solid var(--line);
      padding-left: 0;
      padding-right: 1rem;
    }
  }
  
  .blog-artnav__link .eyebrow { display: block; }
  .blog-artnav__link:hover .artnav-title { text-decoration-line: underline; }

  
  .blog-list { padding-block: 3rem; }
  .blog-list__crumbs { margin-bottom: 1.5rem; }
  .blog-list__head { display: flex; flex-direction: column; gap: 2rem; margin-bottom: 3rem; }
  @media (min-width: 1024px) {
    .blog-list__head { flex-direction: row; align-items: flex-end; justify-content: space-between; }
  }
  .blog-list__titles { max-width: 42rem; }
  
  .blog-list__title {
    font-family: var(--font-blog-serif);
    color: var(--ink);
  }
  .blog-list__lede {
    margin-top: 1rem;
    font-family: var(--font-blog-serif);
    font-size: 1.125rem;
    line-height: 1.625;
    color: var(--ink-muted);
  }

  
  .blog-feature {
    position: relative;
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border-radius: var(--r-2xl);
    border: 2px solid var(--ink);
    background-color: var(--surface);
    padding: 1.5rem;
    box-shadow: var(--blog-shadow-block-lg);
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: var(--dur); transition-timing-function: var(--ease);
  }
  @media (min-width: 640px) { .blog-feature { padding: 2.5rem; } }
  .blog-feature:hover { translate: 2px 2px; box-shadow: var(--blog-shadow-block-sm); }
  .blog-feature__body { width: 100%; }
  .blog-feature__meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.75rem;
    line-height: 1.25; 
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--brand-600);
  }
  .blog-feature__tag { background-color: var(--orange-50); padding: 0.125rem 0.5rem; border-radius: var(--r-full); }
  .blog-feature__label {
    color: var(--ink-soft);
    font-style: italic;
    text-transform: lowercase;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
  }
  .blog-feature__title {
    margin-top: 1rem;
    font-family: var(--font-blog-serif);
    font-size: 1.875rem;
    line-height: 1.2;
    font-weight: 800;
    color: var(--ink);
  }
  @media (min-width: 640px) { .blog-feature__title { font-size: 3rem; } }
  .blog-feature__link { transition: color var(--dur) var(--ease); }
  .blog-feature__link::after { content: ""; position: absolute; inset: 0; z-index: 20; }
  .blog-feature:hover .blog-feature__link { color: var(--brand-600); }
  .blog-feature__excerpt {
    margin-top: 1.5rem;
    max-width: 48rem;
    font-family: var(--font-blog-serif);
    font-size: 1.25rem;
    line-height: 1.625;
    margin-bottom: var(--space-8); 
    color: var(--ink-muted);
  }
  .blog-feature__footer {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    border-top: 1px solid var(--zinc-100);
    padding-top: 2rem;
  }
  .blog-feature__author { display: flex; align-items: center; gap: 1rem; }
  .blog-feature__byline { display: flex; flex-direction: column; }
  .blog-feature__author-name { font-size: 1rem; line-height: 1.5; font-weight: 700; color: var(--ink); }
  .blog-feature__date {
    font-size: 0.75rem;
    line-height: 1.25; 
    text-transform: uppercase;
    letter-spacing: -0.025em;
    color: var(--ink-soft);
  }
  .blog-feature__more {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.125rem;
    line-height: calc(1.75 / 1.125);
    font-weight: 700;
    color: var(--ink);
    transition: color var(--dur) var(--ease);
  }
  .blog-feature:hover .blog-feature__more { color: var(--brand-600); }
  .blog-feature__more-arrow { transition: translate var(--dur) var(--ease); }
  .blog-feature__more:hover .blog-feature__more-arrow { translate: 0.25rem 0; }

  
  .blog-avatar {
    height: 3rem;
    width: 3rem;
    border-radius: var(--r-full);
    border: 1px solid var(--zinc-100);
    background-color: var(--surface);
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .blog-avatar__img { height: 100%; width: 100%; object-fit: contain; }
  .blog-avatar--initial {
    height: 3rem;
    width: 3rem;
    border-radius: var(--r-full);
    background-color: var(--zinc-100);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ink-soft);
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    text-transform: uppercase;
    transition: color var(--dur) var(--ease), background-color var(--dur) var(--ease);
  }
  .blog-feature:hover .blog-avatar--initial { background-color: var(--orange-50); color: var(--brand-600); }
  .blog-avatar--sm { height: 2rem; width: 2rem; padding: 0.25rem; }
  .blog-avatar--initial-sm { height: 2rem; width: 2rem; font-size: 10px; line-height: normal; transition: none; }

  
  .blog-controls { position: relative; z-index: 30; margin-bottom: 3rem; }
  .blog-controls > * + * { margin-top: 1rem; }
  .blog-searchbar { position: relative; width: 100%; }
  .blog-searchbar__icon {
    position: absolute;
    inset-block: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding-left: 0.75rem;
    pointer-events: none;
    color: var(--ink-faint);
  }
  .blog-searchbar__icon i { font-size: 0.875rem; line-height: calc(1.25 / 0.875); }
  
  .blog-input {
    display: block;
    height: 2.75rem;
    width: 100%;
    padding-left: 2.5rem;
  }
  .blog-input::placeholder { color: var(--ink-soft); }
  .blog-input:disabled { cursor: not-allowed; opacity: 0.5; }
  .blog-clear {
    position: absolute;
    inset-block: 0;
    right: 0;
    align-items: center;
    padding-right: 0.75rem;
    color: var(--ink-faint);
    transition: color var(--dur) var(--ease);
  }
  .blog-clear:hover { color: var(--ink); }
  .blog-select-wrap { position: relative; }
  .blog-select {
    display: flex;
    height: 2.5rem;
    width: 100%;
    appearance: none;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--r-lg);
    border: 1px solid var(--line);
    background-color: var(--surface);
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    cursor: pointer;
  }
  .blog-select:disabled { cursor: not-allowed; opacity: 0.5; }
  .blog-select-caret {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    translate: 0 -50%;
    pointer-events: none;
    color: var(--ink-soft);
    opacity: 0.5;
  }
  .blog-select-caret i { font-size: 0.75rem; line-height: 1.25;  }

  
  .blog-results__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--ink);
  }
  .blog-results__title {
    font-family: var(--font-blog-serif);
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    color: var(--ink);
  }
  .blog-results__count {
    font-size: 0.75rem;
    line-height: 1.25; 
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--ink-faint);
    background-color: var(--neutral-50);
    padding: 0.25rem 0.75rem;
    border-radius: var(--r-full);
  }
  .blog-loading { padding-block: 5rem; text-align: center; }
  .blog-spinner {
    display: inline-block;
    height: 2rem;
    width: 2rem;
    border-radius: var(--r-full);
    border: 4px solid currentColor;
    border-right-color: transparent;
    vertical-align: -0.125em;
    animation: spin 1s linear infinite;
  }
  

  .blog-cards { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1.5rem; }
  @media (min-width: 768px) { .blog-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 1024px) { .blog-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

  .blog-card {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    border-radius: var(--r-2xl);
    border: 1px solid var(--line);
    background-color: var(--surface);
    padding: 1.25rem;
    transition:
      transform var(--dur-state) var(--ease-exit),
      box-shadow var(--dur-state) var(--ease-exit),
      border-color var(--dur-state) var(--ease-exit);
  }
  .blog-card__body { display: flex; flex: 1 1 0%; flex-direction: column; }
  .blog-card__title {
    font-family: var(--font-blog-serif);
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 700;
    color: var(--ink);
    transition: color var(--dur) var(--ease);
  }
  .blog-card:hover .blog-card__title { color: var(--brand-600); }
  .blog-card__link::after { content: ""; position: absolute; inset: 0; z-index: 20; }
  .blog-card__link:focus-visible { outline: none; } 
  .blog-card__text {
    margin-top: 0.75rem;
    flex: 1 1 0%;
    font-family: var(--font-blog-serif);
    font-size: 0.875rem;
    line-height: 1.625;
    color: var(--ink-muted);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .blog-search__skeleton-foot,
  .blog-card__footer {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--neutral-50);
    padding-top: 1.5rem;
  }
  .blog-card__meta { display: flex; align-items: center; gap: 0.75rem; }
  .blog-card__byline { display: flex; flex-direction: column; }
  .blog-card__author {
    display: block;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ink);
  }
  
  .blog-card__date {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ink-soft);
  }
  .blog-card__time {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--ink-soft);
  }

  .blog-empty { padding-block: 3rem; text-align: center; }
  .blog-empty__icon {
    display: inline-flex;
    height: 4rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-full);
    background-color: var(--zinc-100);
    color: var(--ink-faint);
    margin-bottom: 1rem;
  }
  .blog-empty__title {
    font-family: var(--font-blog-serif);
    font-size: 1.125rem;
    line-height: 1.375;
    font-weight: 700;
    color: var(--ink);
  }
  .blog-empty__text {
    margin-top: 0.5rem;
    font-family: var(--font-blog-serif);
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--ink-soft);
  }
  .blog-empty__reset {
    margin-top: 1.5rem;
    padding: 0.5rem 1.5rem;
    border-radius: var(--r-lg);
    background-color: var(--ink);
    color: var(--surface);
    font-weight: 700;
    transition: background-color var(--dur) var(--ease);
  }
  .blog-empty__reset:hover { background-color: var(--ink-2); }

  
  .hub { margin-bottom: 4rem; border-block: 1px solid var(--line); padding-block: 2.5rem; }
  @media (min-width: 1024px) { .hub--inset { padding-right: 6rem; } }
  .hub--cluster {
    margin-bottom: 0;
    margin-top: 4rem;
    border-block: 0;
    border-top: 2px solid var(--ink);
    padding-block: 0;
    padding-top: 2.5rem;
  }
  .hub__intro { max-width: 48rem; }
  
  .hub__title {
    margin-top: 0.75rem;
    font-family: var(--font-blog-serif);
    font-size: 1.875rem;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.025em;
    color: var(--ink);
  }
  @media (min-width: 640px) { .hub__title { font-size: 2.25rem; } }
  .hub__title--sm { font-size: 1.5rem; }
  @media (min-width: 640px) { .hub__title--sm { font-size: 1.875rem; } }
  .hub__lede {
    margin-top: 0.75rem;
    font-family: var(--font-blog-serif);
    font-size: 1rem;
    line-height: 1.625;
    color: var(--ink-muted);
  }
  @media (min-width: 640px) { .hub__lede { font-size: 1.125rem; } }
  .hub__lede--wide { max-width: 48rem; }
  .hub__count {
    margin-top: 0.5rem;
    font-family: var(--font-blog-serif);
    font-size: 0.875rem;
    line-height: 1.625;
    color: var(--ink-soft);
  }

  .hub__list { margin-top: 2rem; }
  .hub__list > li + li { border-top: 1px solid var(--line); }
  .hub__link {
    display: block;
    padding-block: 1.25rem;
  }
  .hub__row { gap: 0.5rem; }
  @media (min-width: 640px) {
    .hub__row { gap: 2rem; }
  }
  .hub__row-main { max-width: 48rem; }
  .hub__item-title {
    font-family: var(--font-blog-serif);
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 700;
    color: var(--ink);
  }
  @media (min-width: 640px) { .hub__item-title { font-size: 1.5rem; } }
  .hub__link:hover .hub__item-title { color: var(--brand-700); }
  
  .hub__item-text,
  .hub__card-text,
  .hub__pillar-text {
    margin-top: 0.5rem;
    font-family: var(--font-blog-serif);
    font-size: 0.875rem;
    line-height: 1.625;
    color: var(--ink-muted);
  }
  @media (min-width: 640px) { .hub__item-text { font-size: 1rem; } }
  .hub__cta { flex-shrink: 0; font-size: 0.875rem; font-weight: 600; color: var(--brand-700); }
  .hub__link:hover .hub__cta { color: var(--orange-800); }

  
  .hub__cards { margin-top: 2rem; display: grid; gap: 1rem; }
  @media (min-width: 640px) { .hub__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 1024px) { .hub__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  .hub__card {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    border-radius: var(--r-2xl);
    border: 1px solid var(--line);
    background-color: var(--surface);
    padding: 1.25rem;
    transition:
      transform var(--dur-state) var(--ease-exit),
      box-shadow var(--dur-state) var(--ease-exit),
      border-color var(--dur-state) var(--ease-exit);
  }
  .hub__card-label {
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--brand-700);
  }
  .hub__card-title {
    margin-top: 0.5rem;
    font-family: var(--font-blog-serif);
    font-size: 1.125rem;
    line-height: 1.375;
    font-weight: 700;
  }
  .hub__card-link { color: var(--ink); }
  .hub__card-link::after { content: ""; position: absolute; inset: 0; }
  
  .hub__card-link:focus-visible { outline: none; }
  .hub__card:hover .hub__card-link { color: var(--brand-700); }
  .hub__card-meta {
    margin-top: 0.75rem;
    font-family: var(--font-blog-serif);
    font-size: 0.75rem;
    line-height: 1.25;
    font-weight: 600;
    color: var(--ink-soft);
  }

  
  .hub__pillar {
    position: relative;
    margin-top: 1.5rem;
    border-radius: var(--r-2xl);
    border: 2px solid var(--ink);
    background-color: var(--neutral-50);
    padding: 1.5rem;
    box-shadow: var(--blog-shadow-block);
  }
  
  .hub__pillar:has(:focus-visible) { outline: var(--focus-outline); outline-offset: var(--focus-offset); }
  .hub__pillar-title {
    margin-top: 0.5rem;
    font-family: var(--font-blog-serif);
    font-size: 1.25rem;
    line-height: 1.375;
    font-weight: 700;
  }
  @media (min-width: 640px) { .hub__pillar-title { font-size: 1.5rem; } }
  .hub__pillar-link { color: var(--ink); }
  .hub__pillar-link::after { content: ""; position: absolute; inset: 0; }
  .hub__pillar-link:focus-visible { outline: none; }
  .hub__pillar:hover .hub__pillar-link { color: var(--brand-700); }
  @media (min-width: 640px) { .hub__pillar-text { font-size: 1rem; } }

  .hub__siblings { margin-top: 2rem; display: grid; column-gap: 2.5rem; row-gap: 0.25rem; }
  @media (min-width: 640px) { .hub__siblings { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .hub__sibling { border-bottom: 1px solid var(--line); }
  .hub__sibling-link { display: block; padding-block: 0.75rem; }
  
  .hub__sibling-title {
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 700;
    color: var(--ink);
  }
  .hub__sibling-link:hover .hub__sibling-title { color: var(--brand-700); }
  .hub__tail {
    margin-top: 2rem;
    font-family: var(--font-blog-serif);
    font-size: 0.875rem;
    line-height: 1.625;
    color: var(--ink-muted);
  }

  
  .crumbs { font-size: 0.75rem; line-height: 1.25;  }
  @media (min-width: 640px) { .crumbs { font-size: 0.875rem; } }
  .crumbs__list { display: flex; flex-wrap: wrap; align-items: center; column-gap: 0.5rem; row-gap: 0.25rem; }
  .crumbs__item { display: flex; align-items: center; column-gap: 0.5rem; }
  .crumbs__sep { opacity: 0.6; color: var(--ink-soft); }
  .crumbs__current { font-weight: 600; color: var(--ink); }
  
  .crumbs__link {
    font-weight: 500;
    color: var(--ink-soft);
    padding-block: 0.3125rem;
    margin-block: -0.3125rem;
    transition: color var(--dur) var(--ease);
  }
  .crumbs__link:hover { color: var(--ink); }
  .crumbs--dark .crumbs__sep,
  .crumbs--dark .crumbs__link { color: var(--ink-faint); }
  .crumbs--dark .crumbs__link:hover { color: var(--white); }
  .crumbs--dark .crumbs__current { color: var(--zinc-200); }

  
  .docs-bridge {
    margin-top: 2rem;
    padding: 1rem;
    border: 1px solid var(--line-2);
    background-color: var(--surface);
    border-radius: var(--r-2xl);
  }
  @media (min-width: 640px) { .docs-bridge { margin-top: 3rem; padding: 1.5rem; } }
  @media (min-width: 1024px) { .docs-bridge { padding: 2rem; } }
  .docs-bridge__title {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 700;
    color: var(--gray-900);
  }
  @media (min-width: 640px) { .docs-bridge__title { font-size: 1.5rem; } }
  .docs-bridge__lede {
    margin-bottom: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.625;
    color: var(--gray-600);
  }
  @media (min-width: 640px) { .docs-bridge__lede { font-size: 1rem; } }
  .docs-bridge__item {
    position: relative;
    height: 100%;
    padding: 1rem;
    border: 1px solid var(--line-2);
    border-radius: var(--r-2xl);
    background-color: var(--surface);
    transition:
      transform var(--dur-state) var(--ease-exit),
      box-shadow var(--dur-state) var(--ease-exit),
      border-color var(--dur-state) var(--ease-exit);
  }
  .docs-bridge__item-title { font-size: 0.875rem; line-height: 1.375; font-weight: 600; }
  @media (min-width: 640px) { .docs-bridge__item-title { font-size: 1rem; } }
  .docs-bridge__link { color: var(--gray-900); }
  .docs-bridge__link::after { content: ""; position: absolute; inset: 0; }
  .docs-bridge__link:focus-visible { outline: none; }
  .docs-bridge__item:hover .docs-bridge__link { color: var(--blue-700); }
  .docs-bridge__text {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    line-height: 1.625;
    color: var(--gray-600);
  }
  @media (min-width: 640px) { .docs-bridge__text { font-size: 0.875rem; } }

  
  .next-steps { padding-block: 4rem; }
  
  .next-steps__inner { width: 100%; margin-inline: auto; padding-inline: 1.5rem; }
  @media (min-width: 640px) { .next-steps__inner { max-width: 640px; } }
  @media (min-width: 768px) { .next-steps__inner { max-width: 768px; } }
  @media (min-width: 1024px) { .next-steps__inner { max-width: 1024px; } }
  @media (min-width: 1280px) { .next-steps__inner { max-width: 1280px; } }
  @media (min-width: 1536px) { .next-steps__inner { max-width: 1536px; } }
  .next-steps__title { font-size: 1.5rem; line-height: 1.25; font-weight: 700; color: var(--white); }
  @media (min-width: 640px) { .next-steps__title { font-size: 1.875rem; } }
  .next-steps--light .next-steps__title { color: var(--ink); }
  .next-steps__list { margin-top: 2rem; display: grid; gap: 1rem; }
  @media (min-width: 640px) { .next-steps__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 1024px) { .next-steps__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  .next-steps__card {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    border-radius: var(--r-2xl);
    border: 1px solid var(--gray-800);
    background-color: color-mix(in oklab, var(--gray-900) 60%, transparent);
    padding: 1.25rem;
    transition:
      transform var(--dur-state) var(--ease-exit),
      box-shadow var(--dur-state) var(--ease-exit),
      border-color var(--dur-state) var(--ease-exit);
  }
  .next-steps--light .next-steps__card { border-color: var(--line); background-color: var(--surface); }
  
  .next-steps__card-title { margin-top: 0.5rem; font-size: 1rem; line-height: 1.375; font-weight: 600; color: var(--white); }
  .next-steps--light .next-steps__card-title { color: var(--ink); }
  .next-steps__card:hover .next-steps__card-title { color: var(--orange-300); }
  .next-steps--light .next-steps__card:hover .next-steps__card-title { color: var(--brand-700); }
  .next-steps__link::after { content: ""; position: absolute; inset: 0; }
  
  .next-steps__link:focus-visible { outline: none; }
  .next-steps__foot { margin-top: 2rem; }
  .next-steps__all { font-size: 0.875rem; font-weight: 600; color: var(--brand-400); }
  .next-steps__all:hover { color: var(--orange-300); }
  
  .next-steps--light .next-steps__all { color: var(--brand-700); }
  .next-steps--light .next-steps__all:hover { color: var(--orange-800); }

  
  .resource-links {
    width: 100%;
    margin-top: 1rem;
    padding: 2.5rem 1rem;
    border-top: 1px solid var(--line);
  }
  @media (min-width: 640px) { .resource-links { padding-inline: 1.5rem; } }
  .resource-links__title {
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.025em;
    color: var(--ink);
  }
  @media (min-width: 640px) { .resource-links__title { font-size: 1.875rem; } }
  .resource-links__lede {
    margin-top: 0.5rem;
    max-width: 48rem;
    font-size: 0.875rem;
    line-height: 1.625;
    color: var(--ink-muted);
  }
  @media (min-width: 640px) { .resource-links__lede { font-size: 1rem; } }
  .resource-links__grid { margin-top: 2rem; display: grid; gap: 2rem; }
  @media (min-width: 640px) { .resource-links__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 1536px) { .resource-links__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  .resource-links__heading {
    font-size: 0.75rem;
    line-height: 1.25;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--brand-700);
  }
  .resource-links__list { margin-top: 1rem; }
  .resource-links__list > * + * { margin-top: 0.5rem; }
  .resource-links__link {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ink-2);
    text-decoration-line: underline;
    text-decoration-color: var(--zinc-300);
    text-underline-offset: 2px;
  }
  .resource-links__more { font-size: 0.875rem; font-weight: 700; color: var(--brand-700); }
  .resource-links__more:hover { color: var(--orange-800); }
  
  @media (max-width: 639.98px) {
    .resource-links__more { display: inline-flex; align-items: center; min-height: var(--tap-min); }
  }

  
  .blog-card:hover, .blog-card:has(:focus-visible),
  .hub__card:hover, .hub__card:has(:focus-visible),
  .next-steps__card:hover, .next-steps__card:has(:focus-visible),
  .docs-bridge__item:hover, .docs-bridge__item:has(:focus-visible) {
    transform: translateY(var(--card-hover-lift));
    box-shadow: var(--card-hover-shadow);
    border-color: var(--card-hover-border);
  }
  
  .blog-card:has(:focus-visible),
  .hub__card:has(:focus-visible),
  .next-steps__card:has(:focus-visible),
  .docs-bridge__item:has(:focus-visible) {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }
  @media (prefers-reduced-motion: reduce) {
    .blog-card:hover, .blog-card:has(:focus-visible),
    .hub__card:hover, .hub__card:has(:focus-visible),
    .next-steps__card:hover, .next-steps__card:has(:focus-visible),
    .docs-bridge__item:hover, .docs-bridge__item:has(:focus-visible) { transform: none; }
  }

  
  .prose-link {
    font-weight: 600;
    color: var(--brand-700);
    text-decoration-line: underline;
    text-decoration-color: var(--orange-300);
    text-underline-offset: 2px;
  }
  .prose-link:hover { color: var(--orange-800); }

  

  
  .hub__more { display: none; }
  @media (max-width: 639.98px) {
    .hub__more { display: flex; width: 100%; margin-top: var(--space-4); }
    .hub__siblings > .hub__sibling {
      transition:
        opacity var(--dur-enter) var(--ease-enter),
        translate var(--dur-enter) var(--ease-enter);
    }
    @starting-style {
      .hub__siblings[data-collapsed="false"] > .hub__sibling:nth-child(n + 6) { opacity: 0; translate: 0 var(--space-2); }
    }
    .hub__siblings[data-collapsed="closing"] > .hub__sibling:nth-child(n + 6) {
      opacity: 0;
      translate: 0 var(--space-2);
      transition:
        opacity var(--dur-exit) var(--ease-exit),
        translate var(--dur-exit) var(--ease-exit);
    }
    .hub__siblings[data-collapsed="true"] > .hub__sibling:nth-child(n + 6) { display: none; }
  }

  @media (max-width: 639.98px) {
    
    .crumbs__list { flex-wrap: nowrap; min-width: 0; }
    .crumbs__item { flex: none; white-space: nowrap; }
    .crumbs__item:last-child { flex: 0 1 auto; min-width: 0; }
    .crumbs__current { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .crumbs__link {
      padding-block: calc((var(--tap-min) - 1lh) / 2);
      margin-block: calc((var(--tap-min) - 1lh) / -2);
    }

    
    .hub { margin-bottom: var(--space-10); padding-block: var(--space-8); }
    .hub__cards {
      display: flex;
      gap: var(--space-3);
      margin-top: var(--space-6);
      margin-inline: calc(-1 * var(--gutter));
      padding: var(--space-2) var(--gutter) var(--space-3);
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      scroll-padding-inline: var(--gutter);
      scrollbar-width: none;
    }
    .hub__cards::-webkit-scrollbar { display: none; }
    .hub__card {
      flex: 0 0 min(78%, 17rem);
      height: auto;
      padding: var(--space-4);
      scroll-snap-align: start;
    }
    .hub__card-text { display: none; }
    .hub__card-title {
      font-size: var(--fs-base);
      line-height: 1.375;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      overflow: hidden;
    }
    .hub__card-meta { margin-top: auto; padding-top: var(--space-3); }

    
    .hub__list { margin-top: var(--space-4); }
    .hub__link { padding-block: var(--space-4); }
    .hub__item-text {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      overflow: hidden;
    }

    
    .hub--cluster { margin-block: var(--space-10) 0; padding-block: var(--space-8) 0; }
    .hub__pillar { padding: var(--space-4); }
    .hub__pillar-text {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      overflow: hidden;
    }
    .hub__siblings { margin-top: var(--space-4); row-gap: 0; }
    .hub__sibling-link {
      display: flex;
      align-items: center;
      min-height: var(--tap-min);
      padding-block: var(--space-2);
    }
    .hub__sibling-title { font-size: var(--fs-sm); line-height: var(--lh-sm); }
    .hub__tail { margin-top: var(--space-6); }

    
    .blog-share__btn { height: var(--tap-min); width: var(--tap-min); }
    .blog-select { height: var(--tap-min); }
    .blog-social__link { height: var(--tap-min); width: var(--tap-min); }

    
    .blog-sidebar { margin-top: var(--space-10); }
    .blog-sidebar__search,
    .blog-sidebar__follow { display: none; }
    .blog-related > * + * { margin-top: var(--space-3); }

    
    .blog-reading { padding-bottom: 0; }
    .blog-reading .plist-suggest { margin-bottom: var(--space-10); }
    .blog-reading .plist-suggest__all { min-height: var(--tap-min); }

    
    .blog-promo-inline { margin-block: var(--space-6); }
    .blog-promo-inline__card { padding: var(--space-4); }
    .blog-promo-inline .blog-promo-inline__label {
      font-family: var(--font-sans-ui);
      font-size: var(--fs-xs);
      line-height: var(--lh-xs);
      font-weight: 700;
      letter-spacing: normal;
    }
    .blog-promo-inline .blog-promo__text {
      margin-top: var(--space-2);
      font-family: var(--font-blog-sans);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      overflow: hidden;
    }
    .blog-promo-inline .button { margin-top: var(--space-3); }

    .next-steps { padding-block: var(--space-10); }
  }
}@layer components{.key-takeaways {
    background-color: var(--surface-2);
    padding: 1rem;
    border-radius: var(--r-lg);
    border: 1px solid var(--line-2);
    margin-bottom: 2rem;
  }
  
  .key-takeaways__title,
  .prose-body .key-takeaways__title { font-weight: 700; margin-bottom: 0.5rem; color: inherit; }
  .key-takeaways__list { list-style: disc inside; }
  .key-takeaways__list > :not(:last-child) { margin-block-end: 0.25rem; }
}@layer components{.candle-grid {
    display: grid;
    
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 8.75rem), 1fr));
    gap: var(--space-3);
    margin-block: var(--space-6);
  }

  .candle-fig {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    margin-block: var(--space-6);
    padding: var(--space-3);
    background-color: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
  }
  
  .candle-fig { max-inline-size: 16rem; }
  .candle-grid > .candle-fig { margin-block: 0; max-inline-size: none; }

  .candle-fig__svg {
    display: block;
    height: 7.5rem;
    width: auto;
    max-width: 100%;
  }

  .candle-fig__wick { stroke: var(--ink-muted); stroke-width: 1.5; }
  .candle-fig__body { stroke-width: 1; }
  .candle-fig__body--bull { fill: var(--green-600); stroke: var(--green-700); }
  .candle-fig__body--bear { fill: var(--red-600); stroke: var(--red-700); }
  .candle-fig__body--doji { stroke: var(--ink); stroke-width: 2.5; }
  .candle-fig__ctx { opacity: 0.35; }

  
  .candle-fig__caption {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .candle-fig__name,
  .candle-fig__note { text-align: center; }
  .candle-fig__name { font-size: var(--fs-sm); line-height: var(--lh-sm); font-weight: 600; color: var(--ink); }
  .candle-fig__note { font-size: var(--fs-xs); line-height: var(--lh-xs); color: var(--ink-soft); }
}@layer utilities{.motion-figure__caption { text-align: center; font-size: var(--fs-sm); margin-top: var(--space-2); }
  .blog-sidebar .eyebrow { font-family: var(--font-sans-ui); }
  .blog-sidebar .blog-related__title {
    font-family: var(--font-blog-sans);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 600;
    color: var(--ink);
  }
  .blog-sidebar .blog-related__excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    margin-top: var(--space-1);
    font-family: var(--font-blog-sans);
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-muted);
  }
  
  @media (max-width: 639.98px) {
    .blog-sidebar .blog-related__excerpt { display: none; }
  }
}@layer components{.docs-accent--blue {
    --da-50: var(--blue-50);    --da-100: var(--blue-100);
    --da-200: var(--blue-200); --da-300: var(--blue-300);
    --da-400: var(--blue-400); --da-500: var(--blue-500);
    --da-600: var(--blue-600); --da-700: var(--blue-700);
    --da-800: var(--blue-800); --da-alt-50: var(--indigo-50);
    --da-key-from: var(--da-600); --da-key-to: var(--da-700);
    --da-key-rim: var(--da-800);  --da-key-ink: var(--white);
  }
  .docs-accent--green {
    --da-50: var(--green-50);  --da-100: var(--green-100);
    --da-200: var(--green-200); --da-300: var(--green-300);
    --da-400: var(--green-400); --da-500: var(--green-500);
    --da-600: var(--green-600); --da-700: var(--green-700);
    --da-800: var(--green-800); --da-alt-50: var(--emerald-50);
    --da-alt-100: var(--emerald-100); --da-alt-500: var(--emerald-500);
    --da-key-from: var(--da-700); --da-key-to: var(--da-800);
    --da-key-rim: color-mix(in oklab, var(--da-800) 75%, var(--black)); --da-key-ink: var(--white);
  }
  .docs-accent--purple {
    --da-50: var(--purple-50);  --da-100: var(--purple-100);
    --da-200: var(--purple-200); --da-300: var(--purple-300);
    --da-400: var(--purple-400); --da-500: var(--purple-500);
    --da-600: var(--purple-600); --da-700: var(--purple-700);
    --da-800: var(--purple-800); --da-alt-50: var(--pink-50);
    --da-alt-500: var(--pink-500); --da-alt-600: var(--pink-600);
    --da-key-from: var(--da-600); --da-key-to: var(--da-700);
    --da-key-rim: var(--da-800);  --da-key-ink: var(--white);
  }
  .docs-accent--indigo {
    --da-50: var(--indigo-50);  --da-100: var(--indigo-100);
    --da-200: var(--indigo-200);   --da-300: var(--indigo-300);
    --da-400: var(--indigo-400); --da-500: var(--indigo-500);
    --da-600: var(--indigo-600); --da-700: var(--indigo-700);
    --da-800: var(--indigo-800); --da-alt-50: var(--purple-50);
    --da-key-from: var(--da-600); --da-key-to: var(--da-700);
    --da-key-rim: var(--da-800);  --da-key-ink: var(--white);
  }
  .docs-accent--orange {
    --da-50: var(--orange-50);     --da-100: var(--orange-100);
    --da-200: var(--orange-200);  --da-300: var(--orange-300);
    --da-400: var(--orange-400);    --da-500: var(--orange-500);
    --da-600: var(--orange-600);  --da-700: var(--orange-700);
    --da-800: var(--orange-800);    --da-alt-50: var(--red-50);
    --da-key-from: var(--da-700); --da-key-to: var(--da-800);
    --da-key-rim: color-mix(in oklab, var(--da-800) 75%, var(--black)); --da-key-ink: var(--white);
  }
  .docs-accent--yellow {
    --da-50: var(--yellow-50);  --da-100: var(--yellow-100);
    --da-200: var(--yellow-200);  --da-300: var(--yellow-300);
    --da-400: var(--yellow-400);  --da-500: var(--yellow-500);
    --da-600: var(--yellow-600);  --da-700: var(--yellow-700);
    --da-800: var(--yellow-800);  --da-alt-50: var(--amber-50);
    --da-key-from: var(--da-500); --da-key-to: var(--da-600);
    --da-key-rim: var(--da-700);  --da-key-ink: var(--ink-2); 
  }
  .docs-accent--red {
    --da-50: var(--red-50);    --da-100: var(--red-100);
    --da-200: var(--red-200);  --da-300: var(--red-300);
    --da-400: var(--red-400);  --da-500: var(--red-500);
    --da-600: var(--red-600);  --da-700: var(--red-700);
    --da-800: var(--red-800);  --da-900: var(--red-900);
    --da-alt-50: var(--rose-50); --da-alt-100: var(--rose-100);
    --da-key-from: var(--da-600); --da-key-to: var(--da-700);
    --da-key-rim: var(--da-800);  --da-key-ink: var(--white);
  }
  .docs-accent--pink {
    --da-50: var(--pink-50);    --da-100: var(--pink-100);
    --da-200: var(--pink-200);  --da-300: var(--pink-300);
    --da-400: var(--pink-400);  --da-500: var(--pink-500);
    --da-600: var(--pink-600);  --da-700: var(--pink-700);
    
    --da-key-from: var(--da-600); --da-key-to: var(--da-700);
    --da-key-rim: color-mix(in oklab, var(--da-700) 75%, var(--black)); --da-key-ink: var(--white);
  }
  .docs-accent--gray {
    --da-50: var(--surface-2);  --da-100: var(--line-soft);
    --da-200: var(--line-2);    --da-300: var(--ink-dim);
    --da-500: var(--ink-soft);  --da-600: var(--ink-muted);
    --da-700: var(--ink-2);     --da-800: var(--ink-2);
    --da-key-from: var(--da-600); --da-key-to: var(--da-700);
    --da-key-rim: color-mix(in oklab, var(--da-800) 75%, var(--black)); --da-key-ink: var(--white);
  }

  
  .docs-page { min-height: 100vh; }
  .docs-page__inner { padding-block: 2rem; }
  .docs-crumbs { margin-bottom: 2rem; }

  
  .docs-head { text-align: center; margin-bottom: 4rem; }
  .docs-head__title { margin: 0 0 1.5rem; }
  .docs-head__lede { max-width: 56rem; margin-inline: auto; }

  
  .docs-stack > * + * { margin-top: 4rem; }
  .docs-section { margin-bottom: 4rem; }
  .docs-section--sm { margin-bottom: 2rem; }
  @media (min-width: 640px)  { .docs-section--sm { margin-bottom: 3rem; } }
  @media (min-width: 1024px) { .docs-section--sm { margin-bottom: 4rem; } }
  .docs-section--top { margin-top: 2rem; margin-bottom: 0; }
  @media (min-width: 640px)  { .docs-section--top { margin-top: 3rem; } }
  @media (min-width: 1024px) { .docs-section--top { margin-top: 4rem; } }
  .docs-anchor { scroll-margin-top: 5rem; }
  .docs-anchor--deep { scroll-margin-top: 12rem; }

  
  .docs-secthead {
    display: flex; flex-direction: column; align-items: flex-start;
    justify-content: space-between; gap: 1rem; margin-bottom: 1rem;
  }
  @media (min-width: 640px)  { .docs-secthead { flex-direction: row; align-items: center; margin-bottom: 1.5rem; } }
  @media (min-width: 1024px) { .docs-secthead { margin-bottom: 2rem; } }
  .docs-secthead__main { display: flex; align-items: center; }
  .docs-secthead__icon { font-size: 1.875rem; line-height: 1; margin-right: 0.5rem; }
  @media (min-width: 640px) { .docs-secthead__icon { font-size: 2.25rem; margin-right: 1rem; } }
  .docs-secthead__sub { color: var(--ink-muted); }
  .docs-secthead--plain { display: flex; flex-direction: row; align-items: center; gap: 1rem; margin-bottom: 2rem; }
  .docs-secthead--plain .docs-secthead__icon { font-size: 2.25rem; margin-right: 0; }

  .docs-secthead--center { text-align: center; margin-bottom: 3rem; }
  .docs-secthead--center .docs-secthead__title { margin: 0 0 1rem; }
  .docs-secthead--center .docs-secthead__sub { max-width: 48rem; margin-inline: auto; font-size: 1.125rem; }
  @media (min-width: 640px) { .docs-secthead--center .docs-secthead__sub { font-size: 1.25rem; } }

  
  .docs-cols { display: grid; }
  .docs-cols--tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; place-items: center; }
  @media (min-width: 640px)  { .docs-cols--tiles { gap: 1.5rem; } }
  @media (min-width: 1024px) { .docs-cols--tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

  .docs-cols--quad { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
  @media (min-width: 768px) { .docs-cols--quad { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

  .docs-cols--cards { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  @media (min-width: 640px)  { .docs-cols--cards { gap: 1.5rem; } }
  @media (min-width: 768px)  { .docs-cols--cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 1024px) { .docs-cols--cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

  .docs-cols--pair { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  @media (min-width: 640px) { .docs-cols--pair { gap: 1.5rem; } }
  @media (min-width: 768px) { .docs-cols--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

  .docs-cols--two { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  @media (min-width: 768px) { .docs-cols--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .docs-cols--two-mid { align-items: center; }

  .docs-cols--three { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  @media (min-width: 768px) { .docs-cols--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

  .docs-cols--three-lg { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  @media (min-width: 1024px) { .docs-cols--three-lg { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

  .docs-cols--four { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  @media (min-width: 768px)  { .docs-cols--four { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 1024px) { .docs-cols--four { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

  .docs-cols--steps { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  @media (min-width: 768px)  { .docs-cols--steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 1024px) { .docs-cols--steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; } }

  .docs-cols--links { grid-template-columns: minmax(0, 1fr); gap: 0.5rem; }
  @media (min-width: 640px)  { .docs-cols--links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; } }
  @media (min-width: 1024px) { .docs-cols--links { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  @media (min-width: 1280px) { .docs-cols--links { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

  .docs-cols--thirds { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }

  
  
  .docs-card { transition: box-shadow, transform var(--dur) var(--ease); cursor: pointer; }
  .docs-card:hover,
  .docs-strategy:hover { box-shadow: var(--shadow-lg); transform: translateY(-0.25rem) scale(1.05); }
  .docs-card--tile { width: 100%; max-width: 20rem; text-align: center; }
  .docs-card--static { cursor: auto; }
  .docs-card--static:hover { transform: none; box-shadow: var(--shadow-sm); }
  .docs-card__title { margin: 0 0 0.5rem; }
  .docs-card__text { color: var(--ink-muted); margin: 0 0 0.75rem; }
  @media (min-width: 640px) { .docs-card__text { margin-bottom: 1rem; } }

  .docs-card__icon { font-size: 1.875rem; line-height: 1; }
  .docs-card__emoji { font-size: 3rem; line-height: 1; margin-bottom: 0.75rem; transition: transform var(--dur) var(--ease); }
  @media (min-width: 640px) { .docs-card__emoji { font-size: 3.75rem; margin-bottom: 1rem; } }
  @media (min-width: 768px) { .docs-card__emoji { font-size: 3rem; } }
  .docs-card:hover .docs-card__emoji { transform: scale(1.1); }
  .docs-card__actions { display: flex; gap: 0.5rem; margin-bottom: 0.75rem; }

  
  .docs-box {
    padding: 1rem;
    border-radius: var(--r-2xl);
    background: var(--da-50, var(--surface-2));
    border: 1px solid var(--da-200, var(--line-2));
  }
  @media (min-width: 640px) { .docs-box { padding: 1.5rem; } }
  .docs-box--lg { padding: 1.5rem; }
  @media (min-width: 640px) { .docs-box--lg { padding: 2rem; } }
  .docs-box--grad { background: linear-gradient(to right, var(--da-50), var(--da-alt-50, var(--da-50))); border-color: var(--da-100); }
  .docs-box--grad-br { background: linear-gradient(to bottom right, var(--da-50), var(--da-alt-50, var(--da-50))); }
  .docs-box--soft { border-radius: var(--r-xl); }
  .docs-box--center { text-align: center; }
  .docs-box--ring { box-shadow: var(--shadow-sm); border-radius: var(--r-3xl); }

  
  
  .docs-btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: calc(0.5rem - 1px) calc(1rem - 1px);
    font-family: var(--font-sans-ui); font-size: 0.875rem; font-weight: 600;
    border: 1px solid var(--key-border);
    border-bottom-color: var(--key-border-bottom);
    border-radius: var(--r-lg); 
    background-color: var(--key-face-to);
    background-image: linear-gradient(to bottom, var(--key-face-from), var(--key-face-to));
    box-shadow: inset 0 1px 0 var(--key-edge), var(--key-shadow);
    color: var(--da-700, var(--key-ink));
    text-decoration: none;
    cursor: pointer;
    transition:
      transform var(--spring-snappy-dur) var(--spring-snappy),
      box-shadow var(--dur) var(--ease),
      background-color var(--dur) var(--ease);
  }
  .docs-btn--solid,
  .docs-btn--deep {
    border-color: var(--da-key-to, var(--da-700));
    border-bottom-color: var(--da-key-rim, var(--da-800, var(--da-700)));
    background-color: var(--da-key-to, var(--da-700));
    background-image: linear-gradient(to bottom, var(--da-key-from, var(--da-600)), var(--da-key-to, var(--da-700)));
    box-shadow: inset 0 1px 0 var(--edge-light-on-color), var(--shadow-contact-color);
    color: var(--da-key-ink, var(--white));
  }
  @media (hover: hover) {
    .docs-btn:not(:disabled, [aria-disabled="true"]):hover { transform: translateY(-1px); }
  }
  .docs-btn:not(:disabled, [aria-disabled="true"]):active { transform: translateY(1px); box-shadow: var(--shadow-pressed); }
  .docs-btn:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }
  .docs-btn:disabled,
  .docs-btn[aria-disabled="true"] { opacity: var(--key-disabled-opacity); cursor: var(--key-disabled-cursor); }
  @media (prefers-reduced-motion: reduce) {
    .docs-btn:not(:disabled, [aria-disabled="true"]):hover,
    .docs-btn:not(:disabled, [aria-disabled="true"]):active { transform: none; }
  }
  .docs-btn--lg { padding: calc(0.75rem - 1px) calc(1.5rem - 1px); font-size: 1.125rem; font-weight: 600; }
  .docs-btn--tight { padding: calc(0.5rem - 1px) calc(0.75rem - 1px); }
  .docs-btn--block { width: 100%; }
  .docs-btn__icon { width: 1rem; height: 1rem; margin-right: 0.5rem; flex: none; }
  .docs-btn__icon--lg { width: 1.25rem; height: 1.25rem; }
  .docs-btn__icon--after { width: 1rem; height: 1rem; margin-left: 0.5rem; margin-right: 0; flex: none; }


  
  .docs-pill {
    display: inline-flex; align-items: center; padding: 0.25rem 0.75rem;
    font-size: 0.75rem; font-weight: 500; border-radius: var(--r-full);
    background: var(--da-100); color: var(--da-700);
  }
  .docs-pill--md { font-size: 0.875rem; padding: 0.25rem 0.75rem; color: var(--da-800); }
  .docs-pill--tight { padding: 0.25rem 0.5rem; }
  .docs-badge {
    padding: 0.25rem 0.5rem; font-size: 0.75rem; font-weight: 600;
    border-radius: var(--r-full); background: var(--da-100); color: var(--da-800);
  }
  .docs-dot { width: 0.5rem; height: 0.5rem; margin-right: 0.5rem; border-radius: var(--r-full); background: var(--da-500); flex: none; }
  .docs-swatch { width: 1.5rem; height: 1.5rem; border-radius: var(--r-full); background: var(--da-500); }
  .docs-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; }
  .docs-tags--center { justify-content: center; }

  
  .docs-num {
    display: flex; align-items: center; justify-content: center; flex: none;
    border-radius: var(--r-full); font-weight: 700;
    width: 2.5rem; height: 2.5rem; background: var(--da-100); color: var(--da-800);
  }
  .docs-num--sm { width: 1.5rem; height: 1.5rem; font-size: 0.875rem; background: var(--da-600); color: var(--white); }
  .docs-num--md { width: 2rem; height: 2rem; background: var(--da-500); color: var(--white); }
  .docs-num--lg { width: 3rem; height: 3rem; font-size: 1.125rem; border-radius: var(--r-xl); background: var(--da-100); color: var(--da-800); }
  .docs-num--xl { width: 4rem; height: 4rem; font-size: 1.5rem; border-radius: var(--r-2xl); background: var(--da-500); color: var(--white); box-shadow: var(--shadow-lg); }
  .docs-num--onDark { background: rgb(255 255 255 / 0.2); color: var(--white); width: 4rem; height: 4rem; font-size: 1.5rem; }
  .docs-num--tile { width: 3rem; height: 3rem; font-size: 1.5rem; border-radius: var(--r-2xl); background: var(--surface); color: var(--da-700); box-shadow: var(--shadow-md); }

  
  .docs-media { display: flex; align-items: flex-start; gap: 0.75rem; }
  .docs-media--center { align-items: center; }
  .docs-media__body { flex: 1; min-width: 0; }
  .docs-media__title { margin: 0; font-weight: 600; color: var(--ink); }
  .docs-media__text { margin: 0; font-size: 0.875rem; color: var(--ink-muted); }
  .docs-media__emoji { flex: none; font-size: 1.5rem; line-height: 1; }

  .docs-list { display: flex; flex-direction: column; gap: 0.75rem; }
  .docs-list--sm { gap: 0.25rem; font-size: 0.875rem; color: var(--ink-muted); }
  .docs-list--md { gap: 1rem; }
  .docs-list__item { display: flex; align-items: center; }
  .docs-list__item--top { align-items: flex-start; }

  
  .docs-featurelink { display: block; }
  .docs-featurelink__row {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.75rem; border-radius: var(--r-lg);
    background: var(--surface-2); transition: background-color 150ms var(--ease);
  }
  .docs-featurelink:hover .docs-featurelink__row { background: var(--line-soft); }
  .docs-featurelink__name { display: flex; align-items: center; gap: 0.5rem; color: var(--ink-2); }
  .docs-featurelink__icon { font-size: 1.125rem; }
  .docs-featurelink__level { font-weight: 600; color: var(--da-600); }

  
  .docs-journey {
    position: relative; overflow: hidden; display: block;
    transition: border-color, box-shadow, transform var(--dur) var(--ease);
    background: linear-gradient(to bottom right, var(--da-50), var(--da-alt-50, var(--da-50)));
    border: 2px solid var(--da-200); border-radius: var(--r-3xl);
  }
  .docs-journey:hover { box-shadow: var(--shadow-xl); transform: translateY(-0.25rem); border-color: var(--da-300); }
  .docs-journey__glow {
    position: absolute; top: 0; right: 0; width: 8rem; height: 8rem;
    background: var(--da-200); border-radius: var(--r-full); opacity: 0.2; filter: blur(64px);
  }
  .docs-journey__body { position: relative; padding: 2rem; }

  .docs-journey__id { display: flex; align-items: center; gap: 0.75rem; }
  .docs-journey__level { margin: 0; font-size: 0.875rem; color: var(--da-600); }
  .docs-journey__badge { font-size: 2.25rem; line-height: 1; }
  .docs-journey__text { margin: 0 0 1.5rem; color: var(--ink-2); }
  .docs-journey__topics { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1.5rem; }
  .docs-journey__topic { display: flex; align-items: flex-start; color: var(--ink-2); }
  .docs-journey__check { width: 1.25rem; height: 1.25rem; margin-top: 0.125rem; flex: none; color: var(--da-500); }
  .docs-journey__topic span { margin-left: 0.75rem; }
  .docs-journey__foot { padding-top: 1.5rem; border-top: 1px solid var(--da-200); }
  .docs-journey__cue { margin: 0 0 0.75rem; font-size: 0.875rem; font-weight: 600; color: var(--ink-2); }

  
  .docs-legend__head { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1rem; }
  @media (min-width: 640px) { .docs-legend__head { margin-bottom: 1.5rem; } }
  .docs-legend__icon { margin-right: 0.5rem; font-size: 1.125rem; }
  @media (min-width: 640px) { .docs-legend__icon { font-size: 1.25rem; } }
  .docs-legend__title { font-size: 1rem; font-weight: 600; color: var(--ink-2); }
  @media (min-width: 640px) { .docs-legend__title { font-size: 1.125rem; } }
  .docs-legend__count { margin-left: 0.5rem; font-size: 0.875rem; color: var(--ink-muted); }
  @media (min-width: 640px) { .docs-legend__count { font-size: 1rem; } }
  .docs-legend__link { display: flex; align-items: center; font-size: 0.875rem; color: var(--da-600); }
  @media (min-width: 640px) { .docs-legend__link { font-size: 1rem; } }
  .docs-legend__link:hover { color: var(--da-800); text-decoration: underline; }
  .docs-legend__emoji { margin-right: 0.375rem; font-size: 1rem; }
  @media (min-width: 640px) { .docs-legend__emoji { font-size: 1.125rem; } }

  
  .docs-highlights { padding: 0.75rem; margin-bottom: 1rem; border-radius: var(--r-lg); background: var(--surface-2); }

  
  .docs-stepnav { position: sticky; top: 0; z-index: 40; margin-bottom: 3rem; background: rgb(255 255 255 / 0.95); backdrop-filter: blur(4px); border-bottom: 1px solid var(--line-2); }
  .docs-stepnav__inner { max-width: 56rem; margin-inline: auto; padding-block: 1rem; }
  .docs-stepnav__row { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; overflow-x: auto; padding: 0 0.5rem 0.5rem; margin-inline: -0.5rem; }
  @media (min-width: 640px) { .docs-stepnav__row { gap: 1rem; } }
  .docs-stepnav__step { display: flex; align-items: center; min-width: fit-content; }
  .docs-stepnav__num { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; font-size: 1.125rem; font-weight: 700; border-radius: var(--r-full); background: var(--da-200, var(--line-2)); color: var(--da-800, var(--ink-2)); transition: background-color 150ms var(--ease); }
  .docs-stepnav__step--on .docs-stepnav__num { background: var(--da-600); color: var(--white); }
  .docs-stepnav__step:hover .docs-stepnav__num { filter: brightness(0.95); }
  .docs-stepnav__label { margin-left: 0.75rem; }
  .docs-stepnav__name { margin: 0; font-size: 0.875rem; font-weight: 600; color: var(--ink); }
  .docs-stepnav__hint { margin: 0; font-size: 0.75rem; color: var(--ink-muted); display: none; }
  @media (min-width: 640px) { .docs-stepnav__hint { display: block; } }
  .docs-stepnav__rule { width: 2rem; height: 0.125rem; background: var(--ink-dim); flex: none; }
  @media (min-width: 640px) { .docs-stepnav__rule { width: 4rem; } }

  .docs-narrow { max-width: 56rem; margin-inline: auto; }

  .docs-step { background: var(--surface); border-radius: var(--r-2xl); box-shadow: var(--shadow-sm); border: 1px solid var(--line-2); overflow: hidden; }
  .docs-step__head { padding: 1.5rem; color: var(--white); background: linear-gradient(to right, var(--da-600), var(--da-alt-600, var(--da-700))); }
  .docs-step__headrow { display: flex; align-items: center; gap: 1rem; }
  .docs-step__title { margin: 0; font-size: 1.5rem; font-weight: 700; }
  .docs-step__sub { margin: 0; color: var(--da-100); }
  .docs-step__body { padding: 1.5rem; }

  .docs-step__foot { border-top: 1px solid var(--line-2); padding-top: 1.5rem; }
  .docs-row { display: flex; align-items: center; justify-content: space-between; }
  .docs-step__cue { margin: 0; font-size: 0.875rem; color: var(--ink-muted); }
  .docs-step__hint { margin: 0; font-size: 0.75rem; color: var(--ink-soft); }

  .docs-stack-8 > * + * { margin-top: 2rem; }
  .docs-stack-4 > * + * { margin-top: 1rem; }

  .docs-stack-2 > * + * { margin-top: 0.5rem; }

  .docs-hello { text-align: center; padding-block: 1.5rem; border-radius: var(--r-xl); background: linear-gradient(to right, var(--da-50), var(--da-alt-50, var(--da-50))); }
  .docs-hello__title { margin: 0 0 0.75rem; }
  .docs-hello__lead { margin: 0 0 0.5rem; font-size: 1.125rem; color: var(--ink-2); }
  .docs-hello__text { margin: 0; color: var(--ink-muted); }

  .docs-option,
  .docs-method { padding: 1rem; border-radius: var(--r-2xl); background: var(--da-50); border: 1px solid var(--da-200); }
  .docs-option__key { display: flex; align-items: center; justify-content: center; flex: none; width: 2rem; height: 2rem; border-radius: var(--r-full); font-weight: 700; background: var(--da-500); color: var(--white); }
  .docs-option__title { margin: 0 0 0.5rem; font-weight: 600; color: var(--ink); }

  .docs-platform { display: block; padding: 1rem; text-align: center; border-radius: var(--r-xl); background: var(--da-50); border: 2px solid var(--da-200); }
  
  .docs-platform__emoji { font-size: 1.875rem; line-height: 1; }
  .docs-platform__name { margin: 0.5rem 0 0; font-weight: 600; color: var(--ink); }
  .docs-platform__sub { margin: 0.25rem 0 0; font-size: 0.75rem; color: var(--ink-muted); }
  .docs-platform__cue { margin-top: 0.75rem; display: inline-flex; align-items: center; font-size: 0.75rem; color: var(--da-600); }
  .docs-platform:hover .docs-platform__cue { color: var(--da-700); }
  .docs-platform__arrow { width: 0.75rem; height: 0.75rem; margin-left: 0.25rem; }

  .docs-method__title { margin: 0 0 0.75rem; font-weight: 600; color: var(--ink); }
  .docs-method__part { margin-bottom: 1rem; }
  .docs-method__partTitle { margin: 0 0 0.75rem; font-weight: 500; color: var(--ink); }
  .docs-method__partTitle--tight { margin-bottom: 0.5rem; }
  .docs-steps { display: flex; flex-direction: column; gap: 0.75rem; margin: 0; padding: 0; list-style: none; }
  .docs-steps--tight { gap: 0.25rem; font-size: 0.875rem; }
  .docs-steps__item { display: flex; align-items: flex-start; }
  .docs-steps__num { display: flex; align-items: center; justify-content: center; flex: none; width: 1.5rem; height: 1.5rem; margin-right: 0.75rem; font-size: 0.875rem; font-weight: 700; border-radius: var(--r-full); background: var(--da-600); color: var(--white); }
  .docs-steps__title { margin: 0; font-weight: 500; color: var(--ink); }
  .docs-steps__text { margin: 0; font-size: 0.875rem; color: var(--ink-muted); }

  .docs-callout { padding: 0.75rem; border-radius: var(--r-lg); background: var(--da-50); border: 1px solid var(--da-200); }
  .docs-callout--plain { background: var(--surface); border-color: transparent; }
  .docs-note__text { margin: 0; font-size: 0.875rem; color: var(--da-800); }

  .docs-or { display: flex; align-items: center; margin-block: 2rem; }
  .docs-or::before, .docs-or::after { content: ""; flex: 1; border-top: 1px solid var(--line-2); }
  .docs-or__label { padding-inline: 1rem; font-size: 0.875rem; color: var(--ink-soft); }

  .docs-nextcard { display: block; padding: 1rem; border-radius: var(--r-xl); background: var(--surface); transition: background-color 150ms var(--ease); }
  .docs-nextcard:hover { background: var(--surface-2); }
  .docs-nextcard__icon { display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; font-size: 1.25rem; border-radius: var(--r-full); background: var(--da-100); transition: background-color 150ms var(--ease); }
  .docs-nextcard:hover .docs-nextcard__icon { background: var(--da-200); }

  .docs-prereq__mark { display: flex; align-items: center; justify-content: center; flex: none; width: 1.5rem; height: 1.5rem; border-radius: var(--r-full); background: var(--da-600); }
  .docs-prereq__mark svg { width: 0.75rem; height: 0.75rem; color: var(--white); }

  
  #tradingview-method:target, #mt4-method:target, #mql5-method:target { animation: docs-highlight 2s ease-in-out; }
  @keyframes docs-highlight {
    0%   { background-color: transparent; }
    25%  { background-color: var(--yellow-100); }
    100% { background-color: transparent; }
  }

  
  .docs-rule { padding: 1.25rem; background: var(--surface); border-radius: var(--r-2xl); border: 2px solid var(--da-300); }
  .docs-rule__icon { display: flex; align-items: center; justify-content: center; flex: none; width: 3rem; height: 3rem; margin-right: 1rem; font-size: 1.875rem; }
  .docs-rule__title { margin: 0 0 0.5rem; font-size: 1.125rem; font-weight: 700; color: var(--da-800); }
  .docs-rule__text { margin: 0; font-size: 0.875rem; color: var(--ink-2); }
  .docs-rule__note { padding: 1rem; margin-top: 2rem; border-radius: var(--r-xl); background: var(--da-100); border: 1px solid var(--da-300); }
  .docs-rule__noteText { margin: 0; font-size: 0.875rem; font-weight: 500; text-align: center; color: var(--da-900, var(--da-800)); }

  .docs-strategy { padding: 1rem; border: 1px solid var(--line-soft); box-shadow: var(--shadow-sm); cursor: pointer; background: linear-gradient(to bottom right, var(--surface), var(--surface-2)); border-radius: var(--r-2xl); transition: box-shadow, transform var(--dur) var(--ease); }

  .docs-strategy__id { display: flex; align-items: center; gap: 0.5rem; }
  .docs-strategy__emoji { font-size: 1.5rem; line-height: 1; }
  .docs-strategy__title { margin: 0 0 0.75rem; }
  .docs-strategy__text { margin: 0 0 1rem; color: var(--ink-muted); }
  .docs-strategy__req { margin-bottom: 1rem; }
  .docs-strategy__reqTitle { margin: 0 0 0.5rem; font-size: 0.875rem; font-weight: 500; color: var(--ink-2); }
  .docs-metric { text-align: center; }
  .docs-metric__value { font-weight: 600; color: var(--da-600); }
  .docs-metric__label { color: var(--ink-muted); }
  .docs-strategy__actions { display: flex; gap: 0.5rem; }
  .docs-strategy__cta { flex: 1; }

  .docs-lane { position: relative; overflow: hidden; transition: box-shadow var(--dur) var(--ease); border: 1px solid var(--da-200); box-shadow: var(--shadow-lg); background: linear-gradient(to bottom right, var(--da-50), var(--da-alt-50, var(--da-50))); border-radius: var(--r-3xl); }
  .docs-lane:hover { box-shadow: var(--shadow-xl); }
  .docs-lane__glow { position: absolute; top: 0; right: 0; width: 8rem; height: 8rem; translate: 2rem -2rem; }
  .docs-lane__glow::before { content: ""; position: absolute; inset: 0; background: var(--da-400); border-radius: var(--r-full); opacity: 0.2; filter: blur(64px); }
  .docs-lane__body { position: relative; padding: 2rem; }
  .docs-lane__head { display: flex; align-items: center; margin-bottom: 1.5rem; }
  .docs-lane__crest { display: flex; align-items: center; justify-content: center; flex: none; width: 4rem; height: 4rem; background: var(--surface); border: 2px solid var(--da-300); box-shadow: var(--shadow-md); border-radius: var(--r-2xl); font-size: 2.25rem; }
  .docs-lane__titles { margin-left: 1rem; }
  .docs-lane__sub { margin: 0; font-size: 0.875rem; color: var(--ink-muted); }
  .docs-pick { display: block; }
  .docs-pick__body { padding: 1.25rem; background: var(--surface); border: 2px solid transparent; border-radius: var(--r-2xl); display: flex; align-items: flex-start; }
  
  .docs-pick__num { display: flex; align-items: center; justify-content: center; flex: none; width: 3rem; height: 3rem; font-size: 1.125rem; font-weight: 700; color: var(--da-800); background: linear-gradient(to bottom right, var(--da-100), var(--da-alt-100, var(--da-100))); border-radius: var(--r-xl); transition: transform var(--dur) var(--ease); }
  .docs-pick:hover .docs-pick__num { transform: scale(1.1); }
  .docs-pick__main { flex: 1; margin-left: 1rem; min-width: 0; }
  .docs-pick__title { margin: 0; font-size: 1.125rem; font-weight: 600; color: var(--ink); transition: color 150ms var(--ease); }
  .docs-pick:hover .docs-pick__title { color: var(--da-700); }
  .docs-pick__text { margin: 0.25rem 0 0; font-size: 0.875rem; color: var(--ink-muted); }
  .docs-pick__tags { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.75rem; }

  .docs-compare { position: relative; padding: 1.5rem; overflow: hidden; transition: border-color, box-shadow var(--dur) var(--ease); background: var(--surface); border: 2px solid var(--da-100); border-radius: var(--r-2xl); }
  .docs-compare:hover { border-color: var(--da-300); box-shadow: var(--shadow-lg); }
  .docs-compare__glow { position: absolute; top: 0; right: 0; width: 5rem; height: 5rem; background: var(--da-100); border-radius: var(--r-full); opacity: 0.5; filter: blur(40px); transition: opacity 150ms var(--ease); }
  .docs-compare:hover .docs-compare__glow { opacity: 0.7; }
  .docs-compare__body { position: relative; }
  .docs-compare__head { display: flex; align-items: center; margin-bottom: 0.75rem; }
  .docs-compare__emoji { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; font-size: 1.5rem; }
  .docs-compare__title { margin: 0 0 0 0.75rem; font-size: 1.125rem; font-weight: 700; color: var(--ink); }
  .docs-compare__link { display: flex; align-items: center; justify-content: space-between; padding: 0.5rem; border-radius: var(--r-lg); transition: background-color 150ms var(--ease); }
  .docs-compare__link:hover { background: var(--da-50); }
  .docs-compare__name { font-size: 0.875rem; font-weight: 500; color: var(--ink-2); }
  .docs-compare__link:hover .docs-compare__name { color: var(--da-700); }
  .docs-compare__tag { font-size: 0.75rem; color: var(--ink-soft); }

  .docs-quickstart { position: relative; overflow: hidden; border: 1px solid var(--da-100); box-shadow: var(--shadow-xl); border-radius: var(--r-3xl); }
  .docs-quickstart__glow-a { position: absolute; top: 0; left: 0; width: 16rem; height: 16rem; background: var(--da-200); border-radius: var(--r-full); filter: blur(64px); opacity: 0.3; }
  .docs-quickstart__glow-b { position: absolute; bottom: 0; right: 0; width: 24rem; height: 24rem; background: var(--da-alt-100, var(--da-100)); border-radius: var(--r-full); filter: blur(64px); opacity: 0.2; }
  .docs-quickstart__body { position: relative; padding: 2rem; }
  @media (min-width: 1024px) { .docs-quickstart__body { padding: 3rem; } }
  .docs-quickstart__title { display: flex; align-items: center; justify-content: center; }
  .docs-quickstart__titleIcon { margin-right: 0.75rem; font-size: 3rem; line-height: 1; }

  .docs-stepcard { position: relative; }
  .docs-stepcard__body { position: relative; padding: 1.5rem; transition: border-color, box-shadow var(--dur) var(--ease); background: var(--surface); border: 1px solid var(--line-soft); box-shadow: var(--shadow-lg); border-radius: var(--r-2xl); display: flex; flex-direction: column; align-items: center; text-align: center; }
  .docs-stepcard:hover .docs-stepcard__body { box-shadow: var(--shadow-xl); border-color: var(--da-200); }
  .docs-stepcard__num { display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 700; color: var(--white); box-shadow: var(--shadow-lg); background: linear-gradient(to bottom right, var(--da-400), var(--da-alt-500, var(--da-500))); border-radius: var(--r-2xl); transition: transform var(--dur) var(--ease); }
  .docs-stepcard:hover .docs-stepcard__num { transform: scale(1.1); }
  .docs-stepcard__title { margin: 0 0 0.5rem; font-size: 1.25rem; font-weight: 700; color: var(--ink); }
  .docs-stepcard__text { margin: 0; font-size: 0.875rem; color: var(--ink-muted); }
  .docs-stepcard__tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; margin-top: 1rem; }
  .docs-stepcard__stack { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; margin-top: 1rem; }

  .docs-cta { display: inline-flex; align-items: center; gap: 0.75rem; padding: 1rem 2rem; font-size: 1.125rem; font-weight: 700; color: var(--white); transition: background, box-shadow, transform var(--dur) var(--ease); background: linear-gradient(to right, var(--brand), var(--brand-600)); border-radius: var(--r-lg);  }
  .docs-cta:hover { background: linear-gradient(to right, var(--brand-600), var(--brand-700)); transform: scale(1.05); box-shadow: var(--shadow-xl); }
  .docs-cta__arrow { width: 1.25rem; height: 1.25rem; }

  
  .docs-stat-tile { padding: 1.5rem; text-align: center; border-radius: var(--r-xl); background: linear-gradient(to bottom right, var(--da-50), var(--da-100)); }
  .docs-stat-tile__value { margin-bottom: 0.5rem; font-size: 1.875rem; font-weight: 700; color: var(--da-600); }
  .docs-stat-tile__label { color: var(--ink-muted); }
  .docs-soon { position: relative; }
  .docs-soon__veil { position: absolute; inset: 0; z-index: 10; display: flex; align-items: center; justify-content: center; pointer-events: none; }
  .docs-soon__flag { padding: 0.75rem 1.5rem; font-size: 1.125rem; font-weight: 700; color: var(--white); rotate: 45deg; box-shadow: var(--shadow-lg); background: linear-gradient(to right, var(--da-600), var(--da-alt-600, var(--da-700))); border-radius: var(--r-xl); }
  .docs-soon__card { opacity: 0.75; }
  .docs-split__text { font-size: 1.125rem; color: var(--ink-muted); margin: 0; }
  .docs-split__facts { display: flex; align-items: center; gap: 1rem; font-size: 0.875rem; color: var(--ink-soft); }
  .docs-hero-emoji { font-size: 3.75rem; line-height: 1; margin-bottom: 1rem; }

  
  .docs-cathead { display: flex; align-items: center; margin-bottom: 1.5rem; }
  .docs-cathead__icon { margin-right: 1rem; font-size: 2.25rem; line-height: 1; }

  .docs-meter__label { font-size: 0.875rem; color: var(--ink-2); }
  .docs-meter__track { display: block; width: 5rem; height: 0.5rem; border-radius: var(--r-full); background: var(--line-2); }
  .docs-meter__fill { display: block; height: 0.5rem; border-radius: var(--r-full); background: var(--da-500); }
  .docs-meter__fill--60 { width: 3rem; }
  .docs-meter__fill--80 { width: 4rem; }

  .docs-num--center { margin-inline: auto; margin-bottom: 0.75rem; }
  .docs-strategy__stats { margin-bottom: 1rem; font-size: 0.875rem; }
  .docs-stepcard__note { font-size: 0.75rem; color: var(--ink-soft); }
  .docs-quickstart__cta { margin-top: 3rem; text-align: center; }

  .docs-option__text { font-size: 0.875rem; color: var(--ink-2); margin: 0 0 0.75rem; }
  .docs-method__step { margin: 0 0 0.5rem; }
  .docs-callout--spaced { margin-top: 1rem; }
  
  .docs-note__link,
  .docs-chapter__toc a,
  .docs-chapter__all {
    color: var(--ink);
    text-decoration: underline;
    text-decoration-color: var(--brand);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: text-decoration-thickness var(--dur) var(--ease-exit);
  }
  .docs-note__link:hover,
  .docs-chapter__toc a:hover,
  .docs-chapter__all:hover { text-decoration-thickness: 2px; }
  .docs-note__link:focus-visible,
  .docs-chapter__toc a:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }

  
  .docs-platform,
  .docs-pick__body,
  .feature-related__card,
  .downloads-nav__item {
    transition:
      transform var(--dur-state) var(--ease-exit),
      box-shadow var(--dur-state) var(--ease-exit),
      border-color var(--dur-state) var(--ease-exit);
  }
  .docs-platform:is(:hover, :focus-visible),
  .docs-pick:is(:hover, :focus-visible) .docs-pick__body,
  .feature-related__card:is(:hover, :focus-visible),
  .downloads-nav__item:is(:hover, :focus-visible) {
    transform: translateY(var(--card-hover-lift));
    box-shadow: var(--card-hover-shadow);
    border-color: var(--card-hover-border);
  }
  @media (prefers-reduced-motion: reduce) {
    .docs-platform:is(:hover, :focus-visible),
    .docs-pick:is(:hover, :focus-visible) .docs-pick__body,
    .feature-related__card:is(:hover, :focus-visible),
    .downloads-nav__item:is(:hover, :focus-visible) { transform: none; }
  }

  .docs-help__emoji { font-size: 1.5rem; line-height: 1; margin-bottom: 0.5rem; }
  .docs-help__label { margin: 0; font-size: 0.875rem; color: var(--ink-2); }

  
  :root:has(.getting-started-grid) { scroll-behavior: smooth; }

  
  .docs-artnav { margin-top: 3rem; border-top: 1px solid var(--line-2); padding-top: 2rem; }
  .docs-artnav__eyebrow { letter-spacing: 0.1em; }
  .docs-artnav__grid { margin-top: 1.25rem; display: grid; gap: 1.5rem; }
  @media (min-width: 640px) { .docs-artnav__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .docs-artnav__link { border-left: 2px solid var(--line-2); padding-left: 1rem; display: block; }
  .docs-artnav__link:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }
  .docs-artnav__kind { display: block; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.025em; color: var(--ink-soft); }
  .docs-artnav__link:hover .artnav-title { text-decoration: underline; }
  @media (min-width: 640px) {
    .docs-artnav__link--next { border-left: 0; border-right: 2px solid var(--line-2); padding-left: 0; padding-right: 1rem; text-align: right; }
  }

  
  .docs-cols--three-md { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  @media (min-width: 640px) { .docs-cols--three-md { gap: 1.5rem; } }
  @media (min-width: 768px) { .docs-cols--three-md { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  .docs-swatches { margin-bottom: 0.5rem; }
  .docs-nextgrid { margin-bottom: 1.5rem; }
  .docs-platforms { margin-bottom: 2rem; }
  .docs-setup-steps { margin-bottom: 1rem; }
  @media (min-width: 640px) { .docs-setup-steps { margin-bottom: 1.5rem; } }

  

  :root {
    
    
    
    
    --d-dur: 150ms;
    --d-dur-slow: 300ms;
    --d-ease: cubic-bezier(0.4, 0, 0.2, 1);
  }

  

  .docs-main { min-height: 100vh; }

  .docs-detail__inner { padding-block: 1rem; }
  @media (min-width: 640px) { .docs-detail__inner { padding-block: 1.5rem; } }
  @media (min-width: 1024px) { .docs-detail__inner { padding-block: 2rem; } }

  .docs-detail__breadcrumb { margin-bottom: 1rem; }
  @media (min-width: 640px) { .docs-detail__breadcrumb { margin-bottom: 1.5rem; } }
  @media (min-width: 1024px) { .docs-detail__breadcrumb { margin-bottom: 2rem; } }

  
  .docs-panel { padding: 1rem; }
  @media (min-width: 640px) { .docs-panel { padding: 1.5rem; } }
  @media (min-width: 1024px) { .docs-panel { padding: 2rem; } }

  .docs-panel--md { padding: 1.5rem; }

  .docs-panel--wide { padding: 1rem; border-radius: var(--r-3xl); }
  @media (min-width: 768px) { .docs-panel--wide { padding: 2rem; } }

  
  .docs-grid,
  .feature-detail__layout { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1rem; }
  .docs-grid--roomy { gap: 1.5rem; }
  @media (min-width: 640px) {
    .docs-grid--duo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .docs-grid--trio { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  @media (min-width: 768px) {
    .docs-grid--duo-md { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .docs-grid--trio-md { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  @media (min-width: 1024px) {
    .docs-grid--trio-lg { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }

  
  .docs-section-title {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid var(--gray-200);
    background-image: linear-gradient(to right in oklab, var(--gray-50), var(--gray-100));
    border-radius: var(--r-xl);
    color: var(--gray-900);
  }
  @media (min-width: 640px) { .docs-section-title { margin-bottom: 1.5rem; } }
  .docs-section-title__icon { margin-right: 0.75rem; font-size: 1.875rem; line-height: calc(2.25 / 1.875); }

  .docs-subsection-title { margin-bottom: 1rem; color: var(--gray-900); }

  
  .docs-card-title { font-weight: 600; color: var(--gray-900); margin-bottom: 0.25rem; }
  .docs-card-title--flush { margin-bottom: 0; }
  .docs-note { color: var(--gray-600); }
  .docs-empty { padding: 1rem; color: var(--gray-600); border-radius: var(--r-lg); background-color: var(--gray-50); }
  .docs-check { margin-right: 0.5rem; color: var(--green-500); }

  
  .docs-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: var(--r-full);
    font-size: 0.75rem;
    line-height: calc(1 / 0.75);
    font-weight: 500;
  }
  .docs-chip--easy { background-color: var(--green-100); color: var(--green-800); }
  .docs-chip--medium { background-color: var(--yellow-100); color: var(--yellow-800); font-size: 0.875rem; }
  .docs-chip--hard { background-color: var(--red-100); color: var(--red-800); }
  .docs-chip--info { background-color: var(--blue-100); color: var(--blue-800); }

  .docs-tag {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: calc(1 / 0.75);
    font-weight: 500;
    color: var(--gray-700);
    background-color: var(--white);
    border-radius: var(--r-full);
  }
  .docs-tag--muted { background-color: var(--gray-100); }

  
  .docs-action {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 500;
    border-radius: var(--r-lg);
    transition: color var(--d-dur) var(--d-ease), background-color var(--d-dur) var(--d-ease),
                border-color var(--d-dur) var(--d-ease);
  }
  .docs-action--lg {
    justify-content: center;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
  }
  .docs-action--primary { background-color: var(--blue-600); color: var(--white); }
  .docs-action--primary:hover { background-color: var(--blue-700); }
  .docs-action--outline {
    background-color: var(--white);
    border: 1px solid var(--gray-300);
    color: var(--gray-700);
  }
  .docs-action--outline:hover { background-color: var(--gray-50); }
  .docs-action--ghost {
    background-color: var(--white);
    border: 1px solid var(--blue-300);
    color: var(--blue-600);
  }
  .docs-action--ghost:hover { background-color: var(--blue-50); }
  .docs-action__icon { width: 1rem; height: 1rem; margin-right: 0.25rem; }
  .docs-action__icon--lead { margin-right: 0.5rem; }

  .docs-faq__item {
    padding: 1rem;
    background-color: var(--gray-50);
    border-radius: var(--r-xl);
  }
  .docs-faq__item--lg {
    padding: 1.25rem;
    transition: background-color var(--d-dur) var(--d-ease);
  }
  .docs-faq__item--lg:hover { background-color: var(--gray-100); }
  .docs-faq__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    cursor: pointer;
    font-weight: 500;
    color: var(--gray-900);
  }
  .docs-faq__summary::-webkit-details-marker { display: none; }
  .docs-faq__chevron {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--gray-500);
    transition: rotate var(--d-dur) var(--d-ease);
  }
  .docs-faq__item[open] .docs-faq__chevron { rotate: 180deg; }
  .docs-faq__answer { margin-top: 1rem; color: var(--gray-700); }
  .docs-faq__answer--sm { margin-top: 0.75rem; font-size: 0.875rem; line-height: calc(1.25 / 0.875); }

  
  .docs-mistake {
    padding: 1rem;
    border: 1px solid var(--red-100);
    background-color: var(--red-50);
    border-radius: var(--r-xl);
  }
  .docs-mistake--lg { padding: 1.5rem; }
  .docs-mistake__title {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--red-900);
  }
  .docs-mistake--lg .docs-mistake__title { margin-bottom: 0.75rem; }
  .docs-mistake__mark { margin-right: 0.5rem; }
  .docs-mistake__why {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    color: var(--red-800);
  }
  .docs-mistake--lg .docs-mistake__why { margin-bottom: 0.75rem; }
  .docs-mistake__fix {
    padding: 0.75rem;
    border: 1px solid var(--green-200);
    border-radius: var(--r-lg);
    background-color: var(--green-50);
  }
  .docs-mistake--lg .docs-mistake__fix { padding: 1rem; }
  .docs-mistake__fix-text { font-size: 0.875rem; line-height: calc(1.25 / 0.875); color: var(--green-800); }
  .docs-mistake__fix-label { font-weight: 500; }

  
  .video-frame {
    position: relative;
    overflow: hidden;
    border-radius: var(--r-2xl);
    aspect-ratio: 16 / 9;
  }
  .video-frame__media { position: absolute; inset: 0; width: 100%; height: 100%; }
  .video-frame__placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--gray-100);
  }
  .video-frame__placeholder-inner { text-align: center; }
  .video-frame__placeholder-icon {
    width: 4rem;
    height: 4rem;
    margin: 0 auto 1rem;
    color: var(--gray-400);
  }
  .video-frame__placeholder-text { color: var(--gray-600); }
  .video-frame__placeholder-link { margin-top: 1rem; }

  

  .feature-detail__head { margin-bottom: 2rem; text-align: center; }
  @media (min-width: 640px) { .feature-detail__head { margin-bottom: 3rem; } }
  @media (min-width: 1024px) { .feature-detail__head { margin-bottom: 4rem; } }

  .feature-detail__title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    color: var(--gray-900);
  }
  @media (min-width: 640px) { .feature-detail__title { margin-bottom: 1rem; } }
  @media (min-width: 1024px) { .feature-detail__title { margin-bottom: 1.5rem; } }
  .feature-detail__title-icon { font-size: 2.25rem; line-height: calc(2.5 / 2.25); }
  @media (min-width: 640px) { .feature-detail__title-icon { font-size: 3rem; line-height: 1; } }
  @media (min-width: 1024px) { .feature-detail__title-icon { font-size: 3.75rem; line-height: 1; } }

  .feature-detail__lede {
    max-width: 56rem;
    margin-inline: auto;
    font-size: 1.25rem;
    line-height: 1.625;
    color: var(--gray-600);
  }

  
  .feature-detail__aside { display: none; }
  @media (min-width: 640px) { .feature-detail__layout { gap: 1.5rem; } }
  @media (min-width: 1024px) {
    .feature-detail__layout { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; }
    .feature-detail__main { grid-column: span 3 / span 3; }
    .feature-detail__aside { display: block; grid-column: span 1 / span 1; }
  }

  .feature-detail__sections > * + * { margin-top: 1.5rem; }
  @media (min-width: 640px) { .feature-detail__sections > * + * { margin-top: 2rem; } }
  @media (min-width: 1024px) { .feature-detail__sections > * + * { margin-top: 2.5rem; } }

  
  .feature-stats {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }
  @media (min-width: 640px) {
    .feature-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 2rem; }
  }
  @media (min-width: 1024px) { .feature-stats { gap: 1.5rem; margin-bottom: 3rem; } }

  .docs-stat {
    padding: 1.5rem;
    text-align: center;
    transition: box-shadow var(--d-dur-slow) var(--d-ease);
  }
  .docs-stat:hover { box-shadow: var(--shadow-lg); }
  .docs-stat__icon { margin-bottom: 0.25rem; font-size: 1.5rem; line-height: calc(2 / 1.5); }
  @media (min-width: 640px) { .docs-stat__icon { font-size: 1.875rem; line-height: calc(2.25 / 1.875); margin-bottom: 0.5rem; } }
  .docs-stat__value { margin-top: 0.5rem; }
  .docs-stat__tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.25rem;
    margin-top: 0.5rem;
  }

  
  .feature-overview {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    background-image: linear-gradient(to bottom right in oklab, var(--blue-50), var(--purple-50));
    border-radius: var(--r-xl);
  }

  .feature-overview__para { font-size: 1.125rem; line-height: 1.625; color: var(--gray-700); }

  .feature-direction {
    padding: 1rem;
    text-align: center;
    background-color: var(--white);
    border: 2px solid var(--gray-200);
    border-radius: var(--r-xl);
    transition: box-shadow var(--d-dur-slow) var(--d-ease);
  }
  .feature-direction:hover { box-shadow: var(--shadow-lg); }
  .feature-direction--bull { border-color: var(--green-100); }
  .feature-direction--bull:hover { border-color: var(--green-300); }
  .feature-direction--bear { border-color: var(--red-100); }
  .feature-direction--bear:hover { border-color: var(--red-300); }
  .feature-direction--range:hover { border-color: var(--gray-400); }
  .feature-direction__media { margin-bottom: 0.75rem; }
  .feature-direction__glyph { width: 4rem; height: 4rem; margin-inline: auto; }
  .feature-direction--bull .feature-direction__glyph { color: var(--green-500); }
  .feature-direction--bear .feature-direction__glyph { color: var(--red-500); }
  .feature-direction--range .feature-direction__glyph { color: var(--gray-500); }

  .feature-benefit { display: flex; align-items: flex-start; padding: 1rem; border-radius: var(--r-xl); }
  .feature-benefit--info { background-color: var(--blue-50); }
  .feature-benefit--success { background-color: var(--green-50); }
  .feature-benefit__icon { flex-shrink: 0; padding: 0.5rem; margin-right: 1rem; border-radius: var(--r-lg); }
  .feature-benefit--info .feature-benefit__icon { background-color: var(--blue-100); }
  .feature-benefit--success .feature-benefit__icon { background-color: var(--green-100); }
  .feature-benefit__glyph { width: 1.5rem; height: 1.5rem; }
  .feature-benefit--info .feature-benefit__glyph { color: var(--blue-600); }
  .feature-benefit--success .feature-benefit__glyph { color: var(--green-600); }

  
  .feature-item {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
    background-color: var(--gray-50);
    border-radius: var(--r-xl);
    transition: color var(--d-dur) var(--d-ease), background-color var(--d-dur) var(--d-ease);
  }
  .feature-item:hover { background-color: var(--gray-100); }
  .feature-item__icon { flex-shrink: 0; margin-right: 0.75rem; font-size: 1.5rem; line-height: calc(2 / 1.5); }

  
  .feature-block { margin-bottom: 2rem; }

  .feature-tech {
    padding: 1rem;
    background-color: var(--gray-50);
    border-radius: var(--r-xl);
    transition: background-color, box-shadow var(--d-dur-slow) var(--d-ease);
  }
  .feature-tech:hover { background-color: var(--gray-100); box-shadow: var(--shadow-md); }
  .feature-tech__head { display: flex; align-items: flex-start; margin-bottom: 0.75rem; }
  .docs-icon-md { margin-right: 0.75rem; font-size: 1.5rem; line-height: calc(2 / 1.5); }
  .docs-iconrow__body { flex: 1; }
  .feature-tech__list { margin-left: 2.25rem; }
  .feature-tech__list > * + * { margin-top: 0.25rem; }
  
  .docs-ticklist > li {
    display: flex;
    align-items: flex-start;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    color: var(--gray-700);
  }
  .docs-bullet { margin-right: 0.5rem; color: var(--gray-400); }

  .feature-level {
    padding: 1rem;
    background-color: var(--white);
    border: 2px solid var(--gray-100);
    border-radius: var(--r-xl);
    transition: box-shadow var(--d-dur-slow) var(--d-ease);
  }
  .feature-level:hover { box-shadow: var(--shadow-lg); }
  .feature-level__head { margin-bottom: 0.75rem; text-align: center; }
  .docs-icon-lg { font-size: 1.875rem; line-height: calc(2.25 / 1.875); }
  .feature-level__title { margin-top: 0.5rem; font-weight: 600; color: var(--gray-900); }
  .feature-level__list { font-size: 0.875rem; line-height: calc(1.25 / 0.875); }
  .feature-level__list > * + * { margin-top: 0.25rem; }
  .feature-level__list > li { display: flex; align-items: flex-start; color: var(--gray-700); }

  .feature-mode {
    padding: 1rem;
    background-image: linear-gradient(to bottom right in oklab, var(--gray-50), var(--gray-100));
    border-radius: var(--r-xl);
  }
  .feature-mode__head { margin-bottom: 0.75rem; }
  .docs-panel-title {
    font-size: 1.125rem;
    line-height: calc(1.75 / 1.125);
    font-weight: 600;
    color: var(--gray-900);
  }
  .feature-mode__meta { display: flex; align-items: center; margin-top: 0.25rem; }
  .feature-mode__meta > * + * { margin-left: 0.5rem; }

  .feature-mode__list > * + * { margin-top: 0.5rem; }

  .feature-practice {
    display: flex;
    align-items: flex-start;
    padding: 0.75rem;
    border: 1px solid var(--blue-100);
    border-radius: var(--r-lg);
    background-color: var(--blue-50);
    transition: color var(--d-dur) var(--d-ease), background-color var(--d-dur) var(--d-ease);
  }
  .feature-practice:hover { background-color: var(--blue-100); }
  .feature-practice__icon { flex-shrink: 0; margin-right: 0.5rem; font-size: 1.125rem; line-height: calc(1.75 / 1.125); }
  .docs-text-dark { color: var(--gray-700); }

  .feature-setting {
    padding: 1rem;
    background-color: var(--gray-50);
    border-radius: var(--r-xl);
    transition: color var(--d-dur) var(--d-ease), background-color var(--d-dur) var(--d-ease);
  }
  .feature-setting:hover { background-color: var(--gray-100); }

  .feature-setting__list { font-size: 0.875rem; line-height: calc(1.25 / 0.875); }
  .feature-setting__list > * + * { margin-top: 0.5rem; }
  .feature-setting__row { display: flex; align-items: center; }
  .docs-key { font-weight: 500; color: var(--gray-700); }
  .feature-setting__value { margin-left: 0.5rem; color: var(--gray-600); }
  .feature-setting__features { margin-top: 0.75rem; }
  .feature-setting__features > * + * { margin-top: 0.25rem; }
  .feature-setting__feature { display: flex; align-items: flex-start; color: var(--gray-700); }

  .feature-quick-setup {
    padding: 1rem;
    margin-top: 1.5rem;
    background-color: var(--blue-50);
    border-radius: var(--r-xl);
  }

  .feature-quick-setup__list {
    list-style: decimal;
    list-style-position: inside;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    color: var(--gray-700);
  }
  .feature-quick-setup__list > * + * { margin-top: 0.5rem; }

  
  .feature-strategy {
    padding: 1rem;
    border: 2px solid var(--gray-100);
    background-image: linear-gradient(to bottom right in oklab, var(--gray-50), var(--white));
    border-radius: var(--r-xl);
    transition: border-color var(--d-dur) var(--d-ease);
  }
  .feature-strategy:hover { border-color: var(--blue-200); }

  .feature-strategy__setup { font-size: 0.875rem; line-height: calc(1.25 / 0.875); }

  .feature-strategy__steps { margin-top: 0.25rem; margin-left: 1rem; list-style: decimal; }
  .feature-strategy__steps > * + * { margin-top: 0.25rem; }
  .feature-strategy__steps > li { color: var(--gray-600); }
  .feature-strategy__rr,
  .download-card__meta-row { display: flex; align-items: center; font-size: 0.875rem; line-height: calc(1.25 / 0.875); }

  .feature-tip {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
    background-color: var(--purple-50);
    border-radius: var(--r-xl);
  }
  .feature-tip__icon {
    flex-shrink: 0;
    padding: 0.5rem;
    margin-right: 0.75rem;
    background-color: var(--purple-100);
    border-radius: var(--r-lg);
  }
  .docs-icon-sm { font-size: 1.25rem; line-height: calc(1.75 / 1.25); }

  .feature-tip__example {
    padding: 0.5rem;
    margin-top: 0.5rem;
    font-family: var(--font-mono);
    font-size: 0.75rem;
    line-height: calc(1 / 0.75);
    color: var(--gray-700);
    background-color: var(--white);
    border: 1px solid var(--purple-200);
    border-radius: var(--r);
  }

  
  .feature-related { margin-top: 2rem; }
  @media (min-width: 640px) { .feature-related { margin-top: 3rem; } }
  .feature-related__card {
    display: block;
    padding: 1rem;
    background-color: var(--white);
    border: 1px solid var(--gray-100);
    box-shadow: var(--shadow-sm);
    border-radius: var(--r-xl);
  }
  
  .feature-related__head { display: flex; align-items: center; margin-bottom: 0.75rem; }

  .feature-related__badge { margin-top: 0.75rem; }
  .feature-related__more { margin-top: 1.5rem; text-align: center; }

  
  .feature-toc { padding: 1.5rem; margin-bottom: 1.5rem; }

  .feature-toc__title-icon { margin-right: 0.5rem; font-size: 1.25rem; line-height: calc(1.75 / 1.25); }

  .feature-toc__link {
    display: block;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    color: var(--gray-600);
    border-radius: var(--r-lg);
    transition: color var(--d-dur) var(--d-ease), background-color var(--d-dur) var(--d-ease);
  }
  .feature-toc__link:hover { background-color: var(--gray-50); color: var(--gray-900); }

  .feature-aside-card { padding: 1.5rem; transition: box-shadow var(--d-dur-slow) var(--d-ease); }
  .feature-aside-card:hover { box-shadow: var(--shadow-lg); }
  .feature-actions { margin-bottom: 1rem; }
  @media (min-width: 640px) { .feature-actions { margin-bottom: 1.5rem; } }
  @media (min-width: 1024px) { .feature-actions { margin-bottom: 2rem; } }
  .feature-aside__title {
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    color: var(--gray-900);
  }
  @media (min-width: 640px) {
    .feature-aside__title { font-size: 1.125rem; line-height: calc(1.75 / 1.125); margin-bottom: 0.75rem; }
  }
  @media (min-width: 1024px) { .feature-aside__title { margin-bottom: 1rem; } }
  .feature-actions__list > * + * { margin-top: 0.5rem; }
  @media (min-width: 640px) { .feature-actions__list > * + * { margin-top: 0.75rem; } }

  .feature-status__list { font-size: 0.875rem; line-height: calc(1.25 / 0.875); }
  .feature-status__list > * + * { margin-top: 0.75rem; }

  .feature-status__value { font-weight: 500; color: var(--gray-900); }
  .feature-status__badge {
    padding: 0.125rem 0.375rem;
    background-color: var(--green-100);
    color: var(--green-800);
    border-radius: var(--r-full);
    font-size: 0.75rem;
    line-height: calc(1 / 0.75);
    font-weight: 600;
  }
  @media (min-width: 640px) { .feature-status__badge { padding: 0.25rem 0.5rem; } }

  
  .feature-cta {
    padding: 1rem;
    margin-top: 2rem;
    text-align: center;
    background-image: linear-gradient(to right in oklab, var(--blue-50), var(--purple-50));
    border-radius: var(--r-2xl);
  }
  @media (min-width: 640px) { .feature-cta { padding: 1.5rem; margin-top: 3rem; } }
  @media (min-width: 1024px) { .feature-cta { padding: 2rem; margin-top: 4rem; } }
  .feature-cta__title { margin-bottom: 0.5rem; color: var(--gray-900); }
  @media (min-width: 640px) { .feature-cta__title { margin-bottom: 0.75rem; } }
  @media (min-width: 1024px) { .feature-cta__title { margin-bottom: 1rem; } }
  .feature-cta__text {
    max-width: 42rem;
    margin-inline: auto;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    color: var(--gray-600);
  }
  @media (min-width: 640px) {
    .feature-cta__text { font-size: 1rem; line-height: 1.5; margin-bottom: 1.5rem; }
  }
  @media (min-width: 1024px) { .feature-cta__text { margin-bottom: 2rem; } }
  .feature-cta__actions { display: flex; flex-direction: column; justify-content: center; gap: 0.5rem; }
  @media (min-width: 640px) { .feature-cta__actions { flex-direction: row; gap: 0.75rem; } }
  @media (min-width: 1024px) { .feature-cta__actions { gap: 1rem; } }

  

  .strategy-detail { min-height: 100vh; padding-bottom: 5rem; }
  .strategy-detail__inner {
    max-width: var(--shell);
    margin-inline: auto;
    padding-inline: var(--gutter); 
    padding-block: 2rem;
  }
  @media (min-width: 768px) { .strategy-detail__inner { padding-inline: 1.5rem; } }
  .strategy-detail__breadcrumb { margin-bottom: 1.5rem; }

  .strategy-hero { margin-bottom: 2rem; }
  .strategy-hero__row { align-items: center; }
  .strategy-hero__id {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
    text-align: center;
  }
  @media (min-width: 640px) {
    .strategy-hero__id { flex-direction: row; text-align: left; margin-bottom: 0; }
    .strategy-hero__id > * + * { margin-left: 1rem; }
  }
  .strategy-hero__badge-wrap { flex-shrink: 0; margin-bottom: 0.75rem; }
  @media (min-width: 640px) { .strategy-hero__badge-wrap { margin-bottom: 0; } }
  .strategy-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    font-size: 1.5rem;
    line-height: calc(2 / 1.5);
    font-weight: 700;
    color: var(--white);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-md);
  }
  @media (min-width: 640px) {
    .strategy-badge { width: 3.5rem; height: 3.5rem; font-size: 1.25rem; line-height: calc(1.75 / 1.25); }
  }
  .strategy-badge--easy { background-image: linear-gradient(to bottom right in oklab, var(--green-500), var(--green-600)); }
  .strategy-badge--medium { background-image: linear-gradient(to bottom right in oklab, var(--yellow-500), var(--yellow-600)); }
  .strategy-badge--hard { background-image: linear-gradient(to bottom right in oklab, var(--red-500), var(--red-600)); }
  .strategy-hero__title { color: var(--gray-900); }
  .strategy-hero__desc { margin-top: 0.25rem; font-size: 1rem; line-height: 1.5; color: var(--gray-600); }
  .strategy-hero__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }

  .strategy-section { margin-bottom: 3rem; }
  .strategy-section__title { margin-bottom: 2rem; text-align: center; color: var(--gray-900); }

  .strategy-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }
  @media (min-width: 640px) { .strategy-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
  @media (min-width: 1024px) { .strategy-stats { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
  .strategy-stat {
    padding: 0.75rem 1rem;
    text-align: center;
    background-color: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--r-lg);
  }
  .strategy-stat__label { font-size: 0.75rem; line-height: calc(1 / 0.75); color: var(--gray-500); }
  .strategy-stat__value {
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 700;
    color: var(--gray-900);
  }
  .strategy-stat__value--level { text-transform: capitalize; }
  .strategy-stat__value--easy { color: var(--green-600); }
  .strategy-stat__value--medium { color: var(--yellow-600); }
  .strategy-stat__value--hard { color: var(--red-600); }

  .strategy-about__para { line-height: 1.625; color: var(--gray-700); }

  .strategy-principle { transition: box-shadow var(--d-dur) var(--d-ease); }
  .strategy-principle:hover { box-shadow: var(--shadow-lg); }
  .docs-iconrow { display: flex; align-items: flex-start; }
  .docs-iconrow__icon { flex-shrink: 0; margin-right: 1rem; font-size: 1.875rem; line-height: calc(2.25 / 1.875); }

  .strategy-panel { margin-bottom: 2rem; }

  .docs-subsection-title--row { display: flex; align-items: center; }
  .strategy-panel__badge {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.75rem;
    font-size: 1.125rem;
    line-height: calc(1.75 / 1.125);
    color: var(--white);
    border-radius: var(--r-full);
  }
  .strategy-panel__badge--ok { background-color: var(--green-500); }
  .strategy-panel__badge--warn { background-color: var(--yellow-500); }
  .strategy-panel__badge--info { background-color: var(--blue-500); }

  .strategy-approach {
    padding: 1.5rem;
    background-color: var(--gray-50);
    border-radius: var(--r-xl);
    transition: background-color var(--d-dur) var(--d-ease);
  }
  .strategy-approach:hover { background-color: var(--gray-100); }
  .strategy-approach__head { display: flex; align-items: flex-start; margin-bottom: 1rem; }

  .strategy-approach__list { margin-left: 2.75rem; }
  .strategy-approach__list > * + * { margin-top: 0.5rem; }

  .strategy-entry { padding: 1.5rem; border: 2px solid transparent; border-radius: var(--r-xl); transition: border-color, box-shadow var(--d-dur) var(--d-ease); }
  .strategy-entry__head { margin-bottom: 1rem; }

  .strategy-entry__meta { display: flex; align-items: center; margin-top: 0.5rem; }
  .strategy-entry__meta > * + * { margin-left: 0.75rem; }
  .strategy-entry__type {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    line-height: calc(1 / 0.75);
    font-weight: 500;
    border-radius: var(--r-full);
  }
  .docs-tint--info .strategy-entry__type { background-color: var(--blue-200); color: var(--blue-800); }
  .docs-tint--ok .strategy-entry__type { background-color: var(--green-200); color: var(--green-800); }

  .strategy-entry__steps > * + * { margin-top: 0.75rem; }
  .strategy-entry__steps > li { display: flex; align-items: flex-start; }
  .strategy-entry__num {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.75rem;
    font-size: 0.75rem;
    line-height: calc(1 / 0.75);
    font-weight: 700;
    color: var(--white);
    border-radius: var(--r-full);
  }
  .docs-tint--info .strategy-entry__num { background-color: var(--blue-500); }
  .docs-tint--ok .strategy-entry__num { background-color: var(--green-500); }

  .strategy-exit {
    padding: 1.5rem;
    text-align: center;
    border: 2px solid transparent;
    border-radius: var(--r-xl);
    transition: border-color, box-shadow var(--d-dur) var(--d-ease);
  }

  .strategy-exit--purple { border-color: var(--purple-200); background-color: var(--purple-50); }
  .strategy-exit__icon { margin-bottom: 0.75rem; font-size: 2.25rem; line-height: calc(2.5 / 2.25); }

  .strategy-exit__list { font-size: 0.875rem; line-height: calc(1.25 / 0.875); text-align: left; }
  .strategy-exit__list > * + * { margin-top: 0.5rem; }
  .strategy-exit__list > li { display: flex; align-items: flex-start; color: var(--gray-700); }

  .strategy-rule { padding: 1.5rem; border-radius: var(--r-2xl); border-left: 4px solid transparent; }
  .strategy-rule--critical { border-left-color: var(--red-500); background-color: var(--red-50); }
  .strategy-rule--high { border-left-color: var(--yellow-500); background-color: var(--yellow-50); }
  .strategy-rule--normal { border-left-color: var(--blue-500); background-color: var(--blue-50); }

  .strategy-rule__title { margin-bottom: 0.5rem; }
  .strategy-rule--critical .strategy-rule__title { color: var(--red-800); }
  .strategy-rule--high .strategy-rule__title { color: var(--yellow-800); }
  .strategy-rule--normal .strategy-rule__title { color: var(--blue-800); }

  .strategy-rule__flag {
    padding: 0.25rem 0.75rem;
    margin-left: 1rem;
    font-size: 0.75rem;
    line-height: calc(1 / 0.75);
    font-weight: 700;
    text-transform: uppercase;
    border-radius: var(--r-full);
  }
  .strategy-rule__flag--critical { color: var(--red-700); background-color: var(--red-200); }
  .strategy-rule__flag--high { color: var(--yellow-700); background-color: var(--yellow-200); }

  .strategy-risk {
    padding: 2rem;
    border: 1px solid var(--red-200);
    box-shadow: var(--shadow-sm);
    background-image: linear-gradient(to bottom right in oklab, var(--red-50), var(--orange-50));
    border-radius: var(--r-3xl);
  }
  .strategy-risk__banner { margin-bottom: 1.5rem; text-align: center; }
  .strategy-risk__pill {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 700;
    color: var(--red-800);
    background-color: var(--red-200);
    border-radius: var(--r-full);
  }
  .strategy-risk__pill-icon { width: 1.25rem; height: 1.25rem; margin-right: 0.5rem; }
  .strategy-risk-card {
    padding: 1.25rem;
    background-color: var(--white);
    border-radius: var(--r-2xl);
    border: 2px solid transparent;
  }
  .strategy-risk-card--critical { border-color: var(--red-300); }
  .strategy-risk-card--normal { border-color: var(--orange-300); }

  .strategy-risk-card__title {
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
    line-height: calc(1.75 / 1.125);
    font-weight: 700;
  }
  .strategy-risk-card--critical .strategy-risk-card__title { color: var(--red-800); }
  .strategy-risk-card--normal .strategy-risk-card__title { color: var(--orange-800); }

  .strategy-risk__note {
    padding: 1rem;
    margin-top: 1.5rem;
    background-color: var(--red-100);
    border: 1px solid var(--red-300);
    border-radius: var(--r-xl);
  }
  .strategy-risk__note-text {
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 500;
    text-align: center;
    color: var(--red-900);
  }

  .strategy-feature { padding: 1.5rem; border: 2px solid transparent; border-radius: var(--r-2xl); transition: box-shadow var(--d-dur) var(--d-ease); }
  .strategy-feature:hover { box-shadow: var(--shadow-lg); }
  .strategy-feature--required {
    border-color: var(--green-100);
    background-image: linear-gradient(to bottom right in oklab, var(--green-50), var(--emerald-50));
  }
  .strategy-feature--required:hover { border-color: var(--green-300); }
  .strategy-feature--recommended {
    border-color: var(--yellow-100);
    background-image: linear-gradient(to bottom right in oklab, var(--yellow-50), var(--amber-50));
  }
  .strategy-feature--recommended:hover { border-color: var(--yellow-300); }
  .strategy-feature__head { display: flex; align-items: flex-start; margin-bottom: 1rem; }
  .strategy-feature__icon {
    flex-shrink: 0;
    padding: 0.75rem;
    margin-right: 1rem;
    background-color: var(--white);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    font-size: 1.875rem;
    line-height: calc(2.25 / 1.875);
  }

  .strategy-feature__actions { display: flex; }
  .strategy-feature__actions > * + * { margin-left: 0.5rem; }
  .strategy-feature__link {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 500;
    background-color: var(--white);
    border: 1px solid transparent;
    border-radius: var(--r-lg);
    transition: color var(--d-dur) var(--d-ease), background-color var(--d-dur) var(--d-ease),
                border-color var(--d-dur) var(--d-ease);
  }
  .strategy-feature--required .strategy-feature__link { color: var(--green-700); border-color: var(--green-200); }
  .strategy-feature--required .strategy-feature__link:hover { background-color: var(--green-50); }
  .strategy-feature--recommended .strategy-feature__link { color: var(--yellow-700); border-color: var(--yellow-200); }
  .strategy-feature--recommended .strategy-feature__link:hover { background-color: var(--yellow-50); }
  .strategy-feature__note {
    display: flex;
    align-items: center;
    padding-top: 0.75rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    border-top: 1px solid transparent;
  }
  .strategy-feature--required .strategy-feature__note { color: var(--green-600); border-top-color: var(--green-200); }
  .strategy-feature--recommended .strategy-feature__note { color: var(--yellow-600); border-top-color: var(--yellow-200); }
  .strategy-feature__glyph { width: 1rem; height: 1rem; margin-right: 0.25rem; }

  .strategy-config {
    position: relative;
    padding: 1.5rem;
    border: 2px solid var(--gray-200);
    background-image: linear-gradient(to bottom right in oklab, var(--gray-50), var(--white));
    border-radius: var(--r-2xl);
    transition: border-color, box-shadow var(--d-dur) var(--d-ease);
  }
  .strategy-config:hover { border-color: var(--blue-300); box-shadow: var(--shadow-lg); }
  .strategy-config__flag {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    line-height: calc(1 / 0.75);
    font-weight: 600;
    color: var(--white);
    background-color: var(--blue-500);
    border-radius: var(--r-full);
    box-shadow: var(--shadow-sm);
    translate: 0.5rem -0.75rem;
  }

  .strategy-config__rows { margin-bottom: 1rem; }
  .strategy-config__rows > * + * { margin-top: 0.75rem; }
  .strategy-config__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    background-color: var(--white);
    border: 1px solid var(--gray-100);
    border-radius: var(--r-lg);
  }
  .strategy-config__value {
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 700;
    border-radius: var(--r-full);
  }
  .strategy-config__value--analysis { color: var(--blue-700); background-color: var(--blue-100); }
  .strategy-config__value--entry { color: var(--green-700); background-color: var(--green-100); }
  .strategy-config__features { padding-top: 1rem; border-top: 1px solid var(--gray-200); }
  .strategy-config__features > * + * { margin-top: 0.5rem; }
  .strategy-config__feature {
    display: flex;
    align-items: flex-start;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    color: var(--gray-600);
  }
  .strategy-config__check {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-top: 0.125rem;
    margin-right: 0.5rem;
    color: var(--green-500);
  }

  .strategy-checklist { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; }
  @media (min-width: 1024px) { .strategy-checklist { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .strategy-checklist__panel { padding: 1.5rem; border: 2px solid transparent; border-radius: var(--r-2xl); }

  .strategy-checklist__panel--warn { border-color: var(--red-200); background-color: var(--red-50); }
  .strategy-checklist__title { margin-bottom: 1rem; text-align: center; }
  .strategy-checklist__title--ok { color: var(--green-800); }
  .strategy-checklist__title--warn { color: var(--red-800); }

  .strategy-checklist__item {
    display: flex;
    align-items: flex-start;
    padding: 0.75rem;
    background-color: var(--white);
    border: 1px solid var(--green-200);
    border-radius: var(--r-lg);
    cursor: pointer;
    transition: color var(--d-dur) var(--d-ease), background-color var(--d-dur) var(--d-ease);
  }
  .strategy-checklist__item:hover { background-color: var(--green-100); }
  
  .strategy-checklist__box {
    margin-top: 0.25rem;
    margin-right: 0.75rem;
    color: var(--green-600);
    border: 1px solid var(--gray-300);
    border-radius: var(--r-sm);
  }
  .strategy-checklist__box:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }

  .strategy-checklist__footer { margin-top: 1rem; text-align: center; }
  .strategy-checklist__button {
    padding: 0.5rem 1.5rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 500;
    color: var(--white);
    background-color: var(--green-600);
    border-radius: var(--r-lg);
    transition: color var(--d-dur) var(--d-ease), background-color var(--d-dur) var(--d-ease);
  }
  .strategy-checklist__button:hover { background-color: var(--green-700); }
  .strategy-avoid__item {
    padding: 0.75rem;
    background-color: var(--white);
    border: 1px solid var(--red-200);
    border-radius: var(--r-lg);
  }

  .strategy-example {
    padding: 1.5rem;
    border: 2px solid var(--gray-200);
    border-radius: var(--r-xl);
    background-image: linear-gradient(to bottom right in oklab, var(--gray-50), var(--white));
    transition: border-color var(--d-dur) var(--d-ease);
  }
  .strategy-example:hover { border-color: var(--blue-300); }
  .strategy-example__head { margin-bottom: 1rem; }

  
  .strategy-example__code {
    padding: 1rem;
    margin-bottom: 1rem;
    font-family: var(--font-mono);
    font-size: 0.75rem;
    line-height: calc(1 / 0.75);
    color: var(--code-ink);
    background-color: var(--code-bg);
    border: 1px solid var(--code-line);
    border-radius: var(--r-lg);
  }

  .strategy-example__value {
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 700;
    color: var(--green-700);
    background-color: var(--green-100);
    border-radius: var(--r-full);
  }

  .strategy-tip {
    display: flex;
    align-items: flex-start;
    padding: 1.25rem;
    background-color: var(--purple-50);
    border-radius: var(--r-xl);
  }
  .strategy-tip__icon {
    flex-shrink: 0;
    padding: 0.75rem;
    margin-right: 1rem;
    background-color: var(--purple-100);
    border-radius: var(--r-lg);
    font-size: 1.5rem;
    line-height: calc(2 / 1.5);
  }

  .strategy-tip__text { margin-bottom: 0.75rem; color: var(--gray-700); }
  .strategy-tip__example {
    padding: 0.75rem;
    font-family: var(--font-mono);
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    color: var(--purple-700);
    background-color: var(--white);
    border: 1px solid var(--purple-200);
    border-radius: var(--r);
  }

  .strategy-perf {
    padding: 1.5rem;
    background-image: linear-gradient(to bottom right in oklab, var(--blue-50), var(--indigo-50));
    border-radius: var(--r-xl);
  }

  .strategy-perf__list > * + * { margin-top: 0.75rem; }
  .strategy-perf__bullet { margin-right: 0.5rem; color: var(--blue-500); }

  .strategy-path__step { position: relative; }
  .strategy-path__line {
    position: absolute;
    left: 2rem;
    top: 4rem;
    bottom: 0;
    width: 0.125rem;
    background-color: var(--gray-200);
  }

  .strategy-path__marker { position: relative; z-index: 10; flex-shrink: 0; }
  .strategy-path__dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    font-size: 1.5rem;
    line-height: calc(2 / 1.5);
    background-color: var(--white);
    border: 4px solid transparent;
    border-radius: var(--r-full);
  }
  .strategy-path__dot--one { border-color: var(--blue-500); background-color: var(--blue-50); }
  .strategy-path__dot--two { border-color: var(--green-500); background-color: var(--green-50); }
  .strategy-path__dot--three { border-color: var(--purple-500); background-color: var(--purple-50); }
  .strategy-path__body { flex: 1; margin-left: 1.5rem; }

  .strategy-path__list > * + * { margin-top: 0.75rem; }
  .strategy-path__list > li { display: flex; align-items: flex-start; color: var(--gray-700); }
  .strategy-path__check {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.125rem;
    margin-right: 0.75rem;
    color: var(--green-500);
  }

  .strategy-protips {
    padding: 1rem;
    border: 1px solid var(--yellow-200);
    background-image: linear-gradient(to bottom right in oklab, var(--yellow-50), var(--amber-50));
    border-radius: var(--r-3xl);
  }
  @media (min-width: 768px) { .strategy-protips { padding: 2rem; } }

  .strategy-protip {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
    background-color: var(--white);
    border: 1px solid var(--yellow-100);
    border-radius: var(--r-xl);
    color: var(--gray-700);
  }
  .strategy-protip__icon {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.125rem;
    margin-right: 0.75rem;
    color: var(--yellow-600);
  }
  .strategy-protips__byline {
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    text-align: center;
    border-top: 1px solid var(--yellow-200);
  }
  .strategy-protips__byline-text {
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-style: italic;
    color: var(--gray-600);
  }

  .strategy-video__note { margin-top: 1.5rem; text-align: center; }

  .strategy-download {
    padding: 1rem;
    background-color: var(--white);
    border: 1px solid var(--gray-100);
    box-shadow: var(--shadow-sm);
    border-radius: var(--r-2xl);
    transition: box-shadow var(--d-dur) var(--d-ease);
  }
  @media (min-width: 768px) { .strategy-download { padding: 1.5rem; } }
  .strategy-download:hover { box-shadow: var(--shadow-lg); }

  .strategy-cta__wrap { margin-top: 3rem; }
  .strategy-cta {
    padding: 2rem;
    text-align: center;
    background-image: linear-gradient(to right in oklab, var(--blue-50), var(--purple-50));
    border-radius: var(--r-3xl);
  }

  .strategy-cta__text { margin-bottom: 1.5rem; font-size: 1.125rem; line-height: calc(1.75 / 1.125); color: var(--gray-600); }

  

  
  .downloads-page {
    position: relative;
    margin-inline: auto;
    max-width: 100%;
    padding: 0.5rem 4rem;
  }
  @media screen and (max-width: 1440px) {
    .downloads-page { padding: 0.5rem var(--container-padding, 2rem); }
  }
  @media screen and (max-width: 768px) {
    .downloads-page { padding: 0.5rem 1rem; }
  }
  .downloads-page__inner { max-width: var(--shell); margin-inline: auto; }
  .downloads-page__breadcrumb { margin-bottom: 2rem; }

  .downloads-head { text-align: center; margin-bottom: 3rem; }
  .downloads-head__icon,
  .downloads-hero__icon { display: block; margin-bottom: 1rem; font-size: 3rem; line-height: 1; }

  .downloads-head__lede {
    max-width: 48rem;
    margin-inline: auto;
    font-size: 1.25rem;
    line-height: calc(1.75 / 1.25);
    color: var(--gray-600);
  }

  .downloads-nav {
    padding: 1.5rem;
    margin-bottom: 3rem;
    background-color: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: var(--r-2xl);
  }
  @media (min-width: 768px) { .downloads-nav__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
  .downloads-nav__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    background-color: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--r-xl);
  }
  
  .downloads-nav__icon { margin-bottom: 0.5rem; font-size: 1.875rem; line-height: calc(2.25 / 1.875); }

  .downloads-nav__item:hover .docs-label { color: var(--blue-600); }

  .downloads-section { margin-bottom: 4rem; }

  .downloads-hero,
  .downloads-support {
    padding: 2rem;
    border: 1px solid var(--blue-200);
    background-image: linear-gradient(to bottom right in oklab, var(--blue-50), var(--purple-50));
    border-radius: var(--r-2xl);
  }
  .downloads-hero__head { text-align: center; margin-bottom: 1.5rem; }

  .downloads-hero__text { max-width: 42rem; margin-inline: auto; color: var(--gray-600); }
  .downloads-hero__platforms {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
    max-width: 32rem;
    margin-inline: auto;
  }
  @media (min-width: 768px) { .downloads-hero__platforms { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .downloads-hero__platform {
    padding: 1rem;
    text-align: center;
    background-color: rgb(255 255 255 / 0.7);
    border-radius: var(--r-lg);
  }
  .downloads-hero__logo {
    height: 3rem;
    margin-inline: auto;
    margin-bottom: 0.5rem;
    object-fit: contain;
    border-radius: var(--r-lg);
  }

  .downloads-hero__cta { text-align: center; }
  .downloads-hero__button {
    display: inline-flex;
    align-items: center;
    padding: 1rem 2rem;
    font-size: 1.125rem;
    line-height: calc(1.75 / 1.125);
    font-weight: 500;
    color: var(--white);
    background-image: linear-gradient(to right in oklab, var(--blue-600), var(--purple-600));
    border-radius: var(--r-lg); 
    box-shadow: var(--shadow-lg);
    transition: background-image, box-shadow var(--d-dur) var(--d-ease);
  }
  .downloads-hero__button:hover {
    background-image: linear-gradient(to right in oklab, var(--blue-700), var(--purple-700));
    box-shadow: var(--shadow-xl);
  }
  .downloads-hero__button-icon { margin-right: 0.5rem; }
  .downloads-hero__button-arrow { margin-left: 0.5rem; }
  .downloads-hero__note {
    margin-top: 1rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    color: var(--gray-500);
  }

  .downloads-callout {
    padding: 1.5rem;
    margin-bottom: 2rem;
    border: 1px solid transparent;
    border-radius: var(--r-xl);
  }
  .docs-tint--ok .downloads-callout__text { color: var(--green-800); }
  .docs-tint--info .downloads-callout__text { color: var(--blue-800); }
  .downloads-callout__label { font-weight: 600; }

  .download-card {
    padding: 1.5rem;
    background-color: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--r-xl);
    transition: box-shadow var(--d-dur) var(--d-ease);
  }
  .download-card:hover { box-shadow: var(--shadow-lg); }

  .download-card__sub {
    margin-top: 0.25rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    color: var(--gray-600);
  }
  .download-card__emoji { font-size: 1.5rem; line-height: calc(2 / 1.5); }
  .download-card__meta { margin-bottom: 1rem; }
  .download-card__meta > * + * { margin-top: 0.5rem; }
  .download-card__meta-icon { margin-right: 0.5rem; color: var(--gray-500); }
  .download-card__meta-text { color: var(--gray-700); }

  .download-card__buttons { display: flex; gap: 0.5rem; }

  .downloads-link {
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 500;
    color: var(--blue-600);
  }
  .downloads-link:hover { color: var(--blue-700); }
  .downloads-link--inline { display: inline-flex; align-items: center; }
  .downloads-link--alt { color: var(--purple-600); }
  .downloads-link--alt:hover { color: var(--purple-700); }
  .downloads-link__icon { margin-right: 0.25rem; }

  .download-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    line-height: calc(1 / 0.75);
    color: var(--white);
    border-radius: var(--r-full);
    transition: color var(--d-dur) var(--d-ease), background-color var(--d-dur) var(--d-ease);
  }
  .download-pill--mt4 { background-color: var(--blue-600); }
  .download-pill--mt4:hover { background-color: var(--blue-700); }
  .download-pill--mt5 { background-color: var(--purple-600); }
  .download-pill--mt5:hover { background-color: var(--purple-700); }
  .download-pill__icon { margin-right: 0.25rem; }

  .tool-card__note {
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    color: var(--gray-500);
  }


  .downloads-support__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
  }
  @media (min-width: 768px) { .downloads-support__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

  .downloads-support__list { font-size: 0.875rem; line-height: calc(1.25 / 0.875); }
  .downloads-support__list > * + * { margin-top: 0.5rem; }
  .downloads-support__list > li { display: flex; align-items: flex-start; }
  .downloads-support__num { margin-right: 0.5rem; color: var(--blue-600); }

  .downloads-support__contact {
    display: flex;
    align-items: center;
    color: var(--gray-700);
    transition: color var(--d-dur) var(--d-ease), background-color var(--d-dur) var(--d-ease);
  }
  .downloads-support__contact > * + * { margin-left: 0.75rem; }
  .downloads-support__contact:hover { color: var(--blue-600); }
  .downloads-support__contact--button {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    padding: 0;
  }
  .downloads-support__contact--static { color: var(--gray-600); }
  .downloads-support__contact--static:hover { color: var(--gray-600); }

  .downloads-support__footnote {
    padding: 1rem;
    text-align: center;
    background-color: rgb(255 255 255 / 0.5);
    border-radius: var(--r-lg);
  }

  .downloads-support__link { color: var(--blue-600); }
  .downloads-support__link:hover { color: var(--blue-700); }

  

  

  
  .docs-card-title--gap-sm { margin-bottom: 0.5rem; }
  .docs-card-title--gap-md { margin-bottom: 0.75rem; }

  
  .docs-panel-title--lg     { font-size: 1.25rem; line-height: calc(1.75 / 1.25); }
  .docs-panel-title--row    { display: flex; align-items: center; }
  .docs-panel-title--gap-xs { margin-bottom: 0.25rem; }
  .docs-panel-title--gap-sm { margin-bottom: 0.5rem; }
  .docs-panel-title--gap-md { margin-bottom: 0.75rem; }
  .docs-panel-title--gap-lg { margin-bottom: 1rem; }

  
  .docs-subsection-title--row    { display: flex; align-items: center; }
  .docs-subsection-title--gap-sm { margin-bottom: 0.5rem; }
  .docs-subsection-title--gap-lg { margin-bottom: 1.5rem; }

  
  .docs-block-title { display: flex; align-items: center; margin-bottom: 1.5rem; color: var(--gray-900); }
  .docs-block-title--gap-lg { margin-bottom: 2rem; }

  
  .docs-label { font-size: 0.875rem; line-height: calc(1.25 / 0.875); font-weight: 500; color: var(--gray-700); }

  
  .docs-row--start  { align-items: flex-start; }
  .docs-row--gap    { margin-bottom: 1rem; }
  .docs-row--gap-sm { margin-bottom: 0.75rem; }
  .docs-row--gap-lg { margin-bottom: 1.5rem; }

  
  .docs-iconrow__body { flex: 1; }
  .docs-iconrow--sep > * + * { margin-left: 1rem; }

  
  .docs-grid--mb { margin-bottom: 1.5rem; }

  
  .docs-tint--ok   { background-color: var(--green-50); border-color: var(--green-200); }
  .docs-tint--info { background-color: var(--blue-50);  border-color: var(--blue-200); }

  
  .docs-chapter {
    max-width: var(--measure-prose);
    margin-inline: auto;
    padding-block: var(--space-8) var(--space-16);
  }

  .docs-chapter__head { margin-bottom: var(--space-8); }
  .docs-chapter__kicker { margin: 0 0 var(--space-3); }
  .docs-chapter__title { margin: 0; color: var(--ink); }
  .docs-chapter__lead { margin: var(--space-4) 0 0; }
  .docs-chapter__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-4);
    margin: var(--space-4) 0 0;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--ink-soft);
  }
  

  
  .docs-chapter__toc {
    margin-bottom: var(--space-8);
    border: 1px solid var(--line-2);
    border-radius: var(--r-lg);
    background: var(--surface-2);
    padding: var(--space-3) var(--space-4);
  }
  .docs-chapter__toc-summary {
    cursor: pointer;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 600;
    color: var(--ink);
  }
  .docs-chapter__toc-summary:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }
  .docs-chapter__toc nav { margin-top: var(--space-3); }
  .docs-chapter__toc ul { list-style: none; margin: 0; padding-left: var(--space-4); }
  .docs-chapter__toc > nav > ul { padding-left: 0; }
  .docs-chapter__toc li { margin: var(--space-2) 0; }
  
  .docs-chapter__toc a {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
  }

  .docs-chapter__body { margin-bottom: var(--space-12); }
  .docs-chapter__body > :first-child { margin-top: 0; }

  
  .docs-chapter__body ul,
  .docs-chapter__body ol { margin-bottom: var(--space-4); }
  @media (min-width: 768px) {
    .docs-chapter__body ul,
    .docs-chapter__body ol { margin-bottom: var(--space-5); }
  }
  .docs-chapter__body li > ul,
  .docs-chapter__body li > ol { margin-bottom: 0; }
  .docs-chapter__body li {
    font-family: var(--font-sans-ui);
    font-size: var(--fs-lg);
    line-height: 1.8;
  }
  
  .docs-chapter__body :is(p, h2, h3, h4) { font-family: var(--font-sans-ui); }

  
  .docs-chapter__body blockquote {
    margin: var(--space-6) 0;
    border-left: 3px solid var(--line-2);
    border-radius: 0 var(--r-lg) var(--r-lg) 0;
    background: var(--surface-2);
    padding: var(--space-4) var(--space-5);
  }
  .docs-chapter__body blockquote > :last-child { margin-bottom: 0; }
  
  .docs-chapter__body .rr-quote__body { font-style: normal; }
  .docs-chapter__body blockquote strong { color: var(--ink); }

  
  .docs-artnav__number {
    display: block;
    margin-top: var(--space-1);
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-soft);
  }

  
  @media (min-width: 1280px) {
    .docs-chapter { max-width: none; margin-inline: 0; }
    .docs-chapter__toc,
    .docs-chapter__all { display: none; }
  }

  
  .docs-bookcontents__eyebrow { margin: 0 0 var(--space-4); }
  .docs-bookcontents__parts,
  .docs-bookcontents__chapters { list-style: none; margin: 0; padding: 0; }
  .docs-bookcontents__part + .docs-bookcontents__part { margin-top: var(--space-5); }
  .docs-bookcontents__part-title {
    margin: 0 0 var(--space-2);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 700;
    color: var(--ink);
  }
  .docs-bookcontents__item {
    display: grid;
    grid-template-columns: var(--space-6) minmax(0, 1fr);
    align-items: baseline;
  }
  .docs-bookcontents__num {
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-soft);
    font-variant-numeric: tabular-nums;
  }
  
  .docs-bookcontents__link {
    display: block;
    border-left: 3px solid transparent;
    padding: var(--space-1) var(--space-2);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--ink-2);
    text-decoration: none;
    transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease);
  }
  .docs-bookcontents__link:hover { color: var(--link); }
  .docs-bookcontents__link[aria-current="page"] {
    border-left-color: var(--brand-600);
    color: var(--ink);
    font-weight: 600;
  }
  .docs-bookcontents__link:focus-visible,
  .docs-chapter__all:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }

  

  
  .docs-stepnav__label {
    transition:
      max-width var(--dur-state) var(--ease-exit),
      opacity var(--dur-state) var(--ease-exit),
      margin-left var(--dur-state) var(--ease-exit);
  }
  .docs-stepnav__num { transition: background-color var(--dur-state) var(--ease-exit), color var(--dur-state) var(--ease-exit); }
  
  .docs-stepnav { transition: top var(--dur) var(--ease); }
  body[data-scrollheader="visible"] .docs-stepnav { top: var(--scroll-header-h); }

  @media (max-width: 639.98px) {
    .docs-stepnav { margin-bottom: var(--space-8); margin-inline: calc(-1 * var(--gutter)); }
    .docs-stepnav__inner { padding-block: var(--space-1); }
    .docs-stepnav__row { gap: var(--space-2); overflow: visible; padding: 0; margin-inline: 0; }
    .docs-stepnav__step { min-width: 0; min-height: var(--tap-min); flex: none; }
    .docs-stepnav__num { width: 2rem; height: 2rem; font-size: var(--fs-sm); }
    .docs-stepnav__label { max-width: 0; margin-left: 0; opacity: 0; overflow: hidden; white-space: nowrap; }
    .docs-stepnav__step--on .docs-stepnav__label { max-width: 10rem; margin-left: var(--space-2); opacity: 1; }
    .docs-stepnav__rule { flex: 1 1 auto; width: auto; min-width: var(--space-3); }
    .docs-anchor--deep { scroll-margin-top: calc(var(--scroll-header-h) + var(--space-16)); }

    
    .docs-step__head,
    .docs-step__body { padding: var(--space-4); }
    .docs-step__title { font-size: var(--fs-xl); }
    .docs-num--onDark { width: 3rem; height: 3rem; font-size: var(--fs-xl); }
    .docs-option,
    .docs-method { padding: var(--space-3); }
    .docs-box--lg { padding: var(--space-4); }
    .docs-hello { padding-inline: var(--space-3); }

    
    .docs-step__foot .docs-row { flex-direction: column; align-items: stretch; gap: var(--space-3); }
    .docs-btn { min-height: var(--tap-min); }
    .docs-step__foot .docs-btn { width: 100%; }

    
    .docs-chapter__toc li { margin: 0; }
    .docs-chapter__toc a { display: block; padding-block: var(--space-3); }

    
    .docs-featurelink__row { gap: var(--space-3); }
    .docs-featurelink__name { min-width: 0; }
    .docs-featurelink__level { flex: none; }
    .docs-journey__body { padding: var(--space-5); }

    
    .strategy-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); }
    .strategy-stat { padding: var(--space-2); }
    .strategy-stat__label { font-size: var(--fs-xs); }
    .strategy-stat__value { overflow-wrap: anywhere; }
    .strategy-rule { padding: var(--space-4); }
    .strategy-rule .docs-row { flex-direction: column-reverse; align-items: flex-start; gap: var(--space-2); }
    .strategy-rule__flag { margin-left: 0; }
    .strategy-rule .docs-iconrow__body { width: 100%; }
    .docs-grid--roomy { gap: var(--space-3); }
    .strategy-principle { padding: var(--space-4); }
    .strategy-principle .docs-iconrow__icon { margin-right: var(--space-3); font-size: var(--fs-xl); line-height: var(--lh-xl); }
    .docs-panel--wide { padding: var(--space-3); }
  }

}:root{}@layer components{.products-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
  }
  @media (min-width: 1024px) { .products-main { margin-top: 2rem; } }

  
  .products-crumbs {
    width: 100%;
    max-width: 92rem;
    padding-inline: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
  }
  @media (min-width: 640px) { .products-crumbs { padding-inline: 1.5rem; } }

  
  .products-related {
    max-width: 92rem;
    margin-inline: auto;
    padding-inline: 1rem;
  }
  @media (min-width: 640px) { .products-related { padding-inline: 1.5rem; } }

  
  .products-layout {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    max-width: 92rem;
    padding-inline: 0;
    padding-top: 0;
    padding-bottom: 6rem;
    column-gap: 1.5rem;
    row-gap: 0;
  }
  @media (min-width: 1024px) {
    .products-layout { align-items: start; padding-inline: 1.5rem; }
    
    .products-layout--sidebar { grid-template-columns: minmax(0, 6fr) minmax(22rem, 3.8fr); }
    
    .products-layout--even { grid-template-columns: 6fr 5fr; }
  }

  
  .products-col-media { order: 1; width: 100%; }
  @media (min-width: 1024px) { .products-col-media { grid-column: span 1 / span 1; } }

  
  .products-col-buy {
    order: 2;
    width: 100%;
    padding-inline: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
  }
  @media (min-width: 1024px) {
    .products-col-buy {
      grid-column-start: 2;
      grid-row: span 2 / span 2;
      align-self: start;
      position: sticky;
      top: 6rem;
      padding-inline: 0;
    }
  }

  
  .products-col-desc {
    order: 3;
    width: 100%;
    margin-inline: auto;
    margin-top: 0.5rem;
    padding: 1rem;
  }
  @media (min-width: 1024px) {
    .products-col-desc {
      grid-column-start: 1;
      grid-row-start: 2;
      margin-inline: 0;
      width: 100%;
      padding-inline: 0;
      padding-top: 1rem;
    }
  }

  
  .products-col-reviews {
    order: 4;
    width: 100%;
    margin-inline: auto;
    margin-top: 0.5rem;
    padding-inline: 0.5rem;
    padding-block: 1rem;
  }
  @media (min-width: 1024px) {
    .products-col-reviews {
      grid-column-start: 1;
      grid-row-start: 3;
      margin-inline: 0;
      padding-inline: 0;
    }
  }

  
  .products-col-resources { order: 5; width: 100%; margin-inline: auto; }
  @media (min-width: 1024px) {
    .products-col-resources { grid-column-start: 1; grid-row-start: 4; margin-inline: 0; }
  }

  

  
  .products-gallery { width: 100%; max-width: 100%; overflow: hidden; }

  
  .products-gallery__stack {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0.75rem;
    padding-inline: 0;
    padding-top: 0;
    padding-bottom: 0.5rem;
  }
  @media (min-width: 1024px) {
    .products-gallery__stack { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  }

  
  .products-gallery__frame {
    position: relative;
    order: 1;
    margin-inline: auto;
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
    border-radius: var(--r-xl);
    background-color: var(--surface-2);
  }

  
  .products-gallery__viewport { height: 100%; width: 100%; overflow: hidden; }

  
  .products-gallery__track {
    display: flex;
    height: 100%;
    touch-action: pan-y;
    transition-property: none !important;
  }

  
  .products-gallery__slide {
    position: relative;
    display: flex;
    height: 100%;
    min-width: 0;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 100%;
    align-items: center;
    justify-content: center;
    transform: translateZ(0);
    transition-property: none !important;
  }

  
  .products-gallery__media,
  .products-gallery__link {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .products-gallery__media { position: relative; }

  .products-media--contain { width: 100%; height: 100%; object-fit: contain; }
  .products-media--cover { width: 100%; height: 100%; object-fit: cover; }
  .products-media--fluid { width: 100%; height: auto; }

  
  .products-gallery__nav {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: inline-flex;
    width: 2.5rem;
    height: 2.5rem;
    translate: 0 -50%;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-full);
    border: 1px solid hsl(var(--input));
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    box-shadow: var(--shadow-sm);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: var(--dur);
  }
  .products-gallery__nav--prev { left: 1rem; }
  .products-gallery__nav--next { right: 1rem; }
  @media (hover: hover) {
    .products-gallery__nav:hover {
      background-color: hsl(var(--accent));
      color: hsl(var(--accent-foreground));
    }
  }
  .products-gallery__nav:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }
  .products-gallery__nav:disabled { pointer-events: none; opacity: 50%; }

  
  .products-thumbs {
    order: 2;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
  }
  .products-thumb__inner { position: relative; width: 100%; height: 100%; }

  
  .products-thumb__video {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in oklab, var(--black) 10%, transparent);
  }
  
  .products-thumb__play {
    background-color: color-mix(in oklab, var(--brand) 90%, transparent);
    border-radius: var(--r-full);
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-sm);
  }
  
  .products-thumb__play-icon { width: 0.75rem; height: 0.75rem; color: var(--white); margin-left: 0.125rem; }

  

  
  .products-card {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    padding: 1.25rem;
  }

  
  .products-card__title { font-size: 1.7rem; line-height: 1.25; }
  
  .products-card__tagline { margin-top: 0.25rem; font-size: var(--fs-sm); line-height: var(--lh-sm); font-weight: 500; }

  
  .products-rating {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.625rem;
    padding-bottom: 0.75rem;
  }
  .products-rating__stars { font-size: 0.95rem; }
  .products-rating__value,
  .products-rating__link { font-size: var(--fs-sm); line-height: var(--lh-sm); }

  
  .products-price { padding-top: 0.5rem; padding-bottom: 0.375rem; }
  
  .products-price__row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 0.75rem;
    row-gap: 0.375rem;
  }
  
  .products-price__was,
  .products-price__discount { align-items: center; }
  
  .products-price__suffix {
    font-size: var(--fs-2xl);
    line-height: var(--lh-2xl);
    color: var(--green-500);
  }
  
  .products-price__badge { display: inline-flex; align-items: center; }

  
  .products-step { padding-top: 1rem; }
  
  .products-step__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
  }
  
  .products-step__help {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.68rem;
    white-space: nowrap;
  }

  
  .products-routes { display: flex; gap: 0.625rem; }
  
  .products-route-btn {
    flex: 1 1 0%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 0.75rem;
    padding-block: 0.75rem;
  }
  .products-route__line { display: flex; align-items: center; }
  .products-route__icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .products-route__copy { min-width: 0; line-height: 1.25; }
  .products-route__name { display: block; font-size: 0.95rem; line-height: 1.25; }

  
  .products-licenses {
    width: 100%;
    gap: 0.625rem;
    transition-property: opacity, transform, translate, scale;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  
  .products-license-btn {
    flex: 1 1 0%;
    min-width: 0;
    display: flex;
    padding-inline: 0.5rem;
    padding-block: 0.75rem;
  }
  
  .products-license-btn--platform {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: left;
    gap: 0.75rem;
  }
  
  .products-license-btn--stacked {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  
  .products-license__copy { display: inline-flex; flex-direction: column; min-width: 0; }
  .products-license__copy--start { align-items: flex-start; }
  .products-license__copy--center { align-items: center; }
  
  .products-license__name { font-size: var(--fs-xs); line-height: 1.25; }
  
  .products-license__price-row {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    margin-top: 0.25rem;
    line-height: 1.25;
  }
  
  .products-license__price { font-size: var(--fs-lg); line-height: 1.25; }
  
  .products-license__save {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.25rem;
    line-height: 1.25;
  }

  
  .products-trust-strip {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 1rem;
    margin-bottom: 0.25rem;
  }
  
  .products-trust {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.375rem;
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
  }
  .products-trust__copy { line-height: 1.25; }
  .products-trust__line { display: block; }

  
  .products-divider--gap { margin-top: 0.75rem; }

  
  .products-payfoot {
    padding-top: 0.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
  
  .products-payicons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.875rem;
    flex-wrap: wrap;
  }
  
  .products-payicon--visa { color: var(--pay-visa); }
  .products-payicon--mastercard { color: var(--pay-mastercard); }
  .products-payicon--amex { color: var(--pay-amex); }
  .products-payicon--paypal { color: var(--pay-paypal); }
  .products-payicon--stripe { color: var(--pay-stripe); }
  .products-payicon--applepay { color: var(--pay-applepay); }

  
  .products-paynote {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5rem;
    row-gap: 0.25rem;
    flex-wrap: wrap;
    text-align: center;
    font-size: 0.7rem;
  }
  
  .products-paynote--block { padding-top: 0.75rem; text-align: center; font-size: 0.7rem; }
  
  .products-paynote--upsell { padding-top: 0.5rem; text-align: center; font-size: 0.7rem; }
  .products-paynote__sep { opacity: 60%; }
  
  .products-guarantee {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    text-underline-offset: 2px;
  }
  @media (hover: hover) { .products-guarantee:hover { text-decoration-line: underline; } }
  .products-secure { display: inline-flex; align-items: center; gap: 0.25rem; }

  

  .products-platform-head { display: flex; align-items: center; margin-bottom: 0.5rem; }
  
  .products-platforms { display: grid; gap: 0.625rem; }
  .products-platforms--1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .products-platforms--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .products-platforms--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  
  .products-platform {
    flex: 1 1 0%;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem;
  }
  
  .products-platform__logo {
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
    object-fit: contain;
    border-radius: 4px;
  }
  .products-platform__copy { min-width: 0; line-height: 1.25; }
  .products-platform__name { display: block; font-size: var(--fs-xs); line-height: var(--lh-xs); }
  .products-platform__sub { display: block; font-size: 0.62rem; margin-top: 0.125rem; }

  

  
  .products-modal {
    inset: 0;
    z-index: 1100;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in oklab, var(--black) 50%, transparent);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition-property: opacity;
    transition-timing-function: var(--ease);
    transition-duration: 300ms;
  }
  
  .products-modal__panel {
    position: relative;
    background-color: var(--surface);
    border-radius: var(--r-lg);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    width: 100%;
    max-width: 28rem;
    margin-inline: 1rem;
    overflow: hidden;
    transition-property: transform;
    transition-timing-function: var(--ease);
    transition-duration: 300ms;
  }
  .products-modal__panel--round { border-radius: var(--r-2xl); }

  
  .products-modal__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10;
    color: var(--gray-400);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: var(--dur);
  }
  @media (hover: hover) { .products-modal__close:hover { color: var(--gray-600); } }
  .products-modal__close-icon { font-size: var(--fs-xl); line-height: var(--lh-xl); }

  
  .products-modal__head {
    background-color: var(--surface-2);
    padding-inline: 1.5rem;
    padding-block: 1.25rem;
    border-bottom: 1px solid var(--line-soft);
    text-align: center;
  }
  .products-modal__title { font-size: var(--fs-xl); line-height: var(--lh-xl); font-weight: 700; color: var(--gray-900); }
  .products-modal__sub { font-size: var(--fs-sm); line-height: var(--lh-sm); color: var(--gray-500); margin-top: 0.25rem; }
  .products-modal__plan { font-weight: 600; color: var(--gray-700); }

  
  .products-modal__body { padding: 1.5rem; }
  .products-modal__body > * + * { margin-top: 1rem; }
  .products-modal__field > * + * { margin-top: 0.75rem; }

  
  .products-modal__label {
    display: block;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 600;
    color: var(--gray-900);
  }
  .products-modal__optional { font-weight: 400; color: var(--gray-400); }

  
  .products-modal__input {
    width: 100%;
    border-radius: var(--r-lg);
    border: 1px solid var(--line-2);
    background-color: var(--surface-2);
    padding-inline: 1rem;
    padding-block: 0.75rem;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--gray-900);
    outline: none;
    transition-property: border-color, background-color, box-shadow;
    transition-timing-function: var(--ease);
    transition-duration: 200ms;
  }
  .products-modal__input::placeholder { color: var(--gray-400); }
  .products-modal__input:focus {
    border-color: var(--brand);
    background-color: var(--surface);
  }
  .products-modal__input:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }
  .products-modal__input--round { border-radius: var(--r-xl); }
  .products-modal__input--indigo:focus { border-color: var(--indigo-500); }

  
  .products-modal__consent {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: var(--fs-xs);
    line-height: 1.625;
    color: var(--gray-500);
  }
  
  .products-modal__checkbox {
    margin-top: 0.125rem;
    height: 1rem;
    width: 1rem;
    border-radius: var(--r);
    border-color: var(--ink-dim);
    color: var(--brand-600);
  }
  .products-modal__checkbox:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }
  .products-modal__checkbox--indigo { color: var(--indigo-600); }

  
  .products-modal__status {
    min-height: 1rem;
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    font-weight: 500;
    color: var(--emerald-600);
  }

  
  .products-modal__pay {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1rem;
    border: 2px solid var(--line-2);
    border-radius: var(--r-lg);
    transition-property: border-color, background-color;
    transition-timing-function: var(--ease);
    transition-duration: var(--dur);
  }
  .products-modal__pay--round { border-radius: var(--r-xl); }
  @media (hover: hover) {
    .products-modal__pay--card:hover { border-color: var(--brand); background-color: var(--orange-50); }
    .products-modal__pay--card-indigo:hover { border-color: var(--indigo-500); background-color: var(--indigo-50); }
    .products-modal__pay--paypal:hover { border-color: var(--blue-500); background-color: var(--blue-50); }
    .products-modal__pay:hover .products-modal__pay-icon { background-color: var(--surface); }
    .products-modal__pay--card:hover .products-modal__pay-glyph { color: var(--brand-600); }
    .products-modal__pay--card-indigo:hover .products-modal__pay-glyph { color: var(--indigo-600); }
    .products-modal__pay--card:hover .products-modal__pay-chevron { color: var(--brand); }
    .products-modal__pay--card-indigo:hover .products-modal__pay-chevron { color: var(--indigo-500); }
    .products-modal__pay--paypal:hover .products-modal__pay-chevron { color: var(--blue-500); }
  }
  .products-modal__pay-row { display: flex; align-items: center; gap: 0.75rem; }
  
  .products-modal__pay-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--line-soft);
    border-radius: var(--r-lg);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: var(--dur);
  }
  
  .products-modal__pay-glyph { color: var(--gray-600); font-size: var(--fs-lg); line-height: var(--lh-lg); }
  
  .products-modal__pay-glyph--paypal { color: var(--blue-600); font-size: var(--fs-xl); line-height: var(--lh-xl); }
  .products-modal__pay-copy { text-align: left; }
  .products-modal__pay-name { font-weight: 700; color: var(--gray-900); }
  .products-modal__pay-note { font-size: var(--fs-xs); line-height: var(--lh-xs); color: var(--gray-500); }
  .products-modal__pay-chevron { color: var(--ink-dim); }

  
  .products-modal__foot {
    background-color: var(--surface-2);
    padding-inline: 1.5rem;
    padding-block: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
  .products-modal__secure {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--gray-500);
  }
  .products-modal__secure-icon { color: var(--green-500); }
  
  .products-modal__cards {
    display: flex;
    gap: 1rem;
    opacity: 70%;
    font-size: var(--fs-2xl);
    line-height: var(--lh-2xl);
    color: var(--gray-600);
  }
  .products-modal__cards i {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: var(--dur);
  }
  @media (hover: hover) {
    .products-modal__cards .fa-cc-visa:hover { color: var(--blue-800); }
    .products-modal__cards .fa-cc-mastercard:hover { color: var(--danger); }
    .products-modal__cards .fa-cc-amex:hover { color: var(--blue-500); }
    .products-modal__cards .fa-cc-apple-pay:hover { color: var(--black); }
  }

  

  
  .products-info-card {
    display: flex;
    flex-direction: column;
    position: sticky;
    z-index: 10;
    width: 100%;
    max-width: 100%;
    border-radius: var(--r-xl);
    padding: 1.5rem 1rem;
    overflow: visible;
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  @media (min-width: 1024px) { .products-info-card { padding-inline: 1rem; padding-block: 1rem; } }

  
  .products-info-card__title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
  }
  
  .products-info-card__meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
    padding-block: 0.3rem;
    border-bottom: 1px solid var(--line-2);
  }
  
  .products-info-card__price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    margin-bottom: 1rem;
    gap: 0.4rem;
  }
  @media (min-width: 1536px) { .products-info-card__price { margin-bottom: 1rem; gap: 0.5rem; } }
  
  .products-info-card__subtitle {
    font-size: var(--fs-base);
    line-height: 1.5;
    color: var(--gray-800);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--line-2);
  }
  
  .products-info-card__cta { width: 100%; margin-block: 0.5rem; }

  
  .products-options { margin-bottom: 0.25rem; }
  
  .products-options__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  
  .products-options__tab { display: flex; flex-direction: column; align-items: flex-start; }
  @media (min-width: 768px) { .products-options__tab { width: auto; } }
  
  .products-option-btn {
    padding-inline: 1rem;
    padding-block: 0.5rem;
    border-radius: var(--r-lg);
    font-weight: 500;
    display: flex;
    align-items: center;
    box-shadow: var(--shadow-md);
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .products-option-btn--icon { gap: 0.5rem; }
  
  .products-option-btn--on { background-color: var(--black); color: var(--white); }
  
  .products-option-btn--off { background-color: var(--line-soft); color: var(--gray-800); }
  @media (hover: hover) { .products-option-btn--off:hover { background-color: var(--line-2); } }
  
  .products-option-btn__icon { width: 1rem; height: 1rem; text-align: center; }

  
  .products-variants {
    width: 100%;
    margin-top: 0.75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.5rem;
    transition-property: opacity, transform, translate, scale;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  
  .products-variant-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: auto;
    border: 1px solid;
    border-radius: var(--r-lg);
    min-width: 100px;
    padding-inline: 1rem;
    padding-block: 0.75rem;
    font-weight: 600;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .products-variant-btn--on {
    background-color: var(--black);
    color: var(--white);
    border-color: var(--black);
    box-shadow: var(--shadow-md);
  }
  
  .products-variant-btn--off {
    background-color: var(--surface);
    color: var(--gray-700);
    border-color: var(--line-2);
  }
  @media (hover: hover) {
    .products-variant-btn--off:hover { border-color: var(--ink-dim); background-color: var(--surface-2); }
  }

  
  .products-pd__row { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; }
  .products-pd__row--now { margin-block: 0.25rem; }
  .products-pd__col { display: flex; flex-direction: column; }
  .products-pd__col--start { align-items: flex-start; }
  
  .products-pd__label {
    font-size: var(--fs-xs);
    font-weight: 400;
    color: var(--gray-500);
    opacity: 0.85;
    text-transform: lowercase;
    letter-spacing: 0.02em;
    line-height: 1;
  }
  .products-pd__label--now { margin-bottom: 0.25rem; }
  .products-pd__label--was { margin-bottom: -0.125rem; }
  
  .products-pd__super { margin-left: 0.25rem; font-size: var(--fs-xs); color: var(--gray-400); }
  
  .products-pd__now { font-size: var(--fs-5xl); line-height: var(--lh-5xl); font-weight: 700; color: var(--green-500); }
  
  .products-pd__period { font-size: var(--fs-sm); line-height: var(--lh-sm); font-weight: 500; color: var(--gray-700); }
  
  .products-pd__was {
    position: relative;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--gray-500);
  }
  @media (min-width: 640px) { .products-pd__was { font-size: 1.8rem; } }
  
  .products-pd__slash {
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    height: 3.5px;
    background-color: color-mix(in oklab, var(--danger) 90%, transparent);
    transform-origin: right;
    rotate: -8deg;
    transform: translateZ(0);
    box-shadow: 0 4px 6px -1px color-mix(in oklab, var(--red-500) 30%, transparent),
                0 2px 4px -2px color-mix(in oklab, var(--red-500) 30%, transparent);
  }
  .products-pd__discount { display: flex; align-items: center; }
  
  .products-pd__badge {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to right, var(--red-700), var(--danger), var(--red-700));
    color: var(--white);
    font-weight: 900;
    padding-block: 0.125rem;
    padding-inline: 0.5rem;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    position: relative;
    overflow: hidden;
    margin-left: 0.5rem;
    border: 1px solid color-mix(in oklab, var(--red-800) 30%, transparent);
    border-radius: var(--r-sm);
    box-shadow: 0 1px 3px 0 color-mix(in oklab, var(--red-800) 20%, transparent),
                0 1px 2px -1px color-mix(in oklab, var(--red-800) 20%, transparent);
  }
  .products-pd__badge-text { font-weight: 800; letter-spacing: 0.025em; }
  
  .products-pd__shine {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to right, transparent, color-mix(in oklab, var(--white) 20%, transparent), transparent);
    transform: skewX(-12deg);
  }

  
  .products-badges { margin-top: 0.25rem !important; padding-top: 0.25rem !important; }
  .products-badges__stack { display: flex; flex-direction: column; align-items: center; }
  .products-badges__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem !important;
  }
  .products-badges__marks { display: flex; align-items: center; gap: 1rem; }
  @media (min-width: 1024px) { .products-badges__marks { gap: 1.5rem; } }
  .products-badges__mark { font-size: var(--fs-2xl); line-height: var(--lh-2xl); }
  .products-badges__mark--visa { color: var(--link); }
  .products-badges__mark--mastercard { color: var(--danger); }
  .products-badges__mark--amex { color: var(--blue-500); }
  .products-badges__mark--paypal { color: var(--blue-800); }
  .products-badges__mark--applepay { color: var(--gray-800); }
  .products-badges__mark--stripe { color: var(--indigo-600); margin-inline: 0.25rem !important; font-size: var(--fs-2xl); line-height: var(--lh-2xl); }
  .products-badges__notes { display: flex; align-items: center; justify-content: center; gap: 0.75rem; flex-wrap: wrap; }
  .products-badges__note {
    display: inline-flex;
    align-items: center;
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--gray-600);
  }
  .products-badges__note-icon { height: 1rem; width: 1rem; margin-right: 0.25rem !important; }
  .products-badges__note-icon--blue { color: var(--blue-500); }
  .products-badges__note-icon--green { color: var(--green-500); }

  

  
  .products-faq { padding-block: 4rem; }
  @media (min-width: 768px) { .products-faq { padding-block: 6rem; } }

  
  .products-faq__heading {
    margin-bottom: 1rem;
    text-align: center;
    font-size: var(--fs-3xl);
    line-height: var(--lh-3xl);
    font-weight: 700;
    color: var(--gray-900);
  }
  @media (min-width: 768px) {
    .products-faq__heading { font-size: var(--fs-4xl); line-height: var(--lh-4xl); }
  }
  
  .products-faq__heading--pro {
    margin-bottom: 1rem;
    background-image: linear-gradient(to right, var(--danger), var(--amber-500));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  
  .products-faq__intro {
    margin-inline: auto;
    margin-bottom: 3rem;
    max-width: 42rem;
    text-align: center;
    font-size: var(--fs-lg);
    line-height: 1.625;
    color: var(--gray-600);
  }
  @media (min-width: 768px) { .products-faq__intro { font-size: var(--fs-xl); } }
  
  .products-faq__intro-link {
    font-weight: 600;
    color: var(--brand-600);
    text-underline-offset: 4px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: var(--dur);
  }
  @media (hover: hover) {
    .products-faq__intro-link:hover { color: var(--brand-700); text-decoration-line: underline; }
  }

  .products-faq__list-wrap { margin-inline: auto; max-width: 48rem; padding-inline: 1rem; }
  .products-faq__list > * + * { margin-top: 1rem; }

  
  .products-faq__item {
    border-radius: var(--r-2xl);
    border: 1px solid var(--line-2);
    background-color: var(--surface);
    box-shadow: var(--shadow-sm);
    transition-property: border-color, background-color, box-shadow;
    transition-timing-function: var(--ease);
    transition-duration: var(--dur);
  }
  @media (hover: hover) {
    .products-faq__item:hover { border-color: var(--amber-300); box-shadow: var(--shadow-md); }
  }
  .products-faq__item[data-state="open"] {
    border-color: var(--amber-400);
    background-color: color-mix(in oklab, var(--amber-50) 40%, transparent);
    box-shadow: var(--shadow-md);
  }

  .products-faq__q { margin: 0; }

  
  .products-faq__trigger {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-radius: var(--r-2xl);
    padding-inline: 1.25rem;
    padding-block: 1.25rem;
    text-align: left;
  }
  @media (min-width: 768px) { .products-faq__trigger { padding-inline: 1.5rem; } }
  .products-faq__trigger:focus { outline: none; }
  .products-faq__trigger:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }

  
  .products-faq__label {
    font-size: var(--fs-lg);
    font-weight: 700;
    line-height: 1.375;
    color: var(--slate-800);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: var(--dur);
  }
  @media (min-width: 768px) { .products-faq__label { font-size: var(--fs-xl); } }
  @media (hover: hover) {
    .products-faq__item:hover .products-faq__label { color: var(--amber-700); }
  }
  .products-faq__item[data-state="open"] .products-faq__label { color: var(--amber-700); }

  
  .products-faq__chevron {
    display: flex;
    height: 2.25rem;
    width: 2.25rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-full);
    border: 1px solid var(--line-2);
    background-color: var(--surface-2);
    color: var(--gray-500);
    transition-property: color, background-color, background-image, border-color, box-shadow, rotate, transform;
    transition-timing-function: var(--ease);
    transition-duration: var(--dur);
  }
  @media (hover: hover) {
    .products-faq__item:hover .products-faq__chevron { border-color: var(--amber-300); color: var(--amber-600); }
  }
  .products-faq__item[data-state="open"] .products-faq__chevron {
    rotate: 180deg;
    border-color: transparent;
    background-image: linear-gradient(to bottom right, var(--brand), var(--amber-500));
    color: var(--white);
    box-shadow: 0 1px 3px 0 color-mix(in oklab, var(--brand) 30%, transparent),
                0 1px 2px -1px color-mix(in oklab, var(--brand) 30%, transparent);
  }
  .products-faq__chevron-icon { height: 1rem; width: 1rem; }

  
  .products-faq__panel {
    overflow: hidden;
    transition-property: height;
    transition-duration: var(--dur);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  @media (prefers-reduced-motion: reduce) {
    .products-faq__panel { transition-property: none; }
  }

  
  .products-faq__answer {
    padding-inline: 1.25rem;
    padding-bottom: 1.25rem;
    padding-top: 0;
    font-size: var(--fs-base);
    line-height: 1.625;
    color: var(--gray-600);
  }
  .products-faq__answer p { margin: 0; }
  .products-faq__answer p + p { margin-top: 0.75rem; }
  @media (min-width: 768px) {
    .products-faq__answer { padding-inline: 1.5rem; font-size: var(--fs-lg); }
  }

  

  
  .products-testimonials {
    position: relative;
    overflow: visible;
    background-color: transparent;
    margin-top: 4rem;
  }
  
  .products-testimonials__title { position: relative; color: var(--gray-900); margin-bottom: 1rem; z-index: 10; }
  
  .products-grad--amber {
    position: relative;
    display: inline-block;
    background-image: linear-gradient(to right, var(--amber-500), var(--yellow-400));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  
  .products-grad--red {
    background-image: linear-gradient(to right, var(--danger), var(--amber-600));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  
  .products-testimonials__sub {
    font-size: var(--fs-3xl);
    line-height: 1.25;
    font-weight: 800;
    color: var(--gray-800);
    text-align: center;
    margin-bottom: 2.5rem;
    padding-bottom: 1rem;
    position: relative;
    opacity: 0%;
    animation: fadeInUp 0.8s ease-out forwards;
    max-width: 56rem;
    margin-inline: auto;
    z-index: 10;
  }
  @media (min-width: 768px) { .products-testimonials__sub { font-size: var(--fs-4xl); } }
  
  .products-testimonials__p {
    color: var(--gray-700);
    font-size: var(--fs-xl);
    line-height: 1.625;
    margin-bottom: 1.25rem;
  }
  .products-testimonials__p--last { margin-bottom: 0; }
  
  .products-mark {
    position: relative;
    color: var(--gray-900);
    font-weight: 600;
    padding-inline: 0.125rem;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: var(--dur);
  }
  @media (hover: hover) {
    .products-mark:hover { background-color: color-mix(in oklab, var(--amber-100) 50%, transparent); }
  }
  
  .products-proof {
    position: relative;
    overflow: hidden;
    padding-block: 1rem !important;
    padding-inline: 0 !important;
  }
  
  .products-testimonial-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
  }
  @media (min-width: 640px) {
    .products-testimonial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  
  .products-testimonial-card {
    position: relative;
    overflow: hidden;
    padding: 1.25rem;
    border-radius: var(--r-xl);
    background-color: var(--surface);
    box-shadow: var(--shadow-lg);
    border: 1px solid color-mix(in oklab, var(--brand) 10%, transparent);
    transition-property: box-shadow, translate, scale, transform, z-index;
    transition-timing-function: var(--ease);
    transition-duration: 500ms;
    scale: 100% 100%;
    translate: 0 0;
    opacity: 100%;
  }
  .products-testimonial-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0.25rem;
    height: 2rem;
    background-image: linear-gradient(to bottom, var(--amber-500), var(--yellow-400));
    border-top-left-radius: var(--r-xl);
    border-bottom-right-radius: var(--r);
    transition-property: height, background-image;
    transition-timing-function: var(--ease);
    transition-duration: var(--dur);
  }
  @media (hover: hover) {
    .products-testimonial-card:hover {
      translate: 0 -5px;
      scale: 101% 101%;
      box-shadow: 0 20px 25px -5px color-mix(in oklab, var(--amber-500) 15%, transparent),
                  0 8px 10px -6px color-mix(in oklab, var(--amber-500) 15%, transparent);
      z-index: 10;
    }
    .products-testimonial-card:hover::before { height: 4rem; }
  }
  
  .products-testimonial-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--r-xl);
    border: 1px solid color-mix(in oklab, var(--brand) 10%, transparent);
    transition-property: transform, scale, filter;
    transition-timing-function: var(--ease);
    transition-duration: var(--dur);
  }
  @media (hover: hover) {
    .products-testimonial-img:hover { scale: 102% 102%; filter: brightness(105%); }
  }
  .products-discord { margin-top: 4rem; }

  

  .products-clarity { position: relative; border-radius: var(--r-2xl); }
  
  .products-clarity__inner {
    position: relative;
    max-width: var(--shell);
    margin-inline: auto;
    text-align: left;
    z-index: 10;
  }
  
  .products-clarity__title { margin-bottom: 2.5rem; margin-top: 4rem; }
  @media (min-width: 768px) { .products-clarity__title { margin-bottom: 3rem; } }
  
  
  .products-clarity__body { margin-bottom: 2rem; }
  
  .products-clarity__p { margin-bottom: 1rem; font-size: var(--fs-xl); line-height: 1.625; }
  .products-strong { font-weight: 700; }
  .products-em { font-style: italic; }
  
  .products-link-inline {
    text-decoration-line: underline;
    text-decoration-color: var(--orange-300);
    text-underline-offset: 4px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-timing-function: var(--ease);
    transition-duration: var(--dur);
  }
  @media (hover: hover) {
    .products-link-inline:hover { color: var(--brand-700); text-decoration-color: var(--brand); }
  }
  
  .products-clarity__shot {
    position: relative;
    margin-inline: auto;
    max-width: 100%;
    overflow: hidden;
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-lg);
  }

  

  .products-showcase { position: relative; padding-block: 1rem; }
  
  .products-showcase__title {
    position: relative;
    margin-top: 4rem;
    margin-bottom: 1rem;
    background-image: linear-gradient(to right, var(--danger), var(--amber-500));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  @media (min-width: 768px) { .products-showcase__title { margin-top: 6rem; } }
  
  .products-showcase__inner { padding-block: 3rem; margin-inline: auto; }
  .products-showcase__lead {
    max-width: 44rem;
    margin-inline: auto;
    text-align: center;
    font-size: var(--fs-base);
    line-height: 1.6;
    color: var(--gray-600);
  }
  
  .products-showcase__group-title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    font-size: var(--fs-xl);
    font-weight: 700;
    line-height: 1.25;
    color: var(--gray-800);
  }
  .products-showcase__group-icon { width: 2.5rem; height: 2.5rem; border-radius: var(--r-lg); }
  
  .products-showcase .plist-card__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .products-showcase .plist-card__desc { -webkit-line-clamp: 3; }
  .products-showcase .plist-card__foot { padding-inline: var(--space-3); }
  
  .products-showcase .plist-card__shot {
    width: 78%;
    margin: var(--space-3) auto 0;
    border-radius: var(--r-xl);
  }
  .products-showcase .plist-card__shot--emoji { font-size: var(--fs-5xl); }
  
  .products-showcase__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(min(100%, 10.5rem), calc((100% - 2rem) / 3)), 1fr));
    grid-auto-rows: 1fr;   
    gap: 0.75rem;
  }
  @media (min-width: 640px) { .products-showcase__grid { gap: 1rem; } }


  

  
  .products-hero__cta {
    min-height: 0;
    line-height: 1.5;
    border: 1px solid color-mix(in oklab, var(--white) 10%, transparent);
    color: var(--white) !important;
  }
  .products-hero__cta .rr-icon,
  .products-hero__cta span { color: var(--white) !important; }
  
}@layer components{.products-headline-part { display: inline-block; }
  .products-headline-line { display: block; }
}@layer components{@media (max-width: 639.98px) {
    
    .products-layout { padding-bottom: var(--space-4); }
    
    .products-related .plist-suggest { margin-block: 0 var(--space-10); padding-top: var(--space-8); }
    .products-col-buy { padding-inline: var(--gutter); padding-bottom: var(--space-2); }
    .products-col-desc { margin-top: 0; padding: var(--space-4) var(--gutter); }
    .products-col-reviews { margin-top: 0; padding-inline: var(--gutter); }
    .products-card { padding: var(--space-4); }

    
    .products-gallery__stack { gap: var(--space-2); padding-bottom: 0; }
    .products-gallery__frame--wide { aspect-ratio: 16 / 9; }

    
    .products-faq { padding-block: var(--space-10); }
    .products-faq__intro { margin-bottom: var(--space-6); }
    .products-faq__list-wrap { padding-inline: 0; }
    .products-faq__list > * + * { margin-top: var(--space-3); }

    
    .products-clarity__title { margin-top: var(--space-6); margin-bottom: var(--space-6); }
    .products-clarity__body { margin-bottom: var(--space-6); }

    
    .products-showcase { padding-block: 0; }
    .products-showcase__title { margin-top: var(--space-10); }
    .products-showcase__inner { padding-block: var(--space-4) 0; }
    .products-showcase__group-title {
      margin-top: var(--space-6);
      margin-bottom: var(--space-3);
      font-size: var(--fs-lg);
    }
    .products-showcase__grid {
      grid-template-columns: minmax(0, 1fr);
      grid-auto-rows: auto;
      gap: var(--space-2);
    }
    .products-showcase .plist-card {
      display: grid;
      grid-template-columns: calc(var(--space-12) + var(--space-2)) minmax(0, 1fr) auto;
      align-items: center;
      column-gap: var(--space-3);
      padding: var(--space-3);
      border-radius: var(--r-xl);
    }
    .products-showcase .plist-card__shot {
      width: 100%;
      margin: 0;
      border-radius: var(--r-lg);
    }
    .products-showcase .plist-card__shot--emoji { font-size: var(--fs-2xl); }
    .products-showcase .plist-card__body { padding: 0; gap: 0; }
    .products-showcase .plist-card__title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: normal;
      text-overflow: clip;
      font-size: var(--fs-base);
      line-height: 1.3;
    }
    .products-showcase .plist-card__desc { display: none; }
    .products-showcase .plist-card__foot {
      gap: var(--space-2);
      padding: 0;
      border-top: 0;
    }
    
    .products-showcase .plist-card__go { font-size: 0; color: var(--ink-soft); }

    
    .products-testimonials { margin-top: var(--space-10); }
    .products-testimonials__sub { margin-bottom: var(--space-6); padding-bottom: 0; }
    .products-testimonial-grid { gap: var(--space-4); margin-top: var(--space-6); }
    
    .products-testimonial-card { padding: 0; }
    .products-testimonial-grid[data-more="collapsed"] > [data-more-extra] { display: none; }
    .products-testimonial-grid > [data-more-extra] {
      transition: opacity var(--dur-enter) var(--ease-enter), translate var(--dur-enter) var(--ease-enter);
    }
    @starting-style {
      .products-testimonial-grid[data-more="open"] > [data-more-extra] { opacity: 0; translate: 0 var(--space-3); }
    }
    .button.products-more { display: flex; width: 100%; margin-top: var(--space-4); }
    .products-discord { margin-top: var(--space-8); }
  }

  .button.products-more[hidden] { display: none; }
  @media (min-width: 640px) { .button.products-more { display: none; } }
  @media (prefers-reduced-motion: reduce) {
    .products-testimonial-grid > [data-more-extra] { transition: none; }
  }

  
  .products-buybar {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: var(--z-sticky);
    padding: var(--space-2) var(--gutter) calc(var(--space-2) + env(safe-area-inset-bottom));
    border-top: 1px solid var(--line);
    background-color: var(--surface);
    opacity: 0;
    translate: 0 var(--space-3);
    visibility: hidden;
    transition:
      opacity var(--dur-exit) var(--ease-exit),
      translate var(--dur-exit) var(--ease-exit),
      visibility 0s linear var(--dur-exit);
  }
  .products-buybar[data-state="shown"] {
    opacity: 1;
    translate: 0 0;
    visibility: visible;
    transition:
      opacity var(--dur-enter) var(--ease-enter),
      translate var(--dur-enter) var(--ease-enter),
      visibility 0s linear 0s;
  }
  @media (min-width: 640px) { .products-buybar { display: none; } }
  @media (prefers-reduced-motion: reduce) {
    .products-buybar,
    .products-buybar[data-state="shown"] { transition-duration: 0s; transition-delay: 0s; }
  }
  .products-buybar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
  }
  .products-buybar__price { display: flex; flex-direction: column; min-width: 0; }
  .products-buybar__now {
    font-size: var(--fs-xl);
    line-height: var(--lh-xl);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--green-600);
  }
  .products-buybar__plan {
    overflow: hidden;
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--ink-muted);
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .products-buybar__cta {
    flex: 0 0 auto;
    min-height: var(--space-12);
    padding-inline: var(--space-6);
  }
  
  body[data-buybar="shown"] { --fab-lift: calc(var(--space-16) + var(--space-1) + env(safe-area-inset-bottom)); }
}@layer components{.plist-hero { padding-block: var(--space-10) var(--space-8); }

  .plist-hero__inner { display: flex; flex-direction: column; gap: var(--space-4); max-width: 55rem; }

  .plist-hero__title { color: var(--ink); }

  .plist-hero__lede { margin: 0; }

  

  
  .plist-pro {
    display: grid;
    gap: var(--space-8);
    align-items: center;
    padding: var(--space-6);
    border-radius: var(--r-3xl);
    background-color: var(--gray-950);
  }
  @media (min-width: 1024px) {
    .plist-pro { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: var(--space-10); }
  }

  .plist-pro__text { display: flex; flex-direction: column; gap: var(--space-4); }

  .plist-pro__title { margin: 0; color: var(--ink); }

  .plist-pro__lede { margin: 0; }

  
  .plist-pro__media picture,
  .plist-card__shot picture { display: contents; }

  .plist-pro__media { display: block; }

  .plist-pro__shot {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--r-xl);
  }

  .plist-pro__cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-4);
    margin-top: var(--space-2);
  }

  .plist-pro__price {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--ink-muted);
  }

  .plist-pro__price strong { color: var(--ink); }

  

  .plist-paths {
    display: grid;
    gap: var(--space-5);
    margin-top: var(--space-5);
  }
  @media (min-width: 1024px) {
    .plist-paths { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }

  .plist-path {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-6);
    border: 1px solid var(--line);
    border-radius: var(--r-2xl);
    background-color: var(--surface);
  }

  
  .plist-path--pro { border-color: var(--gray-950); background-color: var(--gray-950); }

  .plist-path__price { display: flex; align-items: baseline; gap: var(--space-2); }

  .plist-path__amount {
    font-size: var(--fs-4xl);
    line-height: 1;
    font-weight: 800;
    color: var(--ink);
  }

  .plist-path__unit { font-size: var(--fs-base); color: var(--ink-muted); }

  .plist-path__cta { margin-top: auto; align-self: flex-start; }

  
  .plist-facts {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin: 0;
    padding: 0;
    list-style: none;
    flex-grow: 1;
    font-size: var(--fs-base);
    color: var(--ink-body);
  }

  .plist-facts li { display: flex; align-items: center; gap: var(--space-2); }

  

  .plist-icon { width: 1rem; height: 1rem; flex-shrink: 0; }

  .plist-icon--tick { width: 1.125rem; height: 1.125rem; color: var(--orange-800); }

  .plist-icon--star { color: var(--amber-600); }

  
  .surface-dark .plist-icon--tick { color: var(--brand-400); }
  .surface-dark .plist-icon--star { color: var(--amber-400); }

  

  
  
  .plist-filterbar {
    padding-top: var(--space-3);
    background-color: var(--surface-2);
  }
  @media (min-width: 1024px) {
    .plist-filterbar {
      position: sticky;
      top: 0;
      z-index: var(--z-sticky);
      transition: top var(--dur) var(--ease);
    }
    body[data-scrollheader="visible"] .plist-filterbar { top: var(--scroll-header-h); }
    
    .plist-section { scroll-margin-top: var(--space-24); }
  }

  
  .plist-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--line);
  }

  .plist-search {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 2.75rem;
    padding-inline: var(--space-3);
    flex: 1 1 15rem;
    max-width: 22rem;
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    background-color: var(--surface);
    color: var(--ink-soft);
    transition: border-color var(--dur) var(--ease);
  }

  
  .plist-search:has(input:focus-visible) {
    border-color: var(--field-focus-border);
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }

  .plist-search__input {
    flex-grow: 1;
    min-width: 0;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: var(--fs-sm);
    color: var(--ink);
  }

  .plist-search__input:focus-visible { outline: none; }

  .plist-search[hidden],
  .plist-sort[hidden] { display: none; }

  .plist-chips { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); min-inline-size: 0; margin: 0; padding: 0; border: 0; }

  .plist-chip {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 2.5rem;
    padding-inline: var(--space-4);
    border: 1px solid var(--line);
    border-radius: var(--r-full);
    background-color: var(--surface);
    font: inherit;
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--ink-2);
    cursor: pointer;
    transition: background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);
  }

  .plist-chip:hover { border-color: var(--brand-400); color: var(--ink); }

  .plist-radio:checked + .plist-chip {
    background-color: var(--ink);
    border-color: var(--ink);
    color: var(--white);
  }

  .plist-chip__n { font-weight: 400; color: var(--ink-soft); }

  .plist-radio:checked + .plist-chip .plist-chip__n { color: var(--orange-200); }

  
  .plist-radio:focus-visible + .plist-chip,
  .plist-radio:focus-visible + .plist-seg__btn { outline: var(--focus-outline); outline-offset: var(--focus-offset); }

  
  .plist-seg {
    display: inline-flex;
    gap: 2px;
    padding: var(--space-1);
    margin: 0;
    border: 0;
    border-radius: var(--r-full);
    background-color: var(--gray-100);
  }

  .plist-seg__btn {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    min-height: 2rem;
    padding-inline: var(--space-3);
    border: 0;
    border-radius: var(--r-full);
    background: transparent;
    font: inherit;
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--ink-muted);
    cursor: pointer;
    transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease);
  }

  .plist-radio:checked + .plist-seg__btn {
    background-color: var(--surface);
    color: var(--ink);
    box-shadow: var(--shadow-sm);
  }

  
  .plist-sort { position: relative; display: flex; align-items: center; gap: var(--space-2); margin-left: auto; color: var(--ink-soft); }

  .plist-sort::after {
    content: "";
    position: absolute;
    right: var(--space-4);
    top: 50%;
    width: 0.45rem;
    height: 0.45rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    translate: 0 -70%;
    rotate: 45deg;
    pointer-events: none;
  }

  .plist-sort__select {
    appearance: none;
    -webkit-appearance: none;
    min-height: 2.75rem;
    padding-block: var(--space-2);
    padding-inline: var(--space-4) var(--space-10);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    background-color: var(--surface);
    font: inherit;
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--ink);
    cursor: pointer;
    transition: border-color var(--dur) var(--ease);
  }

  .plist-sort__select:hover { border-color: var(--brand-400); }
  .plist-sort__select:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }

  
  .plist-status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3);
    min-height: 2.75rem;
    padding-block: var(--space-2);
  }

  .plist-count { margin: 0; font-size: var(--fs-sm); color: var(--ink-muted); }

  .plist-active { display: flex; flex-wrap: wrap; gap: var(--space-2); }

  .plist-tag {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    min-height: 1.75rem;
    padding-inline: var(--space-3);
    border: 1px solid var(--line);
    border-radius: var(--r-full);
    background-color: var(--surface);
    font: inherit;
    font-size: var(--fs-xs);
    color: var(--ink-2);
    cursor: pointer;
    transition: border-color var(--dur) var(--ease);
  }

  .plist-tag:hover { border-color: var(--brand-400); }

  .plist-clear {
    border: 0;
    background: none;
    padding-inline: var(--space-1);
    font: inherit;
    font-size: var(--fs-xs);
    font-weight: 700;
    color: var(--orange-800);
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
  }

  

  .plist-section { padding-block: var(--space-6) var(--space-8); }

  .plist-section[hidden] { display: none; }

  
  .plist-shop:has([name="plist-category"][value="levels"]:checked) .plist-card:not([data-category="levels"]),
  .plist-shop:has([name="plist-category"][value="structure"]:checked) .plist-card:not([data-category="structure"]),
  .plist-shop:has([name="plist-category"][value="trend"]:checked) .plist-card:not([data-category="trend"]),
  .plist-shop:has([name="plist-category"][value="signals"]:checked) .plist-card:not([data-category="signals"]),
  .plist-shop:has([name="plist-category"][value="sessions"]:checked) .plist-card:not([data-category="sessions"]),
  .plist-shop:has([name="plist-price"][value="free"]:checked) .plist-card:not([data-price="0"]),
  .plist-shop:has([name="plist-price"][value="paid"]:checked) .plist-card[data-price="0"],
  .plist-shop:has([name="plist-category"][value="levels"]:checked) .plist-section:not(:has([data-category="levels"])),
  .plist-shop:has([name="plist-category"][value="structure"]:checked) .plist-section:not(:has([data-category="structure"])),
  .plist-shop:has([name="plist-category"][value="trend"]:checked) .plist-section:not(:has([data-category="trend"])),
  .plist-shop:has([name="plist-category"][value="signals"]:checked) .plist-section:not(:has([data-category="signals"])),
  .plist-shop:has([name="plist-category"][value="sessions"]:checked) .plist-section:not(:has([data-category="sessions"])),
  body:has(.plist-radio:checked:not([value="all"])) .plist-value { display: none; }

  .plist-sechead {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--space-4);
    padding-bottom: var(--space-5);
  }

  .plist-sechead__title { margin: 0; color: var(--ink); }

  .plist-sechead__sub {
    margin: var(--space-2) 0 0;
    max-width: 42rem;
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    color: var(--ink-muted);
  }

  .plist-sechead__meta {
    font-size: var(--fs-sm);
    color: var(--ink-soft);
    white-space: nowrap;
  }

  
  .plist-grid {
    display: grid;
    gap: var(--space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  
  @media (max-width: 374.98px) { .plist-grid { grid-template-columns: minmax(0, 1fr); } }
  @media (min-width: 640px)  { .plist-grid { gap: var(--space-5); } }
  @media (min-width: 1024px) { .plist-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  @media (min-width: 1280px) { .plist-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

  
  @media (min-width: 1024px) { .plist-grid--hub { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

  

  
  .plist-card {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--line);
    border-radius: var(--r-2xl);
    background-color: var(--surface);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    transition:
      border-color var(--dur-state) var(--ease-exit),
      box-shadow var(--dur-state) var(--ease-exit),
      transform var(--dur-state) var(--ease-exit);
  }

  
  .plist-card:hover {
    border-color: var(--card-hover-border);
    box-shadow: var(--card-hover-shadow);
    transform: translateY(var(--card-hover-lift));
  }
  @media (prefers-reduced-motion: reduce) { .plist-card:hover { transform: none; } }

  .plist-card:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }

  .plist-card[hidden] { display: none; }

  
  .plist-card__shot {
    display: block;
    aspect-ratio: 1;
    overflow: hidden;
    background-color: var(--gray-950);
  }

  
  .plist-card__shot--emoji {
    display: grid;
    place-items: center;
    background-color: var(--slate-50);
    font-size: var(--fs-6xl);
    line-height: 1;
  }

  .plist-card__shot img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .plist-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    flex-grow: 1;
    padding: var(--space-3) var(--space-3) var(--space-4);
  }
  @media (min-width: 640px) { .plist-card__body { padding-inline: var(--space-4); } }

  
  .plist-card__cat { color: var(--orange-800); }

  .plist-card__title { font-size: var(--fs-base); line-height: 1.3; color: var(--ink); }
  @media (min-width: 640px) { .plist-card__title { font-size: var(--fs-lg); } }

  .plist-card__desc {
    display: -webkit-box;
    
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: var(--fs-sm);
    line-height: 1.5;
    color: var(--ink-body);
  }

  
  @media (max-width: 639.98px) { .plist-card__desc { -webkit-line-clamp: unset; } }

  .plist-card__foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    border-top: 1px solid var(--line);
    font-size: var(--fs-sm);
  }

  .plist-card__price { font-size: var(--fs-base); font-weight: 700; color: var(--ink); }

  .plist-card__price--free {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--green-800);
  }

  .plist-card__price--free::before {
    content: "";
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: var(--r-full);
    background-color: var(--green-500);
  }

  
  .plist-card__tag {
    border-radius: var(--r-full);
    padding: 0.125rem var(--space-2);
    background-color: var(--amber-50);
    font-size: var(--fs-xs);
    font-weight: 700;
    line-height: 1.4;
    color: var(--amber-800);
  }


  .plist-card__go {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-weight: 600;
    color: var(--ink);
    transition: color var(--dur) var(--ease);
  }
  .plist-card:hover .plist-card__go { color: var(--orange-800); }

  

  
  .plist-value {
    position: relative;
    grid-column: 1 / -1;
    display: grid;
    gap: var(--space-6);
    overflow: hidden;
    margin-top: var(--space-4);
    padding: var(--space-8) var(--space-5);
    border-radius: var(--r-3xl);
    background-color: var(--gray-950);
    color: var(--white);
  }
  @media (min-width: 768px) { .plist-value { padding: var(--space-10) var(--space-12); } }

  
  .plist-value::after {
    content: "";
    position: absolute;
    right: -9rem;
    top: -11rem;
    width: 32rem;
    height: 32rem;
    border-radius: var(--r-full);
    background: radial-gradient(circle, color-mix(in oklab, var(--orange-500) 30%, transparent), transparent 65%);
    pointer-events: none;
  }
  .plist-value > * { position: relative; z-index: 1; }

  .plist-value[hidden] { display: none; }

  .plist-value__top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-6);
  }

  .plist-value__head {
    margin: 0;
    font-family: var(--font-primary);
    font-size: var(--fs-3xl);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.01em;
  }
  @media (min-width: 768px) { .plist-value__head { font-size: var(--fs-5xl); } }

  .plist-value__old {
    display: block;
    color: var(--slate-500);
    text-decoration-thickness: 0.08em;
  }

  .plist-value__hot {
    font-style: normal;
    background-image: linear-gradient(90deg, var(--orange-500), var(--amber-400));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  .plist-value__cta { display: grid; justify-items: start; gap: var(--space-3); }
  @media (min-width: 768px) { .plist-value__cta { justify-items: end; text-align: right; } }

  .plist-value__link { padding-inline: var(--space-6); } 

  .plist-value__note { margin: 0; font-size: var(--fs-sm); color: var(--slate-400); }

  

  .plist-empty {
    padding-block: var(--space-12);
    text-align: center;
    font-size: var(--fs-lg);
    color: var(--ink-muted);
  }

  .plist-empty[hidden] { display: none; }

  .plist-reset {
    border: 0;
    background: none;
    padding: 0;
    font: inherit;
    font-weight: 700;
    color: var(--orange-800);
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
  }

  

  .plist-suggest {
    margin-block: var(--space-12) var(--space-16);
    padding-top: var(--space-10);
    border-top: 1px solid var(--line);
  }

  .plist-suggest__all {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-weight: 600;
    color: var(--ink);
    text-decoration: none;
  }
  .plist-suggest__all:hover { color: var(--orange-800); }

  
  @media (max-width: 639.98px) {
    .plist-grid--suggest > :nth-child(n + 3) { display: none; }
  }

  
  @media (min-width: 1024px) and (max-width: 1279.98px) {
    .plist-grid--suggest > :nth-child(4) { display: none; }
  }

  

  
  .plist-prose { color: var(--ink-body); line-height: 1.7; }

  @media (min-width: 64rem) {
    .plist-prose {
      display: grid;
      grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
      grid-template-rows: repeat(5, auto) 1fr;
      column-gap: var(--space-16);
      align-items: start;
    }
    .plist-prose > * { grid-column: 1; }
    .plist-prose > ul { grid-column: 2; grid-row: 1 / -1; align-self: stretch; grid-auto-rows: 1fr; }
  }

  .plist-prose .md-h2 {
    margin: 0 0 var(--space-5);
    padding: 0;
    border: 0;
    font-size: var(--fs-3xl);
    line-height: var(--lh-3xl);
    color: var(--ink);
  }

  .plist-prose > p { margin: 0 0 var(--space-4); }
  .plist-prose > p:first-of-type { font-size: var(--fs-lg); color: var(--ink); }

  .plist-prose > ul {
    display: grid;
    gap: var(--space-4);
    margin: var(--space-4) 0 0;
    padding: 0;
    list-style: none;
  }

  @media (min-width: 40rem) {
    .plist-prose > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (min-width: 64rem) {
    .plist-prose > ul { margin-top: 0; }
  }

  .plist-prose li {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: var(--space-2);
    padding: var(--space-5);
    border: 1px solid var(--line);
    border-radius: var(--r-2xl);
    background-color: var(--surface);
  }

  .plist-prose li > strong {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-basis: 100%;
    margin-bottom: var(--space-1);
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink-muted);
  }

  .plist-prose li > strong::before {
    content: "";
    width: var(--space-2);
    height: var(--space-2);
    border-radius: var(--r-full);
    background-color: var(--orange-500);
  }

  .plist-prose li .md-link {
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--line-2);
    border-radius: var(--r-full);
    background-color: var(--surface-2);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 500;
    color: var(--ink);
    text-decoration: none;
    transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);
  }

  .plist-prose li .md-link:hover {
    border-color: var(--orange-200);
    background-color: var(--orange-50);
    color: var(--orange-800);
  }
}@layer components{@media (max-width: 639.98px) {
    .plist-hero { padding-block: var(--space-8) var(--space-6); }

    .plist-filters { gap: var(--space-2) var(--space-3); }
    .plist-search { flex: 1 1 100%; max-width: none; }

    .plist-chips {
      flex: 0 0 calc(100% + 2 * var(--gutter));
      flex-wrap: nowrap;
      margin-inline: calc(var(--gutter) * -1);
      padding-inline: var(--gutter);
      overflow-x: auto;
      overscroll-behavior-inline: contain;
      scroll-snap-type: x proximity;
      scroll-padding-inline: var(--gutter);
      scrollbar-width: none;
    }
    .plist-chips::-webkit-scrollbar { display: none; }
    .plist-chip {
      flex-shrink: 0;
      min-height: var(--tap-min);
      scroll-snap-align: start;
    }

    .plist-seg { flex: 0 0 auto; }
    .plist-seg__btn { min-height: var(--tap-min); padding-inline: var(--space-3); }
    .plist-sort { flex: 1 1 0%; min-width: 0; }
    .plist-sort__select { width: 100%; min-width: 0; padding-inline: var(--space-3) var(--space-8); }
    .plist-sort::after { right: var(--space-3); }

    .plist-section { padding-block: var(--space-4) var(--space-6); }

    .plist-shop .plist-card__foot { padding-inline: var(--space-3); }
    .plist-card__price { white-space: nowrap; }
    .plist-card__unit { font-size: var(--fs-xs); font-weight: 500; color: var(--ink-muted); }
    .plist-shop .plist-card__go { font-size: 0; }
  }
}.page-dark,.page-thanks{--acc-orange:var(--brand);--acc-orange-soft:var(--brand-400);--acc-red-deep:var(--danger);--acc-blue-deeper:var(--link)}@layer components{.page-chip--brand, .page-icon--brand, .page-panel--brand, .page-value--brand,
  .page-aura--brand, .page-tag--brand, .page-figure--brand, .contact-row--brand,
  .contact-link--brand {
    --pa: var(--brand);
    --pa-soft: var(--brand-400);
    --pa-deep: var(--red-600);
    --pa-b: var(--red-500);
    --pa-b-soft: var(--red-400);
  }
  .page-chip--blue, .page-icon--blue, .page-panel--blue, .page-value--blue,
  .page-aura--blue, .page-tag--blue, .page-figure--blue, .contact-row--blue,
  .contact-link--blue {
    --pa: var(--blue-500);
    --pa-soft: var(--blue-400);
    --pa-deep: var(--blue-600);
    --pa-b: var(--blue-600);
    --pa-b-soft: var(--blue-300);
  }
  .page-chip--green, .page-icon--green, .page-panel--green, .page-value--green,
  .page-aura--green, .page-tag--green, .page-figure--green, .contact-row--green,
  .contact-link--green {
    --pa: var(--green-500);
    --pa-soft: var(--green-400);
    --pa-deep: var(--green-600);
    --pa-b: var(--green-600);
    --pa-b-soft: var(--green-300);
  }
  .page-chip--purple, .page-icon--purple, .page-panel--purple, .page-value--purple,
  .page-aura--purple, .page-tag--purple, .page-figure--purple, .contact-row--purple,
  .contact-link--purple {
    --pa: var(--purple-500);
    --pa-soft: var(--purple-400);
    --pa-deep: var(--purple-600);
    --pa-b: var(--purple-600);
    --pa-b-soft: var(--purple-300);
  }
  .page-icon--indigo, .page-aura--indigo {
    --pa: var(--indigo-500);
    --pa-soft: var(--indigo-400);
    --pa-deep: var(--purple-600);
    --pa-b: var(--purple-600);
    --pa-b-soft: var(--purple-400);
  }

  

  
  .page-dark {
    position: relative;
    background-color: var(--surface); 
    overflow-x: hidden;
  }

  
  .page-thanks { padding-block: 3rem; }

  
  .page-section { position: relative; }
  .page-section--deep   { background-color: var(--gray-950); }
  .page-section--raised { background-color: var(--gray-900); }
  .page-section--black  { background-color: var(--surface); }
  .page-section--clip   { overflow: hidden; }

  
  .page-hero {
    position: relative;
    overflow: hidden;
    padding-bottom: 5rem;
  }
  .page-hero__head { text-align: center; }
  .page-hero__title { margin-bottom: 1.5rem; }

  
  .page-hero__tagline {
    display: block;
    margin-top: 0.5rem;
    font-size: 2.25rem;
    line-height: calc(2.5 / 2.25);
    font-weight: 400;
    background-image: linear-gradient(to right in oklab, var(--acc-orange-soft), var(--red-400));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  @media (min-width: 640px) {
    .page-hero__tagline { font-size: 3rem; line-height: 1; }
  }

  .page-hero__badge { margin-bottom: 2rem; }
  .page-hero__lede {
    max-width: 48rem;   
    margin-inline: auto;
    margin-bottom: 3rem;
  }
  
  .page-block-title { margin-bottom: 1.5rem; color: var(--ink); }

  
  .fx-above { position: relative; z-index: 10; }

  
  
  .fx-layer { position: absolute; inset: 0; }
  .fx-layer--faint { opacity: 5%; }
  .fx-layer--dim   { opacity: 10%; }
  .fx-layer > svg  { position: absolute; inset: 0; width: 100%; height: 100%; }

  .fx-orb {
    position: absolute;
    border-radius: var(--r-full);
    filter: blur(64px);   
  }
  .fx-orb--tl { top: 0; left: 0; }
  .fx-orb--tr { top: 0; right: 0; }
  .fx-orb--bl { bottom: 0; left: 0; }
  .fx-orb--br { bottom: 0; right: 0; }

  
  .fx-orb--sm { width: 12rem; height: 12rem; }
  @media (min-width: 640px)  { .fx-orb--sm { width: 18rem; height: 18rem; } }
  @media (min-width: 1024px) { .fx-orb--sm { width: 24rem; height: 24rem; } }

  
  .fx-orb--center {
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 16rem; height: 16rem;
  }
  @media (min-width: 640px)  { .fx-orb--center { width: 24rem; height: 24rem; } }
  @media (min-width: 1024px) { .fx-orb--center { width: 600px; height: 600px; } }
  @media (min-width: 1280px) { .fx-orb--center { width: 800px; height: 800px; } }

  .fx-orb--center-wide {
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 18rem; height: 18rem;
  }
  @media (min-width: 640px)  { .fx-orb--center-wide { width: 24rem; height: 24rem; } }
  @media (min-width: 1024px) { .fx-orb--center-wide { width: 700px; height: 700px; } }
  @media (min-width: 1280px) { .fx-orb--center-wide { width: 1000px; height: 1000px; } }

  .fx-orb--orange { background-color: color-mix(in oklab, var(--acc-orange) 20%, transparent); }
  .fx-orb--red    { background-color: color-mix(in oklab, var(--red-500) 20%, transparent); }
  .fx-orb--blue   { background-color: color-mix(in oklab, var(--blue-500) 10%, transparent); }
  .fx-orb--spectrum {
    background-image: linear-gradient(
      to right in oklab,
      color-mix(in oklab, var(--acc-orange) 10%, transparent),
      color-mix(in oklab, var(--red-500) 10%, transparent),
      color-mix(in oklab, var(--purple-500) 10%, transparent)
    );
  }

  .page-animate-pulse { animation: rr-page-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
  .page-animate-spin  { animation: rr-page-slow-spin 60s linear infinite; }

  
  .page-rule-line {
    height: 0.25rem;
    background-image: linear-gradient(to right in oklab, var(--rule-edge), var(--rule-mid), var(--rule-edge));
  }
  .page-rule-line--a { --rule-edge: var(--gray-900); --rule-mid: var(--gray-700); }
  .page-rule-line--b { --rule-edge: var(--gray-950);   --rule-mid: var(--gray-800); }

  
  .page-measure { max-width: 48rem; }  

  
  .page-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 500;
    border: 1px solid color-mix(in oklab, var(--pa, var(--blue-500)) 30%, transparent);
    border-radius: var(--r-full);
    background-color: color-mix(in oklab, var(--pa, var(--blue-500)) 10%, transparent);
    color: var(--pa-soft, var(--blue-400));
  }
  
  .page-chip--lg {
    padding: 0.5rem 1rem;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  .page-chip__icon { width: 1rem; height: 1rem; flex-shrink: 0; }

  
  .page-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3rem; height: 3rem;              
    font-size: 1rem;
    border-radius: var(--r-xl);
    background-image: linear-gradient(to bottom right in oklab, var(--pa, var(--blue-500)), var(--pa-deep, var(--blue-600)));
    color: var(--white);
  }
  .page-icon--sm { width: 2.5rem; height: 2.5rem; font-size: 1.125rem; }  
  .page-icon--lg { width: 3.5rem; height: 3.5rem; font-size: 1.25rem; }   
  .page-icon--xl {                                                        
    width: 4rem; height: 4rem;
    font-size: 1.5rem;
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-lg);
  }
  
  .page-icon--tint {
    background-image: linear-gradient(
      to bottom right in oklab,
      color-mix(in oklab, var(--pa, var(--blue-500)) 20%, transparent),
      color-mix(in oklab, var(--pa-b, var(--red-500)) 20%, transparent)
    );
    color: var(--pa-soft, var(--blue-400));
    font-size: 1.25rem;
  }

  
  .page-panel {
    padding: 1.5rem;
    border: 1px solid color-mix(in oklab, var(--gray-800) 50%, transparent);
    background-color: color-mix(in oklab, var(--gray-900) 50%, transparent);
    border-radius: var(--r-2xl);
    box-shadow: none;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  .page-panel--hover {
    transition-property: border-color;
    transition-duration: 150ms;
    transition-timing-function: var(--ease);
  }
  .page-panel--hover:hover { border-color: color-mix(in oklab, var(--pa, var(--blue-500)) 50%, transparent); }
  .page-panel__icon  { margin-bottom: 1rem; }
  .page-panel__title { margin-bottom: 0.5rem; color: var(--ink); }

  
  .page-pane {
    position: relative;
    padding: 2rem;
    border: 1px solid color-mix(in oklab, var(--gray-800) 50%, transparent);
    background-color: color-mix(in oklab, var(--gray-900) 90%, transparent);
    border-radius: var(--r-2xl);
    box-shadow: none;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  .page-pane--soft { background-color: color-mix(in oklab, var(--gray-900) 80%, transparent); }

  
  .page-glow { position: relative; }
  .page-aura {
    position: absolute;
    inset: -0.25rem;
    border-radius: var(--r-2xl);
    opacity: 20%;
    filter: blur(8px);
    background-image: linear-gradient(to right in oklab, var(--pa, var(--blue-500)), var(--pa-b, var(--red-500)));
    transition-property: opacity;
    transition-duration: 150ms;
    transition-timing-function: var(--ease);
  }
  .page-aura--wide { inset: -1rem; filter: blur(40px); }
  .page-aura--xl   { filter: blur(24px); border-radius: var(--r-3xl); }
  .page-glow:hover .page-aura { opacity: 30%; }

  
  .page-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    max-width: 56rem;          
    margin-inline: auto;
  }
  @media (min-width: 768px) { .page-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

  .page-stats--3 { grid-template-columns: minmax(0, 1fr); max-width: 48rem; }
  @media (min-width: 768px) { .page-stats--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

  .page-split { display: grid; align-items: center; gap: 3rem; }
  @media (min-width: 1024px) {
    .page-split { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5rem; }
  }

  .page-duo { display: grid; gap: 2rem; }
  .page-duo--loose { gap: 3rem; }
  @media (min-width: 1024px) { .page-duo { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

  .page-quad { display: grid; gap: 1.5rem; }
  .page-quad--tight { gap: 1rem; }
  @media (min-width: 768px)  { .page-quad { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 1024px) { .page-quad { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

  .page-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
  .page-pair__cell { text-align: center; }
  .page-pair--loose { gap: 2rem; text-align: center; }
  @media (min-width: 768px) { .page-pair--loose { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

  
  .page-stat { display: flex; flex-direction: column; align-items: center; }
  .page-stat .page-icon { margin-bottom: 0.75rem; }
  .page-stat__value {
    font-size: 1.875rem;
    line-height: calc(2.25 / 1.875);
    font-weight: 700;
    color: var(--ink);
  }
  .page-stat__value--sm { font-size: 1.5rem; line-height: calc(2 / 1.5); }

  
  .page-figure {
    font-size: 2.25rem;
    line-height: calc(2.5 / 2.25);
    font-weight: 700;
    background-image: linear-gradient(to right in oklab, var(--pa-soft, var(--blue-400)), var(--pa-b-soft, var(--red-400)));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .page-figure__label { margin-top: 0.5rem; color: var(--ink-soft); }

  
  
  .microcopy {
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    color: var(--ink-soft);
  }
  
  .page-meta {
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    color: var(--ink-muted);
  }

  .page-copy {
    font-size: 1.125rem;
    line-height: calc(1.75 / 1.125);
    color: var(--ink-muted);
  }
  .page-copy--spaced { margin-bottom: 1.5rem; }
  .page-copy--relaxed { font-size: 1rem; line-height: 1.625; }
  .page-text--muted { color: var(--ink-soft); }

  .page-link {
    color: var(--orange-300);
    text-decoration: underline;
    text-decoration-color: color-mix(in oklab, var(--acc-orange) 50%, transparent);
    text-underline-offset: 4px;
    transition-property: color, text-decoration-color;
    transition-duration: 150ms;
    transition-timing-function: var(--ease);
  }
  .page-link:hover {
    color: var(--orange-200);
    text-decoration-color: var(--acc-orange-soft);
  }
  .page-link--tight {
    color: var(--acc-orange-soft);
    text-decoration-color: currentColor;
    text-underline-offset: 2px;
  }
  .page-link--tight:hover { color: var(--orange-300); }

  
  .page-value {
    position: relative;
    padding: 1.5rem;
    border: 1px solid color-mix(in oklab, var(--gray-700) 50%, transparent);
    background-color: color-mix(in oklab, var(--gray-800) 50%, transparent);
    border-radius: var(--r-2xl);
    box-shadow: none;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition-property: background-color, border-color;
    transition-duration: 150ms;
    transition-timing-function: var(--ease);
  }
  .page-value:hover {
    background-color: color-mix(in oklab, var(--gray-800) 70%, transparent);
    border-color: color-mix(in oklab, var(--pa, var(--blue-500)) 50%, transparent);
  }
  .page-value__glow {
    position: absolute;
    inset: 0;
    border-radius: var(--r-2xl);
    opacity: 0%;
    background-image: linear-gradient(to bottom right in oklab, color-mix(in oklab, var(--pa, var(--blue-500)) 10%, transparent), transparent);
    transition-property: opacity;
    transition-duration: 150ms;
    transition-timing-function: var(--ease);
  }
  .page-value:hover .page-value__glow { opacity: 100%; }
  .page-value__body { position: relative; }
  .page-value__body .page-icon { margin-bottom: 1rem; }
  
  .page-card-title { margin-bottom: 0.75rem; color: var(--ink); }
  .page-value__text  { color: var(--ink-soft); }

  .page-values { margin-top: 5rem; }
  .page-values__title { margin-bottom: 3rem; text-align: center; color: var(--ink); }

  
  .page-tech__row { display: flex; align-items: flex-start; gap: 1.5rem; }
  .page-tech__media { flex-shrink: 0; }
  .page-tech__title { margin-bottom: 1rem; color: var(--ink); }

  .page-tags { gap: 0.75rem; margin-top: 1.5rem; }
  .page-tag {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    line-height: calc(1 / 0.75);
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
    border-radius: var(--r-full);
    color: var(--pa-soft, var(--blue-400));
    background-color: color-mix(in oklab, var(--pa, var(--blue-500)) 20%, transparent);
  }

  
  .page-team {
    position: relative;
    padding: 2rem;
    border: 1px solid color-mix(in oklab, var(--gray-700) 50%, transparent);
    background-color: color-mix(in oklab, var(--gray-800) 30%, transparent);
    border-radius: var(--r-3xl);
    box-shadow: none;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  
  .page-cta-block { margin-top: 5rem; text-align: center; }
  .page-cta-block__text { margin-bottom: 2rem; }


  
  .page-cta--ghost {
    background-color: color-mix(in oklab, var(--gray-900) 50%, transparent);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  .page-cta--discord {
    background-image: linear-gradient(to right in oklab, var(--indigo-500), var(--purple-600));
    color: var(--white);
    border: 0;
  }
  .page-cta--discord:hover { box-shadow: var(--shadow-xl); }
  .page-cta__arrow { width: 1.25rem; height: 1.25rem; }
  .page-cta--discord .page-cta__arrow {
    transition-property: transform, translate;
    transition-duration: 150ms;
    transition-timing-function: var(--ease);
  }
  .page-cta--discord:hover .page-cta__arrow { translate: 0.25rem 0; }

  
  .contact-discord {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    padding: 2rem;
    border: 1px solid color-mix(in oklab, var(--gray-800) 50%, transparent);
    background-color: color-mix(in oklab, var(--gray-900) 80%, transparent);
    border-radius: var(--r-3xl);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
  }
  @media (min-width: 1024px) { .contact-discord { flex-direction: row; padding: 3rem; } }

  .contact-discord__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem; height: 6rem;
    border-radius: var(--r-2xl);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    background-image: linear-gradient(to bottom right in oklab, var(--indigo-500), var(--purple-600));
  }
  @media (min-width: 1024px) { .contact-discord__logo { width: 7rem; height: 7rem; } }
  .contact-discord__logo-wrap { position: relative; z-index: 10; margin-bottom: 1.5rem; }
  @media (min-width: 1024px) { .contact-discord__logo-wrap { margin-bottom: 0; margin-right: 2rem; } }
  .contact-discord__mark { width: 4rem; height: 4rem; fill: var(--white); }
  @media (min-width: 1024px) { .contact-discord__mark { width: 5rem; height: 5rem; } }

  .contact-discord__body {
    position: relative;
    z-index: 10;
    flex: 1 1 0%;
    margin-bottom: 1.5rem;
    text-align: center;
  }
  @media (min-width: 1024px) { .contact-discord__body { margin-bottom: 0; text-align: left; } }
  .contact-discord__lede { margin-bottom: 1rem; }
  .contact-discord__count {
    font-weight: 700;
    background-image: linear-gradient(to right in oklab, var(--indigo-400), var(--purple-400));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .contact-discord__facts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
  }
  @media (min-width: 1024px) { .contact-discord__facts { justify-content: flex-start; } }
  .contact-discord__fact { display: flex; align-items: center; gap: 0.5rem; color: var(--ink-soft); }
  .contact-discord__fact-icon--indigo { color: var(--indigo-400); }
  .contact-discord__fact-icon--purple { color: var(--purple-400); }
  .contact-discord__dot {
    width: 0.5rem; height: 0.5rem;
    border-radius: var(--r-full);
    background-color: var(--green-500);
    animation: rr-page-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
  .contact-discord__cta { position: relative; z-index: 10; }

  
  
  .contact-col--info > * + * { margin-top: 2rem; }

  
  @media (max-width: 1023.98px) {
    .page-dark--contact { display: flex; flex-direction: column; }
    .contact-band--lead { order: -2; }
    .contact-band--form { order: -1; }
  }

  
  .contact-card {
    padding: 2rem;
    border: 1px solid color-mix(in oklab, var(--gray-700) 50%, transparent);
    background-color: color-mix(in oklab, var(--gray-800) 50%, transparent);
    border-radius: var(--r-3xl);
    box-shadow: none;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  .contact-card__title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    color: var(--ink);
  }

  .page-form-row { display: grid; gap: 1.5rem; }
  @media (min-width: 768px) { .page-form-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

  .page-label {
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 500;
    color: var(--ink-muted);
  }

  
  .page-input { width: 100%; }

  .page-checkbox {
    appearance: none;
    flex-shrink: 0;
    width: 1rem; height: 1rem;
    border: 1px solid color-mix(in oklab, var(--gray-700) 50%, transparent);
    border-radius: var(--r-sm);
    background-color: color-mix(in oklab, var(--gray-900) 50%, transparent);
    background-position: center;
    background-repeat: no-repeat;
    transition-property: background-color, background-image, border-color, box-shadow;
    transition-duration: 200ms;
    transition-timing-function: var(--ease);
  }
  .page-checkbox:hover { border-color: color-mix(in oklab, var(--acc-orange) 50%, transparent); }
  .page-checkbox:focus-visible {
    border-color: var(--acc-orange);
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }
  .page-checkbox:checked {
    background-color: var(--acc-orange);
    border-color: var(--acc-orange);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNC41TDYgMTJMMi41IDguNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
  }
  .page-check__label {
    font-size: 0.875rem;
    line-height: 1.625;
    color: var(--ink-soft);
    cursor: pointer;
    user-select: none;
  }

  
  .contact-row { display: flex; align-items: flex-start; gap: 1rem; }
  .contact-row__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3rem; height: 3rem;
    border-radius: var(--r-xl);
    background-color: color-mix(in oklab, var(--gray-900) 50%, transparent);
    color: var(--pa-soft, var(--blue-400));
  }
  .contact-row__title { margin-bottom: 0.25rem; font-weight: 600; color: var(--ink); }
  .contact-row__value { color: var(--ink-soft); }
  .contact-row__link {
    color: var(--ink-soft);
    transition-property: color;
    transition-duration: 150ms;
    transition-timing-function: var(--ease);
  }
  .contact-row__link:hover { color: var(--acc-orange-soft); }
  .contact-row__link--button {
    background: transparent;
    padding: 0;
    border: 0;
    font: inherit;
    cursor: pointer;
  }

  .contact-hours { padding-top: 1.5rem; border-top: 1px solid var(--gray-700); }
  .contact-hours__title { margin-bottom: 0.75rem; font-weight: 600; color: var(--ink); }
  .contact-hours__list > * + * { margin-top: 0.5rem; }
  .contact-hours__row { display: flex; justify-content: space-between; }
  .contact-hours__day { color: var(--ink-soft); }
  .contact-hours__value { color: var(--ink); }

  .contact-link {
    display: block;
    padding: 1rem;
    border-radius: var(--r-xl);
    background-color: color-mix(in oklab, var(--gray-900) 50%, transparent);
    transition-property: background-color;
    transition-duration: 150ms;
    transition-timing-function: var(--ease);
  }
  .contact-link:hover { background-color: color-mix(in oklab, var(--gray-900) 70%, transparent); }
  
  .page-inline-row { display: flex; align-items: center; gap: 0.75rem; }
  .contact-link__icon { color: var(--pa-soft, var(--blue-400)); }
  .contact-link__text {
    color: var(--ink-muted);
    transition-property: color;
    transition-duration: 150ms;
    transition-timing-function: var(--ease);
  }
  .contact-link:hover .contact-link__text { color: var(--ink); }

  .page-faqs { display: grid; gap: 1.5rem; max-width: 56rem; margin-inline: auto; }
  
  .page-faq__q {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: var(--fs-xl);          
    color: var(--ink);
    list-style: none;
  }
  .page-faq__q::-webkit-details-marker { display: none; }
  .page-faq__title { margin: 0; color: inherit; }
  .page-faq__icon { color: var(--blue-400); }
  .page-faq__a { padding-top: 0.75rem; color: var(--ink-soft); }
  @media (min-width: 640px) {
    .page-faq__q { cursor: default; }
    .page-faq::details-content { content-visibility: visible; }
  }

  
  .page-thanks__head { text-align: center; margin-bottom: 3rem; }
  .page-thanks__emoji {
    display: block;
    font-size: 3.75rem;
    line-height: 1;
    margin-bottom: 1rem;
  }
  .page-thanks__title { margin-bottom: 1rem; color: var(--ink); }
  .page-thanks__steps > * + * { margin-top: 3rem; }

  
  .page-steps {
    position: sticky;
    top: 0;
    z-index: 40;
    margin-bottom: 3rem;
    padding: 1rem;
    border-bottom: 1px solid var(--line-2);
    background-color: color-mix(in oklab, var(--surface) 95%, transparent);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  .page-steps__row { display: flex; align-items: center; justify-content: center; }
  .page-steps__row > * + * { margin-left: 1rem; }
  @media (min-width: 768px) { .page-steps__row > * + * { margin-left: 2rem; } }
  .page-steps__link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 500;
    transition-property: color;
    transition-duration: 150ms;
    transition-timing-function: var(--ease);
  }
  .page-steps__link { color: var(--gray-600); }
  .page-steps__link[aria-current="step"] { color: var(--blue-600); }
  .page-steps__link:hover { color: var(--acc-blue-deeper); }
  .page-steps__num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem; height: 2rem;
    border-radius: var(--r-full);
    font-weight: 700;
    background-color: var(--gray-300);
    color: var(--gray-600);
    transition-property: background-color, color;
    transition-duration: var(--dur-state);
    transition-timing-function: var(--ease-exit);
  }
  .page-steps__link[aria-current="step"] > .page-steps__num {
    background-color: var(--blue-600);
    color: var(--white);
  }
  .page-steps__label { display: none; }
  @media (min-width: 640px) { .page-steps__label { display: inline; } }
  .page-steps__bar { height: 1px; width: 2rem; background-color: var(--gray-300); }
  @media (min-width: 768px) { .page-steps__bar { width: 4rem; } }

  .page-step { scroll-margin-top: 8rem; }
  .page-step__card {
    padding: 2rem;
    border-color: var(--line-2);
    box-shadow: var(--shadow-lg);
  }
  .page-step__head { display: flex; align-items: flex-start; margin-bottom: 1.5rem; }
  .page-step__badge {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3rem; height: 3rem;
    border-radius: var(--r-full);
    background-color: var(--blue-600);
    color: var(--white);
    font-size: 1.25rem;
    line-height: calc(1.75 / 1.25);
    font-weight: 700;
  }
  .page-step__title { margin-left: 1rem; color: var(--ink); }
  .page-step__body { margin-left: 4rem; }
  .page-step__body > * + * { margin-top: 1rem; }
  .page-step__body--loose > * + * { margin-top: 1.5rem; }

  .page-copy--dark { color: var(--ink-body); }
  .page-copy--gap { margin-bottom: 1.5rem; }

  
  .page-note {
    padding: 1.5rem;
    border: 1px solid var(--note-line);
    border-radius: var(--r-xl);
    background-color: var(--note-bg);
  }
  .page-note--sm { padding: 1rem; border-radius: var(--r-lg); }
  .page-note--gap { margin-top: 1.5rem; }
  .page-note--borderless { border: 0; }
  .page-note--blue   { --note-bg: var(--blue-50);   --note-line: var(--blue-200);   --note-ink: var(--blue-800);   --note-bg-2: var(--blue-100);   --note-ink-strong: var(--blue-600); }
  .page-note--green  { --note-bg: var(--green-50);  --note-line: var(--green-200);  --note-ink: var(--green-800);  --note-bg-2: var(--green-100);  --note-ink-strong: var(--green-600); }
  .page-note--purple { --note-bg: var(--purple-50); --note-line: var(--purple-200); --note-ink: var(--ink);        --note-bg-2: var(--purple-100); --note-ink-strong: var(--purple-600); }
  .page-note--yellow { --note-bg: var(--yellow-50); --note-line: var(--yellow-200); --note-ink: var(--yellow-800); }
  .page-note--amber  { --note-bg: var(--amber-50);  --note-line: var(--amber-200);  --note-ink: var(--amber-800); }
  .page-note--gray   { --note-bg: var(--surface-2);   --note-line: var(--line-2);      --note-ink: var(--ink-body); }
  .page-note--tips {
    background-image: linear-gradient(to right in oklab, var(--blue-50), var(--purple-50));
  }
  .page-note__text  { color: var(--note-ink); }
  .page-note__title { margin-bottom: 0.75rem; font-weight: 600; color: var(--ink); }
  .page-note__title--tight { margin-bottom: 0.5rem; }
  .page-meta--gap { margin-bottom: 1rem; }
  .page-note__strong { font-weight: 600; }

  .page-list-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; }
  .page-list-grid--gap4 { gap: 1rem; }
  .page-list-grid--gap { margin-bottom: 1.5rem; }
  @media (min-width: 768px) { .page-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

  .page-res-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  @media (min-width: 768px) { .page-res-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

  .page-tick { display: flex; align-items: flex-start; gap: 0.5rem; }
  .page-tick__mark { margin-top: 0.25rem; color: var(--green-500); }
  .page-tick__mark--blue { color: var(--blue-600); }
  .page-tick__num { font-weight: 700; color: var(--green-600); }
  .page-ticks > * + * { margin-top: 0.5rem; }

  
  .page-res {
    display: block;
    padding: 1.5rem;
    border: 1px solid var(--note-line);
    border-radius: var(--r-xl);
    background-image: linear-gradient(to bottom right in oklab, var(--note-bg), var(--note-bg-2));
    transition-property: box-shadow;
    transition-duration: 150ms;
    transition-timing-function: var(--ease);
  }
  .page-res:hover { box-shadow: var(--shadow-lg); }
  .page-res__icon {
    display: block;
    font-size: 1.875rem;
    line-height: calc(2.25 / 1.875);
    margin-bottom: 0.75rem;
  }
  .page-res__title { margin-bottom: 0.5rem; font-weight: 600; color: var(--ink); }
  .page-res:hover .page-res__title { color: var(--note-ink-strong); }
  .page-res__more {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 500;
    color: var(--note-ink-strong);
  }
  .page-res:hover .page-res__more { text-decoration: underline; }

  .page-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }

  
  .page-btn {
    padding: 0.5rem 1rem;
    min-height: 0;
    font-weight: 500;
    border-radius: var(--r-lg);
    background-image: none;   
  }
  .page-btn--blue   { background-color: var(--blue-600);   color: var(--white); }
  .page-btn--blue:hover   { background-color: var(--acc-blue-deeper); }
  .page-btn--green  { background-color: var(--green-600);  color: var(--white); }
  .page-btn--green:hover  { background-color: var(--green-700); }
  .page-btn--indigo { background-color: var(--indigo-600); color: var(--white); }
  .page-btn--indigo:hover { background-color: var(--indigo-700); }
  .page-btn--gray   { background-color: var(--ink-muted);       color: var(--white); }
  .page-btn--gray:hover   { background-color: var(--ink-body); }
  .page-btn--outline {
    border: 1px solid var(--gray-300);
    background-color: var(--surface);
    color: var(--ink-body);
  }
  .page-btn--outline:hover { background-color: var(--surface-2); }

  .page-inline-link {
    color: var(--green-700);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .page-inline-link:hover { color: var(--green-800); }

  
  @media (max-width: 639.98px) {
    
    .page-hero { padding-bottom: var(--space-10); }
    .page-hero__badge { margin-bottom: var(--space-6); }
    .page-hero__lede { margin-bottom: var(--space-8); }
    .page-dark .section-head--page { gap: var(--space-4); margin-bottom: var(--space-8); }
    .page-dark .section-head--page-sm { gap: var(--space-4); margin-bottom: var(--space-6); }
    .page-values { margin-top: var(--space-12); }
    .page-values__title { margin-bottom: var(--space-6); }
    .page-cta-block { margin-top: var(--space-12); }

    
    .page-stats { gap: var(--space-2); }
    .page-stats--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .page-stats > .page-panel { padding: var(--space-3) var(--space-2); border-radius: var(--r-xl); }
    .page-stat .page-icon { display: none; }
    .page-stat__value { font-size: var(--fs-2xl); line-height: var(--lh-2xl); }
    .page-stat__value--sm { font-size: var(--fs-xl); line-height: var(--lh-xl); }
    .page-stat > .microcopy { text-align: center; }

    
    .page-pane { padding: var(--space-5); }
    .page-pair { gap: var(--space-4) var(--space-3); }
    .page-figure { font-size: var(--fs-3xl); line-height: var(--lh-3xl); }
    .page-figure__label { margin-top: var(--space-1); text-wrap: balance; }
    .page-team { padding: var(--space-5) var(--space-4); border-radius: var(--r-2xl); }
    .page-pair--loose { gap: var(--space-4) var(--space-3); }
    .page-pair--loose .page-figure__label { font-size: var(--fs-sm); line-height: var(--lh-sm); }

    
    .page-tech__row {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: var(--space-4) var(--space-3);
    }
    .page-tech__text { display: contents; }
    .page-tech__text > :not(.page-tech__title) { grid-column: 1 / -1; }
    .page-tech__title { margin-bottom: 0; }
    .page-tech__text > .page-tags { margin-top: 0; }
    .page-tech__media .page-icon {
      width: var(--space-10); height: var(--space-10);
      font-size: var(--fs-lg);
      border-radius: var(--r-xl);
    }

    
    .page-quad { gap: var(--space-3); }
    .page-value { padding: var(--space-4) var(--space-5); }
    .page-value__body,
    .page-panel--inline {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      column-gap: var(--space-3);
    }
    .page-panel--inline { padding: var(--space-4) var(--space-5); }
    .page-value__body .page-icon,
    .page-panel--inline > .page-panel__icon {
      width: var(--space-8); height: var(--space-8);
      margin-bottom: 0;
      font-size: var(--fs-sm);
      border-radius: var(--r-lg);
    }
    .page-value__body > .page-card-title,
    .page-panel--inline > .page-panel__title { margin-bottom: 0; }
    .page-value__text,
    .page-panel--inline > .microcopy { grid-column: 1 / -1; margin-top: var(--space-2); }

    
    .contact-discord { padding: var(--space-6) var(--space-5); border-radius: var(--r-2xl); }
    .contact-discord__logo-wrap { margin-bottom: var(--space-4); }
    .contact-discord__logo { width: var(--space-16); height: var(--space-16); border-radius: var(--r-xl); }
    .contact-discord__mark { width: var(--space-10); height: var(--space-10); }
    .contact-discord__body { margin-bottom: var(--space-5); }
    .contact-discord__facts { flex-direction: column; align-items: center; gap: var(--space-2); }

    
    .contact-card { padding: var(--space-5) var(--space-4); border-radius: var(--r-2xl); }
    .contact-card__title { margin-bottom: var(--space-5); }
    .page-checkbox { width: var(--space-5); height: var(--space-5); }
    .page-check__label {
      display: flex;
      align-items: center;
      min-height: var(--tap-min);
      padding-block: var(--space-2);
    }
    .contact-row__icon { width: var(--space-10); height: var(--space-10); }
    
    .contact-row__title,
    .contact-hours__title { font-size: var(--fs-lg); line-height: var(--lh-lg); }

    
    .contact-links { gap: var(--space-2); }
    .contact-link {
      display: flex;
      align-items: center;
      min-height: var(--tap-min);
      padding: var(--space-3);
    }
    .contact-link__icon { --fa-display: none; display: none; }   
    .contact-link__text { font-size: var(--fs-sm); line-height: var(--lh-sm); white-space: nowrap; }

    
    .page-faqs { gap: var(--space-3); }
    .page-faq { padding: 0 var(--space-4); interpolate-size: allow-keywords; }
    .page-faq__q {
      min-height: var(--tap-min);
      padding-block: var(--space-4);
      font-size: var(--fs-lg);
      cursor: pointer;
    }
    .page-faq__title { flex: 1 1 0%; font-size: var(--fs-lg); line-height: var(--lh-lg); }
    
    .page-faq__q::after {
      content: "";
      flex: none;
      width: 0.5rem; height: 0.5rem;
      margin-right: var(--space-1);
      border-right: 2px solid var(--ink-soft);
      border-bottom: 2px solid var(--ink-soft);
      rotate: 45deg;
      transition: rotate var(--dur-state) var(--ease-exit);
    }
    .page-faq[open] > .page-faq__q::after { rotate: 225deg; }
    .page-faq__a { padding-top: 0; padding-bottom: var(--space-4); }
    
    .page-faq::details-content {
      block-size: 0;
      opacity: 0;
      overflow: clip;
      transition:
        block-size var(--dur-exit) var(--ease-exit),
        opacity var(--dur-exit) var(--ease-exit),
        content-visibility var(--dur-exit) var(--ease-exit) allow-discrete;
    }
    .page-faq[open]::details-content {
      block-size: auto;
      opacity: 1;
      transition-duration: var(--dur-enter);
      transition-timing-function: var(--ease-enter);
    }

    
    .page-thanks { padding-block: var(--space-8); }
    .page-thanks__head { margin-bottom: var(--space-6); }
    .page-thanks__emoji { font-size: var(--fs-5xl); }
    .page-thanks__steps > * + * { margin-top: var(--space-8); }

    
    .page-steps {
      position: static;
      margin-bottom: var(--space-6);
      padding: var(--space-1) 0;
    }
    .page-steps__row > * + * { margin-left: var(--space-2); }
    .page-steps__link { justify-content: center; min-width: var(--tap-min); min-height: var(--tap-min); }
    .page-steps__bar { width: var(--space-6); }
    .page-step { scroll-margin-top: var(--space-20); }

    .page-step__card { padding: var(--space-5) var(--space-4); }
    .page-step__head { align-items: center; margin-bottom: var(--space-4); }
    .page-step__badge {
      width: var(--space-10); height: var(--space-10);
      font-size: var(--fs-lg);
      line-height: var(--lh-lg);
    }
    .page-step__title { margin-left: var(--space-3); }
    .page-step__body { margin-left: 0; }
    .page-note { padding: var(--space-4); }
    .page-note__title { font-size: var(--fs-lg); line-height: var(--lh-lg); }
    
    .page-res {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      column-gap: var(--space-3);
      padding: var(--space-4);
    }
    .page-res__icon { margin-bottom: 0; font-size: var(--fs-2xl); line-height: var(--lh-2xl); }
    .page-res__title { margin-bottom: 0; font-size: var(--fs-lg); line-height: var(--lh-lg); }
    .page-res > .page-meta,
    .page-res > .page-res__more { grid-column: 1 / -1; }
    .page-res > .page-meta { margin-top: var(--space-2); }

    
    .page-btn { min-height: var(--tap-min); }
    .page-inline-link { padding-block: var(--space-4); }
  }

  @media (max-width: 639.98px) and (prefers-reduced-motion: reduce) {
    .page-faq::details-content,
    .page-faq__q::after { transition: none; }
  }
}@keyframes rr-page-pulse{50%{opacity:.5}}@keyframes rr-page-slow-spin{from{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}:root{--pl-bg-1:var(--slate-900);--pl-bg-2:var(--slate-800);--pl-glass:rgb(255 255 255 / 0.05);--pl-glass-2:rgb(255 255 255 / 0.1);--pl-line:rgb(255 255 255 / 0.1);--pl-line-2:rgb(255 255 255 / 0.2);--pl-blue:var(--blue-400);--pl-indigo:var(--indigo-400);--pl-purple:var(--purple-400);--pl-emerald:var(--emerald-400);--pl-amber:var(--amber-400);--pl-cyan:var(--cyan-400);--pl-red:var(--red-400);--pl-slate:var(--slate-400);--pl-title-from:var(--blue-400);--pl-title-via:var(--purple-400);--pl-title-to:var(--indigo-400);--pl-link:var(--blue-300);--pl-link-hover:var(--blue-100)}@layer components{.legal-page {
    min-height: 100vh;
    background-image: linear-gradient(to bottom right, var(--pl-bg-1), var(--pl-bg-2), var(--pl-bg-1));
  }

  .legal-hero {
    position: relative;
    overflow: hidden;
    padding-block: var(--space-10) var(--space-8);   
    text-align: center;
  }
  @media (min-width: 640px)  { .legal-hero { padding-block: 6rem; } }
  @media (min-width: 1024px) { .legal-hero { padding-block: 8rem; } }

  .legal-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1.5rem;
    padding: 0.5rem 1rem;
    border: 1px solid var(--pl-line-2);
    border-radius: var(--r-full);
    background-color: var(--pl-glass-2);
    backdrop-filter: blur(12px);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 500;
    color: var(--pl-cyan);
  }


  .legal-hero__title {
    margin: 0 0 1.5rem;
    background-image: linear-gradient(to right, var(--pl-title-from), var(--pl-title-via), var(--pl-title-to));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  .legal-hero__subtitle {
    margin: 0 auto;
    max-width: 48rem;
  }

  
  .legal-body { padding-bottom: 5rem; }
  .legal-sections > * + * { margin-top: 2rem; }

  
  .legal-body a:not(.button),
  .legal-mailto {
    color: var(--pl-link);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .legal-body a:not(.button):hover,
  .legal-mailto:hover { color: var(--pl-link-hover); }

  .legal-mailto {
    padding: 0;
    border: 0;
    background-color: transparent;
    font: inherit;
    cursor: pointer;
  }

  
  .legal-card {
    --pl-accent: var(--pl-blue);
    border: 1px solid var(--pl-line);
    border-radius: var(--r-2xl);
    background-color: var(--pl-glass);
    backdrop-filter: blur(24px);
    box-shadow: var(--shadow-xl);
    padding: var(--space-5);                         
  }
  @media (min-width: 640px) { .legal-card { padding: 2rem; } }
  .legal-card--indigo  { --pl-accent: var(--pl-indigo); }
  .legal-card--purple  { --pl-accent: var(--pl-purple); }
  .legal-card--emerald { --pl-accent: var(--pl-emerald); }
  .legal-card--amber   { --pl-accent: var(--pl-amber); }
  .legal-card--cyan    { --pl-accent: var(--pl-cyan); }
  .legal-card--red     { --pl-accent: var(--pl-red); }
  .legal-card--slate   { --pl-accent: var(--pl-slate); }
  
  .legal-card--hero { border-radius: var(--r-3xl); }
  @media (min-width: 1024px) { .legal-card--hero { padding: 3rem; } }

  
  .legal-card--tint {
    background-image: linear-gradient(to right,
      color-mix(in srgb, var(--pl-accent) 18%, transparent),
      color-mix(in srgb, var(--pl-accent) 10%, transparent));
    border-color: color-mix(in srgb, var(--pl-accent) 35%, transparent);
  }

  .legal-card__head > h2,
  .legal-card__head > h3,
  .legal-card__head > p { margin: 0; }
  .legal-card .legal-card { margin-top: 1.5rem; box-shadow: none; }

  .legal-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--r-xl);
    background-color: color-mix(in srgb, var(--pl-accent) 20%, transparent);
    color: var(--pl-accent);
  }
  .legal-icon--sm { width: 2rem; height: 2rem; border-radius: var(--r-lg); }

  
  
  ul.legal-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .legal-list > li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .legal-list > li + li { margin-top: 1rem; }
  .legal-list > li::before {
    content: "";
    flex: none;
    width: 0.5rem;
    height: 0.5rem;
    margin-top: 0.7em;
    border-radius: var(--r-full);
    background-color: var(--pl-accent);
  }
  .legal-list--check > li::before { display: none; }
  .legal-list__mark {
    flex: none;
    margin-top: 0.15em;
    color: var(--pl-accent);
  }

  
  .legal-duo { display: grid; gap: 2rem; }
  @media (min-width: 768px) { .legal-duo { grid-template-columns: 1fr 1fr; } }

  
  .legal-warning__label { color: var(--pl-accent); }

  
  .legal-fineprint { color: var(--ink-soft); font-style: italic; }

  
  .legal-cta { text-align: center; }
  .legal-cta > p { max-width: 42rem; margin-inline: auto; }
  .legal-body a.button { text-decoration: none; color: var(--white); }
  .legal-cta > h3 { margin-bottom: 1.5rem; }

  
  @media (max-width: 639.98px) {
    .legal-hero__badge { margin-bottom: var(--space-4); }
    .legal-hero__title { margin-bottom: var(--space-4); }
    .legal-body { padding-bottom: var(--space-12); }
    .legal-sections > * + * { margin-top: var(--space-5); }
    .legal-duo { gap: var(--space-5); }
    .legal-card .legal-card { margin-top: var(--space-5); }

    .legal-card__head { gap: var(--space-3); margin-bottom: var(--space-4); }
    .legal-card__head > .legal-icon { width: var(--space-8); height: var(--space-8); border-radius: var(--r-lg); }
    .legal-card__head > h2 { font-size: var(--fs-2xl); line-height: 1.25; }
    .legal-card__head > h3 { font-size: var(--fs-xl); line-height: var(--lh-xl); }
    
    .legal-card__head:has(> p) { flex-direction: column; align-items: flex-start; }

    .legal-updated__pill { padding: var(--space-3) var(--space-5); }
  }

  .legal-updated { text-align: center; }
  .legal-updated__pill {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    border: 1px solid var(--pl-line);
    border-radius: var(--r-full);
    background-color: var(--pl-glass);
    backdrop-filter: blur(24px);
    box-shadow: var(--shadow-lg);
    color: var(--ink-muted);
    font-weight: 500;
  }

  
  .term-page {
    max-width: 900px;
    margin: 2rem auto;
    padding-inline: 1.5rem;
  }
  .term-page__title { margin-bottom: 0.5rem; } 
  .term-page__count { color: var(--ink-muted); margin-bottom: 2rem; }
  .term-list__item {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--line-soft);
  }
  .term-list__title { margin-bottom: 0.25rem; }
  .term-list__title a { color: var(--ink); text-decoration: none; }
  .term-list__desc { color: var(--ink-muted); margin: 0.25rem 0; }
  .term-list__meta { font-size: 0.85rem; color: var(--ink-soft); }

  
  .reviews-masonry {
    columns: 1;
    column-gap: 2rem;
  }
  .reviews-masonry > * + * { margin-top: 2rem; }
  @media (min-width: 768px) { .reviews-masonry { columns: 2; } }

  .review-body a { color: var(--pl-link); }
  .review-body a:hover { color: var(--pl-link-hover); }

  
  .default-related { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid var(--line); }
  .default-related__title { margin-bottom: 1.5rem; font-weight: 700; }
  .default-related__grid { display: grid; gap: 1rem; }
  .default-related__item {
    position: relative;
    padding: 0.75rem;
    border: 1px solid var(--line);
    border-radius: var(--r-sm);
    transition: border-color var(--dur) var(--ease);
  }
  .default-related__item:hover { border-color: var(--ink); }
  
  .default-related__item:has(:focus-visible) {
    border-color: var(--ink);
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }
  .default-related__item h4 { font-weight: 700; font-size: var(--fs-sm); }
  .default-related__item h4 a::after { content: ""; position: absolute; inset: 0; }
  .default-related__item h4 a:focus-visible { outline: none; }
  .default-related__summary { font-size: var(--fs-xs); color: var(--ink-muted); margin-bottom: 0; }
}:root{--rv-leading-tight:1.25;--rv-leading-snug:1.375;--rv-leading-relaxed:1.625;--rv-glass-5:color-mix(in oklab, var(--white) 5%, transparent);--rv-glass-10:color-mix(in oklab, var(--white) 10%, transparent);--rv-glass-20:color-mix(in oklab, var(--white) 20%, transparent);--rv-line-5:color-mix(in oklab, var(--white) 5%, transparent);--rv-line-10:color-mix(in oklab, var(--white) 10%, transparent);--rv-line-20:color-mix(in oklab, var(--white) 20%, transparent);--rv-bar-bg:color-mix(in oklab, var(--gray-900) 80%, transparent);--rv-bar-line:color-mix(in oklab, var(--gray-800) 50%, transparent);--rv-select-bg:color-mix(in oklab, var(--gray-800) 50%, transparent);--rv-select-line:color-mix(in oklab, var(--gray-700) 50%, transparent);--rv-brand-tint-20:color-mix(in oklab, var(--brand) 20%, transparent);--rv-brand-tint-30:color-mix(in oklab, var(--brand) 30%, transparent);--rv-brand-line-30:color-mix(in oklab, var(--brand) 30%, transparent);--rv-brand-glow-25:color-mix(in oklab, var(--brand) 25%, transparent);--rv-red-tint-20:color-mix(in oklab, var(--red-500) 20%, transparent);--rv-red600-tint-20:color-mix(in oklab, var(--red-600) 20%, transparent);--rv-purple-tint-20:color-mix(in oklab, var(--purple-500) 20%, transparent);--rv-ok-tint-20:color-mix(in oklab, var(--green-500) 20%, transparent);--rv-ok-line-30:color-mix(in oklab, var(--green-500) 30%, transparent)}@layer components{.reviews-shell {
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    padding: 0.5rem 4rem;
  }
  @media screen and (max-width: 1440px) { .reviews-shell { padding: 0.5rem 2rem; } }
  @media screen and (max-width: 768px)  { .reviews-shell { padding: 0.5rem 1rem; } }

  
  .reviews-page {
    min-height: 100vh;
    background-image: linear-gradient(
      to bottom right in oklab,
      var(--gray-900), var(--indigo-950), var(--gray-900));
  }

  .reviews-hero {
    position: relative;
    padding-top: 4rem;
    overflow: hidden;
  }
  .reviews-hero__body { text-align: center; }
  
  .reviews-hero__title {
    margin-bottom: 1.5rem;
    color: var(--white);
  }
  .reviews-hero__accent {
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right in oklab, var(--brand), var(--red-500));
  }
  .reviews-hero__lede {
    max-width: 48rem;
    margin-inline: auto;
    font-size: var(--fs-xl);
    line-height: var(--rv-leading-relaxed);
    color: var(--gray-300);
  }

  
  .reviews-filterbar {
    display: block;
    z-index: 40;
    margin-inline: 1rem;
    border-bottom: 1px solid var(--rv-bar-line);
    border-radius: var(--r-xl);
    background-color: var(--rv-bar-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
  }
  @media (min-width: 640px)  { .reviews-filterbar { display: block; margin-inline: 2rem; } }
  @media (min-width: 1024px) { .reviews-filterbar { margin-inline: 5rem; } }

  .reviews-filterbar__inner { margin-inline: auto; padding: 1rem 1.5rem; }
  .reviews-filterbar__row {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  @media (min-width: 1024px) {
    .reviews-filterbar__row {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
    }
  }

  .reviews-filterbar__ratings {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
  }
  @media (min-width: 1024px) { .reviews-filterbar__ratings { justify-content: flex-start; } }

  
  .reviews-filter__label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: 44px;
    padding: 0.5rem 1rem;
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    color: var(--gray-300);
    background-color: var(--rv-glass-5);
    border: 1px solid var(--rv-line-5);
    border-radius: var(--r-lg);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: background-color, border-color, color var(--dur) var(--ease);
  }
  .filter-btn.active .reviews-filter__label {
    color: var(--white);
    background-color: var(--rv-glass-10);
    border-color: var(--rv-line-10);
  }
  @media (hover: hover) {
    .reviews-filter__label:hover {
      color: var(--white);
      background-color: var(--rv-glass-10);
    }
    .filter-btn.active .reviews-filter__label:hover { background-color: var(--rv-glass-20); }
  }
  .reviews-filter__star {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
    color: var(--brand-400);
  }

  .reviews-filterbar__sort {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
  @media (min-width: 1024px) { .reviews-filterbar__sort { justify-content: flex-end; } }
  .reviews-filterbar__sort-label {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--gray-400);
  }
  .reviews-sort {
    min-height: 44px;
    min-width: 140px;
    padding: 0.5rem 1rem;
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    color: var(--white);
    background-color: var(--rv-select-bg);
    border: 1px solid var(--rv-select-line);
    border-radius: var(--r-lg);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .reviews-sort:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }

  
  .reviews-grid { padding-top: 4rem; }
  @media (min-width: 768px) { .reviews-grid { padding-block: 4rem; } }

  
  .reviews-status { padding-block: 4rem; text-align: center; }

  .reviews-status__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    background-color: var(--rv-glass-5);
    border: 1px solid var(--rv-line-10);
    border-radius: var(--r-lg);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .reviews-status__text { color: var(--gray-300); }
  .reviews-spinner {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid var(--brand);
    border-top-color: transparent;
    border-radius: var(--r-full);
    animation: rv-spin 1s linear infinite;
  }
  @keyframes rv-spin { to { transform: rotate(360deg); } }

  
  .reviews-noresults__panel {
    max-width: 28rem;
    margin-inline: auto;
    padding: 3rem;
    background-color: var(--rv-glass-5);
    border: 1px solid var(--rv-line-10);
    border-radius: var(--r-2xl);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .reviews-noresults__icon {
    margin-bottom: 1rem;
    font-size: var(--fs-6xl);
    line-height: var(--lh-6xl);
  }
  .reviews-noresults__title {
    margin-bottom: 0.5rem;
    font-size: var(--fs-xl);
    line-height: var(--rv-leading-snug);
    font-weight: 700;
    color: var(--white);
  }
  .reviews-noresults__text { color: var(--gray-400); }
  .reviews-noresults__reset {
    margin-top: 1rem;
    padding: 0.5rem 1.5rem;
    color: var(--brand-400);
    background-color: var(--rv-brand-tint-20);
    border: 1px solid var(--rv-brand-line-30);
    border-radius: var(--r-lg);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: background-color var(--dur) var(--ease);
  }
  @media (hover: hover) {
    .reviews-noresults__reset:hover { background-color: var(--rv-brand-tint-30); }
  }

  
  .reviews-pager-section { padding-top: 1.5rem; }
  @media (min-width: 768px) { .reviews-pager-section { padding-block: 4rem; } }
  .reviews-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }

  
  .reviews-cta-section { padding-block: 4rem; }
  .reviews-cta {
    padding: 3rem;
    text-align: center;
    background-image: linear-gradient(
      to right in oklab,
      var(--rv-brand-tint-20), var(--rv-red-tint-20), var(--rv-purple-tint-20));
    border: 1px solid var(--rv-brand-line-30);
    border-radius: var(--r-3xl);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .reviews-cta__title {
    margin-bottom: 1rem;
    font-size: var(--fs-3xl);
    line-height: var(--rv-leading-snug);
    font-weight: 700;
    color: var(--white);
  }
  .reviews-cta__text {
    max-width: 42rem;
    margin-inline: auto;
    margin-bottom: 2rem;
    color: var(--gray-300);
  }
  .reviews-cta__button {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 2rem;
    font-weight: 600;
    color: var(--white);
    background-image: linear-gradient(to right in oklab, var(--brand), var(--red-500));
    border-radius: var(--r-lg);
    transition: background-image, box-shadow, scale var(--dur) var(--ease);
  }
  .reviews-cta__button svg { width: 1.25rem; height: 1.25rem; }
  @media (hover: hover) {
    .reviews-cta__button:hover {
      background-image: linear-gradient(to right in oklab, var(--brand-600), var(--red-600));
      scale: 1.05;
      box-shadow: 0 25px 50px -12px var(--rv-brand-glow-25);
    }
  }

  
  .review-page {
    min-height: 100vh;
    color: var(--white);
    background-image: linear-gradient(
      to bottom in oklab,
      var(--gray-900), var(--indigo-950), var(--gray-900));
  }

  .review-breadcrumb { padding-block: 1rem; }
  .review-breadcrumb__list {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
  }
  
  .review-quiet-link {
    color: var(--gray-400);
    transition: color var(--dur) var(--ease);
  }
  @media (hover: hover) {
    .review-quiet-link:hover { color: var(--white); }
  }
  .review-breadcrumb__sep { color: var(--gray-600); }
  .review-breadcrumb__current { color: var(--white); }

  .review-main { padding-block: 2rem; }

  .review-article {
    margin-bottom: 2rem;
    padding: 2rem;
    background-color: var(--rv-glass-10);
    border: 1px solid var(--rv-line-10);
    border-radius: var(--r-2xl);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
  .review-article__header { margin-bottom: 1.5rem; }
  
  .review-article__title {
    margin-bottom: 1rem;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right in oklab, var(--brand), var(--red-600));
  }

  .review-author__name {
    font-size: var(--fs-lg);
    line-height: var(--lh-lg);
    font-weight: 600;
  }
  .review-verified {
    display: inline-flex;
    align-items: center;
    margin-left: 0.5rem;
    padding: 0.125rem 0.625rem;
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    font-weight: 500;
    color: var(--green-400);
    background-color: var(--rv-ok-tint-20);
    border: 1px solid var(--rv-ok-line-30);
    border-radius: var(--r-full);
  }
  .review-verified svg { width: 0.75rem; height: 0.75rem; margin-right: 0.25rem; }

  .review-author,
  .review-stars { display: flex; align-items: center; }
  .review-stars__icon { width: 1.25rem; height: 1.25rem; color: var(--yellow-400); }
  .review-stars__icon--empty { color: var(--gray-600); }
  .review-stars__score { margin-left: 0.5rem; color: var(--gray-400); }

  .review-product {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--gray-400);
  }
  .review-product__link { transition: color var(--dur) var(--ease); }
  @media (hover: hover) {
    .review-product__link:hover { color: var(--white); }
  }
  .review-product__label { font-weight: 500; }

  
  .review-nav { margin-bottom: 3rem; }
  .review-nav__title {
    margin-bottom: 1.5rem;
    font-size: var(--fs-2xl);
    line-height: var(--rv-leading-tight);
    font-weight: 700;
    text-align: center;
  }
  .review-nav__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
  }
  .review-nav__step {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--gray-400);
    transition: color var(--dur) var(--ease);
  }
  .review-nav__step svg {
    width: 1.25rem;
    height: 1.25rem;
    transition: transform var(--dur) var(--ease), translate var(--dur) var(--ease);
  }
  @media (hover: hover) {
    .review-nav__step:hover { color: var(--white); }
    .review-nav__step--prev:hover svg { translate: -0.25rem 0; }
    .review-nav__step--next:hover svg { translate: 0.25rem 0; }
  }
  .review-nav__label { display: none; }
  @media (min-width: 640px) { .review-nav__label { display: inline; } }
  .review-nav__label--short { display: inline; }
  @media (min-width: 640px) { .review-nav__label--short { display: none; } }

  .review-related {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  @media (min-width: 768px) {
    .review-related { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  .review-related__card {
    display: block;
    padding: 1.5rem;
    background-color: var(--rv-glass-5);
    border: 1px solid var(--rv-line-10);
    border-radius: var(--r-2xl);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition:
      background-color var(--dur-state) var(--ease-exit),
      border-color var(--dur-state) var(--ease-exit),
      box-shadow var(--dur-state) var(--ease-exit);
  }
  
  @media (hover: hover) {
    .review-related__card:hover {
      background-color: var(--rv-glass-10);
      border-color: var(--rv-line-20);
      box-shadow: var(--glass-hover-glow);
    }
    .review-related__card:hover .review-related__title { color: var(--brand-400); }
  }
  .review-related__card:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
    box-shadow: var(--glass-hover-glow);
  }
  .review-related__title {
    margin-bottom: 0.5rem;
    font-size: var(--fs-lg);
    line-height: var(--rv-leading-snug);
    font-weight: 600;
    transition: color var(--dur) var(--ease);
  }
  .review-related__stars { display: flex; align-items: center; margin-bottom: 0.75rem; }
  .review-related__star { width: 1rem; height: 1rem; color: var(--yellow-400); }
  .review-related__excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: var(--fs-sm);
    line-height: var(--rv-leading-relaxed);
    color: var(--gray-400);
  }
  .review-related__author {
    margin-top: 0.5rem;
    font-size: var(--fs-xs);
    line-height: var(--rv-leading-relaxed);
    color: var(--gray-500);
  }

  
  .review-cta {
    padding: 2rem;
    text-align: center;
    background-image: linear-gradient(
      to right in oklab, var(--rv-brand-tint-20), var(--rv-red600-tint-20));
    border: 1px solid var(--rv-brand-line-30);
    border-radius: var(--r-2xl);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .review-cta__title {
    margin-bottom: 1rem;
    font-size: var(--fs-2xl);
    line-height: var(--rv-leading-tight);
    font-weight: 700;
  }
  .review-cta__text { margin-bottom: 1.5rem; color: var(--gray-300); }
  .review-cta__button {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    color: var(--white);
    background-image: linear-gradient(to right in oklab, var(--brand), var(--red-600));
    border-radius: var(--r-lg);
    transition: background-image, scale var(--dur) var(--ease);
  }
  .review-cta__button svg { width: 1.25rem; height: 1.25rem; margin-left: 0.5rem; }
  @media (hover: hover) {
    .review-cta__button:hover {
      background-image: linear-gradient(to right in oklab, var(--brand-600), var(--red-700));
      scale: 1.05;
    }
  }

  
  .default-single__breadcrumb { margin-bottom: 1rem; }
  .default-single__title { margin-bottom: 0.75rem; }
  
  .default-single__desc { color: var(--ink-muted); }

  .default-single__cta {
    margin-top: 1.25rem;
    padding: 1rem;
    border: 1px solid currentColor;
    border-radius: var(--r-sm);
  }
  .default-single__cta-title { margin-bottom: 0.75rem; }
  .default-single__cta-text { margin-bottom: 1rem; color: var(--ink-muted); }

  
  
  .review-card .review-card__more {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap-min);
    margin-top: 0;
  }
  .review-card .review-card__more:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }
  @media (max-width: 1023.98px) {
    .reviews-pager .reviews-pager__btn { min-width: var(--tap-min); min-height: var(--tap-min); }
  }

  
  .reviews-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    width: 100%;
    min-height: var(--space-12);
    padding: var(--space-3) var(--space-6);
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    font-weight: 600;
    color: var(--white);
    background-color: var(--rv-glass-5);
    border: 1px solid var(--rv-line-10);
    border-radius: var(--r-xl);
    cursor: pointer;
    transition:
      background-color var(--dur-state) var(--ease-exit),
      border-color var(--dur-state) var(--ease-exit);
  }
  .reviews-more__count {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 400;
    color: var(--gray-400);
  }
  .reviews-more:focus-visible {
    outline: var(--focus-outline-on-dark);
    outline-offset: var(--focus-offset);
  }
  @media (hover: hover) {
    .reviews-more:hover {
      background-color: var(--rv-glass-10);
      border-color: var(--rv-line-20);
    }
  }

  
  @media (max-width: 639.98px) {
    
    .reviews-filterbar { margin: var(--space-8) var(--gutter) 0; }
    .reviews-filterbar__inner { padding: var(--space-2); }
    .reviews-filterbar__row {
      flex-direction: row;
      align-items: center;
      gap: var(--space-2);
    }
    .reviews-filterbar__ratings {
      flex: 1 1 auto;
      min-width: 0;
      flex-wrap: nowrap;
      justify-content: flex-start;
      gap: var(--space-2);
      padding: var(--space-1);
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x proximity;
      scroll-padding-inline: var(--space-1);
      scrollbar-width: none;
    }
    .reviews-filterbar__ratings::-webkit-scrollbar { display: none; }
    .reviews-filterbar__ratings .filter-btn { flex: none; scroll-snap-align: start; }
    .reviews-filterbar__sort { flex: none; gap: 0; }
    
    .reviews-filterbar__sort-label {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
    }
    .reviews-sort {
      min-width: 0;
      width: 8.5rem;
      padding-inline: var(--space-3);
    }

    .reviews-grid { padding-top: var(--space-8); }

    
    .reviews-page .review-card {
      padding: var(--space-5);
      margin-bottom: var(--space-4);
    }
    .reviews-page .review-card__head { gap: var(--space-3); margin-bottom: var(--space-3); }
    .reviews-page .review-card__avatar { width: var(--space-10); height: var(--space-10); }
    .reviews-page .review-card__content { margin-bottom: 0; }

    .reviews-pager-section { padding-top: var(--space-2); }

    .reviews-cta-section { padding-block: var(--space-10) var(--space-16); }
    .reviews-cta { padding: var(--space-8) var(--space-5); }
    .reviews-cta__title { font-size: var(--fs-2xl); }
  }
}:root{}@layer components{.home-band { position: relative; overflow-x: clip; }

  

  


  

  
  .home-link {
    font-weight: 600;
    color: var(--brand-400);
    text-decoration: underline;
    text-decoration-color: color-mix(in oklab, var(--brand-400) 40%, transparent);
    text-underline-offset: 4px;
    transition: color var(--dur) var(--ease), text-decoration-color var(--dur) var(--ease);
  }
  .home-link:hover,
  .home-chip__link:hover {
    color: var(--orange-300);
    text-decoration-color: var(--orange-300);
  }

  
  .home-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 500;
    color: var(--brand-400);
    background-color: color-mix(in oklab, var(--brand) 10%, transparent);
    border: 1px solid color-mix(in oklab, var(--brand) 30%, transparent);
    border-radius: var(--r-full);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  
  .home-badge svg { width: 1rem; height: 1rem; flex-shrink: 0; translate: 0 -0.15em; }

  
  .home-head          { gap: 0.75rem; max-width: 42rem; }
  .home-head--center  { gap: 1.5rem; max-width: none; margin-bottom: 3rem; }
  @media (min-width: 1024px) { .home-head--center { margin-bottom: 4rem; } }
  .home-head__accent {
    display: block;
    margin-top: 0.5rem;
    font-size: 1.875rem;
    line-height: calc(2.25 / 1.875);
    font-weight: 400;
    background-image: linear-gradient(to right, var(--brand-400), var(--tool-red-soft));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  @media (min-width: 640px) { .home-head__accent { font-size: 2.25rem; line-height: calc(2.5 / 2.25); } }
  .home-head__lede { max-width: 48rem; }

  
  .home-cta-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    width: 100%;
  }
  @media (min-width: 640px) { .home-cta-row { flex-direction: row; width: auto; } }
  
  .home-cta-row--wide,
  .home-cta-row--tall { align-items: center; }
  .home-cta-row--wide { margin-top: 3rem; padding-inline: 1rem; position: relative; z-index: 10; }
  @media (min-width: 1024px) { .home-cta-row--wide { margin-top: 4rem; } }
  .home-cta-row--tall { margin-top: 4rem; }

  .home-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2.5rem; }

  
  .home-stretch::after { content: ""; position: absolute; inset: 0; }
  .home-stretch:focus-visible { outline: none; }

  
  .home-edu-item:has(:focus-visible),
  .home-card--link:has(:focus-visible) {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }

  
  .home-pills { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
  .home-pills--center { justify-content: center; }
  .home-pills--loose  { margin-top: 2.5rem; }
  
  .home-pills--2row {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    justify-content: safe center; 
    overflow-x: auto;
    scrollbar-width: none;
    padding: 2px; 
  }
  .home-pills--2row::-webkit-scrollbar { display: none; }
  @media (min-width: 1280px) { 
    .home-pills--2row { display: flex; max-width: 64rem; margin-inline: auto; overflow: visible; padding: 0; }
  }
  .home-pill {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    border: 1px solid var(--gray-700);
    background-color: color-mix(in oklab, var(--gray-800) 60%, transparent);
    padding: 0.375rem 0.875rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 500;
    color: var(--ink-muted);
    text-decoration: none;
    transition: color var(--dur) var(--ease), background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);
  }
  .home-pill:hover {
    border-color: color-mix(in oklab, var(--brand) 50%, transparent);
    background-color: color-mix(in oklab, var(--brand) 10%, transparent);
    color: var(--orange-300);
  }

  .home-linkrow        { width: 100%; margin-top: 2rem; }
  .home-linkrow--loose { margin-top: 3rem; }
  .home-linkrow--wide  { max-width: var(--shell); margin-inline: auto; }

  

  .home-hero__inner { position: relative; z-index: 10; padding-top: 3rem; padding-bottom: 2.5rem; }
  @media (min-width: 640px) { .home-hero__inner { padding-top: 4rem; } }
  .home-hero__col { display: flex; flex-direction: column; align-items: center; text-align: center; }

  .home-hero__glow--a { top: 25%;  left: 25%;  width: 24rem; height: 24rem; background-color: color-mix(in oklab, var(--brand) 10%, transparent); }
  .home-hero__glow--b { bottom: 33.333333%; right: 33.333333%; width: 20rem; height: 20rem; background-color: color-mix(in oklab, var(--red-500) 8%, transparent); }
  .home-hero__glow--c { top: 66.666667%; right: 25%; width: 16rem; height: 16rem; filter: blur(40px); background-color: color-mix(in oklab, var(--brand-400) 6%, transparent); }

  .home-hero__proof {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
  }

  .home-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    border: 1px solid color-mix(in oklab, var(--line) 50%, transparent);
    border-radius: var(--r-full);
    background-color: color-mix(in oklab, var(--surface-2) 50%, transparent);
  }
  .home-chip__avatars { display: flex; }
  .home-chip__avatars > * + * { margin-left: -0.5rem; }
  .home-chip__avatar {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--r-full);
    box-shadow: 0 0 0 2px var(--surface-2);
  }
  .home-chip__rating { display: flex; align-items: center; gap: 0.25rem; }
  .home-chip__rating svg { width: 1rem; height: 1rem; color: var(--yellow-400); translate: 0 -0.15em; }
  .home-chip__score { font-size: 0.875rem; font-weight: 600; color: var(--ink); }
  .home-chip__link {
    font-size: 0.875rem;
    color: var(--ink-soft);
    text-decoration: underline;
    text-decoration-color: var(--gray-600);
    text-underline-offset: 4px;
    transition: color var(--dur) var(--ease), text-decoration-color var(--dur) var(--ease);
  }

  .home-hero__title       { max-width: 56rem; margin-bottom: 1.5rem; }
  .home-hero__title-accent {
    display: block;
    background-image: linear-gradient(to right, var(--brand-400), var(--red-500));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .home-hero__lede { max-width: 42rem; margin-bottom: 2.5rem; }

  .home-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
    max-width: 42rem;
    margin-bottom: 2.5rem;
  }
  @media (min-width: 1024px) {
    .home-benefits { max-width: 56rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  }
  .home-benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding-inline: 0.5rem;
    text-align: center;
  }
  
  .home-pill:focus-visible { outline: var(--focus-outline-on-dark); outline-offset: var(--focus-offset); }
  .home-benefit svg { width: 1.75rem; height: 1.75rem; color: var(--brand-400); }
  .home-benefit__title { font-weight: 600; color: var(--ink); }

  .home-hero__reviews { width: 100%; margin-top: 2.5rem; }
  .home-hero__trust {
    position: relative;
    z-index: 20;
    margin-inline: auto;
    margin-top: 2rem;
    padding-inline: 1rem;
    padding-bottom: 3rem;
    max-width: var(--shell);
  }

  

  .home-tabs-wrap { position: relative; margin-bottom: 3rem; }
  @media (min-width: 1024px) { .home-tabs-wrap { margin-bottom: 4rem; } }
  .home-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; padding-bottom: 0.5rem; }

  
  .home-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
    font-weight: 600;
    border-radius: var(--r-lg);
    border: 1px solid transparent;
    background-color: var(--gray-800);
    color: var(--gray-400);
    cursor: pointer;
    transition: background-color, border-color, box-shadow, color var(--dur) var(--ease);
  }
  .home-tab svg { width: 1.25rem; height: 1.25rem; fill: none; }

  .home-tab:hover {
    color: var(--home-tab-soft);
    border-color: color-mix(in oklab, var(--home-tab-accent) 40%, transparent);
    background-color: color-mix(in oklab, var(--home-tab-accent) 5%, transparent);
  }

  .home-tab.is-active {
    color: var(--home-tab-soft);
    background-color: color-mix(in oklab, var(--home-tab-accent) 10%, transparent);
    border-color: color-mix(in oklab, var(--home-tab-accent) 50%, transparent);
    box-shadow:
      0 4px 6px -1px color-mix(in oklab, var(--home-tab-accent) 10%, transparent),
      0 2px 4px -2px color-mix(in oklab, var(--home-tab-accent) 10%, transparent);
  }

  .home-tab.is-active:hover {
    background-color: color-mix(in oklab, var(--home-tab-accent) 20%, transparent);
    border-color: color-mix(in oklab, var(--home-tab-accent) 50%, transparent);
  }

  .home-tab--green   { --home-tab-accent: var(--tool-green);   --home-tab-soft: var(--tool-green-soft); }
  .home-tab--blue    { --home-tab-accent: var(--tool-blue);    --home-tab-soft: var(--tool-blue-soft); }
  .home-tab--emerald { --home-tab-accent: var(--tool-emerald); --home-tab-soft: var(--tool-emerald-soft); }
  .home-tab--amber   { --home-tab-accent: var(--tool-amber);   --home-tab-soft: var(--tool-amber-soft); }
  .home-tab--cyan    { --home-tab-accent: var(--tool-cyan);    --home-tab-soft: var(--tool-cyan-soft); }
  .home-tab--rose    { --home-tab-accent: var(--tool-rose);    --home-tab-soft: var(--tool-rose-soft); }
  .home-tab--lime    { --home-tab-accent: var(--tool-lime);    --home-tab-soft: var(--tool-lime-soft); }
  .home-tab--orange  { --home-tab-accent: var(--tool-orange);  --home-tab-soft: var(--tool-orange-soft); }
  .home-tab--sky     { --home-tab-accent: var(--tool-sky);     --home-tab-soft: var(--tool-sky-soft); }
  .home-tab--red     { --home-tab-accent: var(--tool-red);     --home-tab-soft: var(--tool-red-soft); }
  .home-tab--teal    { --home-tab-accent: var(--tool-teal);    --home-tab-soft: var(--tool-teal-soft); }
  .home-tab--pink    { --home-tab-accent: var(--tool-pink);    --home-tab-soft: var(--tool-pink-soft); }

  
  .home-tool-panel__media { position: relative; order: 2; }
  .home-tool-panel__list  { order: 1; display: flex; flex-direction: column; gap: 1rem; }
  @media (min-width: 1024px) {
    .home-tool-panel__media { order: 1; }
    .home-tool-panel__list  { order: 2; }
  }
  .home-tool-panel__glow {
    position: absolute;
    inset: -1rem;
    border-radius: var(--r-xl);
    filter: blur(64px);
    opacity: 0.2;
    
    background: radial-gradient(closest-side, var(--home-accent), transparent);
  }
  .home-tool-panel__glow--soft { opacity: 0.1; }
  .home-tool-panel__frame { position: relative; }
  .home-tool-panel__img   { position: relative; width: 100%; height: auto; }

  .home-card {
    position: relative;
    padding: 1.5rem;
    border: 1px solid color-mix(in oklab, var(--gray-700) 50%, transparent);
    border-radius: var(--r-2xl);
    background-color: color-mix(in oklab, var(--gray-800) 30%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition:
      background-color var(--dur-state) var(--ease-exit),
      border-color var(--dur-state) var(--ease-exit),
      box-shadow var(--dur-state) var(--ease-exit);
  }
  
  .home-card:hover,
  .home-card:has(:focus-visible) {
    background-color: color-mix(in oklab, var(--gray-800) 50%, transparent);
    box-shadow: var(--glass-hover-glow);
  }
  .home-card--static { cursor: default; }
  .home-card--link   { cursor: pointer; }

  .home-tool-card__row  { display: flex; align-items: flex-start; gap: 1.25rem; }
  .home-tool-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--r-xl);
    background-color: var(--home-accent);
  }
  .home-tool-card__icon svg { width: 1.75rem; height: 1.75rem; color: var(--white); }
  .home-tool-card__body  { flex: 1 1 0%; }
  .home-tool-card__title { margin-bottom: 0.5rem; font-size: 1.25rem; line-height: calc(1.75 / 1.25); font-weight: 700; color: var(--ink); }
  .home-tool-card__text  { font-size: 15px; line-height: 1.625; color: var(--ink-muted); }
  .home-tool-card__stats { display: flex; align-items: center; gap: 1.5rem; margin-top: 1.25rem; }
  .home-tool-stat        { display: flex; align-items: center; gap: 0.375rem; color: var(--home-accent-soft, var(--home-accent)); }
  .home-tool-stat svg    { width: 1rem; height: 1rem; fill: none; }
  .home-tool-stat span   { font-size: 0.875rem; line-height: calc(1.25 / 0.875); font-weight: 500; }

  .home-accent--orange  { --home-accent: var(--tool-orange);  --home-accent-soft: var(--tool-orange-soft); }
  .home-accent--blue    { --home-accent: var(--tool-blue);    --home-accent-soft: var(--tool-blue-soft); }
  .home-accent--red     { --home-accent: var(--tool-red);     --home-accent-soft: var(--tool-red-soft); }
  .home-accent--cyan    { --home-accent: var(--tool-cyan);    --home-accent-soft: var(--tool-cyan-soft); }
  .home-accent--emerald { --home-accent: var(--tool-emerald); --home-accent-soft: var(--tool-emerald-soft); }
  .home-accent--rose    { --home-accent: var(--tool-rose);    --home-accent-soft: var(--tool-rose-soft); }
  .home-accent--amber   { --home-accent: var(--tool-amber);   --home-accent-soft: var(--tool-amber-soft); }
  .home-accent--pink    { --home-accent: var(--tool-pink);    --home-accent-soft: var(--tool-pink-soft); }
  .home-accent--violet  { --home-accent: var(--tool-violet);  --home-accent-soft: var(--tool-violet-soft); }
  .home-accent--teal    { --home-accent: var(--tool-teal);    --home-accent-soft: var(--tool-teal-soft); }
  .home-accent--lime    { --home-accent: var(--tool-lime);    --home-accent-soft: var(--tool-lime-soft); }
  .home-accent--sky     { --home-accent: var(--tool-sky);     --home-accent-soft: var(--tool-sky-soft); }
  .home-accent--green   { --home-accent: var(--tool-green);   --home-accent-soft: var(--tool-green-soft); }
  .home-accent--sr-red   { --home-accent: var(--tool-sr-red);   --home-accent-soft: var(--tool-sr-red); }
  .home-accent--sr-green { --home-accent: var(--tool-sr-green); --home-accent-soft: var(--tool-sr-green); }
  .home-accent--sr-blue  { --home-accent: var(--tool-sr-blue);  --home-accent-soft: var(--tool-sr-blue); }

  
  .home-deeper {
    position: relative;
    z-index: 10;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid color-mix(in oklab, var(--line) 80%, transparent);
  }

  

  .home-video__glow--a { top: 0; left: 50%; transform: translateX(-50%); width: 800px; height: 800px; background-color: color-mix(in oklab, var(--brand) 10%, transparent); }

  .home-video__shell { position: relative; max-width: 64rem; margin-inline: auto; }
  .home-video__frame {
    position: relative;
    padding: 0.75rem;
    border: 1px solid color-mix(in oklab, var(--gray-700) 50%, transparent);
    border-radius: var(--r-3xl);
    background-color: color-mix(in oklab, var(--gray-800) 30%, transparent);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.5);
  }
  .home-video__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    margin-bottom: 0.75rem;
    border-start-start-radius: var(--r-2xl);
    border-start-end-radius: var(--r-2xl);
    background-color: color-mix(in oklab, var(--surface-2) 50%, transparent);
  }
  .home-video__bar-group { display: flex; align-items: center; gap: 1rem; }
  .home-video__dots { display: flex; gap: 0.5rem; }
  .home-video__dot  { width: 0.75rem; height: 0.75rem; border-radius: var(--r-full); }
  .home-video__dot--red   { background-color: var(--red-500); }
  .home-video__dot--amber { background-color: var(--yellow-500); }
  .home-video__dot--green { background-color: var(--green-500); }

  .home-video__stage {
    position: relative;
    overflow: hidden;
    background-color: var(--surface);
    border-radius: var(--r-2xl);
    aspect-ratio: 16 / 9;
  }
  .home-video__poster { position: absolute; inset: 0; width: 100%; height: 100%; }
  .home-video__poster img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  
  .home-video__stage iframe { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; }

  .home-video__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity, background-color var(--dur) var(--ease);
  }
  .home-video__play { position: relative; }
  .home-video__play-halo { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
  .home-video__play-glow {
    width: 5rem;
    height: 5rem;
    border-radius: var(--r-full);
    filter: blur(40px);
    background-color: color-mix(in oklab, var(--red-600) 50%, transparent);
    transition: background-color 500ms var(--ease);
  }
  .home-video__play:hover .home-video__play-glow { background-color: color-mix(in oklab, var(--red-500) 60%, transparent); }
  .home-video__play-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--r-full);
    border: 1px solid color-mix(in oklab, var(--red-500) 50%, transparent);
    background-color: color-mix(in oklab, var(--red-600) 90%, transparent);
    box-shadow: 0 10px 15px -3px color-mix(in oklab, var(--red-600) 30%, transparent);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: background-color, border-color, transform var(--dur) var(--ease);
  }
  .home-video__play-btn:hover {
    transform: scale(1.1);
    background-color: var(--red-500);
    border-color: color-mix(in oklab, var(--tool-red-soft) 50%, transparent);
  }
  .home-video__play-shine {
    position: absolute;
    inset: 0;
    border-radius: var(--r-full);
    background-image: linear-gradient(to top right, transparent, rgb(255 255 255 / 0.1), rgb(255 255 255 / 0.2));
  }
  .home-video__play-inset { position: absolute; inset: 0; border-radius: var(--r-full); box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); }
  .home-video__play-icon {
    position: relative;
    z-index: 10;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.25rem;
    color: var(--white);
    filter: drop-shadow(0 3px 3px rgb(0 0 0 / 0.12));
  }
  .home-video__ring-wrap { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; }
  .home-video__ring { width: 3.5rem; height: 3.5rem; border: 1px solid rgb(255 255 255 / 0.2); border-radius: var(--r-full); animation: home-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }
  @keyframes home-ping { 75%, 100% { transform: scale(2); opacity: 0; } }

  .home-video__tag {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: 1px solid rgb(255 255 255 / 0.1);
    border-radius: var(--r-full);
    background-color: rgb(255 255 255 / 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .home-video__tag--tl { top: 1rem; left: 1rem; display: none; }
  .home-video__tag--br { bottom: 1rem; right: 1rem; padding: 0.375rem 0.75rem; }
  .home-video__tag svg { width: 1.25rem; height: 1.25rem; color: var(--red-500); }
  .home-video__tag-text { font-size: 0.75rem; line-height: calc(1 / 0.75); font-weight: 500; color: rgb(255 255 255 / 0.8); }
  
  @media (min-width: 640px) {
    .home-video__play-glow { width: 8rem; height: 8rem; }
    .home-video__play-btn, .home-video__ring { width: 6rem; height: 6rem; }
    .home-video__play-icon { width: 2.5rem; height: 2.5rem; }
    .home-video__tag--tl { display: flex; }
  }

  .home-video__badges { position: absolute; top: 1rem; right: 1rem; display: flex; flex-direction: column; gap: 0.75rem; }
  .home-video__badge {
    padding: 0.375rem 0.75rem;
    border: 1px solid rgb(255 255 255 / 0.1);
    border-radius: var(--r-lg);
    background-color: rgb(0 0 0 / 0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .home-video__badge-text { font-size: 0.75rem; line-height: calc(1 / 0.75); font-weight: 500; color: var(--ink); }
  .home-video__fade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 8rem;
    background-image: linear-gradient(to top, rgb(0 0 0 / 0.8), transparent);
  }

  
  .home-cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    max-width: var(--shell);
    margin-inline: auto;
    margin-top: 4rem;
  }
  @media (min-width: 768px) { .home-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  .home-card__head  { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
  .home-card__icon  {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: var(--r-xl);
    background-image: linear-gradient(to bottom right, var(--orange-500), var(--red-600));
  }
  .home-card__icon--blue  { background-image: linear-gradient(to bottom right, var(--blue-500), var(--blue-600)); }
  .home-card__icon--green { background-image: linear-gradient(to bottom right, var(--green-500), var(--green-600)); }
  .home-card__icon svg    { width: 1.5rem; height: 1.5rem; color: var(--white); }
  .home-card__count { font-size: 0.75rem; line-height: calc(1 / 0.75); color: var(--ink-soft); }
  .home-card__title { margin-bottom: 0.5rem; font-size: 1.125rem; line-height: calc(1.75 / 1.125); font-weight: 600; color: var(--ink); }
  .home-card:hover .home-card__title { color: var(--orange-300); }
  .home-card__more  {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--brand-400);
    transition: gap var(--dur) var(--ease);
  }
  .home-card:hover .home-card__more { gap: 0.75rem; }
  .home-card__more--blue  { color: var(--tool-blue-soft); }
  .home-card__more--green { color: var(--tool-green-soft); }
  .home-card__more svg    { width: 1rem; height: 1rem; }

  

  .home-reviews { display: grid; gap: 1.25rem; grid-template-columns: minmax(0, 1fr); }
  @media (min-width: 768px) { .home-reviews { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  
  .home-reviews .review-card,
  .home-reviews .review-card:hover {
    height: 100%;
    border-color: color-mix(in oklab, var(--gray-700) 50%, transparent);
    background: color-mix(in oklab, var(--gray-800) 30%, transparent);
  }
  
  @media (max-width: 767.98px) {
    .home-reviews {
      grid-auto-flow: column;
      grid-template-columns: none;
      grid-auto-columns: 85%;
      gap: var(--space-4);
      margin-inline: calc(-1 * var(--gutter));
      padding-inline: var(--gutter);
      padding-block: 2px; 
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      scroll-padding-inline: var(--gutter);
      scrollbar-width: none;
    }
    .home-reviews::-webkit-scrollbar { display: none; }
    .home-reviews > * { scroll-snap-align: start; }
    
    .home-reviews .review-card { margin-bottom: 0; }
    .home-reviews .review-card__content { margin-bottom: 0; }
  }

  .home-final { margin-bottom: 0; }
  .home-final .home-cta-row { margin-top: 0.5rem; }

  

  .home-hubs { isolation: isolate; }

  
  @keyframes home-reveal-up { from { opacity: 0; translate: 0 28px; } }
  @supports (animation-timeline: view()) {
    .home-hub-grid > li {
      animation: home-reveal-up linear both;
      animation-timeline: view();
      animation-range: entry 5% entry 70%;
    }
  }

  
  .home-hub-grid { display: grid; gap: 0.75rem; margin-top: 2rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  @media (min-width: 768px) { .home-hub-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
  .home-hub-grid > li { display: flex; }
  .home-hub {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.1rem;
    border: 1px solid var(--line);
    border-radius: var(--r-2xl);
    background-color: color-mix(in oklab, var(--surface-2) 60%, transparent);
    color: var(--ink);
    text-decoration: none;
    transform: perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
    transition: transform 0.15s linear, border-color var(--dur) var(--ease);
  }
  .home-hub:hover { border-color: transparent; transform: perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(10px); }
  .home-hub:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }

  
  @property --home-hub-arc { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
  .home-hub::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: conic-gradient(from var(--home-hub-arc), transparent 65%, var(--brand-400));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
    opacity: 0;
    transition: opacity var(--dur) var(--ease);
    animation: home-hub-arc 2.5s linear infinite;
    pointer-events: none;
  }
  .home-hub:hover::before { opacity: 1; }
  @keyframes home-hub-arc { to { --home-hub-arc: 360deg; } }

  
  .home-hub .topic-icon { width: 1.75rem; height: 1.75rem; color: var(--brand-400); }
  .home-hub .topic-icon path { stroke-dasharray: 1; stroke-dashoffset: 0; }
  .home-hub:hover .topic-icon path { animation: home-hub-draw 1.2s ease-in-out; }
  @keyframes home-hub-draw { from { stroke-dashoffset: 1; } }

  .home-hub__name { font-weight: 600; line-height: 1.3; }
  .home-hub__count { font-size: 0.75rem; line-height: calc(1 / 0.75); font-weight: 600; color: var(--zinc-500); }
  .home-hub--more { align-items: center; justify-content: center; text-align: center; font-weight: 600; color: var(--orange-300); }


  @media (prefers-reduced-motion: reduce) {
    .home-hubs *, .home-hubs *::before { animation: none !important; transition: none !important; }
  }

  

  .home-edu-list { margin-top: 2.5rem; border-block: 1px solid var(--line); }
  .home-edu-list > li + li { border-top: 1px solid var(--line); }
  .home-edu-item { position: relative; }
  .home-edu-item__row { gap: 0.75rem; padding-block: 1.5rem; }
  @media (min-width: 640px) { .home-edu-item__row { gap: 2rem; } }
  .home-edu-item__body  { max-width: 48rem; }
  .home-edu-item__title {
    font-family: var(--font-blog-serif);
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 600;
    color: var(--ink);
  }
  .home-edu-item:hover .home-edu-item__title { color: var(--brand-400); }
  .home-edu-item__text { margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.625; color: var(--ink-muted); }
  @media (min-width: 640px) { .home-edu-item__text { font-size: 1rem; } }
  .home-edu-item__more { flex-shrink: 0; font-size: 0.875rem; font-weight: 600; color: var(--brand-400); }
  .home-edu-item:hover .home-edu-item__more { color: var(--orange-300); }

  

  .hero-review-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.25rem;
    max-width: 90rem;
    margin-inline: auto;
  }

  @media (min-width: 768px) {
    .hero-review-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  .hero-review-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.25rem;
    text-align: left;
    border: 1px solid color-mix(in oklab, var(--gray-800) 50%, transparent);
    background-color: color-mix(in oklab, var(--gray-900) 50%, transparent);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: var(--r-2xl);
  }

  
  .hero-review-card--md-up { display: none; }
  @media (min-width: 768px) { .hero-review-card--md-up { display: flex; } }

  .hero-review-card__head {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .hero-review-card__avatar {
    width: 2.75rem;
    height: 2.75rem;
    object-fit: cover;
    border-radius: var(--r-full);
  }

  .hero-review-card__author { font-weight: 600; color: var(--white); }

  .hero-review-card__role {
    font-size: var(--fs-sm);
    line-height: 1.25rem;
    color: var(--gray-400);
  }

  .hero-review-card__quote {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    
    min-height: 4.875rem;
    font-style: italic;
    line-height: 1.625;
    color: var(--gray-300);
  }

  .hero-review-card__footer {
    display: flex;
    align-items: center;
    margin-top: auto;
    padding-top: 0.75rem;
  }

  .hero-review-card__stars { display: flex; color: var(--yellow-400); }
  .hero-review-card__stars svg { width: 1rem; height: 1rem; }

  .hero-review-card__verified {
    margin-left: 0.5rem;
    font-size: var(--fs-xs);
    line-height: 1.25;
    color: var(--gray-500);
  }

  .hero-review-more { margin-top: 1rem; text-align: center; }

  .hero-review-more__link {
    font-size: var(--fs-sm);
    line-height: 1.25rem;
    color: var(--brand-400);
    transition: color var(--dur) var(--ease);
  }

  .hero-review-more__link:hover { color: var(--orange-300); }

  
  .home-tool-icon { width: 1.75rem; height: 1.75rem; color: var(--white); }

  
  @media (max-width: 639.98px) {

    
    .home-head--center { gap: var(--space-4); margin-bottom: var(--space-8); }
    .home-head__accent { font-size: var(--fs-2xl); line-height: var(--lh-2xl); }
    .home-cta-row--wide { margin-top: var(--space-8); padding-inline: 0; }
    .home-cta-row--tall { margin-top: var(--space-10); }
    .home-pill { min-height: var(--tap-min); }
    .home-pills--loose { margin-top: var(--space-8); }

    
    .home-hero__inner { padding-top: var(--space-6); padding-bottom: var(--space-8); }
    .home-hero__proof { gap: var(--space-2); margin-bottom: var(--space-5); }
    .home-hero__title {
      margin-bottom: var(--space-4);
      font-size: var(--fs-4xl);
      line-height: 1.1;
      text-wrap: balance;
    }
    .home-hero__lede { margin-bottom: var(--space-6); font-size: var(--fs-base); }
    .home-benefits {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: var(--space-2);
      margin-bottom: var(--space-6);
    }
    .home-benefit { gap: var(--space-1); padding-inline: 0; }
    .home-benefit svg { width: 1.25rem; height: 1.25rem; }
    .home-benefit__title { font-size: var(--fs-sm); line-height: 1.2; }
    .home-benefit .microcopy { font-size: var(--fs-xs); line-height: 1.3; }
    .home-hero__col .home-cta-row { gap: var(--space-2); }
    .home-hero__demo { min-height: var(--tap-min); padding-block: var(--space-2); font-size: var(--fs-sm); }

    
    .home-tabs-wrap { margin-bottom: var(--space-8); }
    .home-tabs {
      flex-wrap: nowrap;
      justify-content: flex-start;
      gap: var(--space-2);
      margin-inline: calc(-1 * var(--gutter));
      padding: 2px var(--gutter) var(--space-2);
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x proximity;
      scroll-padding-inline: var(--gutter);
      scrollbar-width: none;
    }
    .home-tabs::-webkit-scrollbar { display: none; }
    .home-tab {
      flex-shrink: 0;
      min-height: var(--tap-min);
      padding: var(--space-2) var(--space-4);
      white-space: nowrap;
      scroll-snap-align: start;
    }
    .tab-panel .page-split { gap: var(--space-8); }

    
    .home-card { padding: var(--space-5); }
    .home-tool-card__row {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 0 var(--space-3);
    }
    .home-tool-card__body { display: contents; }
    .home-tool-card__icon { width: 2.5rem; height: 2.5rem; border-radius: var(--r-lg); }
    .home-tool-card__icon svg { width: 1.25rem; height: 1.25rem; }
    .home-tool-card__title { grid-column: 2; margin-bottom: 0; font-size: var(--fs-lg); line-height: 1.3; }
    .home-tool-card__text,
    .home-tool-card__stats { grid-column: 1 / -1; }
    .home-tool-card__text { margin-top: var(--space-3); }
    .home-tool-card__stats { flex-wrap: wrap; gap: var(--space-2) var(--space-5); margin-top: var(--space-4); }
    .home-tool-stat span { white-space: nowrap; }
    .home-deeper { margin-top: var(--space-6); padding-top: var(--space-5); }

    
    .home-pricing .plist-path--pro { order: -1; }
    .home-pricing .plist-path { padding: var(--space-5); }
    .home-pricing .plist-path__cta { align-self: stretch; }

    
    .home-hub-grid { margin-top: var(--space-6); }
    .home-hub { padding: var(--space-4); }
    .home-hub__count { font-size: var(--fs-sm); line-height: var(--lh-sm); color: var(--ink-muted); }

    
    .home-edu-item__row { padding-block: var(--space-5); }
    .home-edu-item__title { font-size: var(--fs-xl); }
    .home-edu-item__text { font-size: var(--fs-base); }
    .home-edu-item__more { display: inline-flex; align-items: center; min-height: var(--tap-min); }
  }
}:root{--misc-scrim:color-mix(in oklab, var(--black) 80%, transparent);--misc-scrim-solid:color-mix(in oklab, var(--black) 95%, transparent);--misc-glass:color-mix(in oklab, var(--white) 10%, transparent);--misc-glass-hover:color-mix(in oklab, var(--white) 20%, transparent);--misc-glass-line:color-mix(in oklab, var(--white) 15%, transparent);--misc-on-dark:color-mix(in oklab, var(--white) 90%, transparent);--misc-on-dark-soft:color-mix(in oklab, var(--white) 70%, transparent);--misc-panel-dark:color-mix(in oklab, var(--gray-900) 50%, transparent);--misc-panel-dark-hover:color-mix(in oklab, var(--gray-900) 70%, transparent);--misc-panel-dark-soft:color-mix(in oklab, var(--gray-900) 30%, transparent);--misc-line-dark:color-mix(in oklab, var(--gray-800) 50%, transparent);--misc-line-dark-hover:color-mix(in oklab, var(--gray-700) 50%, transparent)}@layer components{.ui-media { display: block; }
  

  
  .ui-accordion { width: 100%; }
  .ui-accordion > * + * { margin-top: 1rem; }
  .ui-accordion__item { border-bottom: 1px solid var(--line); }
  .ui-accordion__head { display: flex; }
  .ui-accordion__trigger {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-block: 1rem;
    font-size: var(--fs-lg);
    line-height: var(--lh-lg);
    font-weight: 700;
    text-align: left;
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: var(--dur); transition-timing-function: var(--ease);
  }
  .ui-accordion__trigger:hover { text-decoration: underline; }
  @media (min-width: 768px) {
    .ui-accordion__trigger { font-size: var(--fs-xl); line-height: var(--lh-xl); }
  }
  .ui-accordion__icon {
    height: 1.25rem;
    width: 1.25rem;
    flex-shrink: 0;
    transition: transform 200ms var(--ease);
  }
  .ui-accordion__trigger[aria-expanded="true"] > .ui-accordion__icon { rotate: 180deg; }
  .ui-accordion__panel {
    overflow: hidden;
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: var(--dur); transition-timing-function: ease-in-out;
  }
  @media (min-width: 768px) {
    .ui-accordion__panel { font-size: var(--fs-lg); line-height: var(--lh-lg); }
  }
  .ui-accordion__body {
    padding-bottom: 1rem;
    color: var(--ink-muted);
    line-height: 1.625;
  }

  
  .ui-trigger { display: inline-block; }
  .ui-dialog {
    position: fixed;
    inset: 0;
    z-index: 50;
    background: var(--misc-scrim);
  }
  .ui-dialog__panel {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 50;
    display: grid;
    width: 100%;
    max-width: 32rem;
    gap: 1rem;
    translate: -50% -50%;
    border: 1px solid var(--line);
    background: var(--surface);
    padding: 1.5rem;
    box-shadow: var(--shadow-lg);
    transition-duration: 200ms;
  }
  @media (min-width: 640px) { .ui-dialog__panel { border-radius: var(--r-lg); } }
  .ui-dialog__head { display: flex; flex-direction: column; gap: 0.375rem; text-align: center; }
  @media (min-width: 640px) { .ui-dialog__head { text-align: left; } }
  .ui-dialog__title { font-size: var(--fs-lg); font-weight: 600; line-height: 1; letter-spacing: -0.01em; }
  .ui-dialog__desc { font-size: var(--fs-sm); color: var(--ink-muted); }
  .ui-dialog__body { padding-block: 0.5rem; }
  .ui-dialog__foot { display: flex; flex-direction: column-reverse; gap: 0.5rem; }
  @media (min-width: 640px) { .ui-dialog__foot { flex-direction: row; justify-content: flex-end; } }
  .ui-dialog__close,
  .ui-sheet__close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    border: 0;
    background: none;
    color: inherit;
    border-radius: var(--r-sm);
    opacity: 0.7;
    cursor: pointer;
    transition: opacity var(--dur) var(--ease);
  }
  .ui-dialog__close:hover,
  .ui-sheet__close:hover { opacity: 1; }
  .ui-dialog__close svg,
  .ui-sheet__close svg { height: 1rem; width: 1rem; }

  .ui-sheet { position: fixed; inset: 0; z-index: 50; background: var(--misc-scrim); }
  .ui-sheet__panel {
    position: fixed;
    z-index: 50;
    gap: 1rem;
    background: var(--surface);
    padding: 1.5rem;
    box-shadow: var(--shadow-lg);
    transition: transform var(--dur) ease-in-out;
  }
  .ui-sheet__head {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
    margin-bottom: 1.5rem;
  }
  @media (min-width: 640px) { .ui-sheet__head { text-align: left; } }
  .ui-sheet__title { font-size: var(--fs-lg); line-height: 1.25; font-weight: 600; color: var(--ink); }
  .ui-sheet__body { height: 100%; overflow-y: auto; padding-bottom: 2.5rem; }

  .ui-dropdown { position: relative; display: inline-block; text-align: left; }
  .ui-dropdown__menu {
    position: absolute;
    z-index: 50;
    margin-top: 0.5rem;
    min-width: 8rem;
    width: 14rem;
    transform-origin: top right;
    border: 1px solid var(--line);
    border-radius: var(--r);
    background: var(--surface);
    padding: 0.25rem;
    color: var(--ink);
    box-shadow: var(--shadow-md);
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: 200ms; transition-timing-function: ease-in-out;
  }
  .ui-dropdown__menu[data-state="open"] { scale: 1; opacity: 1; visibility: visible; }
  .ui-dropdown__menu--start { left: 0; }
  .ui-dropdown__menu--end { right: 0; }
  .ui-dropdown__menu--center { left: 50%; translate: -50% 0; }

  .ui-sheet__panel--left,
  .ui-sheet__panel--right { inset-block: 0; height: 100%; width: 75%; }
  @media (min-width: 640px) {
    .ui-sheet__panel--left,
    .ui-sheet__panel--right { max-width: 24rem; }
  }
  .ui-sheet__panel--left { left: 0; border-right: 1px solid var(--line); }
  .ui-sheet__panel--right { right: 0; border-left: 1px solid var(--line); }
  .ui-sheet__panel--top { inset-inline: 0; top: 0; border-bottom: 1px solid var(--line); }
  .ui-sheet__panel--bottom { inset-inline: 0; bottom: 0; border-top: 1px solid var(--line); }

  
  .lightbox { position: fixed; inset: 0; z-index: 10000; }
  .lightbox__overlay {
    position: absolute;
    inset: 0;
    background: var(--misc-scrim-solid);
    transition: opacity 200ms var(--ease);
  }
  .lightbox__content {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    transition: opacity 200ms var(--ease);
  }
  @media (prefers-reduced-motion: reduce) {
    .lightbox__overlay, .lightbox__content { transition: none; }
  }
  .lightbox__toolbar {
    position: relative;
    z-index: 20;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem;
  }
  @media (min-width: 640px) { .lightbox__toolbar { padding: 1rem; } }
  .lightbox__counter {
    border-radius: var(--r-full);
    background: var(--misc-glass);
    padding: 0.25rem 0.75rem;
    font-size: var(--fs-sm);
    font-weight: 500;
    color: var(--misc-on-dark);
    font-variant-numeric: tabular-nums;
    backdrop-filter: blur(12px);
  }
  .lightbox__tools { display: flex; align-items: center; gap: 0.5rem; }
  .lightbox__btn,
  .lightbox__nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-full);
    border: 1px solid var(--misc-glass-line);
    background: var(--misc-glass);
    color: var(--white);
    backdrop-filter: blur(12px);
    cursor: pointer;
    transition: background-color var(--dur) var(--ease);
  }
  .lightbox__btn { height: 2.5rem; width: 2.5rem; }
  .lightbox__btn:hover,
  .lightbox__nav:hover { background: var(--misc-glass-hover); }
  .lightbox__btn:focus-visible,
  .lightbox__nav:focus-visible {
    outline: var(--focus-outline-on-dark);
    outline-offset: var(--focus-offset);
  }
  .lightbox__btn:disabled { pointer-events: none; opacity: 0.4; }
  .lightbox__viewport {
    position: relative;
    min-height: 0;
    flex: 1 1 0%;
    touch-action: none;
    user-select: none;
    overflow: hidden;
  }
  .lightbox__image {
    position: absolute;
    inset: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    transform-origin: center;
    object-fit: contain;
    will-change: transform;
  }
  .lightbox__caption-bar {
    position: relative;
    z-index: 20;
    display: flex;
    min-height: 4.75rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 4rem 1rem;
    text-align: center;
  }
  @media (min-width: 640px) {
    .lightbox__caption-bar { display: block; min-height: 0; padding-inline: 1rem; }
  }
  .lightbox__caption {
    margin-inline: auto;
    max-width: 42rem;
    font-size: var(--fs-sm);
    color: var(--misc-on-dark-soft);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  @media (min-width: 640px) {
    .lightbox__caption { display: block; -webkit-line-clamp: unset; overflow: visible; }
  }
  .lightbox__nav {
    position: absolute;
    bottom: 1rem;
    z-index: 20;
    height: 2.75rem;
    width: 2.75rem;
  }
  .lightbox__nav--prev { left: 0.75rem; }
  .lightbox__nav--next { right: 0.75rem; }
  @media (min-width: 640px) {
    .lightbox__nav { bottom: auto; top: 50%; translate: 0 -50%; }
    .lightbox__nav--prev { left: 1.5rem; }
    .lightbox__nav--next { right: 1.5rem; }
  }

  
  .video-card {
    padding: 0.5rem;
    background: var(--surface);
    border: 1px solid var(--gray-100);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: var(--dur); transition-timing-function: var(--ease);
  }
  .video-card:hover {
    box-shadow: var(--shadow-lg);
    translate: 0 -0.25rem;
    scale: 1.05;
  }
  .video-card__media { position: relative; overflow: hidden; border-radius: var(--r-xl); }
  .video-card__media--spaced { margin-bottom: 1rem; }
  .video-card__embed { position: relative; aspect-ratio: 16 / 9; background: var(--gray-900); }
  .video-card__loader {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--gray-900);
  }
  .video-card__spinner {
    width: 2rem;
    height: 2rem;
    border: 3px solid color-mix(in oklab, var(--gray-600) 20%, transparent);
    border-top-color: var(--orange-500);
    border-radius: var(--r-full);
    animation: misc-spin 1s linear infinite;
  }
  .video-card__loader-text {
    margin-top: 0.75rem;
    color: var(--white);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 500;
  }
  .video-card__iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
  .video-card__soon {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16 / 9;
    background-image: linear-gradient(to bottom right, var(--gray-400), var(--gray-500));
  }
  .video-card__soon-inner { text-align: center; color: var(--white); }
  .video-card__soon-icon { margin-bottom: 0.5rem; font-size: var(--fs-4xl); line-height: var(--lh-4xl); }
  .video-card__soon-title { font-size: var(--fs-lg); line-height: 1.375; font-weight: 600; }
  .video-card__meta > * + * { margin-top: 0.5rem; }
  .video-card__cat { display: flex; align-items: center; gap: 0.5rem; }
  .video-card__chip {
    padding: 0.25rem 0.5rem;
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    font-weight: 600;
    color: var(--purple-800);
    background: var(--purple-100);
    border-radius: var(--r-full);
  }
  .video-card__icon { font-size: var(--fs-2xl); line-height: var(--lh-2xl); }
  .video-card__title { font-size: var(--fs-xl); line-height: 1.375; font-weight: 600; color: var(--gray-900); }
  .video-card__desc { color: var(--gray-600); }

  @keyframes misc-spin { to { rotate: 360deg; } }

  
  .discord-banner { width: 100%; padding-block: 3rem; }
  
  @media (max-width: 639.98px) { .discord-banner { padding-block: var(--space-4); } }
  .discord-banner__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: var(--indigo-600);
    border-radius: var(--r-2xl);
    padding: 1.5rem 1rem;
    color: var(--white);
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 15px -3px color-mix(in oklab, var(--indigo-500) 25%, transparent),
                0 4px 6px -4px color-mix(in oklab, var(--indigo-500) 25%, transparent);
    transition: transform var(--dur) var(--ease);
  }
  .discord-banner__inner:hover { translate: 0 -0.25rem; }
  @media (min-width: 1024px) {
    .discord-banner__inner {
      flex-direction: row;
      text-align: left;
      justify-content: space-between;
      padding: 2rem;
    }
  }
  .discord-banner__logo-wrap { position: relative; z-index: 10; margin-bottom: 1rem; }
  @media (min-width: 1024px) { .discord-banner__logo-wrap { margin-bottom: 0; } }
  .discord-banner__logo {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media (min-width: 1024px) { .discord-banner__logo { width: 90px; height: 90px; } }
  .discord-banner__logo svg { fill: var(--white); }
  .discord-banner__copy { z-index: 10; margin-bottom: 1.5rem; }
  @media (min-width: 1024px) {
    .discord-banner__copy { margin-bottom: 0; margin-inline: 2rem; flex: 1 1 0%; }
  }
  .discord-banner__title {
    font-size: var(--fs-2xl);
    line-height: 1.375;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--white);
  }
  .discord-banner__text { font-size: var(--fs-base); opacity: 0.9; color: var(--white); }
  .discord-banner__count {
    display: inline-block;
    font-weight: 700;
    position: relative;
    color: var(--white);
  }
  .discord-banner__actions { z-index: 10; width: 100%; }
  @media (min-width: 1024px) { .discord-banner__actions { width: auto; margin-left: 1rem; } }
  .discord-banner__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1rem 2rem;
    font-size: var(--fs-lg);
    line-height: var(--lh-lg);
    font-weight: 700;
    background: var(--white);
    color: var(--indigo-600);
    border: 2px solid transparent;
    border-radius: var(--r-lg);
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: 200ms; transition-timing-function: var(--ease);
  }
  @media (min-width: 1024px) { .discord-banner__cta { width: auto; } }
  .discord-banner__cta:hover {
    background: color-mix(in oklab, var(--white) 90%, transparent);
    translate: 0 -0.125rem;
    box-shadow: var(--shadow-md);
  }
  .discord-banner__cta:active { translate: 0 0; }
  .discord-banner__arrow {
    margin-left: 0.5rem;
    font-size: var(--fs-lg);
    line-height: var(--lh-lg);
    transition: transform 200ms ease-in-out;
  }

  
  .newsletter {
    padding: 1.5rem;
    margin-bottom: 2rem;
    border: 1px solid;
    border-radius: var(--r-2xl);
    backdrop-filter: blur(4px);
  }
  @media (min-width: 640px) { .newsletter { padding: 2rem; } }
  @media (min-width: 768px) { .newsletter { margin-bottom: 3rem; } }
  .newsletter--dark { background: var(--misc-panel-dark-soft); border-color: var(--misc-line-dark); }
  .newsletter--light {
    background: color-mix(in oklab, var(--gray-50) 80%, transparent);
    border-color: color-mix(in oklab, var(--gray-200) 50%, transparent);
  }
  .newsletter__inner { max-width: 42rem; margin-inline: auto; text-align: center; }
  .newsletter__title {
    margin-bottom: 0.5rem;
    font-size: var(--fs-2xl);
    
    line-height: 1.375;
    font-weight: 700;
  }
  .newsletter--dark .newsletter__title { color: var(--white); }
  .newsletter--light .newsletter__title { color: var(--gray-900); }
  .newsletter__desc { margin-bottom: 1.5rem; }
  .newsletter--dark .newsletter__desc { color: var(--gray-400); }
  .newsletter--light .newsletter__desc { color: var(--gray-600); }
  .newsletter__form { width: 100%; max-width: 32rem; margin-inline: auto; }
  .newsletter__stack { display: flex; flex-direction: column; gap: 0.75rem; }
  .newsletter__row { display: flex; flex-direction: column; gap: 0.75rem; }
  @media (min-width: 640px) { .newsletter__row { flex-direction: row; } }
  
  .newsletter__input { flex: 1 1 0%; }
  .newsletter__submit {
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    color: var(--white);
    border: 0;
    border-radius: var(--r-lg);
    background-image: linear-gradient(to right, var(--orange-500), var(--red-600));
    cursor: pointer;
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: 200ms; transition-timing-function: var(--ease);
  }
  @media (min-width: 640px) { .newsletter__submit { width: auto; } }
  .newsletter__submit:hover {
    scale: 1.05;
    box-shadow: 0 10px 15px -3px color-mix(in oklab, var(--orange-500) 25%, transparent),
                0 4px 6px -4px color-mix(in oklab, var(--orange-500) 25%, transparent);
  }
  .newsletter__consent { display: flex; align-items: center; gap: 0.75rem; margin-top: 0.25rem; }
  
  .newsletter__checkbox {
    appearance: none;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    border: 1px solid;
    border-radius: var(--r-sm);
    background-position: center;
    background-repeat: no-repeat;
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: 200ms; transition-timing-function: var(--ease);
  }
  .newsletter__checkbox:hover { border-color: color-mix(in oklab, var(--orange-500) 50%, transparent); }
  .newsletter__checkbox:focus-visible {
    border-color: var(--orange-500);
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }
  .newsletter--dark .newsletter__checkbox {
    background-color: color-mix(in oklab, var(--gray-800) 50%, transparent);
    border-color: color-mix(in oklab, var(--gray-600) 50%, transparent);
  }
  .newsletter--light .newsletter__checkbox {
    background-color: color-mix(in oklab, var(--white) 90%, transparent);
    border-color: color-mix(in oklab, var(--gray-300) 60%, transparent);
    box-shadow: var(--shadow-sm);
  }
  .newsletter .newsletter__checkbox:checked {
    background-color: var(--orange-500);
    border-color: var(--orange-500);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNC41TDYgMTJMMi41IDguNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
  }
  .newsletter__label {
    font-size: var(--fs-xs);
    line-height: 1.625;
    cursor: pointer;
    user-select: none;
  }
  .newsletter--dark .newsletter__label { color: var(--gray-400); }
  .newsletter--light .newsletter__label { color: var(--gray-600); }

  
  @media (max-width: 639.98px) {
    .newsletter { padding: var(--space-4); margin-bottom: var(--space-6); }
    .newsletter__title { font-size: var(--fs-xl); }
    .newsletter__desc { margin-bottom: var(--space-4); }
    .newsletter__label {
      display: flex;
      align-items: center;
      min-height: var(--tap-min);
    }
  }

  
  .reviews-heading {
    font-size: var(--fs-4xl);
    line-height: 1.25;
    font-weight: 800;
    text-align: center;
    margin-bottom: 3rem;
    background-image: linear-gradient(to right, var(--red-600), var(--amber-500));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  @media (min-width: 768px) {
    .reviews-heading { font-size: var(--fs-7xl); line-height: 1.25; }
  }
  .reviews-columns { columns: 1; column-gap: 1.5rem; width: 100%; }
  .reviews-columns > * + * { margin-top: 1.5rem; }
  @media (min-width: 768px) { .reviews-columns { columns: 2; } }
  .review-tile { break-inside: avoid-column; border: 1px solid var(--gray-100); }
  .review-tile__head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0.75rem;
  }
  .review-tile__title { font-weight: 600; font-size: var(--fs-lg); line-height: 1.375; color: var(--gray-900); }
  .review-tile__body { color: var(--gray-700); margin-bottom: 1rem; line-height: 1.625; }
  .review-tile__foot {
    display: flex;
    align-items: center;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--gray-500);
    margin-top: auto;
    border-top: 1px solid var(--gray-200);
    padding-top: 1rem;
  }
  .review-tile__author-row { display: flex; align-items: center; gap: 0.5rem; }
  .review-tile__author { font-weight: 500; color: var(--gray-900); }
  .reviews-empty { grid-column: 1 / -1; text-align: center; padding-block: 2.5rem; }
  .reviews-empty__text { color: var(--ink-muted); margin-bottom: 1rem; }
  .reviews-actions { display: flex; justify-content: center; width: 100%; margin-block: 2rem; }

  
  .review-dialog {
    width: min(92vw, 42rem);
    border-radius: var(--r-2xl);
    border: 1px solid color-mix(in oklab, var(--orange-200) 70%, transparent);
    background: var(--surface);
    padding: 0;
    text-align: left;
    color: var(--gray-900);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  }
  .review-dialog::backdrop {
    background: color-mix(in oklab, var(--black) 60%, transparent);
    backdrop-filter: blur(4px);
  }
  .review-form { position: relative; overflow: hidden; border-radius: var(--r-2xl); }
  .review-form__rule {
    position: absolute;
    inset-inline: 0;
    top: 0;
    height: 0.25rem;
    background-image: linear-gradient(to right, var(--red-600), var(--amber-500));
  }
  .review-form__close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 10;
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border: 0;
    background: none;
    border-radius: var(--r-full);
    color: var(--gray-500);
    cursor: pointer;
    transition: color var(--dur) var(--ease), background-color var(--dur) var(--ease);
  }
  .review-form__close:hover { background: var(--gray-100); color: var(--gray-900); }
  .review-form__inner { padding: 2rem 1.25rem 1.5rem; }
  @media (min-width: 640px) { .review-form__inner { padding-inline: 2rem; } }
  .review-form__inner > * + * { margin-top: 1.25rem; }
  .review-form__intro { max-width: 36rem; }
  .review-form__title {
    margin-top: 0.5rem;
    font-size: var(--fs-3xl);
    font-weight: 800;
    line-height: 1.25;
    color: var(--gray-950);
  }
  .review-form__note {
    margin-top: 0.75rem;
    font-size: var(--fs-sm);
    line-height: 1.625;
    color: var(--gray-600);
  }
  .review-form__honeypot { display: none; }
  .review-form__group > * + * { margin-top: 0.5rem; }
  .review-form__legend { font-size: var(--fs-sm); line-height: var(--lh-sm); font-weight: 600; color: var(--gray-800); }
  .review-form__stars {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 0.25rem;
    font-size: var(--fs-3xl);
    line-height: var(--lh-3xl);
  }
  .review-form__star {
    cursor: pointer;
    color: var(--gray-300);
    transition: color var(--dur) var(--ease);
  }
  .review-form__star:hover { color: var(--amber-400); }
  .review-form__radio:checked + .review-form__star,
  .review-form__radio:hover + .review-form__star { color: var(--amber-400); }
  .review-form__grid { display: grid; gap: 1rem; }
  @media (min-width: 640px) { .review-form__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .review-form__field {
    display: block;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 600;
    color: var(--gray-800);
  }
  .review-form__field > * + * { margin-top: 0.5rem; }
  .review-form__hint { font-weight: 400; color: var(--gray-500); }
  
  .review-form__input { width: 100%; }
  .review-form__input--area { resize: vertical; line-height: 1.625; }
  .review-form__consent {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    border-radius: var(--r-xl);
    background: color-mix(in oklab, var(--orange-50) 70%, transparent);
    padding: 1rem;
    font-size: var(--fs-sm);
    line-height: 1.625;
    color: var(--gray-700);
  }
  .review-form__consent-box {
    margin-top: 0.25rem;
    height: 1rem;
    width: 1rem;
    border-radius: var(--r-sm);
    border: 1px solid var(--gray-300);
    accent-color: var(--orange-600);
  }
  .review-form__status {
    min-height: 1.5rem;
    font-size: var(--fs-sm);
    font-weight: 500;
    color: var(--gray-600);
  }
  .review-form__actions { display: flex; flex-direction: column-reverse; gap: 0.75rem; }
  @media (min-width: 640px) {
    .review-form__actions { flex-direction: row; justify-content: flex-end; }
  }
  .review-form__cancel {
    border-radius: var(--r-lg);
    border: 0;
    background: none;
    padding: 0.75rem 1.25rem;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 700;
    color: var(--gray-600);
    cursor: pointer;
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: var(--dur); transition-timing-function: var(--ease);
  }
  .review-form__cancel:hover { background: var(--gray-100); color: var(--gray-950); }
  .review-form__submit {
    border-radius: var(--r-lg);
    border: 0;
    background-image: linear-gradient(to right, var(--red-600), var(--amber-500));
    padding: 0.75rem 1.5rem;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 800;
    color: var(--white);
    box-shadow: var(--shadow-lg);
    cursor: pointer;
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: var(--dur); transition-timing-function: var(--ease);
  }
  .review-form__submit:hover { translate: 0 -0.125rem; box-shadow: var(--shadow-xl); }

  
  .review-card {
    background: var(--misc-panel-dark);
    backdrop-filter: blur(4px);
    border-radius: var(--r-2xl);
    border: 1px solid var(--misc-line-dark);
    padding: 1.5rem;
    margin-bottom: 2rem;
    break-inside: avoid;
    transition:
      background-color var(--dur-state) var(--ease-exit),
      border-color var(--dur-state) var(--ease-exit),
      box-shadow var(--dur-state) var(--ease-exit);
  }
  
  .review-card:hover,
  .review-card:has(:focus-visible) {
    background: var(--misc-panel-dark-hover);
    border-color: var(--misc-line-dark-hover);
    box-shadow: var(--glass-hover-glow);
  }
  .review-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
  .review-card__who { display: flex; align-items: center; gap: 0.75rem; }
  .review-card__avatar {
    width: 3rem;
    height: 3rem;
    border-radius: var(--r-full);
    background-image: linear-gradient(to bottom right, var(--orange-500), var(--red-500));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-weight: 700;
    font-size: var(--fs-lg);
  }
  .review-card__author {
    font-size: var(--fs-lg);
    line-height: 1.375;
    font-weight: 600;
    color: var(--white);
  }
  @media (min-width: 768px) { .review-card__author { font-size: var(--fs-xl); } }
  .review-card__marks { display: flex; align-items: center; gap: 0.5rem; }
  .review-card__verified {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    background: color-mix(in oklab, var(--green-500) 20%, transparent);
    backdrop-filter: blur(4px);
    border: 1px solid color-mix(in oklab, var(--green-500) 30%, transparent);
    border-radius: var(--r-full);
    padding: 0.25rem 0.5rem;
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    color: var(--green-400);
  }
  .review-card__verified svg { width: 0.75rem; height: 0.75rem; }
  .review-card__stars { display: flex; align-items: center; gap: 0.25rem; }
  .review-card__star { width: 1rem; height: 1rem; fill: currentColor; color: var(--gray-600); }
  .review-card__star--on { color: var(--orange-400); }
  .review-card__content { margin-bottom: 1rem; }
  .review-card__title {
    font-size: var(--fs-lg);
    line-height: 1.375;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 0.5rem;
  }
  .review-card__text { color: var(--gray-300); line-height: 1.625; }

  
  .review-card__more {
    margin-top: 0.5rem;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--brand-400);
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: color 200ms var(--ease);
  }
  .review-card__more:hover { color: var(--orange-300); }
  .review-card__star-half { position: relative; display: inline-flex; }
  .review-card__star--clip {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    overflow: hidden;
  }

  
  .reviews-pager__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    font-weight: 500;
    color: var(--gray-300);
    background-color: color-mix(in oklab, var(--gray-800) 50%, transparent);
    border: 1px solid color-mix(in oklab, var(--gray-700) 50%, transparent);
    border-radius: var(--r-lg);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition: color 300ms var(--ease), background-color 300ms var(--ease),
                border-color 300ms var(--ease), box-shadow 300ms var(--ease);
    cursor: pointer;
  }
  .reviews-pager__btn:hover {
    color: var(--white);
    background-color: color-mix(in oklab, var(--gray-700) 50%, transparent);
  }
  .reviews-pager__btn--nav { padding-inline: 0.75rem; font-weight: 400; }
  .reviews-pager__btn--nav svg { width: 1.25rem; height: 1.25rem; }
  .reviews-pager__btn--current,
  .reviews-pager__btn--current:hover {
    color: var(--brand-400);
    background-color: color-mix(in oklab, var(--brand) 20%, transparent);
    border-color: color-mix(in oklab, var(--brand) 30%, transparent);
    box-shadow:
      0 10px 15px -3px color-mix(in oklab, var(--brand) 20%, transparent),
      0 4px 6px -4px color-mix(in oklab, var(--brand) 20%, transparent);
  }
  .reviews-pager__btn:disabled { opacity: 0.5; cursor: not-allowed; }

  
  .video-image { position: relative; }
  .video-image__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    gap: 0.75rem;
  }
  @media (min-width: 640px) { .video-image__overlay { gap: 1rem; } }
  .play-button {
    position: relative;
    background: color-mix(in oklab, var(--orange-500) 90%, transparent);
    backdrop-filter: blur(16px);
    border: 2px solid var(--orange-400);
    border-radius: var(--r-full);
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    cursor: pointer;
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: var(--dur); transition-timing-function: var(--ease);
  }
  .video-image:hover .play-button { scale: 1.1; }
  .play-button__ping {
    position: absolute;
    inset: 0;
    border-radius: var(--r-full);
    background: color-mix(in oklab, var(--orange-400) 70%, transparent);
    opacity: 0;
    animation: misc-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    transition: opacity var(--dur) var(--ease);
  }
  .video-image:hover .play-button__ping { opacity: 0.7; }
  .play-button__ripple {
    position: absolute;
    inset: 0;
    border-radius: var(--r-full);
    background: color-mix(in oklab, var(--orange-400) 70%, transparent);
  }
  .play-button__icon {
    height: 3.5rem;
    width: 3.5rem;
    color: var(--white);
    position: relative;
    z-index: 10;
    filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1));
  }
  .play-video-text {
    display: inline-flex;
    color: var(--white);
    font-weight: 700;
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    background: color-mix(in oklab, var(--orange-500) 80%, transparent);
    backdrop-filter: blur(4px);
    padding: 0.375rem 0.75rem;
    border: 0;
    border-radius: var(--r-full);
    box-shadow: var(--shadow-lg);
    cursor: pointer;
    transition: background-color 200ms var(--ease);
  }
  @media (min-width: 640px) {
    .play-video-text { font-size: var(--fs-lg); line-height: var(--lh-lg); padding: 0.5rem 1rem; }
  }
  .play-video-text:hover { background: color-mix(in oklab, var(--orange-500) 90%, transparent); }
  .inline-video-container {
    position: absolute;
    inset: 0;
    z-index: 20;
    background: var(--black);
    align-items: center;
    justify-content: center;
  }
  @keyframes misc-ping { 75%, 100% { scale: 2; opacity: 0; } }

  .video-modal {
    position: fixed;
    inset: 0;
    z-index: 50;
    background: var(--misc-scrim);
    align-items: center;
    justify-content: center;
    padding: 1rem;
  }
  .video-modal__frame {
    position: relative;
    width: 100%;
    max-width: 56rem;
    margin-inline: auto;
    height: 100%;
    max-height: 60vh;
  }
  .video-modal__ratio { height: 100%; aspect-ratio: 16 / 9; }
  .video-modal__slot { width: 100%; height: 100%; }
  .video-modal__close {
    position: absolute;
    top: -2.5rem;
    right: 0;
    border: 0;
    background: none;
    color: var(--white);
    cursor: pointer;
  }
  .video-modal__close:hover { color: var(--gray-300); }
  .video-modal__close svg { height: 2rem; width: 2rem; }

  
  .progressive-image-wrapper { overflow: hidden; }
  .progressive-image-placeholder,
  .progressive-image-quick {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: opacity 500ms var(--ease);
  }
  .progressive-image-placeholder { opacity: 0.5; }
  .progressive-image-main {
    position: relative;
    width: 100%;
    height: 100%;
    transition: opacity 700ms var(--ease);
  }

  
  .figure-block { width: 100%; }
  .figure-block--large { width: 80%; }
  .figure-block--medium { width: 60%; }
  .figure-block--small { width: 40%; }
  .figure-block--thumbnail { width: 200px; }
  .figure-frame {
    position: relative;
    overflow: hidden;
    border-radius: var(--r-lg);
    margin-block: 2rem;
  }
  .figure-frame--hero {
    height: 60vh;
    border-radius: var(--r-2xl);
    margin-block: 4rem;
  }
  .figure-frame--full { width: 100%; }
  .figure-frame--tight { margin-block: 1.5rem; }
  .figure-frame--thumb { margin-block: 1rem; float: left; margin-right: 1.5rem; margin-bottom: 1rem; }
  .figure-caption {
    margin-top: 1rem;
    text-align: left;
    color: var(--gray-400);
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-style: italic;
  }
  .figure-caption--tight { margin-top: 0.75rem; }
  .figure-caption--thumb { margin-top: 0.5rem; font-size: var(--fs-xs); line-height: var(--lh-xs); }
  .figure-caption--hero {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    margin-top: 0;
    background: color-mix(in oklab, var(--gray-900) 80%, transparent);
    backdrop-filter: blur(4px);
    border-radius: var(--r-lg);
    padding: 1rem;
    color: var(--white);
    font-style: normal;
  }
  .figure-img { width: 100%; height: auto; }
  .figure-img--cover { width: 100%; height: 100%; object-fit: cover; }
  .figure-clear { clear: left; }

  
  .data-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    font-size: var(--fs-xs);
    line-height: var(--lh-xs);
    font-weight: 500;
    border-radius: var(--r-full);
    background: var(--gray-100);
    color: var(--gray-800);
  }
  .data-chip--fast { background: var(--green-100); color: var(--green-800); }
  .data-chip--mid { background: var(--blue-100); color: var(--blue-800); }
  .data-chip--slow { background: var(--purple-100); color: var(--purple-800); }
  .data-chip--pill {
    padding: 0.25rem 0.75rem;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    border-radius: var(--r-full);
    background: var(--blue-100);
    color: var(--blue-800);
  }
  .data-chip--ranging { background: var(--yellow-100); color: var(--yellow-800); }
  .data-chip--trending { background: var(--green-100); color: var(--green-800); }
  .data-chip--volatile { background: var(--red-100); color: var(--red-800); }

  
  .trust-hexes {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem;
    justify-content: space-evenly;
  }
  .trust-hex {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 7rem;
    border-radius: var(--r-xl);
    transition: color var(--dur) var(--ease);
  }
  .trust-hex:hover { color: var(--orange-300); }
  .trust-hex:focus-visible {
    outline: var(--focus-outline-on-dark);
    outline-offset: var(--focus-offset);
  }
  .trust-hex__badge {
    position: relative;
    width: 5rem;
    height: 5rem;
    margin-bottom: 1rem;
    transition: transform var(--dur) var(--ease);
  }
  .trust-hex:hover .trust-hex__badge { scale: 1.1; }
  .trust-hex__shape { position: absolute; inset: 0; width: 100%; height: 100%; }
  .trust-hex__ring { transition: opacity var(--dur) var(--ease), stroke-width var(--dur) var(--ease); }
  .trust-hex:hover .trust-hex__ring { opacity: 1; stroke-width: 3; }
  .trust-hex__fill { transition: fill var(--dur) var(--ease); }
  .trust-hex:hover .trust-hex__fill { fill: var(--gray-800); }
  .trust-hex__glyph-wrap {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .trust-hex__glyph {
    width: 2rem;
    height: 2rem;
    color: var(--orange-400);
    transition: transform var(--dur) var(--ease);
  }
  .trust-hex:hover .trust-hex__glyph { scale: 1.1; }
  .trust-hex__label {
    font-size: var(--fs-base);
    font-weight: 500;
    color: var(--white);
    white-space: nowrap;
  }
  @media (min-width: 768px) { .trust-hex__label { font-size: var(--fs-xl); } }
  .trust-hex__sub {
    margin-top: 0.25rem;
    font-size: var(--fs-xs);
    line-height: 1.25;
    color: var(--gray-400);
  }

  
  .dynamic-cta { width: 100%; margin-block: 0.5rem; }
  .dynamic-cta__button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.5rem;
    color: var(--white);
    font-weight: 700;
    font-size: var(--fs-xl);
    line-height: var(--lh-xl);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-lg);
    position: relative;
  }
  .dynamic-cta__button:active { scale: 0.95; }
  .rr-dynamic-cta-content { display: flex; flex-direction: column; align-items: center; }
  .rr-dynamic-cta-row { display: flex; align-items: center; }
  .rr-dynamic-cta-label,
  .rr-dynamic-cta-arrow { transition: transform 200ms var(--ease); }
  .rr-dynamic-cta-lock { margin-right: 0.5rem; }
  .rr-dynamic-cta-label { margin-right: 0.5rem; }
  .dynamic-cta__button:hover .rr-dynamic-cta-label { translate: 0.25rem 0; }
  .dynamic-cta__button:hover .rr-dynamic-cta-arrow { translate: 0.5rem 0; }

  
  .before-after { display: flex; justify-content: center; margin-block: 0; }
  .before-after__inner { width: 100%; padding-inline: 0.5rem; overflow-x: visible; }
  @media (min-width: 768px) { .before-after__inner { padding-inline: 1rem; } }
  .before-after__frame {
    position: relative;
    overflow: hidden;
    border-radius: var(--r-2xl);
    background: var(--surface);
    box-shadow: 0 18px 50px -18px rgba(15, 23, 42, 0.45), 0 0 0 1px rgb(0 0 0 / 0.05);
  }
  .before-after__img { display: block; width: 100%; height: auto; }

  .shine-effect {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 20;
  }
  .shine-effect__sweep {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(
      135deg,
      transparent 25%,
      rgb(255 255 255 / var(--shine-opacity, 0.4)) 50%,
      transparent 75%
    );
  }

  .checkmark-icon {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--r-full);
    background: var(--orange-100);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color var(--dur) var(--ease);
  }
  .checkmark-icon__glyph {
    width: 1rem;
    height: 1rem;
    color: var(--orange-500);
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: var(--dur); transition-timing-function: var(--ease);
  }
}:root{--w-hairline:color-mix(in oklab, var(--white) 10%, transparent);--w-hairline-strong:color-mix(in oklab, var(--white) 20%, transparent);--w-hairline-faint:color-mix(in oklab, var(--white) 5%, transparent);--w-shell-shadow:0 4px 16px rgb(0 0 0 / 0.3);--w-option-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--w-option-shadow-hover:0 2px 12px rgb(14 165 233 / 0.3);--w-badge-shadow:0 2px 8px rgb(239 68 68 / 0.6);--w-green-900:var(--green-900);--w-blue-900:var(--blue-900)}@layer components{.social-contact {
    position: fixed;
    z-index: 9999;
    transition: bottom var(--dur-state) var(--ease-exit);
  }

  
  .social-contact--animated {
    transition:
      opacity 500ms cubic-bezier(0, 0, 0.2, 1),
      translate 500ms cubic-bezier(0, 0, 0.2, 1),
      transform 500ms cubic-bezier(0, 0, 0.2, 1),
      bottom var(--dur-state) var(--ease-exit);
  }

  .social-contact--bottom-right { bottom: calc(1rem + var(--fab-lift, 0px)); right: 1rem; }
  .social-contact--bottom-left  { bottom: calc(1rem + var(--fab-lift, 0px)); left: 1rem; }
  .social-contact--top-right    { top: 1rem; right: 1rem; }
  .social-contact--top-left     { top: 1rem; left: 1rem; }

  @media (min-width: 768px) {
    .social-contact--bottom-right { bottom: calc(2rem + var(--fab-lift, 0px)); right: 2rem; }
    .social-contact--bottom-left  { bottom: calc(2rem + var(--fab-lift, 0px)); left: 2rem; }
    .social-contact--top-right    { top: 2rem; right: 2rem; }
    .social-contact--top-left     { top: 2rem; left: 2rem; }
  }

  
  @media (max-width: 639.98px) {
    .social-contact { z-index: var(--z-sticky); }
    .social-contact--bottom-right {
      bottom: calc(var(--space-3) + env(safe-area-inset-bottom, 0px) + var(--fab-lift, 0px));
      right: calc(var(--space-3) + env(safe-area-inset-right, 0px));
    }
    .social-contact--bottom-left {
      bottom: calc(var(--space-3) + env(safe-area-inset-bottom, 0px) + var(--fab-lift, 0px));
      left: calc(var(--space-3) + env(safe-area-inset-left, 0px));
    }
  }

  
  body:has(.mobile-nav:not(.hidden)) .social-contact {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .social-contact__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  
  .social-contact__toggle,
  .social-contact__minimal,
  .back-to-top-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border: none;
    border-radius: var(--r-2xl);
    cursor: pointer;
    color: var(--white);
    background-image: var(--gradient-cta);
    box-shadow:
      inset 0 1px 0 var(--edge-light-on-color),
      inset 0 -1px 0 var(--key-primary-border-bottom),
      var(--shadow-contact-color),
      var(--shadow-ambient-soft);
    transition:
      transform var(--spring-snappy-dur) var(--spring-snappy),
      box-shadow 150ms var(--ease);
  }

  .social-contact__minimal { position: fixed; bottom: calc(1rem + var(--fab-lift, 0px)); right: 1rem; z-index: 9999; }

  
  .back-to-top-button {
    position: fixed;
    right: 1rem;
    bottom: 5.25rem;
    z-index: 40;
    opacity: 0;
    visibility: hidden;
    translate: 0 8px;
    transition:
      opacity 450ms cubic-bezier(0.4, 0, 0.2, 1),
      translate 450ms cubic-bezier(0.4, 0, 0.2, 1),
      visibility 0s linear 450ms,
      transform var(--spring-snappy-dur) var(--spring-snappy),
      box-shadow 150ms var(--ease);
  }
  .back-to-top-button.is-visible {
    opacity: 1;
    visibility: visible;
    translate: 0 0;
    transition:
      opacity 650ms cubic-bezier(0.22, 1, 0.36, 1),
      translate 650ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s,
      transform var(--spring-snappy-dur) var(--spring-snappy),
      box-shadow 150ms var(--ease);
  }
  
  body:has(.social-contact__panel.is-open) .back-to-top-button.is-visible {
    opacity: 0;
    visibility: hidden;
    translate: 0 8px;
    transition:
      opacity 450ms cubic-bezier(0.4, 0, 0.2, 1),
      translate 450ms cubic-bezier(0.4, 0, 0.2, 1),
      visibility 0s linear 450ms;
  }
  .back-to-top-button .rr-icon { width: 1.125rem; height: 1.125rem; fill: currentColor; }
  @media (min-width: 768px) {
    .social-contact__minimal { bottom: calc(2rem + var(--fab-lift, 0px)); right: 2rem; }
    .back-to-top-button { right: 2rem; bottom: 6.25rem; }
  }

  
  @media (max-width: 639.98px) {
    .back-to-top-button,
    .scroll-progress-pill { display: none; }

    .social-contact__toggle,
    .social-contact__minimal { width: var(--space-12); height: var(--space-12); }
    .social-contact__minimal {
      z-index: var(--z-sticky);
      bottom: calc(var(--space-3) + env(safe-area-inset-bottom, 0px) + var(--fab-lift, 0px));
      right: calc(var(--space-3) + env(safe-area-inset-right, 0px));
    }
  }

  .social-contact__toggle-icon,
  .social-contact__minimal-icon {
    width: 1.375rem;
    height: 1.375rem;
    font-size: 1.375rem;
    fill: currentColor;
  }
  @media (max-width: 639.98px) {
    .social-contact__toggle-icon,
    .social-contact__minimal-icon { width: var(--fs-xl); height: var(--fs-xl); font-size: var(--fs-xl); }
  }

  .social-contact__toggle-sheen { display: none; }

  
  .social-contact__badge {
    position: absolute;
    top: -0.375rem;
    right: -0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding-inline: 0.25rem;
    font-size: var(--fs-xs, 0.75rem);
    line-height: 1;
    font-weight: 700;
    color: var(--white);
    background-color: var(--zinc-900);
    border: 2px solid var(--surface);
    border-radius: var(--r-full);
    transition: opacity 450ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  
  .social-contact__panel {
    position: absolute;
    padding: 0.3125rem;
    border-radius: var(--r-2xl);
    border: 1px solid var(--key-border);
    background-color: var(--surface);
    background-image: linear-gradient(to bottom, var(--key-face-from), var(--key-face-to));
    box-shadow: inset 0 1px 0 var(--key-edge), var(--shadow-contact), var(--shadow-ambient-soft), var(--shadow-lg);
    transform-origin: bottom right;
  }

  .social-contact__panel--labelled { padding: 0.5rem; }

  
  .social-contact__panel--animated {
    transition:
      opacity 450ms cubic-bezier(0.4, 0, 0.2, 1),
      scale 450ms cubic-bezier(0.4, 0, 0.2, 1),
      translate 450ms cubic-bezier(0.4, 0, 0.2, 1),
      visibility 0s linear 450ms;
    translate: 0 8px;
  }
  .social-contact__panel--animated.is-open {
    transition:
      opacity 650ms cubic-bezier(0.22, 1, 0.36, 1),
      scale 650ms cubic-bezier(0.22, 1, 0.36, 1),
      translate 650ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s;
    translate: 0 0;
  }

  .social-contact__panel--above-right { bottom: 100%; right: 0; margin-bottom: 0.75rem; }
  .social-contact__panel--above-left  { bottom: 100%; left: 0; margin-bottom: 0.75rem; transform-origin: bottom left; }
  .social-contact__panel--below-right { top: 100%; right: 0; margin-top: 0.75rem; transform-origin: top right; }
  .social-contact__panel--below-left  { top: 100%; left: 0; margin-top: 0.75rem; transform-origin: top left; }

  .social-contact__list {
    display: flex;
    flex-direction: column;
    gap: 0.3125rem;
  }

  
  .social-contact__option {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--r-xl);
    border: 1px solid transparent;
    color: var(--ink-muted);
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    transition:
      transform var(--spring-snappy-dur) var(--spring-snappy),
      color 150ms var(--ease),
      background-color 150ms var(--ease),
      border-color 150ms var(--ease),
      box-shadow 150ms var(--ease);
  }

  .social-contact__option:hover,
  .social-contact__option:focus-visible {
    color: var(--brand-600);
    border-color: var(--key-border);
    border-bottom-color: var(--key-border-bottom);
    background-image: linear-gradient(to bottom, var(--key-face-from), var(--key-face-to));
    box-shadow: inset 0 1px 0 var(--key-edge), var(--key-shadow);
  }

  .social-contact__option--labelled {
    width: auto;
    height: auto;
    justify-content: flex-start;
    gap: 0.75rem;
    padding: 0.625rem 0.875rem;
    white-space: nowrap;
    color: var(--key-ink);
  }
  .social-contact__option--labelled .social-contact__icon { color: var(--ink-muted); }
  .social-contact__option--labelled:hover .social-contact__icon { color: var(--brand-600); }

  .social-contact__icon { font-size: 1.125rem; transition: color 150ms var(--ease); }

  .social-contact__label {
    font-size: var(--fs-sm, 0.875rem);
    line-height: var(--lh-sm, 1.25rem);
    font-weight: 600;
  }

  .social-contact__option-ring { display: none; }

  
  @media (hover: hover) {
    .social-contact__toggle:hover,
    .social-contact__minimal:hover,
    .back-to-top-button:hover,
    .social-contact__option:hover { transform: translateY(-1px); }
  }
  .social-contact__toggle:active,
  .social-contact__minimal:active,
  .back-to-top-button:active,
  .social-contact__option:active {
    transform: translateY(1px);
    box-shadow: var(--shadow-pressed);
  }
  .social-contact__toggle:focus-visible,
  .social-contact__minimal:focus-visible,
  .back-to-top-button:focus-visible,
  .social-contact__option:focus-visible {
    outline: var(--focus-outline);
    outline-offset: var(--focus-offset);
  }

  @media (prefers-reduced-motion: reduce) {
    .social-contact,
    .social-contact--animated,
    .social-contact__toggle,
    .social-contact__minimal,
    .social-contact__option,
    .social-contact__panel--animated,
    .social-contact__panel--animated.is-open,
    .back-to-top-button,
    .back-to-top-button.is-visible,
    body:has(.social-contact__panel.is-open) .back-to-top-button.is-visible { transition: none; transform: none; translate: none; }
  }

  

  .newsletter-alert {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 500;
    border: 1px solid;
    border-radius: var(--r-lg);
  }

  .newsletter-alert__icon { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }

  .newsletter-alert--success {
    color: var(--green-800);
    background-color: var(--green-100);
    border-color: var(--green-200);
  }
  .newsletter-alert--error {
    color: var(--red-800);
    background-color: var(--red-100);
    border-color: var(--red-200);
  }
  .newsletter-alert--info {
    color: var(--blue-800);
    background-color: var(--blue-100);
    border-color: var(--blue-200);
  }

  
  .surface-dark .newsletter-alert--success {
    color: var(--green-100);
    background-color: color-mix(in oklab, var(--w-green-900) 30%, transparent);
    border-color: color-mix(in oklab, var(--green-800) 50%, transparent);
  }
  .surface-dark .newsletter-alert--error {
    color: var(--red-100);
    background-color: color-mix(in oklab, var(--red-900) 30%, transparent);
    border-color: color-mix(in oklab, var(--red-800) 50%, transparent);
  }
  .surface-dark .newsletter-alert--info {
    color: var(--blue-100);
    background-color: color-mix(in oklab, var(--w-blue-900) 30%, transparent);
    border-color: color-mix(in oklab, var(--blue-800) 50%, transparent);
  }

  .newsletter-spinner {
    width: 1.25rem;
    height: 1.25rem;
    animation: spin 1s linear infinite;
  }
  .newsletter-spinner__track { opacity: 0.25; }
  .newsletter-spinner__head  { opacity: 0.75; }

  .newsletter-button__inner { display: flex; align-items: center; gap: 0.5rem; }
  .newsletter-message-container { margin-top: 0.75rem; }

  

  .gsearch-result__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }
  .gsearch-result__lead { display: flex; align-items: center; gap: 0.75rem; }

  .gsearch-result__badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: var(--fs-xs);
    line-height: 1.25;
    border-radius: var(--r-lg);
  }
  .gsearch-result__badge--blog     { background-color: var(--orange-50); color: var(--brand-600); }
  .gsearch-result__badge--products { background-color: var(--ink); color: var(--white); }
  .gsearch-result__badge--docs     { background-color: var(--blue-50); color: var(--blue-600); }
  .gsearch-result__badge--page     { background-color: var(--zinc-100); color: var(--ink-muted); }

  .gsearch-result__title {
    font-weight: 700;
    color: var(--ink);
    transition: color 150ms var(--ease);
  }
  .search-result-item:hover .gsearch-result__title { color: var(--brand-600); }

  .gsearch-result__kind {
    padding: 0.125rem 0.5rem;
    font-size: 10px;
    line-height: 1.25;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--ink-faint);
    background-color: var(--zinc-100);
    border-radius: var(--r);
  }

  .gsearch-result__summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    margin-top: 0.25rem;
    margin-left: 2.75rem;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    color: var(--zinc-500);
  }

  

  .rr-video-embed { width: 100%; height: 100%; }

  .rr-video-fallback {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background-color: var(--gray-100);
    color: var(--gray-600);
  }
  .rr-video-fallback__icon {
    width: 3rem;
    height: 3rem;
    margin-inline: auto;
    margin-bottom: 1rem;
    color: var(--gray-400);
  }
  .rr-video-fallback__text {
    font-size: var(--fs-sm);
    line-height: 1.625;
    font-style: italic;
  }

  .rr-video-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 0.5);
    cursor: pointer;
    z-index: 10;
  }
  .rr-video-overlay__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background-color: rgb(255 255 255 / 0.2);
    border: 0;
    border-radius: var(--r-full);
    transition: background-color 150ms var(--ease);
  }
  .rr-video-overlay__button:hover,
  .rr-video-overlay__button:focus-visible { background-color: rgb(255 255 255 / 0.3); }
  .rr-video-overlay__button:focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }
  .rr-video-overlay__icon { width: 2rem; height: 2rem; margin-left: 0.25rem; color: var(--white); }

  .rr-video-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0.5rem;
    color: var(--white);
    background-color: rgb(0 0 0 / 0.5);
    border: 0;
    border-radius: var(--r-full);
    transition-property: color, background-color, background-image, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter; transition-duration: 200ms; transition-timing-function: var(--ease);
  }
  .rr-video-close:hover { background-color: rgb(0 0 0 / 0.7); }
  .rr-video-close__icon { width: 1.5rem; height: 1.5rem; }

  
  .rr-video-wrap { position: relative; width: 100%; height: 100%; }
  .rr-video-contain { width: 100%; height: 100%; object-fit: contain; }
  .rr-video-cover {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  video.rr-video-cover { position: static; inset: auto; }
  .rr-video-cover--fade { transition: opacity 500ms var(--ease); }

  .rr-video-fallback__body { text-align: center; }

  .rr-video-loader__text {
    margin-top: 0.75rem;
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: 500;
  }
  .rr-video-loader__text--error { color: var(--red-400); }

  .rr-video-loader__spinner {
    width: 2rem;
    height: 2rem;
    border: 3px solid color-mix(in oklab, var(--red-400) 20%, transparent);
    border-top-color: var(--red-400);
    border-radius: var(--r-full);
  }
}.rr-icon{height:1em;width:auto;fill:currentColor;vertical-align:-.125em}@layer base{* {
        box-sizing: border-box;
        

        
    }
    
    
    .hover-scale:hover {
    scale: 105% 105%;
  }
    
    body {
        margin: 0;
        background-color: white;
        color: var(--primary-color);
        font-family: var(--body-font);
        line-height: 1.6;
        padding-top: 0.5rem;
        
    }

    
    

   

    html,
    body {
        background-color: var(--site-background);
        color: var(--primary-color);
        font-family: 'Spartan', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        line-height: 1.6;
    }

    strong {
        font-weight: bold;
    }

    img {
        image-orientation: from-image;
        
        z-index: 1;
    }

    svg {
        display: inline-block;
        vertical-align: middle;
    }

    
    svg:not([fill]) {
        fill: currentColor;
    }

    
    .article-content p {
    margin-bottom: calc(0.25rem * 4);
    @media (width >= 48rem) {
      margin-bottom: calc(0.25rem * 5);
    }
  }
    .article-content p:last-child {
    margin-bottom: calc(0.25rem * 0);
  }

    
    .article-content li > p {
    margin-bottom: calc(0.25rem * 0);
  }
    .article-content li > p + p {
    margin-top: calc(0.25rem * 3);
  }

    
    .article-content ul > li {
    margin-block: calc(0.25rem * 0.5);
  }


}@layer components{.play-button {
        box-shadow: 0 4px 30px rgba(245, 158, 11, 0.3), 0 0 0 4px rgba(251, 191, 36, 0.2);
    }

    
    .light-image .play-button {
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2), 0 0 0 4px rgba(255, 255, 255, 0.1);
    }

    .play-button:hover {
        box-shadow: 0 4px 40px rgba(245, 158, 11, 0.4), 0 0 0 4px rgba(251, 191, 36, 0.3);
    }

    .light-image .play-button:hover {
        box-shadow: 0 4px 40px rgba(0, 0, 0, 0.3), 0 0 0 4px rgba(255, 255, 255, 0.2);
    }

    .ripple-effect {
        transform: scale(0);
        opacity: 0.7;
    }

    .play-button:hover .ripple-effect {
        animation: ripple 1.5s ease-out infinite;
    }

    .play-button {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .play-button .play-icon {
        width: 60px;
        height: 60px;
        background-color: var(--secondary-color);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s ease;
    }

    .play-button:hover .play-icon {
        transform: scale(1.1);
    }

    .play-button .ripple-effect {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: rgba(var(--secondary-color-rgb), 0.3);
        transform: scale(1);
        opacity: 0;
    }

    .play-button:hover .ripple-effect {
        animation: ripple 1.5s ease-out infinite;
    }

    
    .video-container {
        position: relative;
        overflow: hidden;
    }

    .video-container video {
        width: 100%;
        height: auto;
        display: block;
    }

    
    .video-skeleton {
        position: absolute;
        inset: 0;
        z-index: 10;
        overflow: hidden;
        background-color: #e2e8f0; 
        transition: opacity 0.4s ease;
    }

    
    .video-skeleton::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23cbd5e1'/%3E%3Cpath d='M10 8.2 16.2 12 10 15.8Z' fill='%23eef2f7'/%3E%3C/svg%3E"),
            linear-gradient(#cbd5e1, #cbd5e1);
        background-repeat: no-repeat, no-repeat;
        background-position: center, 50% 86%;
        background-size: 4rem 4rem, 58% 0.4rem;
        animation: skeleton-pulse 1.8s ease-in-out infinite;
    }

    
    .video-skeleton::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        transform: translateX(-100%);
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.5) 50%,
            rgba(255, 255, 255, 0) 100%
        );
        animation: skeleton-shimmer 1.5s ease-in-out infinite;
    }

    @media (prefers-reduced-motion: reduce) {
        .video-skeleton::before,
        .video-skeleton::after {
            animation: none;
        }
    }

    
    .ios-play-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        cursor: pointer;
    }

    .ios-play-overlay.hidden {
        display: none;
    }

    .ios-play-button {
        width: 80px;
        height: 80px;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ios-play-button svg {
        width: 30px;
        height: 30px;
        fill: var(--secondary-color, orange);
    }

}@layer utilities{.space-y > :not([hidden]) ~ :not([hidden]) {
        margin-top: 0.5rem;
        margin-bottom: 0;
    }
}@layer utilities{.full-bleed {
         width: 100vw;
         max-width: 100vw;
         margin-left: calc(50% - 50vw);
         margin-right: calc(50% - 50vw);
         overflow-x: hidden;
         overflow-x: clip;
     }
    
    
    .no-hover-scale:not(:where(.cta-button, .cta-button-secondary, .primary-btn, .review-write-cta, .submit-button, [id*="cta-button"], [data-track-click="true"])):hover {
        transform: none !important;
    }
    
    .hover-scale:hover {
    scale: 105% 105%;
  }
    
    
    .grid-pattern {
        background-image: 
            repeating-linear-gradient(0deg, transparent, transparent 59px, rgba(255,255,255,0.03) 59px, rgba(255,255,255,0.03) 60px),
            repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(255,255,255,0.03) 59px, rgba(255,255,255,0.03) 60px);
    }
    
    
    .animation-delay-2s {
        animation-delay: 2s;
    }
    
    
    .progressive-image-wrapper {
        position: relative;
    }
    
    .progressive-image-placeholder {
        filter: blur(30px) brightness(1.2) saturate(1.3);
        transform: scale(1.2);
    }
    
    .progressive-image-wrapper.loaded .progressive-image-placeholder {
        transition: opacity 700ms ease-out;
    }
    
    .progressive-image-quick {
        will-change: opacity;
    }
    
    .progressive-image-main {
        will-change: opacity;
    }
    
    
    .video-image-container .play-button {
        z-index: 20;
    }
    
    
    .play-video-text-wrapper {
    position: relative;
  }
    
    .play-video-text {
    transform: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-duration: 300ms;
    border: 2px solid rgba(251, 191, 36, 0.3);
  }
    
    .video-image-container:hover .play-video-text {
    scale: 105% 105%;
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4);
  }
    

    
    .highlight-grad-1 {
        background-image: var(--highlight-grad-1);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
        font-weight: 700;
    }

    

    
    .blog-editorial {
        font-family: var(--font-blog-sans);
        background-color: #fdfdfc; 
    }

    
    .blog-editorial .article-content {
        max-width: 100%;
    }

    
    .blog-editorial .article-content > h1:first-child {
        display: none;
    }

    
    .blog-editorial h1,
    .blog-editorial h2,
    .blog-editorial h3,
    .blog-editorial .article-content h1,
    .blog-editorial .article-content h2,
    .blog-editorial .article-content h3 {
        font-family: var(--font-blog-serif);
        letter-spacing: -0.01em;
    }

    
    .blog-editorial .article-content h1 {
        font-size: 2.125rem;
        line-height: 1.2;
    }

    .blog-editorial .article-content h2 {
        font-size: 1.75rem;
        line-height: 1.3;
    }

    .blog-editorial .article-content h3 {
        font-size: 1.5rem;
        line-height: 1.35;
    }

    
    .blog-editorial .article-content #executive-summary h2 {
        font-size: 1.5rem;
        line-height: 1.35;
    }

    
    .blog-editorial p:not(.rr-callout *),
    .blog-editorial .article-content p:not(.rr-callout *) {
        font-family: var(--font-blog-serif);
        font-size: 1.125rem;
        line-height: 1.8;
    }

    
    .blog-editorial .article-content h1,
    .blog-editorial .article-content h2,
    .blog-editorial .article-content h3,
    .blog-editorial .article-content h4,
    .blog-editorial .article-content h5 {
        color: rgb(17 24 39) !important; 
    }

    .blog-editorial .article-content h6 {
        color: rgb(55 65 81) !important; 
    }

    
    .blog-editorial .article-content ul,
    .blog-editorial .article-content ol {
        list-style-position: outside;
        padding-left: 1.25rem;
        margin: 1.4em 0;
    }

    .blog-editorial .article-content ul {
        list-style-type: disc;
    }

    .blog-editorial .article-content ol {
        list-style-type: decimal;
    }

    .blog-editorial .article-content li {
        margin: 0.35em 0;
    }

    .blog-editorial .article-content li::marker {
        color: rgb(107 114 128); 
    }

    .blog-editorial p,
    .blog-editorial .article-content p {
        color: oklch(37% 0.013 285.805); 
    }

    .blog-editorial .article-content a {
        text-underline-offset: 0.2em;
    }

}@keyframes ripple{0%{transform:scale(.9);opacity:.7}100%{transform:scale(2.5);opacity:0}}@keyframes pulse{0%,100%{opacity:.3}50%{opacity:.7}}@keyframes gradient{0%,100%{background-position:0}50%{background-position:100%}}.tab-content[data-visible=false]{display:none}.tab-content[data-visible=true]{display:block}@media(prefers-reduced-motion:reduce){#hero *,#hero *:hover{animation:none;transition:none;transform:none}}