@charset "UTF-8";
/* ==========================================================================
   RunCloudMarket — "Celestial Infrastructure" design system
   Dark-luminous amethyst field · champagne-gold commerce accents
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. FONTS (self-hosted)
   -------------------------------------------------------------------------- */
@font-face{font-family:'Instrument Serif';src:url('../fonts/instrument-serif-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Instrument Serif';src:url('../fonts/instrument-serif-400i.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Sora';src:url('../fonts/sora-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Sora';src:url('../fonts/sora-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Sora';src:url('../fonts/sora-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Sora';src:url('../fonts/sora-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Sora';src:url('../fonts/sora-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}

/* --------------------------------------------------------------------------
   2. DESIGN TOKENS
   -------------------------------------------------------------------------- */
:root{
  /* — Backgrounds — */
  --bg-primary:#08060F;          /* deep midnight plum-black  */
  --bg-secondary:#0F0A1E;        /* cosmic indigo-black       */
  --bg-tertiary:#150E2B;
  --surface:#1A1233;             /* elevated surface          */
  --surface-raised:#231A44;
  --surface-sunken:#0C0818;
  --glass:rgba(32,23,64,.52);    /* glass surface             */
  --glass-strong:rgba(26,18,51,.86);
  --glass-blur:18px;

  /* — Accents — */
  --accent:#C7B4FF;              /* luminous lavender (primary accent) */
  --accent-deep:#8B6FEA;         /* muted amethyst (secondary accent)  */
  --accent-dim:#6A55B8;
  --highlight:#E7CF9B;           /* champagne-gold (highlight)         */
  --highlight-warm:#F3E3BE;      /* warm pearl                         */
  --orchid:#B57BD8;              /* atmospheric mauve                  */
  --aurora:#6FD8E0;              /* rare cool signal — data / status   */

  /* — Text — */
  --text-primary:#F3EFFF;
  --text-secondary:#C8BEE4;
  --text-muted:#9086B0;
  --text-faint:#6B6188;
  --text-on-cta:#1A1004;

  /* — Lines & states — */
  --border:rgba(199,180,255,.14);
  --border-strong:rgba(199,180,255,.26);
  --border-gold:rgba(231,207,155,.34);
  --hover-surface:rgba(139,111,234,.10);
  --active-surface:rgba(139,111,234,.20);
  --focus-ring:#E7CF9B;

  /* — CTA — */
  --cta-bg:linear-gradient(135deg,#F3E3BE 0%,#E7CF9B 42%,#D4B679 100%);
  --cta-bg-hover:linear-gradient(135deg,#FBF2DC 0%,#F0DCAE 42%,#DFC488 100%);
  --cta-text:#1A1004;
  --cta-shadow:0 10px 34px -12px rgba(231,207,155,.62);

  /* — Halos & shadows — */
  --halo-violet:radial-gradient(60% 60% at 50% 0%,rgba(139,111,234,.30) 0%,transparent 72%);
  --halo-gold:radial-gradient(60% 60% at 50% 0%,rgba(231,207,155,.22) 0%,transparent 72%);
  --shadow-sm:0 2px 10px -4px rgba(4,2,12,.7);
  --shadow-md:0 14px 44px -20px rgba(4,2,12,.92);
  --shadow-lg:0 34px 90px -36px rgba(4,2,12,.96);
  --glow-accent:0 0 0 1px rgba(199,180,255,.20),0 18px 60px -28px rgba(139,111,234,.72);

  /* — Type — */
  --font-display:'Instrument Serif',"Iowan Old Style","Palatino Linotype",Georgia,serif;
  --font-ui:'Sora',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:ui-monospace,"SFMono-Regular","JetBrains Mono","Cascadia Mono",Menlo,Consolas,monospace;

  --step--2:clamp(.688rem,.66rem + .14vw,.75rem);
  --step--1:clamp(.813rem,.78rem + .17vw,.875rem);
  --step-0:clamp(.938rem,.91rem + .18vw,1rem);
  --step-1:clamp(1.063rem,1rem + .32vw,1.188rem);
  --step-2:clamp(1.25rem,1.14rem + .55vw,1.5rem);
  --step-3:clamp(1.5rem,1.3rem + .98vw,2rem);
  --step-4:clamp(1.875rem,1.5rem + 1.7vw,2.75rem);
  --step-5:clamp(2.25rem,1.6rem + 2.9vw,3.75rem);
  --step-6:clamp(2.5rem,1.55rem + 4.1vw,4.5rem);

  /* — Space & shape — */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem;
  --sp-6:2rem; --sp-7:2.75rem; --sp-8:4rem; --sp-9:6rem; --sp-10:8rem;
  --r-xs:6px; --r-sm:10px; --r-md:16px; --r-lg:24px; --r-xl:34px; --r-pill:999px;
  --container:1260px; --container-wide:1480px; --container-text:min(74ch,100%);
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --header-h:64px;
}

/* --------------------------------------------------------------------------
   3. RESET
   -------------------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--bg-primary);color:var(--text-primary);
  font-family:var(--font-ui);font-size:var(--step-0);font-weight:300;line-height:1.72;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;text-rendering:optimizeLegibility;
}
img,picture,video,canvas,svg{display:block;max-width:100%}
img{height:auto}
input,button,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
p,h1,h2,h3,h4,h5,h6,figure,blockquote,dl,dd{margin:0}
ul[class],ol[class]{list-style:none;margin:0;padding:0}
nav ul,nav ol,.mega ul,.drawer-nav,.acc__panel ul,.footer-col ul,.toc ol{list-style:none;margin:0;padding:0}
a{color:var(--accent);text-decoration:none;transition:color .22s var(--ease)}
a:hover{color:var(--highlight)}
hr{border:0;height:1px;background:var(--border);margin:var(--sp-6) 0}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:var(--r-xs)}
::selection{background:rgba(231,207,155,.28);color:var(--highlight-warm)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--bg-primary)}
::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:var(--r-pill);border:3px solid var(--bg-primary)}
::-webkit-scrollbar-thumb:hover{background:var(--accent-deep)}

/* --------------------------------------------------------------------------
   4. TYPOGRAPHY
   -------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.14;letter-spacing:-.015em;color:var(--text-primary)}
h1,.t-display{font-family:var(--font-display);font-size:var(--step-6);line-height:1.02;letter-spacing:-.022em}
h2{font-family:var(--font-display);font-size:var(--step-5);line-height:1.08}
h3{font-family:var(--font-ui);font-size:var(--step-2);font-weight:600;letter-spacing:-.01em;line-height:1.3}
h4{font-family:var(--font-ui);font-size:var(--step-1);font-weight:600;line-height:1.4}
h5,h6{font-family:var(--font-ui);font-size:var(--step-0);font-weight:600}
.t-serif{font-family:var(--font-display);font-weight:400}
.t-italic{font-style:italic}
.t-gold{color:var(--highlight)}
.t-accent{color:var(--accent)}
.t-muted{color:var(--text-muted)}
.t-lead{font-size:var(--step-1);color:var(--text-secondary);line-height:1.75;font-weight:300}

/* shimmering gradient headline word */
.t-lumen{
  background:linear-gradient(104deg,var(--highlight-warm) 0%,var(--highlight) 26%,var(--accent) 62%,var(--orchid) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  background-size:220% 100%;animation:lumenDrift 16s var(--ease) infinite alternate;
}
@keyframes lumenDrift{to{background-position:100% 0}}

/* mono eyebrow — the signature section marker */
.eyebrow{
  display:inline-flex;align-items:center;gap:.6rem;
  font-family:var(--font-mono);font-size:var(--step--2);font-weight:500;
  letter-spacing:.24em;text-transform:uppercase;color:var(--highlight);
}
.eyebrow::before{
  content:"";width:26px;height:1px;flex:none;
  background:linear-gradient(90deg,transparent,var(--highlight));
}
.eyebrow--center::after{
  content:"";width:26px;height:1px;flex:none;
  background:linear-gradient(90deg,var(--highlight),transparent);
}

/* --------------------------------------------------------------------------
   5. LAYOUT
   -------------------------------------------------------------------------- */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}
.container--wide{max-width:var(--container-wide)}
.container--text{max-width:820px}
.section{position:relative;padding-block:clamp(3.5rem,8vw,7rem)}
.section--tight{padding-block:clamp(2.5rem,5vw,4rem)}
.section--flush-top{padding-top:0}
.stack>*+*{margin-top:var(--sp-4)}
.stack-lg>*+*{margin-top:var(--sp-6)}
.grid{display:grid;gap:clamp(1rem,2.2vw,1.75rem)}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr))}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
.cluster{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.center{text-align:center}
.center .eyebrow{justify-content:center}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--highlight);color:var(--cta-text);padding:.75rem 1.25rem;border-radius:0 0 var(--r-sm) 0;font-weight:600}
.skip-link:focus{left:0}

.section-head{display:flex;flex-direction:column;gap:var(--sp-3);max-width:760px;margin-bottom:clamp(2rem,4vw,3.25rem)}
.section-head--center{margin-inline:auto;text-align:center;align-items:center}
.section-head h2{max-width:20ch}
.section-head--center h2{max-width:26ch}
.section-head p{color:var(--text-secondary);font-size:var(--step-1);font-weight:300}

/* --------------------------------------------------------------------------
   6. ATMOSPHERE — background field layers
   -------------------------------------------------------------------------- */
.celestial-field{position:fixed;inset:0;z-index:-2;pointer-events:none;background:var(--bg-primary)}
.celestial-field canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.celestial-veil{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(120% 70% at 50% -10%,rgba(139,111,234,.22) 0%,transparent 60%),
    radial-gradient(90% 55% at 88% 12%,rgba(181,123,216,.14) 0%,transparent 62%),
    radial-gradient(80% 50% at 6% 32%,rgba(231,207,155,.07) 0%,transparent 60%),
    linear-gradient(180deg,rgba(8,6,15,0) 0%,rgba(8,6,15,.55) 58%,rgba(8,6,15,.92) 100%);
}
/* cosmic dust grain */
.celestial-veil::after{
  content:"";position:absolute;inset:0;opacity:.045;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* per-section aura */
.aura{position:relative;isolation:isolate}
.aura::before{
  content:"";position:absolute;inset:-20% -10% auto;height:70%;z-index:-1;pointer-events:none;
  background:var(--halo-violet);filter:blur(30px);opacity:.75;
}
.aura--gold::before{background:var(--halo-gold)}

/* hairline divider with a node */
.rule-node{position:relative;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong) 22%,var(--border-strong) 78%,transparent);margin-block:var(--sp-7)}
.rule-node::after{
  content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%) rotate(45deg);
  background:var(--highlight);box-shadow:0 0 14px 2px rgba(231,207,155,.6);
}

/* --------------------------------------------------------------------------
   7. BUTTONS
   -------------------------------------------------------------------------- */
.btn{
  --_bg:transparent;--_fg:var(--text-primary);--_bd:var(--border-strong);
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  padding:.85rem 1.65rem;border-radius:var(--r-pill);
  font-family:var(--font-ui);font-size:var(--step--1);font-weight:600;letter-spacing:.01em;
  background:var(--_bg);color:var(--_fg);border:1px solid var(--_bd);
  text-align:center;cursor:pointer;isolation:isolate;overflow:hidden;
  transition:transform .3s var(--ease-out),box-shadow .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn svg{width:1.05em;height:1.05em;flex:none}

.btn--cta{--_bg:var(--cta-bg);--_fg:var(--cta-text);--_bd:transparent;box-shadow:var(--cta-shadow);font-weight:700}
.btn--cta:hover{--_bg:var(--cta-bg-hover);box-shadow:0 16px 46px -14px rgba(231,207,155,.75);color:var(--cta-text)}
/* light sweep */
.btn--cta::after{
  content:"";position:absolute;inset:0;z-index:-1;transform:translateX(-120%);
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);
}
.btn--cta:hover::after{transform:translateX(120%);transition:transform .85s var(--ease-out)}

.btn--ghost{--_bg:var(--glass);--_fg:var(--text-primary);--_bd:var(--border-strong);backdrop-filter:blur(var(--glass-blur))}
.btn--ghost:hover{--_bg:var(--hover-surface);--_bd:var(--accent);--_fg:var(--accent)}
.btn--solid{--_bg:var(--accent-deep);--_fg:#fff;--_bd:transparent}
.btn--solid:hover{--_bg:var(--accent);--_fg:var(--bg-primary);color:var(--bg-primary)}
.btn--quiet{--_bd:transparent;--_fg:var(--text-secondary);padding-inline:1rem}
.btn--quiet:hover{--_fg:var(--highlight);--_bg:var(--hover-surface)}
.btn--sm{padding:.55rem 1.1rem;font-size:var(--step--2)}
.btn--lg{padding:1.05rem 2.25rem;font-size:var(--step-0)}
.btn--block{display:flex;width:100%}
.btn[disabled],.btn.disabled{opacity:.45;pointer-events:none}

.btn--tg{--_bd:rgba(56,166,222,.42);--_fg:#8FD4F5;--_bg:rgba(41,145,201,.10)}
.btn--tg:hover{--_bg:rgba(41,145,201,.22);--_bd:#38A6DE;--_fg:#BFE8FB}
.btn--wa{--_bd:rgba(37,211,102,.40);--_fg:#86E6AD;--_bg:rgba(37,211,102,.09)}
.btn--wa:hover{--_bg:rgba(37,211,102,.20);--_bd:#25D366;--_fg:#B9F5D2}

/* --------------------------------------------------------------------------
   8. CARDS / GLASS PANELS
   -------------------------------------------------------------------------- */
.panel{
  position:relative;background:var(--glass);border:1px solid var(--border);
  border-radius:var(--r-lg);backdrop-filter:blur(var(--glass-blur));
  box-shadow:var(--shadow-md);overflow:hidden;
}
/* inner top highlight — the signature edge light */
.panel::before{
  content:"";position:absolute;inset:0 0 auto;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(231,207,155,.5) 28%,rgba(199,180,255,.6) 62%,transparent);
  opacity:.7;
}
.panel--flat{background:var(--surface);backdrop-filter:none}
.panel--sunken{background:var(--surface-sunken);box-shadow:inset 0 1px 0 rgba(199,180,255,.07)}
.panel__body{padding:clamp(1.25rem,2.6vw,2rem)}

/* --------------------------------------------------------------------------
   9. HEADER
   -------------------------------------------------------------------------- */
.site-header{position:sticky;top:0;z-index:600}
.site-header__inner{background:rgba(9,6,18,.72);backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--border);transition:background .3s var(--ease),border-color .3s var(--ease)}
.site-header.is-stuck .site-header__inner{background:rgba(9,6,18,.94);border-bottom-color:var(--border-strong);box-shadow:0 18px 50px -34px #000}

/* 9a — utility bar */
.utility-bar{border-bottom:1px solid rgba(199,180,255,.08);background:linear-gradient(90deg,rgba(139,111,234,.10),rgba(231,207,155,.05) 52%,rgba(181,123,216,.10))}
.utility-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:34px;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.06em;color:var(--text-muted)}
.utility-bar__note{display:flex;align-items:center;gap:.55rem;min-width:0}
.utility-bar__note span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.utility-bar__links{display:flex;align-items:center;gap:var(--sp-4);flex:none}
.utility-bar a{color:var(--text-muted);display:inline-flex;align-items:center;gap:.4rem}
.utility-bar a:hover{color:var(--highlight)}
.utility-bar svg{width:13px;height:13px}
.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--aurora);box-shadow:0 0 0 0 rgba(111,216,224,.7);animation:pulseDot 2.8s infinite;flex:none}
@keyframes pulseDot{70%{box-shadow:0 0 0 8px rgba(111,216,224,0)}100%{box-shadow:0 0 0 0 rgba(111,216,224,0)}}

/* 9b — main bar */
.nav-bar{display:flex;align-items:center;gap:var(--sp-5);min-height:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:.7rem;flex:none;color:var(--text-primary)}
.brand:hover{color:var(--text-primary)}
.brand__glyph{width:34px;height:34px;flex:none;filter:drop-shadow(0 0 10px rgba(199,180,255,.45))}
.brand__glyph .orb-ring{transform-origin:50% 50%;animation:orbSpin 26s linear infinite}
.brand__glyph .orb-ring--r{animation-direction:reverse;animation-duration:34s}
@keyframes orbSpin{to{transform:rotate(360deg)}}
.brand__name{font-family:var(--font-display);font-size:1.34rem;line-height:1;letter-spacing:-.01em;white-space:nowrap}
.brand__name em{font-style:normal;color:var(--highlight)}
.brand__tag{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint);margin-top:3px}

.primary-nav{margin-inline:auto}
.primary-nav ul{list-style:none;margin:0;padding:0}
.primary-nav>ul{display:flex;align-items:center;gap:.15rem}
.primary-nav li{list-style:none}
.primary-nav a{position:relative;display:block;padding:.6rem .85rem;border-radius:var(--r-sm);font-size:var(--step--1);font-weight:400;color:var(--text-secondary);white-space:nowrap}
.primary-nav a:hover,.primary-nav .current-menu-item>a,.primary-nav .current_page_item>a{color:var(--text-primary);background:var(--hover-surface)}
.primary-nav a::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.3rem;height:1px;background:var(--highlight);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}
.primary-nav a:hover::after,.primary-nav .current-menu-item>a::after{transform:scaleX(1)}
.primary-nav .menu-item-has-children>a{padding-right:1.5rem}
.primary-nav .menu-item-has-children>a .caret{position:absolute;right:.6rem;top:50%;width:8px;height:8px;margin-top:-4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .3s var(--ease)}
.primary-nav .menu-item-has-children:hover>a .caret,.primary-nav .menu-item-has-children.is-open>a .caret{transform:rotate(-135deg) translateY(-2px)}

.nav-actions{display:flex;align-items:center;gap:.35rem;flex:none}
.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-sm);color:var(--text-secondary);border:1px solid transparent;transition:all .25s var(--ease)}
.icon-btn:hover{color:var(--highlight);background:var(--hover-surface);border-color:var(--border)}
.icon-btn svg{width:19px;height:19px}
.icon-btn--tg:hover{color:#8FD4F5}
.icon-btn--wa:hover{color:#86E6AD}
.cart-count{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--r-pill);background:var(--cta-bg);color:var(--cta-text);font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:17px;text-align:center}
.cart-count:empty,.cart-count[data-count="0"]{display:none}

.nav-toggle{display:none;width:42px;height:42px;border-radius:var(--r-sm);align-items:center;justify-content:center;border:1px solid var(--border)}
.nav-toggle span{display:block;position:relative;width:19px;height:1.5px;background:currentColor;transition:all .3s var(--ease)}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:19px;height:1.5px;background:currentColor;transition:all .3s var(--ease)}
.nav-toggle span::before{top:-6px}.nav-toggle span::after{top:6px}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}

/* 9c — contextual provider strip */
.context-strip{border-top:1px solid rgba(199,180,255,.08);background:rgba(12,8,24,.5)}
.context-strip__inner{display:flex;align-items:center;gap:var(--sp-4);min-height:44px;overflow-x:auto;scrollbar-width:none}
.context-strip__inner::-webkit-scrollbar{display:none}
.context-strip__label{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);flex:none}
.context-strip a{font-size:var(--step--2);color:var(--text-muted);white-space:nowrap;padding:.3rem .6rem;border-radius:var(--r-pill);border:1px solid transparent}
.context-strip a:hover,.context-strip a[aria-current]{color:var(--text-primary);border-color:var(--border);background:var(--hover-surface)}
.context-strip a[aria-current]{color:var(--highlight);border-color:var(--border-gold)}

/* --------------------------------------------------------------------------
   10. MEGA MENU
   -------------------------------------------------------------------------- */
.mega{
  position:absolute;left:50%;top:calc(100% + 10px);width:min(1080px,calc(100vw - 3rem));
  transform:translateX(-50%) translateY(-8px);
  background:var(--glass-strong);backdrop-filter:blur(26px) saturate(150%);
  border:1px solid var(--border-strong);border-radius:var(--r-lg);
  box-shadow:var(--shadow-lg),0 0 70px -30px rgba(139,111,234,.6);
  padding:var(--sp-6);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .28s var(--ease),transform .34s var(--ease-out),visibility .28s;
  z-index:700;
}
.menu-item-has-children:hover>.mega,.menu-item-has-children.is-open>.mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mega::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--highlight),var(--accent),transparent);opacity:.6}
.mega__grid{display:grid;grid-template-columns:repeat(3,1fr) .9fr;gap:var(--sp-6)}
.mega__col h4{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.2em;text-transform:uppercase;color:var(--highlight);font-weight:500;margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border)}
.mega__col ul{display:flex;flex-direction:column;gap:2px}
.mega__link{display:flex;align-items:center;gap:.7rem;padding:.5rem .6rem;border-radius:var(--r-sm);color:var(--text-secondary);font-size:var(--step--1);transition:all .22s var(--ease)}
.mega__link:hover{background:var(--hover-surface);color:var(--text-primary);transform:translateX(3px)}
.mega__link .prov-mark{flex:none}
.mega__link small{display:block;font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.04em}
.mega__link:hover small{color:var(--accent)}
.mega__promo{background:linear-gradient(165deg,rgba(139,111,234,.18),rgba(231,207,155,.08));border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);justify-content:center}
.mega__promo p{font-size:var(--step--1);color:var(--text-secondary)}

/* --------------------------------------------------------------------------
   11. MOBILE DRAWER
   -------------------------------------------------------------------------- */
.drawer{position:fixed;inset:0;z-index:800;visibility:hidden;pointer-events:none}
.drawer.is-open{visibility:visible;pointer-events:auto}
.drawer__scrim{position:absolute;inset:0;background:rgba(4,2,10,.72);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s var(--ease)}
.drawer.is-open .drawer__scrim{opacity:1}
.drawer__panel{
  position:absolute;inset:0 0 0 auto;width:min(410px,92vw);
  background:linear-gradient(170deg,var(--bg-secondary),var(--bg-primary));
  border-left:1px solid var(--border-strong);box-shadow:var(--shadow-lg);
  transform:translateX(100%);transition:transform .42s var(--ease-out);
  display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;
}
.drawer.is-open .drawer__panel{transform:translateX(0)}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-bottom:1px solid var(--border);position:sticky;top:0;background:inherit;z-index:2}
.drawer__body{padding:var(--sp-4);flex:1}
.drawer__foot{padding:var(--sp-4);border-top:1px solid var(--border);display:grid;gap:var(--sp-3)}
.drawer-nav{display:flex;flex-direction:column;gap:2px}
.drawer-nav a{display:block;padding:.85rem .75rem;border-radius:var(--r-sm);color:var(--text-secondary);font-size:var(--step-0)}
.drawer-nav a:hover,.drawer-nav .current-menu-item>a{background:var(--hover-surface);color:var(--text-primary)}
.acc__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem .75rem;border-radius:var(--r-sm);color:var(--text-secondary);font-size:var(--step-0);text-align:left;font-weight:400}
.acc__trigger:hover{background:var(--hover-surface);color:var(--text-primary)}
.acc__trigger .caret{width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .3s var(--ease);flex:none;margin-right:4px}
.acc__trigger[aria-expanded="true"] .caret{transform:rotate(-135deg)}
.acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .36s var(--ease-out)}
.acc__panel>div{overflow:hidden}
.acc__trigger[aria-expanded="true"]+.acc__panel{grid-template-rows:1fr}
.acc__panel ul{padding:.25rem 0 .5rem .75rem;border-left:1px solid var(--border);margin-left:.75rem;display:flex;flex-direction:column;gap:1px}
.acc__panel a{font-size:var(--step--1);padding:.6rem .7rem;color:var(--text-muted)}
.acc__panel a:hover{color:var(--highlight)}
.acc__group{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);padding:.7rem .7rem .3rem}

/* --------------------------------------------------------------------------
   12. SEARCH OVERLAY
   -------------------------------------------------------------------------- */
.search-overlay{position:fixed;inset:0;z-index:850;display:grid;place-items:start center;padding-top:14vh;background:rgba(4,2,10,.78);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s}
.search-overlay.is-open{opacity:1;visibility:visible}
.search-overlay__box{width:min(680px,92vw);transform:translateY(-14px);transition:transform .4s var(--ease-out)}
.search-overlay.is-open .search-overlay__box{transform:translateY(0)}
.search-form{display:flex;align-items:center;gap:.6rem;background:var(--glass-strong);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:.5rem .5rem .5rem 1.35rem;backdrop-filter:blur(20px);box-shadow:var(--glow-accent)}
.search-form input[type="search"]{flex:1;min-width:0;background:none;border:0;outline:none;font-size:var(--step-1);color:var(--text-primary);padding:.65rem 0}
.search-form input::placeholder{color:var(--text-faint)}
.search-hint{margin-top:var(--sp-4);text-align:center;font-family:var(--font-mono);font-size:var(--step--2);color:var(--text-faint);letter-spacing:.1em}

/* --------------------------------------------------------------------------
   13. HERO
   -------------------------------------------------------------------------- */
.hero{position:relative;min-height:clamp(540px,80vh,800px);display:grid;place-items:center;overflow:hidden;padding-block:clamp(4rem,10vw,7rem)}
.hero__stage{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero__stage canvas{position:absolute;inset:0;width:100%;height:100%}
.hero__mask{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(58% 46% at 50% 48%,rgba(8,6,15,.86) 0%,rgba(8,6,15,.52) 48%,transparent 78%),
             linear-gradient(180deg,rgba(8,6,15,.75) 0%,transparent 26%,transparent 62%,rgba(8,6,15,.95) 100%);
}
.hero__inner{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);max-width:940px}
.hero h1{font-size:var(--step-6);max-width:16ch;text-wrap:balance}
.hero__sub{max-width:58ch;font-size:var(--step-1);color:var(--text-secondary);font-weight:300;text-wrap:pretty}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center;margin-top:var(--sp-2)}
.hero__badge{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1rem .4rem .5rem;border-radius:var(--r-pill);background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(12px);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}
.hero__badge b{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .55rem;border-radius:var(--r-pill);background:var(--cta-bg);color:var(--cta-text);font-weight:700}

/* orbital ring decorations */
.hero__rings{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1180px,150vw);aspect-ratio:1;z-index:1;pointer-events:none;opacity:.5}
.hero__rings circle{fill:none;stroke:rgba(199,180,255,.16);stroke-width:.6}
.hero__rings .ring-gold{stroke:rgba(231,207,155,.2)}
.hero__rings g{transform-origin:50% 50%}
.hero__rings .spin-a{animation:orbSpin 90s linear infinite}
.hero__rings .spin-b{animation:orbSpin 130s linear infinite reverse}
.hero__rings .node{fill:var(--highlight);filter:drop-shadow(0 0 6px rgba(231,207,155,.9))}
.hero__rings .node-v{fill:var(--accent);filter:drop-shadow(0 0 6px rgba(199,180,255,.9))}

/* metric bar under hero */
.hero-metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;margin-top:var(--sp-7);width:min(960px,100%)}
.hero-metrics div{background:rgba(12,8,24,.72);backdrop-filter:blur(14px);padding:var(--sp-4) var(--sp-3);text-align:center}
.hero-metrics b{display:block;font-family:var(--font-display);font-size:var(--step-3);color:var(--highlight);line-height:1.1}
.hero-metrics span{display:block;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:.35rem}

/* --------------------------------------------------------------------------
   14. PROVIDER ECOSYSTEM / MARQUEE
   -------------------------------------------------------------------------- */
.prov-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;flex:none;
  background:linear-gradient(150deg,color-mix(in oklab,var(--p-hue) 34%,transparent),rgba(26,18,51,.9));
  border:1px solid color-mix(in oklab,var(--p-hue) 40%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);position:relative;overflow:hidden;
}
.prov-mark::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 30% 20%,color-mix(in oklab,var(--p-hue) 45%,transparent),transparent 70%)}
.prov-mark svg{width:17px;height:17px;position:relative;z-index:1;color:var(--p-hue);filter:drop-shadow(0 0 5px color-mix(in oklab,var(--p-hue) 70%,transparent))}
.prov-mark--lg{width:52px;height:52px;border-radius:14px}
.prov-mark--lg svg{width:26px;height:26px}

.eco-orbit{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.eco-orbit__cell{background:rgba(14,9,28,.66);backdrop-filter:blur(10px);padding:var(--sp-5) var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center;position:relative;transition:background .32s var(--ease)}
.eco-orbit__cell::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .32s var(--ease);background:radial-gradient(70% 70% at 50% 0%,color-mix(in oklab,var(--p-hue) 20%,transparent),transparent 70%)}
.eco-orbit__cell:hover{background:rgba(24,16,48,.84)}
.eco-orbit__cell:hover::after{opacity:1}
.eco-orbit__cell>*{position:relative;z-index:1}
.eco-orbit__cell strong{font-size:var(--step--1);font-weight:500;color:var(--text-primary)}
.eco-orbit__cell span{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}
.eco-orbit__cell:hover span{color:var(--highlight)}

/* --------------------------------------------------------------------------
   15. PRODUCT CARDS
   -------------------------------------------------------------------------- */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:clamp(1rem,2vw,1.6rem)}
.prod-card{
  position:relative;display:flex;flex-direction:column;
  background:linear-gradient(168deg,rgba(35,26,68,.62),rgba(14,9,28,.78));
  border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;
  backdrop-filter:blur(14px);box-shadow:var(--shadow-md);
  transition:transform .42s var(--ease-out),box-shadow .42s var(--ease),border-color .42s var(--ease);
  isolation:isolate;
}
.prod-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;z-index:3;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--p-hue) 75%,transparent) 30%,rgba(231,207,155,.6) 70%,transparent);opacity:.55;transition:opacity .42s var(--ease)}
.prod-card:hover{transform:translateY(-6px);border-color:var(--border-strong);box-shadow:var(--shadow-lg),0 0 60px -26px color-mix(in oklab,var(--p-hue) 85%,transparent)}
.prod-card:hover::before{opacity:1}
.prod-card:focus-within{border-color:var(--accent)}

.prod-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--surface-sunken);flex:none}
.prod-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease-out),filter .5s var(--ease)}
.prod-card:hover .prod-card__media img{transform:scale(1.055)}
/* atmospheric glow + slow light sweep over the product art */
.prod-card__media::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent 40%,rgba(14,9,28,.82) 100%),
             radial-gradient(60% 50% at 50% 12%,color-mix(in oklab,var(--p-hue) 22%,transparent),transparent 72%);
}
.prod-card__sweep{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.prod-card__sweep::before{
  content:"";position:absolute;top:-60%;left:-40%;width:45%;height:220%;
  background:linear-gradient(100deg,transparent,rgba(231,207,155,.16),transparent);
  transform:rotate(14deg) translateX(-140%);
}
.prod-card:hover .prod-card__sweep::before{transform:rotate(14deg) translateX(420%);transition:transform 1.25s var(--ease-out)}

.prod-card__chip{position:absolute;top:.8rem;left:.8rem;z-index:3;display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem .3rem .35rem;border-radius:var(--r-pill);background:rgba(8,6,15,.66);border:1px solid var(--border);backdrop-filter:blur(10px);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}
.prod-card__chip .prov-mark{width:20px;height:20px;border-radius:6px}
.prod-card__chip .prov-mark svg{width:11px;height:11px}
.prod-card__flag{position:absolute;top:.8rem;right:.8rem;z-index:3;padding:.28rem .6rem;border-radius:var(--r-pill);background:rgba(231,207,155,.14);border:1px solid var(--border-gold);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--highlight);backdrop-filter:blur(10px)}

.prod-card__body{display:flex;flex-direction:column;gap:var(--sp-3);padding:clamp(1.05rem,2vw,1.4rem);flex:1}
.prod-card__title{font-family:var(--font-ui);font-size:var(--step-1);font-weight:600;line-height:1.32;letter-spacing:-.01em}
.prod-card__title a{color:var(--text-primary)}
.prod-card__title a:hover{color:var(--highlight)}
.prod-card__desc{font-size:var(--step--1);color:var(--text-muted);line-height:1.62;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.prod-card__meta{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);margin-top:auto;padding-top:var(--sp-3);border-top:1px solid var(--border)}
.prod-card__price{display:flex;flex-direction:column;gap:2px;min-width:0}
.prod-card__price small{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}
.prod-card__price b{font-family:var(--font-display);font-size:var(--step-2);font-weight:400;color:var(--highlight);line-height:1.1}
.prod-card__price .cfg{font-family:var(--font-mono);font-size:10px;color:var(--accent);letter-spacing:.06em}
.prod-card__cta{display:flex;gap:.4rem;flex:none}

/* constellation connectors between cards (decorative) */
.prod-grid--linked{position:relative}
.prod-grid--linked::before{content:"";position:absolute;inset:-10px;pointer-events:none;z-index:-1;
  background-image:radial-gradient(circle,rgba(199,180,255,.16) 1px,transparent 1px);
  background-size:26px 26px;opacity:.5;mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 76%)}

/* --------------------------------------------------------------------------
   16. FEATURE / STEP / FAQ BLOCKS
   -------------------------------------------------------------------------- */
.feat{position:relative;padding:clamp(1.4rem,2.6vw,2rem);border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(165deg,rgba(35,26,68,.5),rgba(12,8,24,.62));backdrop-filter:blur(12px);transition:border-color .34s var(--ease),transform .34s var(--ease-out),background .34s var(--ease)}
.feat:hover{border-color:var(--border-strong);transform:translateY(-4px);background:linear-gradient(165deg,rgba(45,33,86,.6),rgba(16,10,32,.7))}
.feat__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;margin-bottom:var(--sp-4);background:linear-gradient(150deg,rgba(199,180,255,.2),rgba(231,207,155,.1));border:1px solid var(--border-strong);color:var(--highlight)}
.feat__icon svg{width:22px;height:22px}
.feat h3{font-size:var(--step-1);margin-bottom:.6rem}
.feat p{font-size:var(--step--1);color:var(--text-muted);line-height:1.68}

.steps{counter-reset:s;display:grid;gap:var(--sp-5)}
.step{position:relative;padding-left:clamp(3.4rem,6vw,4.4rem);counter-increment:s}
.step::before{
  content:counter(s,decimal-leading-zero);position:absolute;left:0;top:-.2rem;
  display:grid;place-items:center;width:clamp(2.4rem,5vw,3rem);aspect-ratio:1;border-radius:50%;
  font-family:var(--font-mono);font-size:var(--step--1);font-weight:600;color:var(--highlight);
  background:radial-gradient(circle at 30% 25%,rgba(231,207,155,.22),rgba(18,12,34,.9));
  border:1px solid var(--border-gold);box-shadow:0 0 22px -8px rgba(231,207,155,.6);
}
.step::after{content:"";position:absolute;left:calc(clamp(2.4rem,5vw,3rem)/2);top:clamp(2.6rem,5.4vw,3.2rem);bottom:calc(var(--sp-5) * -1);width:1px;background:linear-gradient(180deg,var(--border-gold),transparent)}
.step:last-child::after{display:none}
.step h3{font-size:var(--step-1);margin-bottom:.45rem}
.step p{color:var(--text-muted);font-size:var(--step--1)}

.faq{display:grid;gap:.6rem}
.faq__item{border:1px solid var(--border);border-radius:var(--r-md);background:rgba(20,13,40,.5);backdrop-filter:blur(10px);overflow:hidden;transition:border-color .3s var(--ease),background .3s var(--ease)}
.faq__item:hover{border-color:var(--border-strong)}
.faq__item[open]{border-color:var(--border-gold);background:rgba(28,19,56,.62)}
.faq__q{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);width:100%;padding:1.05rem 1.3rem;text-align:left;font-size:var(--step-0);font-weight:500;color:var(--text-primary);cursor:pointer;list-style:none}
.faq__q::-webkit-details-marker{display:none}
.faq__q:hover{color:var(--highlight)}
.faq__sign{position:relative;width:15px;height:15px;flex:none}
.faq__sign::before,.faq__sign::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;transition:transform .3s var(--ease);color:var(--highlight)}
.faq__sign::before{width:15px;height:1.5px;margin:-.75px 0 0 -7.5px}
.faq__sign::after{width:1.5px;height:15px;margin:-7.5px 0 0 -.75px}
.faq__item[open] .faq__sign::after{transform:scaleY(0)}
.faq__a{padding:0 1.3rem 1.25rem;color:var(--text-muted);font-size:var(--step--1);line-height:1.72;border-top:1px solid var(--border);padding-top:1rem;margin-top:-1px}
.faq__a p+p{margin-top:.8rem}
.faq__a a{color:var(--accent)}

/* --------------------------------------------------------------------------
   17. TABLES / PROSE
   -------------------------------------------------------------------------- */
.prose{max-width:var(--container-text);color:var(--text-secondary);font-size:var(--step-0);line-height:1.82}
.prose>*+*{margin-top:1.15em}
.prose h2{font-size:var(--step-4);margin-top:2.4em;margin-bottom:.1em;color:var(--text-primary);scroll-margin-top:calc(var(--header-h) + 40px)}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:var(--step-2);margin-top:1.9em;margin-bottom:.1em;color:var(--text-primary);scroll-margin-top:calc(var(--header-h) + 40px)}
.prose h4{font-size:var(--step-1);margin-top:1.5em;color:var(--accent)}
.prose strong{color:var(--text-primary);font-weight:600}
.prose em{color:var(--highlight-warm)}
.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(199,180,255,.32);text-underline-offset:3px;transition:all .22s var(--ease)}
.prose a:hover{color:var(--highlight);text-decoration-color:var(--highlight)}
.prose ul,.prose ol{padding-left:1.35em;display:flex;flex-direction:column;gap:.55em}
.prose ul{list-style:none;padding-left:0}
.prose ul>li{position:relative;padding-left:1.6em}
.prose ul>li::before{content:"";position:absolute;left:.35em;top:.72em;width:5px;height:5px;transform:rotate(45deg);background:var(--highlight);box-shadow:0 0 8px rgba(231,207,155,.7)}
.prose ol{list-style:none;counter-reset:p}
.prose ol>li{position:relative;padding-left:2.1em;counter-increment:p}
.prose ol>li::before{content:counter(p,decimal-leading-zero);position:absolute;left:0;top:.05em;font-family:var(--font-mono);font-size:.8em;color:var(--accent);font-weight:600}
.prose li>ul,.prose li>ol{margin-top:.55em}
.prose blockquote{border-left:2px solid var(--highlight);padding:.2em 0 .2em 1.4em;font-family:var(--font-display);font-size:var(--step-2);line-height:1.5;color:var(--text-primary);font-style:italic}
.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-xs);padding:.15em .45em;color:var(--aurora)}
.prose pre{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-md);padding:1.1rem 1.3rem;overflow-x:auto}
.prose pre code{background:none;border:0;padding:0}
.prose img{border-radius:var(--r-md);border:1px solid var(--border);box-shadow:var(--shadow-md)}
.prose figure figcaption{margin-top:.7rem;font-size:var(--step--2);color:var(--text-faint);text-align:center;font-family:var(--font-mono);letter-spacing:.06em}
.prose hr{margin-block:2.2em}

.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-md);background:rgba(16,10,32,.55);-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:var(--step--1)}
.prose table{margin-block:1.6em}
th,td{padding:.85rem 1.1rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
thead th{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--highlight);font-weight:500;background:rgba(139,111,234,.10);white-space:nowrap}
tbody tr:last-child td{border-bottom:0}
tbody tr{transition:background .22s var(--ease)}
tbody tr:hover{background:var(--hover-surface)}
td strong{color:var(--text-primary)}

.callout{position:relative;padding:1.2rem 1.4rem 1.2rem 3.3rem;border-radius:var(--r-md);border:1px solid var(--border-strong);background:linear-gradient(140deg,rgba(139,111,234,.14),rgba(12,8,24,.55));font-size:var(--step--1);color:var(--text-secondary)}
.callout::before{content:"";position:absolute;left:1.25rem;top:1.45rem;width:9px;height:9px;transform:rotate(45deg);background:var(--accent);box-shadow:0 0 12px rgba(199,180,255,.8)}
.callout strong{color:var(--text-primary);display:block;margin-bottom:.25rem;font-weight:600}
.callout--gold{border-color:var(--border-gold);background:linear-gradient(140deg,rgba(231,207,155,.12),rgba(12,8,24,.55))}
.callout--gold::before{background:var(--highlight);box-shadow:0 0 12px rgba(231,207,155,.8)}

/* --------------------------------------------------------------------------
   18. PAGE HEADERS / BREADCRUMBS
   -------------------------------------------------------------------------- */
.page-hero{position:relative;padding-block:clamp(3rem,7vw,5.5rem) clamp(2rem,4vw,3rem);overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:-40% -20% auto;height:130%;z-index:-1;background:radial-gradient(50% 50% at 50% 0%,rgba(139,111,234,.26),transparent 70%);filter:blur(24px)}
.page-hero h1{font-size:var(--step-5);max-width:22ch;text-wrap:balance}
.page-hero .t-lead{max-width:68ch;margin-top:var(--sp-4)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.08em;color:var(--text-faint);margin-bottom:var(--sp-4)}
.crumbs a{color:var(--text-muted)}
.crumbs a:hover{color:var(--highlight)}
.crumbs span[aria-current]{color:var(--accent)}
.crumbs .sep{opacity:.5}

/* --------------------------------------------------------------------------
   19. BLOG
   -------------------------------------------------------------------------- */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:clamp(1rem,2.2vw,1.75rem)}
.post-card{display:flex;flex-direction:column;background:linear-gradient(168deg,rgba(35,26,68,.52),rgba(12,8,24,.7));border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;backdrop-filter:blur(12px);transition:transform .4s var(--ease-out),border-color .4s var(--ease),box-shadow .4s var(--ease)}
.post-card:hover{transform:translateY(-5px);border-color:var(--border-strong);box-shadow:var(--shadow-lg)}
.post-card__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface-sunken);flex:none}
.post-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}
.post-card:hover .post-card__media img{transform:scale(1.05)}
.post-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(12,8,24,.7))}
.post-card__body{display:flex;flex-direction:column;gap:.7rem;padding:1.25rem;flex:1}
.post-card__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}
.post-card__kicker a{color:var(--highlight)}
.post-card__kicker .dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}
.post-card h3{font-size:var(--step-1);line-height:1.34}
.post-card h3 a{color:var(--text-primary)}
.post-card h3 a:hover{color:var(--highlight)}
.post-card p{font-size:var(--step--1);color:var(--text-muted);line-height:1.62;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-card__more{margin-top:auto;padding-top:.8rem;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:.4rem}
.post-card__more::after{content:"\2192";transition:transform .3s var(--ease)}
.post-card:hover .post-card__more::after{transform:translateX(4px)}

.article-hero{position:relative;padding-block:clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,3vw,2.5rem)}
.article-hero h1{font-size:var(--step-5);max-width:24ch;text-wrap:balance}
.article-meta{display:flex;flex-wrap:wrap;gap:var(--sp-4);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-top:var(--sp-4)}
.article-figure{margin-block:var(--sp-6);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-lg);position:relative}
.article-figure img{width:100%;aspect-ratio:16/8;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.article-side{position:sticky;top:calc(var(--header-h) + 24px);display:grid;gap:var(--sp-4)}
.toc{font-size:var(--step--1)}
.toc h4{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.18em;text-transform:uppercase;color:var(--highlight);margin-bottom:var(--sp-3);font-weight:500}
.toc ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:1px;max-height:52vh;overflow-y:auto}
.toc a{display:block;padding:.4rem .6rem;border-left:1px solid var(--border);color:var(--text-muted);font-size:var(--step--2);line-height:1.5}
.toc a:hover{color:var(--text-primary);border-left-color:var(--accent);background:var(--hover-surface)}
.toc a.is-active{color:var(--highlight);border-left-color:var(--highlight);background:var(--hover-surface)}
.reading-bar{position:fixed;top:0;left:0;height:2px;z-index:900;background:var(--cta-bg);width:0;box-shadow:0 0 10px rgba(231,207,155,.8);transition:width .1s linear}

/* --------------------------------------------------------------------------
   20. WOOCOMMERCE
   -------------------------------------------------------------------------- */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{
  list-style:none;margin:0 0 var(--sp-5);padding:1rem 1.25rem;border-radius:var(--r-md);
  background:rgba(139,111,234,.12);border:1px solid var(--border-strong);color:var(--text-secondary);font-size:var(--step--1);
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);
}
.woocommerce-message{background:rgba(231,207,155,.1);border-color:var(--border-gold)}
.woocommerce-error{background:rgba(224,110,130,.12);border-color:rgba(224,110,130,.4)}
.woocommerce-message .button,.woocommerce-info .button{margin-left:auto}

/* 20a — product hero */
.p-hero{position:relative;padding-block:clamp(2rem,5vw,3.5rem) clamp(1.5rem,3vw,2.5rem);overflow:hidden}
.p-hero::before{content:"";position:absolute;inset:-60% -20% auto;height:150%;z-index:-1;background:radial-gradient(46% 46% at 32% 0%,color-mix(in oklab,var(--p-hue) 26%,transparent),transparent 68%);filter:blur(30px)}
.p-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(1.5rem,3.5vw,3rem);align-items:start}
.p-media{position:relative;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg),0 0 80px -40px color-mix(in oklab,var(--p-hue) 90%,transparent);background:var(--surface-sunken)}
.p-media img{width:100%;aspect-ratio:16/11;object-fit:cover}
.p-media__glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 45% at 50% 10%,color-mix(in oklab,var(--p-hue) 20%,transparent),transparent 70%);
  animation:mediaBreathe 9s ease-in-out infinite alternate}
@keyframes mediaBreathe{to{opacity:.45}}
.p-media__orbit{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.85}
.p-media__orbit circle{fill:none;stroke:rgba(231,207,155,.28);stroke-width:.5}
.p-media__orbit g{transform-origin:50% 50%;animation:orbSpin 60s linear infinite}
.p-media__orbit .n{fill:var(--highlight);filter:drop-shadow(0 0 5px rgba(231,207,155,.9))}
.p-media__sheen{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.p-media__sheen::before{content:"";position:absolute;top:-50%;left:-30%;width:40%;height:200%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.10),transparent);transform:rotate(16deg);animation:sheenPass 7.5s var(--ease-out) infinite}
@keyframes sheenPass{0%,72%{transform:rotate(16deg) translateX(-260%)}100%{transform:rotate(16deg) translateX(520%)}}

.p-title{font-family:var(--font-display);font-size:var(--step-5);line-height:1.06;letter-spacing:-.02em;text-wrap:balance}
.p-summary{font-size:var(--step-1);color:var(--text-secondary);font-weight:300;line-height:1.72;margin-top:var(--sp-4)}
.p-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--sp-4)}
.p-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .8rem;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--glass);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.p-badge--gold{border-color:var(--border-gold);color:var(--highlight);background:rgba(231,207,155,.09)}

/* 20b — purchase workspace */
.buy-box{position:relative;border-radius:var(--r-xl);border:1px solid var(--border-strong);background:linear-gradient(170deg,rgba(38,28,74,.78),rgba(11,7,22,.9));backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);overflow:hidden}
.buy-box::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--highlight),var(--accent),transparent)}
.buy-box__head{padding:1.15rem 1.4rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}
.buy-box__head h2{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.2em;text-transform:uppercase;color:var(--highlight);font-weight:500}
.buy-box__body{padding:1.4rem}
.buy-box__foot{padding:1.1rem 1.4rem;border-top:1px solid var(--border);background:rgba(8,6,15,.4)}

.price-rail{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-bottom:var(--sp-4)}
.price-rail .amount,.price-rail .woocommerce-Price-amount{font-family:var(--font-display);font-size:var(--step-4);color:var(--highlight);line-height:1}
.price-rail small{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}
.price-rail del{opacity:.5;font-size:.6em}
.price-rail ins{text-decoration:none}

/* variation selector as a premium radio deck */
.cfg-deck{display:grid;gap:.5rem;margin-bottom:var(--sp-4);max-height:min(430px,52vh);overflow-y:auto;padding-right:.35rem;scrollbar-width:thin}
.cfg-opt{position:relative;display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;border-radius:var(--r-md);border:1px solid var(--border);background:rgba(20,13,40,.55);cursor:pointer;transition:all .26s var(--ease)}
.cfg-opt:hover{border-color:var(--border-strong);background:var(--hover-surface);transform:translateX(2px)}
.cfg-opt input{position:absolute;opacity:0;width:0;height:0}
.cfg-opt__dot{position:relative;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--border-strong);flex:none;transition:all .26s var(--ease)}
.cfg-opt__dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--cta-bg);transform:scale(0);transition:transform .26s var(--ease-out)}
.cfg-opt__label{flex:1;min-width:0;font-size:var(--step--1);color:var(--text-secondary);line-height:1.45}
.cfg-opt__price{font-family:var(--font-mono);font-size:var(--step--1);font-weight:600;color:var(--text-primary);flex:none;white-space:nowrap}
.cfg-opt input:checked~.cfg-opt__dot{border-color:var(--highlight);box-shadow:0 0 0 3px rgba(231,207,155,.16)}
.cfg-opt input:checked~.cfg-opt__dot::after{transform:scale(1)}
.cfg-opt:has(input:checked){border-color:var(--border-gold);background:rgba(231,207,155,.09);box-shadow:inset 0 0 0 1px rgba(231,207,155,.14)}
.cfg-opt:has(input:checked) .cfg-opt__label{color:var(--text-primary)}
.cfg-opt:has(input:checked) .cfg-opt__price{color:var(--highlight)}
.cfg-opt input:focus-visible~.cfg-opt__dot{outline:2px solid var(--focus-ring);outline-offset:3px}

.qty-row{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}
.qty{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:var(--r-pill);overflow:hidden;background:rgba(12,8,24,.6)}
.qty button{width:40px;height:44px;display:grid;place-items:center;color:var(--text-secondary);font-size:1.1rem;transition:all .2s var(--ease)}
.qty button:hover{color:var(--highlight);background:var(--hover-surface)}
.qty input{width:50px;height:44px;text-align:center;background:none;border:0;outline:none;font-family:var(--font-mono);font-size:var(--step-0);color:var(--text-primary);-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qty-row label{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}

.contact-split{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:var(--sp-3)}
.buy-assure{display:grid;gap:.55rem;margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}
.buy-assure li{display:flex;align-items:flex-start;gap:.6rem;font-size:var(--step--2);color:var(--text-muted);line-height:1.55}
.buy-assure svg{width:14px;height:14px;flex:none;margin-top:.25em;color:var(--accent)}

/* 20c — product body sections */
.p-sections{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.p-aside{position:sticky;top:calc(var(--header-h) + 24px);display:grid;gap:var(--sp-4)}
.spec-table td:first-child{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.06em;color:var(--text-muted);width:44%}

/* 20d — cart / checkout / forms */
.woocommerce table.shop_table{border:1px solid var(--border);border-radius:var(--r-md);border-collapse:separate;border-spacing:0;overflow:hidden;background:rgba(16,10,32,.55);width:100%}
.woocommerce table.shop_table th{background:rgba(139,111,234,.1);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--highlight);font-weight:500}
.woocommerce table.shop_table td{border-top:1px solid var(--border)}
.woocommerce table.shop_table .product-thumbnail img{width:64px;border-radius:var(--r-sm);border:1px solid var(--border)}
.woocommerce .quantity input[type="number"]{width:72px;padding:.5rem;text-align:center;background:rgba(12,8,24,.6);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text-primary)}
.woocommerce a.remove{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;color:var(--text-faint)!important;border:1px solid var(--border);font-size:16px;line-height:1;text-decoration:none}
.woocommerce a.remove:hover{color:var(--highlight)!important;background:var(--hover-surface);border-color:var(--border-gold)}
.cart-collaterals,.woocommerce .cart_totals{margin-top:var(--sp-6)}
.woocommerce .cart_totals h2,.woocommerce-billing-fields h3,.woocommerce-additional-fields h3,#order_review_heading{font-family:var(--font-display);font-size:var(--step-3);margin-bottom:var(--sp-4)}

.woocommerce form .form-row{display:flex;flex-direction:column;gap:.4rem;margin:0 0 var(--sp-4)}
.woocommerce form .form-row label{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.woocommerce form .form-row .required{color:var(--highlight);text-decoration:none}
input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="password"],input[type="number"],input[type="search"],textarea,select,.select2-container .select2-selection--single{
  width:100%;padding:.8rem 1rem;background:rgba(12,8,24,.62);border:1px solid var(--border);border-radius:var(--r-sm);
  color:var(--text-primary);font-size:var(--step--1);transition:border-color .24s var(--ease),box-shadow .24s var(--ease),background .24s var(--ease);
}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(199,180,255,.14);background:rgba(20,13,40,.7)}
textarea{min-height:140px;resize:vertical}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23C7B4FF' stroke-width='1.6'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.6rem}
::placeholder{color:var(--text-faint)}
.select2-container--default .select2-selection--single{height:auto!important;border:1px solid var(--border)!important;background:rgba(12,8,24,.62)!important;border-radius:var(--r-sm)!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-primary)!important;line-height:1.6!important;padding-left:0!important}
.select2-dropdown{background:var(--surface)!important;border-color:var(--border-strong)!important;color:var(--text-primary)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--accent-deep)!important}

/* WooCommerce default buttons -> our CTA */
.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button,
.woocommerce #respond input#submit,.wp-element-button,.wc-block-components-button{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.85rem 1.65rem;border-radius:var(--r-pill);border:1px solid transparent;
  background:var(--cta-bg);color:var(--cta-text)!important;font-family:var(--font-ui);
  font-size:var(--step--1);font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;
  box-shadow:var(--cta-shadow);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease),background .3s var(--ease);
}
.woocommerce .button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--cta-bg-hover);transform:translateY(-2px);box-shadow:0 16px 46px -14px rgba(231,207,155,.72)}
.woocommerce .button.alt,.woocommerce button.button.alt{background:var(--cta-bg)}
.woocommerce .button:disabled,.woocommerce button.button:disabled[disabled]{opacity:.45;transform:none}
.woocommerce .cart .button,.woocommerce .checkout-button{width:auto}
.woocommerce #payment ul.payment_methods{border:1px solid var(--border);border-radius:var(--r-md);background:rgba(16,10,32,.5);padding:1rem}
.woocommerce #payment div.payment_box{background:rgba(139,111,234,.1);border-radius:var(--r-sm);color:var(--text-muted);font-size:var(--step--2)}
.woocommerce #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment{background:transparent}

/* shop toolbar */
.shop-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:1rem 1.25rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--glass);backdrop-filter:blur(12px);margin-bottom:var(--sp-6)}
.shop-bar__count{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.shop-bar__count b{color:var(--highlight)}
.woocommerce-ordering select{width:auto;min-width:210px}
.woocommerce-pagination ul,.pagination{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:var(--sp-7) 0 0;justify-content:center;border:0}
.woocommerce-pagination li,.pagination li{border:0!important}
.page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 .7rem;border-radius:var(--r-sm);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--step--1);transition:all .24s var(--ease)}
.page-numbers:hover{border-color:var(--accent);color:var(--accent);background:var(--hover-surface)}
.page-numbers.current{background:var(--cta-bg);color:var(--cta-text);border-color:transparent;font-weight:700}
.page-numbers.dots{border-color:transparent}

/* --------------------------------------------------------------------------
   21. FLOATING CONTACT
   -------------------------------------------------------------------------- */
.float-contact{position:fixed;right:clamp(.9rem,2.5vw,1.6rem);bottom:clamp(.9rem,2.5vw,1.6rem);z-index:700;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}
.float-contact__menu{display:flex;flex-direction:column;gap:.5rem;opacity:0;visibility:hidden;transform:translateY(10px) scale(.94);transform-origin:bottom right;transition:all .32s var(--ease-out)}
.float-contact.is-open .float-contact__menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.float-contact__item{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1rem .6rem .65rem;border-radius:var(--r-pill);background:var(--glass-strong);backdrop-filter:blur(16px);border:1px solid var(--border-strong);color:var(--text-primary);font-size:var(--step--1);font-weight:500;box-shadow:var(--shadow-md);white-space:nowrap}
.float-contact__item:hover{color:var(--text-primary);border-color:var(--highlight);transform:translateX(-3px);transition:all .24s var(--ease)}
.float-contact__item svg{width:20px;height:20px;flex:none}
.float-contact__item--tg svg{color:#38A6DE}
.float-contact__item--wa svg{color:#25D366}
.float-contact__toggle{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--cta-bg);color:var(--cta-text);box-shadow:var(--cta-shadow),0 0 0 0 rgba(231,207,155,.5);border:0;transition:transform .32s var(--ease-out)}
.float-contact__toggle:hover{transform:scale(1.06)}
.float-contact__toggle svg{width:24px;height:24px;transition:transform .32s var(--ease-out),opacity .2s}
.float-contact__toggle .ic-close{position:absolute;opacity:0;transform:rotate(-90deg)}
.float-contact.is-open .float-contact__toggle .ic-chat{opacity:0;transform:rotate(90deg)}
.float-contact.is-open .float-contact__toggle .ic-close{opacity:1;transform:rotate(0)}
.float-contact__toggle::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(231,207,155,.5);animation:haloPing 3.2s var(--ease-out) infinite}
@keyframes haloPing{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(1.65);opacity:0}}
/* keep clear of the sticky mobile buy bar */
body.has-buybar .float-contact{bottom:calc(72px + clamp(.9rem,2.5vw,1.6rem))}

/* sticky mobile add-to-cart */
.buy-bar{position:fixed;left:0;right:0;bottom:0;z-index:690;display:none;align-items:center;gap:var(--sp-3);padding:.7rem clamp(.9rem,3vw,1.2rem);background:rgba(9,6,18,.94);backdrop-filter:blur(20px);border-top:1px solid var(--border-strong);box-shadow:0 -14px 40px -22px #000}
.buy-bar__price{flex:1;min-width:0}
.buy-bar__price small{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}
.buy-bar__price b{font-family:var(--font-display);font-size:var(--step-2);color:var(--highlight);line-height:1.1}

/* --------------------------------------------------------------------------
   22. FOOTER
   -------------------------------------------------------------------------- */
.site-footer{position:relative;margin-top:clamp(3rem,7vw,6rem);border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(11,7,23,.6),rgba(6,4,12,.96))}
.site-footer::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(231,207,155,.45) 30%,rgba(199,180,255,.45) 70%,transparent)}
.footer-glow{position:absolute;inset:auto 0 0;height:70%;pointer-events:none;background:radial-gradient(60% 100% at 50% 100%,rgba(139,111,234,.16),transparent 72%)}
.footer-top{position:relative;display:grid;grid-template-columns:1.6fr 1.2fr 1fr 1fr 1fr;gap:clamp(1.5rem,3vw,2.5rem);padding-block:clamp(2.5rem,6vw,4.5rem)}
.footer-brand{display:grid;gap:var(--sp-4);max-width:380px}
.footer-brand p{font-size:var(--step--1);color:var(--text-muted);line-height:1.7}
.footer-col h4{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.2em;text-transform:uppercase;color:var(--highlight);font-weight:500;margin-bottom:var(--sp-4);position:relative;padding-bottom:.6rem}
.footer-col h4::after{content:"";position:absolute;left:0;bottom:0;width:22px;height:1px;background:var(--highlight)}
.footer-col ul{display:flex;flex-direction:column;gap:.55rem}
.footer-col a{font-size:var(--step--1);color:var(--text-muted);display:inline-flex;align-items:center;gap:.45rem}
.footer-col a:hover{color:var(--highlight);transform:translateX(2px)}
.footer-col a{transition:color .22s var(--ease),transform .22s var(--ease)}
.footer-contact{display:grid;gap:.5rem}
.footer-bottom{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-block:var(--sp-5);border-top:1px solid var(--border);font-size:var(--step--2);color:var(--text-faint)}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:var(--sp-4)}
.footer-bottom a{color:var(--text-muted)}
.footer-bottom a:hover{color:var(--highlight)}
.footer-disclaimer{font-size:var(--step--2);color:var(--text-faint);line-height:1.65;max-width:100%;padding-bottom:var(--sp-5);border-bottom:1px solid var(--border)}

/* --------------------------------------------------------------------------
   23. CTA BAND
   -------------------------------------------------------------------------- */
.cta-band{position:relative;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border-strong);background:linear-gradient(140deg,rgba(45,32,88,.85),rgba(12,8,24,.92));padding:clamp(2rem,5vw,4rem);text-align:center;box-shadow:var(--shadow-lg)}
.cta-band::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(52% 70% at 22% 0%,rgba(231,207,155,.18),transparent 66%),
  radial-gradient(52% 70% at 80% 100%,rgba(181,123,216,.22),transparent 66%)}
.cta-band::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;
  background-image:radial-gradient(circle,rgba(243,239,255,.5) .6px,transparent .6px);background-size:22px 22px;
  mask-image:radial-gradient(60% 60% at 50% 50%,#000,transparent 72%)}
.cta-band>*{position:relative;z-index:1}
.cta-band h2{font-size:var(--step-4);max-width:22ch;margin-inline:auto;text-wrap:balance}
.cta-band p{max-width:58ch;margin:var(--sp-4) auto 0;color:var(--text-secondary);font-size:var(--step-0)}
.cta-band .cluster{justify-content:center;margin-top:var(--sp-6)}

/* --------------------------------------------------------------------------
   24. COMPARE TABLE
   -------------------------------------------------------------------------- */
.cmp-table{min-width:880px}
.cmp-table th:first-child,.cmp-table td:first-child{position:sticky;left:0;background:rgba(16,10,32,.97);z-index:1;box-shadow:1px 0 0 var(--border)}
.cmp-table thead th:first-child{background:rgba(24,16,48,.98)}
.cmp-table .prov-cell{display:flex;align-items:center;gap:.65rem;font-weight:500;color:var(--text-primary);white-space:nowrap}
.cmp-table .from{font-family:var(--font-mono);color:var(--highlight);font-weight:600;white-space:nowrap}
.cmp-table .cfgs{font-family:var(--font-mono);color:var(--accent)}

/* --------------------------------------------------------------------------
   25. ANIMATION UTILITIES
   -------------------------------------------------------------------------- */
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .85s var(--ease-out),transform .85s var(--ease-out)}
[data-reveal].is-in{opacity:1;transform:none}
@media (scripting: none){[data-reveal]{opacity:1;transform:none}}
@keyframes rcm-reveal-failsafe{to{opacity:1;transform:none}}
[data-reveal]{animation:rcm-reveal-failsafe .5s linear 6s forwards}
[data-reveal].is-in{animation:none}
[data-reveal][data-reveal="left"]{transform:translateX(-22px)}
[data-reveal][data-reveal="scale"]{transform:scale(.965)}
[data-reveal-delay="1"]{transition-delay:.08s}
[data-reveal-delay="2"]{transition-delay:.16s}
[data-reveal-delay="3"]{transition-delay:.24s}
[data-reveal-delay="4"]{transition-delay:.32s}
[data-reveal-delay="5"]{transition-delay:.4s}
[data-reveal-delay="6"]{transition-delay:.48s}

.drift{animation:drift 13s ease-in-out infinite alternate}
@keyframes drift{to{transform:translateY(-12px)}}
.drift--slow{animation-duration:19s}
.drift--rev{animation-direction:alternate-reverse}

/* --------------------------------------------------------------------------
   26. RESPONSIVE
   -------------------------------------------------------------------------- */
@media (max-width:1180px){
  .mega{width:min(940px,calc(100vw - 2rem))}
  .mega__grid{grid-template-columns:repeat(3,1fr)}
  .mega__promo{display:none}
  .footer-top{grid-template-columns:1.4fr 1fr 1fr;row-gap:var(--sp-7)}
}
@media (max-width:1024px){
  .article-layout,.p-sections{grid-template-columns:minmax(0,1fr)}
  .article-side,.p-aside{position:static;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));display:grid}
  .toc{display:none}
  .p-layout{grid-template-columns:minmax(0,1fr)}
  .p-media img{aspect-ratio:16/9}
}
@media (max-width:900px){
  :root{--header-h:58px}
  .primary-nav,.nav-actions .desk-only{display:none}
  .nav-toggle{display:flex}
  .brand{margin-right:auto}
  .context-strip{display:none}
  .utility-bar__note span{display:none}
  .footer-top{grid-template-columns:repeat(2,1fr)}
  .footer-brand{grid-column:1/-1;max-width:none}
}
@media (max-width:640px){
  .hero{min-height:auto;padding-block:clamp(3rem,12vw,4.5rem)}
  .hero h1{font-size:clamp(2.1rem,9vw,3rem)}
  .hero__actions{width:100%;flex-direction:column}
  .hero__actions .btn{width:100%}
  .hero-metrics{grid-template-columns:repeat(2,1fr)}
  .contact-split{grid-template-columns:1fr}
  .buy-bar{display:flex}
  .cta-band .cluster{flex-direction:column}
  .cta-band .btn{width:100%}
  .footer-bottom{flex-direction:column;align-items:flex-start;text-align:left}
  .woocommerce table.shop_table,.woocommerce table.shop_table tbody,.woocommerce table.shop_table tr,.woocommerce table.shop_table td{display:block;width:100%}
  .woocommerce table.shop_table thead{display:none}
  .woocommerce table.shop_table tr{border-bottom:1px solid var(--border);padding:.6rem 0}
  .woocommerce table.shop_table td{border:0;display:flex;justify-content:space-between;gap:1rem;text-align:right;padding:.5rem 1rem}
  .woocommerce table.shop_table td::before{content:attr(data-title);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);text-align:left}
  .woocommerce table.shop_table td.product-remove::before,.woocommerce table.shop_table td.actions::before{display:none}
}
@media (max-width:420px){
  .footer-top{grid-template-columns:1fr}
  .hero-metrics{grid-template-columns:1fr 1fr}
  .prod-card__meta{flex-direction:column;align-items:stretch}
  .prod-card__cta{justify-content:stretch}
  .prod-card__cta .btn{flex:1}
}

/* --------------------------------------------------------------------------
   27. REDUCED MOTION & PRINT
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  [data-reveal]{opacity:1!important;transform:none!important}
  .celestial-field canvas,.hero__stage canvas{display:none}
  .celestial-veil{background:
    radial-gradient(120% 70% at 50% -10%,rgba(139,111,234,.20) 0%,transparent 60%),
    linear-gradient(180deg,rgba(8,6,15,0) 0%,rgba(8,6,15,.6) 60%,rgba(8,6,15,.94) 100%)}
  .hero__rings,.p-media__orbit,.p-media__sheen,.prod-card__sweep{display:none}
  .btn:hover,.prod-card:hover,.post-card:hover,.feat:hover{transform:none}
  .t-lumen{animation:none;background-position:0 0}
}
@media print{
  .site-header,.site-footer,.float-contact,.buy-bar,.celestial-field,.celestial-veil,.drawer,.search-overlay,.article-side,.p-aside{display:none!important}
  body{background:#fff;color:#111}
  .prose,.prose *{color:#111!important}
  a{color:#111!important;text-decoration:underline}
}

/* --------------------------------------------------------------------------
   28. FORMS (contact) + misc
   -------------------------------------------------------------------------- */
.rcm-form{max-width:680px;margin-top:var(--sp-5)}
.rcm-form .form-row{display:flex;flex-direction:column;gap:.45rem;margin:0 0 var(--sp-4)}
.rcm-form label{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.rcm-form .required{color:var(--highlight)}
.prose .rcm-form{max-width:none}
.prose .cluster{margin-block:1.25em}
.prose .callout{margin-block:1.6em}
.prose .table-wrap{margin-block:1.8em}
.prose .steps{margin-block:1.8em}
.prose .faq{margin-block:1.6em}

.cart-count.is-bump{animation:cartBump .5s var(--ease-out)}
@keyframes cartBump{0%{transform:scale(1)}35%{transform:scale(1.35)}100%{transform:scale(1)}}

.prod-card__ph{display:block;width:100%;height:100%;background:
  radial-gradient(60% 60% at 50% 20%,color-mix(in oklab,var(--p-hue) 26%,transparent),transparent 70%),
  linear-gradient(170deg,var(--surface),var(--surface-sunken))}

.from-label{font-family:var(--font-mono);font-size:.58em;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-right:.3em;vertical-align:.25em}

/* WooCommerce variation form: keep native markup usable if JS is unavailable */
.woocommerce-variation-price{margin-bottom:1rem}
.woocommerce-variation-price .price{font-family:var(--font-display);font-size:var(--step-3);color:var(--highlight)}
.woocommerce-variation-availability{display:none}
.single_variation_wrap .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.single_variation_wrap .quantity{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:var(--r-pill);overflow:hidden;background:rgba(12,8,24,.6)}
.single_variation_wrap .quantity input{width:64px;height:46px;text-align:center;background:none;border:0;outline:none;font-family:var(--font-mono);color:var(--text-primary)}
.single_variation_wrap .button{flex:1;min-width:180px}
.reset_variations{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}
.woocommerce-variation.single_variation{margin-bottom:1rem}

/* --------------------------------------------------------------------------
   29. WOOCOMMERCE BLOCKS (cart & checkout)
   The block cart/checkout ship their own light-theme CSS. These overrides
   bring them into the celestial palette without touching their markup.
   -------------------------------------------------------------------------- */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout{
  --wp--preset--color--contrast:var(--text-primary);
  --wp--preset--color--base:var(--bg-primary);
  color:var(--text-primary);
}
.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wc-block-components-order-summary__title{
  color:var(--text-primary)!important;font-family:var(--font-ui);font-weight:600
}
.wc-block-components-checkout-step__heading .wc-block-components-title{font-family:var(--font-display);font-weight:400;font-size:var(--step-2)}
.wc-block-components-checkout-step__description,
.wc-block-components-checkout-step__description-button,
.wc-block-components-address-card__edit,
.wc-block-components-text-input label,
.wc-block-components-checkbox__label,
.wc-block-components-radio-control__label,
.wc-block-components-totals-item__label,
.wc-block-components-product-metadata,
.wc-block-components-product-name,
.wc-block-components-order-summary-item__description{color:var(--text-secondary)!important}
.wc-block-components-product-metadata__description,
.wc-block-components-product-details,
.wc-block-components-product-details__name,
.wc-block-components-product-details__value{color:var(--text-muted)!important}

/* fields */
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="number"],
.wc-block-components-text-input input[type="password"],
.wc-block-components-textarea,
.wc-block-components-combobox-control input.components-combobox-control__input,
.wc-block-components-form .wc-block-components-text-input input{
  background:rgba(12,8,24,.66)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--r-sm)!important;
  color:var(--text-primary)!important;
  box-shadow:none!important;
}
.wc-block-components-text-input.is-active input,
.wc-block-components-text-input input:focus,
.wc-block-components-combobox-control input.components-combobox-control__input:focus{
  border-color:var(--accent)!important;
  box-shadow:0 0 0 3px rgba(199,180,255,.14)!important;
  outline:none!important;
}
.wc-block-components-text-input label,
.wc-block-components-combobox-control label{color:var(--text-muted)!important}
.wc-block-components-text-input.is-active label{color:var(--accent)!important}
.wc-block-components-select__select,
.wc-block-components-country-input select,
.wc-block-components-state-input select{
  background:rgba(12,8,24,.66)!important;color:var(--text-primary)!important;
  border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;
}
.wc-block-components-select__container option{background:var(--surface);color:var(--text-primary)}
.components-form-token-field__suggestions-list{
  background:var(--surface)!important;border-color:var(--border-strong)!important;color:var(--text-primary)!important
}
.components-form-token-field__suggestion.is-selected{background:var(--accent-deep)!important;color:#fff!important}

/* panels, rules, summaries */
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-cart-order-summary-block{
  background:var(--glass)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--r-lg)!important;
  backdrop-filter:blur(var(--glass-blur));
}
.wc-block-components-totals-wrapper{border-top:1px solid var(--border)!important}
.wc-block-components-totals-item__value,
.wc-block-components-formatted-money-amount,
.wc-block-components-product-price{color:var(--text-primary)!important;font-family:var(--font-mono)}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  font-family:var(--font-display)!important;font-size:var(--step-3)!important;color:var(--highlight)!important
}
.wc-block-components-order-summary-item__image img,
.wc-block-cart-item__image img{border-radius:var(--r-sm);border:1px solid var(--border)}
.wc-block-components-order-summary-item__quantity{background:var(--surface-raised)!important;border-color:var(--border-strong)!important;color:var(--text-primary)!important}

/* tables */
.wc-block-cart-items,
.wc-block-cart-items__header,
.wc-block-cart-items tr,
.wc-block-cart-items td,
.wc-block-cart-items th{border-color:var(--border)!important;color:var(--text-secondary)!important;background:transparent!important}
.wc-block-cart-items__header{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--highlight)!important}
.wc-block-cart-item__wrap .wc-block-components-product-name{color:var(--text-primary)!important;font-weight:600}
.wc-block-components-quantity-selector{border:1px solid var(--border-strong)!important;border-radius:var(--r-pill)!important;background:rgba(12,8,24,.6)!important}
.wc-block-components-quantity-selector input,
.wc-block-components-quantity-selector__button{color:var(--text-primary)!important;background:transparent!important}
.wc-block-components-quantity-selector__button:hover{color:var(--highlight)!important}

/* buttons */
.wc-block-components-button:not(.is-link),
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
  background:var(--cta-bg)!important;color:var(--cta-text)!important;
  border:0!important;border-radius:var(--r-pill)!important;
  font-family:var(--font-ui)!important;font-weight:700!important;
  box-shadow:var(--cta-shadow)!important;
}
.wc-block-components-button:not(.is-link):hover{background:var(--cta-bg-hover)!important;transform:translateY(-2px)}
.wc-block-components-button.is-link,.wc-block-components-panel__button{color:var(--accent)!important}

/* notices */
.wc-block-components-notice-banner{background:rgba(139,111,234,.14)!important;border-color:var(--border-strong)!important;color:var(--text-secondary)!important}
.wc-block-components-notice-banner.is-error{background:rgba(224,110,130,.14)!important;border-color:rgba(224,110,130,.4)!important}
.wc-block-components-notice-banner.is-success{background:rgba(231,207,155,.12)!important;border-color:var(--border-gold)!important}

/* checkout layout */
.wc-block-checkout__sidebar .wc-block-components-sidebar{position:sticky;top:calc(var(--header-h) + 20px)}
.wc-block-components-checkout-step{border:0!important;padding-left:0!important}
.wc-block-components-checkout-step__container::before{display:none!important}
.wc-block-components-address-card{background:rgba(12,8,24,.5)!important;border-color:var(--border)!important;color:var(--text-secondary)!important}
.wc-block-components-checkbox__input{accent-color:var(--highlight)}

/* the price rail already mirrors the selected variation — hide Woo's duplicate */
.buy-box .woocommerce-variation-price{display:none}

/* blanket: every control inside the block cart/checkout follows the palette */
.wp-block-woocommerce-checkout select,
.wp-block-woocommerce-cart select,
.wp-block-woocommerce-checkout input:not([type="checkbox"]):not([type="radio"]),
.wp-block-woocommerce-cart input:not([type="checkbox"]):not([type="radio"]),
.wp-block-woocommerce-checkout textarea,
.wp-block-woocommerce-cart textarea{
  background-color:rgba(12,8,24,.66)!important;
  color:var(--text-primary)!important;
  border-color:var(--border)!important;
}
.wp-block-woocommerce-checkout select option,
.wp-block-woocommerce-cart select option{background:var(--surface);color:var(--text-primary)}
.wc-block-components-combobox,
.wc-block-components-combobox-control,
.wc-block-components-country-input,
.wc-block-components-state-input,
.wc-block-components-form-row{background:transparent!important}
.wc-block-components-combobox .components-base-control__field,
.wc-block-components-combobox-control .components-base-control__field{background:transparent!important}
.wc-block-components-text-input,
.wc-block-components-country-input,
.wc-block-components-state-input{background:transparent!important}

/* --------------------------------------------------------------------------
   30. IN-CONTENT TABLE OF CONTENTS + CONFIGURATION CHART
   -------------------------------------------------------------------------- */
.prose .rcm-toc{
  margin-block:2em;padding:1.25rem 1.5rem;border-radius:var(--r-lg);
  border:1px solid var(--border);background:linear-gradient(165deg,rgba(35,26,68,.5),rgba(12,8,24,.62));
  backdrop-filter:blur(10px);
}
.prose .rcm-toc > h2{
  margin:0 0 .85rem;font-family:var(--font-mono);font-size:var(--step--2);
  letter-spacing:.2em;text-transform:uppercase;color:var(--highlight);font-weight:500;
}
.prose .rcm-toc nav ul{
  list-style:none;padding:0;margin:0;display:grid;gap:.1rem;
  grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));
}
.prose .rcm-toc nav li{padding:0;margin:0}
.prose .rcm-toc nav li::before{display:none}
.prose .rcm-toc a{
  display:block;padding:.4rem .6rem;border-radius:var(--r-xs);
  font-size:var(--step--1);color:var(--text-secondary);text-decoration:none;line-height:1.5;
  border-left:1px solid var(--border);transition:all .22s var(--ease);
}
.prose .rcm-toc a:hover{color:var(--highlight);border-left-color:var(--highlight);background:var(--hover-surface)}

.prose figure.wp-block-image{margin-block:2em}
.prose img.rcm-seo-chart{
  width:100%;height:auto;border-radius:var(--r-md);
  border:1px solid var(--border-strong);box-shadow:var(--shadow-md);
}
.prose figure.wp-block-table{margin-block:2em}
.prose figure.wp-block-table caption{
  caption-side:top;text-align:left;padding:0 0 .7rem;
  font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;
  text-transform:uppercase;color:var(--text-faint);
}
.prose figure.wp-block-table table{
  border:1px solid var(--border);border-radius:var(--r-md);
  overflow:hidden;background:rgba(16,10,32,.55);margin:0;
}
.prose figure.wp-block-table th[scope="row"]{
  font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.06em;
  color:var(--highlight);font-weight:500;background:rgba(139,111,234,.08);
  white-space:nowrap;vertical-align:top;width:34%;text-transform:none;
}
@media (max-width:640px){
  .prose figure.wp-block-table th[scope="row"]{width:auto;display:block;border-bottom:0}
  .prose figure.wp-block-table td{display:block}
  .prose .rcm-toc nav ul{grid-template-columns:1fr}
}