:root, [data-theme="light"] {
  --text-xs: clamp(0.75rem, 0.72rem + 0.18vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.84rem + 0.2vw, 1rem);
  --text-base: clamp(1rem, 0.96rem + 0.25vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1.03rem + 0.55vw, 1.45rem);
  --text-xl: clamp(1.6rem, 1.2rem + 1vw, 2.35rem);
  --text-2xl: clamp(2.4rem, 1.4rem + 2.3vw, 4.4rem);
  --space-1:.25rem;--space-2:.5rem;--space-3:.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;
  --color-bg:#f4f1ea;--color-surface:#fbfaf7;--color-surface-2:#f3efe7;--color-surface-3:#ebe4d8;--color-border:rgba(28,24,18,.12);--color-divider:rgba(28,24,18,.08);
  --color-text:#201b15;--color-text-muted:#625b50;--color-text-faint:#8e8679;--color-primary:#0f6f77;--color-primary-hover:#0a5459;--color-primary-soft:#dbe9e7;--color-accent:#ad7a22;
  --radius-sm:.4rem;--radius-md:.75rem;--radius-lg:1.1rem;--radius-xl:1.6rem;--radius-full:999px;
  --shadow-sm:0 4px 14px rgba(24,20,14,.05);--shadow-md:0 18px 44px rgba(24,20,14,.10);--shadow-lg:0 26px 70px rgba(24,20,14,.14);
  --font-body:'Satoshi','Inter',sans-serif;--font-display:'Cabinet Grotesk','Inter',sans-serif;--content:1200px;--transition:200ms cubic-bezier(.16,1,.3,1);
}
[data-theme="dark"]{--color-bg:#131210;--color-surface:#1b1a17;--color-surface-2:#23211d;--color-surface-3:#2c2924;--color-border:rgba(234,227,215,.1);--color-divider:rgba(234,227,215,.08);--color-text:#eee7dc;--color-text-muted:#bbb2a5;--color-text-faint:#8e8578;--color-primary:#5ba8b0;--color-primary-hover:#79c0c7;--color-primary-soft:rgba(91,168,176,.15);--color-accent:#d8aa57;--shadow-sm:0 4px 14px rgba(0,0,0,.22);--shadow-md:0 20px 44px rgba(0,0,0,.30);--shadow-lg:0 28px 74px rgba(0,0,0,.38)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;background:radial-gradient(circle at top right,rgba(15,111,119,.06),transparent 28%),var(--color-bg);color:var(--color-text)}
a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%;height:auto}button{font:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.skip-link{position:absolute;left:var(--space-4);top:-100px;background:var(--color-primary);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);z-index:999}.skip-link:focus{top:var(--space-4)}
.shell{width:min(calc(100% - 2rem),var(--content));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 84%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--color-divider)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0}.brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.brand-mark{width:58px;height:58px;padding:10px;border-radius:20px;background:linear-gradient(135deg,var(--color-primary-soft),transparent),var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}
.brand-wording strong{display:block;font-family:var(--font-display);font-size:1.08rem;letter-spacing:.01em}.brand-wording span{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.14em}
.nav-links{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;max-width:760px}.nav-links a{font-size:var(--text-xs);color:var(--color-text-muted);padding:.45rem .65rem;border-radius:var(--radius-full)}.nav-links a:hover,.nav-links a[aria-current="page"]{background:var(--color-surface);color:var(--color-text)}
.theme-toggle,.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text)}.menu-toggle{display:none}
.hero,.page-hero{padding:clamp(3.5rem,7vw,7rem) 0 var(--space-16)}.hero-grid,.split-grid,.article-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:var(--space-10);align-items:start}.page-hero{max-width:900px}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:.48rem .8rem;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em}
h1,h2,h3{font-family:var(--font-display);line-height:1.02;margin:0}h1{font-size:var(--text-2xl);max-width:11ch;margin:var(--space-5) 0 var(--space-4);letter-spacing:-.03em}h2{font-size:var(--text-xl);letter-spacing:-.02em}h3{font-size:1.4rem;letter-spacing:-.02em}p{margin:0}.muted{color:var(--color-text-muted)}
.card{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 88%,white),var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.panel,.product-card,.info-card,.article-card,.callout{padding:var(--space-6)}
.section{padding:var(--space-16) 0}.section-head{display:flex;justify-content:space-between;gap:var(--space-5);align-items:end;margin-bottom:var(--space-8)}.grid-2,.grid-3,.grid-4{display:grid;gap:var(--space-5)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.9rem 1.15rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;border:1px solid var(--color-border);transition:all var(--transition)}.btn-primary{background:var(--color-primary);color:#fff;border-color:transparent;box-shadow:0 10px 26px rgba(15,111,119,.20)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text)}.btn-secondary:hover{background:var(--color-surface-2)}
.tag{display:inline-flex;padding:.4rem .72rem;border-radius:var(--radius-full);background:var(--color-surface-2);border:1px solid var(--color-border);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted)}
.list{padding-left:1.1rem;color:var(--color-text-muted)}.list li+li{margin-top:var(--space-2)}.icon-badge{width:54px;height:54px;border-radius:18px;background:var(--color-primary-soft);display:grid;place-items:center;color:var(--color-primary);margin-bottom:var(--space-5)}
.callout{background:linear-gradient(180deg,var(--color-surface),var(--color-surface-2));border:1px solid var(--color-border);position:relative;overflow:hidden}.callout::after{content:'';position:absolute;inset:auto -30px -60px auto;width:140px;height:140px;border-radius:50%;background:rgba(173,122,34,.08);filter:blur(4px)}
.notice{padding:var(--space-5);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.product-feed{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.feed-item{padding:var(--space-5);background:var(--color-surface-2);border-radius:var(--radius-lg);border:1px solid var(--color-border)}
.api-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem;background:#111;color:#f6f6f6;padding:var(--space-5);border-radius:var(--radius-lg);overflow:auto}.prose{max-width:72ch}.prose p{margin:0 0 var(--space-5);color:var(--color-text-muted)}.prose h2{margin:0 0 var(--space-5)}.prose h3{margin:var(--space-8) 0 var(--space-4)}.sticky-card{position:sticky;top:6rem}.inline-links{display:grid;gap:var(--space-3);margin-top:var(--space-5)}
.site-footer{padding:var(--space-12) 0 var(--space-16);border-top:1px solid var(--color-divider);margin-top:var(--space-8)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-8)}.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.footer-grid li,.footer-grid p{color:var(--color-text-muted);font-size:var(--text-sm)}
@media (max-width:1100px){.nav-links{max-width:620px}}
@media (max-width:960px){.hero-grid,.split-grid,.article-grid,.grid-2,.grid-3,.grid-4,.footer-grid,.section-head{grid-template-columns:1fr;display:grid}.nav-links{display:none;position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.nav-links.open{display:grid}.menu-toggle{display:inline-flex}.nav-actions{display:flex;gap:var(--space-3)}.sticky-card{position:static}}
@media (max-width:560px){.shell{width:min(calc(100% - 1rem),var(--content))}.panel,.product-card,.info-card,.article-card,.callout{padding:var(--space-5)}.btn{width:100%}.cta-row{display:grid;gap:var(--space-3)}h1{max-width:10ch}.brand-wording span{letter-spacing:.08em}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.premium-site{background-image:radial-gradient(circle at 15% 0%,rgba(173,122,34,.06),transparent 22%),radial-gradient(circle at 100% 10%,rgba(15,111,119,.07),transparent 26%)}
.premium-main{padding-bottom:var(--space-8)}
.premium-hero{position:relative}
.premium-hero::after{content:'';position:absolute;right:0;top:0;width:180px;height:180px;border-radius:50%;background:rgba(173,122,34,.07);filter:blur(8px);pointer-events:none}
.premium-card,.premium-panel,.premium-callout{backdrop-filter:blur(4px)}
.premium-card{transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
.premium-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--color-primary) 22%, var(--color-border))}
.premium-panel{box-shadow:var(--shadow-lg)}
.premium-callout{box-shadow:var(--shadow-md)}
.premium-sidebar .card{background:linear-gradient(180deg,var(--color-surface),color-mix(in srgb,var(--color-surface-2) 88%,white));box-shadow:var(--shadow-md)}
.prose h2,.prose h3{color:var(--color-text)}
.prose p strong{color:var(--color-text)}
.section-head h2{max-width:12ch}
.footer-grid{padding-top:var(--space-4)}
@media (max-width:960px){.premium-hero::after{display:none}.premium-card:hover{transform:none}}

.table-wrap{overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}
.compare-table{min-width:720px}.compare-table th,.compare-table td{padding:1rem;border-bottom:1px solid var(--color-divider);text-align:left;vertical-align:top}.compare-table th{font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface-2)}
.proscons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-5)}
.proscons .card{padding:var(--space-5)}
.quick-nav{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}
.quick-nav a{padding:.55rem .8rem;border-radius:var(--radius-full);background:var(--color-surface-2);border:1px solid var(--color-border);font-size:var(--text-sm)}
@media (max-width:760px){.proscons{grid-template-columns:1fr}}

.nav-cluster{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.nav-section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-faint);margin-right:.2rem}
.nav-links a.nav-strong{color:var(--color-text);font-weight:700}
.nav-divider{width:1px;height:18px;background:var(--color-divider)}
.home-feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-6)}
.pill-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}
.pill-links a{padding:.6rem .85rem;border-radius:var(--radius-full);background:var(--color-surface-2);border:1px solid var(--color-border);font-size:var(--text-sm)}
@media (max-width:960px){.home-feature-grid{grid-template-columns:1fr}.nav-section-label,.nav-divider{display:none}}

.browse-strip{margin-top:var(--space-6);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--color-surface),var(--color-surface-2));box-shadow:var(--shadow-sm)}
.browse-strip p{margin:0 0 var(--space-3);color:var(--color-text-muted)}
.browse-strip .pill-links{margin-top:0}

/* Vertical rhythm helpers */
.section{padding-block:clamp(var(--space-8),6vw,var(--space-16));}
.section + .section{margin-top:0;}
.section .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap}
.section .section-head > div:last-child{max-width:32rem}

.stack-tight > *+*{margin-top:var(--space-3);}
.stack > *+*{margin-top:var(--space-4);}
.stack-loose > *+*{margin-top:var(--space-6);}

.premium-hero{padding-block:clamp(var(--space-10),10vw,var(--space-20));}
.premium-hero .cta-row{margin-top:var(--space-6);}
.premium-hero .pill-links{margin-top:var(--space-5);}

.card.panel{padding:var(--space-6);}
.card.panel .list{margin-top:var(--space-4);}

.split-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-8);align-items:flex-start;}
@media(max-width:960px){.split-grid{grid-template-columns:1fr;}}

.inline-links{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);}

.callout.premium-callout{padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-surface-2);border:1px solid var(--color-border);}

.nav-group{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.nav-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-faint)}
.nav-links-main{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}
.nav-links-main > a{font-weight:500}
.nav-links-meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}
@media(max-width:960px){.nav-links-main,.nav-links-meta{flex-direction:column;align-items:flex-start}}