:root{
--color-primary:#5e6ad2;--color-primary-hover:#828fff;--color-primary-focus:#5e69d1;--color-on-primary:#fff;
--color-secondary:#7a7fad;--color-accent:#5e6ad2;
--color-bg:#010102;--color-bg-alt:#0f1011;--color-surface:#0f1011;--color-surface-2:#141516;--color-surface-3:#18191a;
--color-dark:#010102;--color-text:#f7f8f8;--color-text-soft:#d0d6e0;--color-text-muted:#8a8f98;--color-text-faint:#62666d;
--color-border:#23252a;--color-border-strong:#34343a;--color-success:#27a644;--color-danger:#ff6b6b;
--font-heading:'Inter',-apple-system,system-ui,'Segoe UI',Roboto,sans-serif;
--font-body:'Inter',-apple-system,system-ui,'Segoe UI',Roboto,sans-serif;
--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;
--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;
--container:1280px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5;letter-spacing:-.05px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--color-text);text-decoration:none}
a:hover{color:var(--color-primary-hover)}
h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;margin:0 0 var(--space-md);color:var(--color-text)}
p{margin:0 0 var(--space-md)}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--color-primary-focus);outline-offset:2px;border-radius:var(--radius-xs)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}
section{padding:60px 0;scroll-margin-top:72px}
.section-alt{background:var(--color-bg-alt)}
.section-title{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15;letter-spacing:-1px;margin-bottom:var(--space-md);max-width:24ch}
.section-subtitle{font-size:1.0625rem;line-height:1.55;color:var(--color-text-muted);max-width:70ch;margin-bottom:var(--space-xl)}
/* buttons */
.btn-primary,.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:14px;font-weight:500;line-height:1.2;padding:11px 16px;min-height:40px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;text-align:center}
.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}
.btn-primary:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}
.btn-primary:active{background:var(--color-primary-focus)}
.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}
.btn-secondary:hover{background:var(--color-surface-2);border-color:var(--color-border-strong);color:var(--color-text)}
.btn-ghost{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}
.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}
.btn-sm{padding:8px 14px;min-height:36px;font-size:13px}
.btn-lg{padding:13px 22px;min-height:46px;font-size:15px}
.ic{flex:none;color:var(--color-primary)}
/* header */
.topbar{position:sticky;top:0;z-index:60;background:rgba(1,1,2,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}
.topbar-inner{display:flex;align-items:center;gap:var(--space-lg);min-height:56px}
.topbar-logo{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;letter-spacing:-.3px}
.topbar-mark{display:inline-flex;color:var(--color-primary)}
.topbar-glyph{color:var(--color-primary)}
.topbar-word{color:var(--color-text)}
.topbar-nav{margin-left:auto}
.topbar-nav ul{display:flex;gap:var(--space-lg)}
.topbar-nav a{font-size:14px;color:var(--color-text-muted)}
.topbar-nav a:hover{color:var(--color-text)}
.topbar-action{margin-left:var(--space-md)}
.topbar-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:8px;margin-left:auto;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}
.topbar-burger span{display:block;height:1.5px;background:var(--color-text);border-radius:2px}
/* hero */
.hero{padding:72px 0 48px;background:var(--color-bg)}
.hero-inner{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:center}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.hero-eyebrow{font-size:13px;font-weight:500;letter-spacing:.4px;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--space-sm)}
.hero-title{font-size:clamp(2.25rem,6vw,4.5rem);line-height:1.05;letter-spacing:-2.4px;font-weight:600;margin-bottom:var(--space-lg);max-width:14ch}
.hero-lead{font-size:clamp(1rem,1.6vw,1.125rem);line-height:1.5;color:var(--color-text-soft);max-width:56ch;margin-bottom:var(--space-lg)}
.hero-marks{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin-bottom:var(--space-xl)}
.hero-mark{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-muted)}
.hero-mark-glyph{width:18px;height:18px;color:var(--color-primary)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}
.hero-media{border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface)}
.hero-media img{width:100%;aspect-ratio:16/9;object-fit:cover}
/* stat strip */
.stat-strip{background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-lg) 0}
.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}
.stat-cell{display:flex;flex-direction:column;gap:4px}
.stat-num{font-family:var(--font-heading);font-size:1.375rem;font-weight:600;letter-spacing:-.5px;color:var(--color-text)}
.stat-label{font-size:13px;color:var(--color-text-muted)}
/* products */
.shelf{background:var(--color-bg-alt)}
.products-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}
.product-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:background .15s ease,border-color .15s ease}
.product-card:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}
.product-card--unavailable img{filter:grayscale(.55)}
.product-card--unavailable .product-card__title{color:var(--color-text-muted)}
.product-card__media{display:block;background:#fff;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-md)}
.product-card__media img{width:100%;aspect-ratio:1/1;object-fit:cover}
.product-card__title{font-size:1.0625rem;font-weight:500;letter-spacing:-.3px;line-height:1.35;margin-bottom:var(--space-xs)}
.product-card__rating{font-size:13px;color:var(--color-text-soft);margin-bottom:var(--space-sm)}
.product-card__reviews{color:var(--color-text-muted)}
.product-card__description{font-size:14px;line-height:1.55;color:var(--color-text-muted);margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.product-card__description.is-expanded{-webkit-line-clamp:unset;overflow:visible}
.product-card__more{align-self:flex-start;background:none;border:0;padding:0 0 var(--space-md);color:var(--color-primary);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer}
.product-card__more:hover{color:var(--color-primary-hover)}
.product-card__highlights{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-lg)}
.product-card__highlights li{position:relative;padding-left:18px;font-size:13px;line-height:1.5;color:var(--color-text-soft)}
.product-card__highlights li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--color-primary)}
.product-card-bullets{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--color-text-soft)}
.product-card__cta{margin-top:auto}
.product-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-surface-3);color:var(--color-text-soft);font-size:.8125rem;font-weight:600}
.product-badge--restock{background:#2a2114;color:#e5b567}
.category-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl)}
.category-chip{padding:8px 14px;border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:13px;color:var(--color-text-muted);background:var(--color-bg)}
.category-chip:hover{border-color:var(--color-primary);color:var(--color-text)}
.category-chips__all{margin-left:var(--space-xs)}
/* info gain table */
.data{background:var(--color-bg)}
.data-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}
.data-table{width:100%;border-collapse:collapse;min-width:720px;font-size:14px}
.data-table thead th{text-align:left;padding:var(--space-md) var(--space-lg);font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);font-weight:500}
.data-table tbody tr+tr{border-top:1px solid var(--color-border)}
.data-metric{width:22%;text-align:left;vertical-align:top;padding:var(--space-lg);font-family:var(--font-heading);font-size:1.0625rem;font-weight:600;letter-spacing:-.3px;color:var(--color-primary)}
.data-claim{vertical-align:top;padding:var(--space-lg);line-height:1.6;color:var(--color-text-soft)}
.data-gap{display:block;margin-top:var(--space-sm);font-size:13px;color:var(--color-text-muted)}
.data-proof{width:20%;vertical-align:top;padding:var(--space-lg);font-size:12px;color:var(--color-text-muted)}
/* benefits rows */
.why{background:var(--color-bg-alt)}
.why-rows{display:flex;flex-direction:column;gap:var(--space-xl)}
.why-row{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}
.why-row-body{display:flex;flex-direction:column;gap:var(--space-sm)}
.why-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary)}
.why-card-title{font-size:1.375rem;font-weight:500;letter-spacing:-.4px;margin:0}
.why-card-text{margin:0;color:var(--color-text-muted);line-height:1.6}
.why-row-media{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}
.why-row-media img{width:100%;aspect-ratio:4/3;max-height:300px;object-fit:cover}
/* reviews */
.voice{background:var(--color-bg)}
.voice-stream{display:flex;flex-direction:column;gap:var(--space-lg);max-width:800px}
.voice-item{margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}
.voice-stars{display:block;color:var(--color-primary);font-size:14px;letter-spacing:2px;margin-bottom:var(--space-sm)}
.voice-text{margin:0 0 var(--space-md);font-size:1.0625rem;line-height:1.6;color:var(--color-text-soft)}
.voice-text p{margin:0}
.voice-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--color-text-muted)}
.voice-badge{padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-soft);font-size:12px}
.voice-name{color:var(--color-text-muted)}
/* features zigzag */
.scene{background:var(--color-bg-alt)}
.scene-blocks{display:flex;flex-direction:column;gap:var(--space-xxl)}
.scene-block{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:center}
.scene-block-media{border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface)}
.scene-block-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.scene-block-body{display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-start}
.scene-title{font-size:clamp(1.375rem,2.4vw,1.75rem);letter-spacing:-.6px;margin:0}
.scene-text{margin:0;color:var(--color-text-soft);line-height:1.6}
.scene-points{display:flex;flex-direction:column;gap:var(--space-sm)}
.scene-point{position:relative;padding-left:20px;font-size:14px;line-height:1.55;color:var(--color-text-muted)}
.scene-point::before{content:"";position:absolute;left:0;top:9px;width:8px;height:1.5px;background:var(--color-primary)}
/* how it works */
.setup{background:var(--color-bg)}
.setup-steps{display:grid;grid-template-columns:1fr;gap:var(--space-lg);counter-reset:step}
.setup-step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}
.setup-step-num{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-primary);font-weight:600;font-size:14px;margin-bottom:var(--space-md)}
.setup-step-title{font-size:1.125rem;font-weight:500;letter-spacing:-.3px;margin:0 0 var(--space-xs)}
.setup-step-text{margin:0;font-size:14px;line-height:1.6;color:var(--color-text-muted)}
/* about */
.story{background:var(--color-bg-alt)}
.story-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:start}
.story-body p{color:var(--color-text-soft);line-height:1.65}
.story-body p strong{color:var(--color-text)}
.story-link{margin-top:var(--space-sm)}
.story-media{border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface)}
.story-media img{width:100%;aspect-ratio:1/1;object-fit:cover}
.story-stats{background:var(--color-bg-alt)}
.story-cta{margin-top:var(--space-xl)}
.brand-story{background:var(--color-bg-alt)}
/* who it's for */
.fit{background:var(--color-bg)}
.fit-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}
.fit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}
.fit-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary);margin-bottom:var(--space-md)}
.fit-card-title{font-size:1.125rem;font-weight:500;letter-spacing:-.3px;margin:0 0 var(--space-xs)}
.fit-card-text{margin:0;font-size:14px;line-height:1.6;color:var(--color-text-muted)}
.fit-not{margin-top:var(--space-xl);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-lg)}
.fit-not-title{font-size:1rem;font-weight:600;letter-spacing:-.2px;margin:0 0 var(--space-md)}
.fit-not-list{display:flex;flex-direction:column;gap:var(--space-sm)}
.fit-not-item{position:relative;padding-left:22px;font-size:14px;line-height:1.6;color:var(--color-text-muted)}
.fit-not-item::before{content:"";position:absolute;left:2px;top:9px;width:10px;height:1.5px;background:var(--color-text-faint)}
/* mission */
.creed{background:var(--color-bg-alt)}
.creed-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}
.creed-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}
.creed-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary);margin-bottom:var(--space-md)}
.creed-card-title{font-size:1.125rem;font-weight:500;letter-spacing:-.3px;margin:0 0 var(--space-xs)}
.creed-card-text{margin:0;font-size:14px;line-height:1.6;color:var(--color-text-muted)}
/* fears */
.risk{background:var(--color-bg)}
.risk-list{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}
.risk-item{background:var(--color-surface);border:1px solid var(--color-border);border-left:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-lg)}
.risk-question{font-size:1.125rem;font-weight:500;letter-spacing:-.3px;margin:0 0 var(--space-sm)}
.risk-text{margin:0;font-size:14px;line-height:1.65;color:var(--color-text-muted)}
.risk-close{margin-top:var(--space-xl);font-size:14px;color:var(--color-text-soft);border-top:1px solid var(--color-border);padding-top:var(--space-lg)}
/* timeline */
.path{background:var(--color-bg-alt)}
.path-steps{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}
.path-step{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}
.path-label{display:inline-block;margin-bottom:var(--space-sm);padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-primary);font-size:12px;font-weight:500;letter-spacing:.2px}
.path-text{margin:0;font-size:14px;line-height:1.65;color:var(--color-text-muted)}
.path-close{margin-top:var(--space-xl);font-size:14px;color:var(--color-text-soft)}
/* faq */
.qa{background:var(--color-bg)}
.qa-list,.qa-more{display:flex;flex-direction:column;gap:var(--space-sm);max-width:880px}
.qa-more{margin-top:var(--space-sm)}
.qa-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg)}
.qa-item[open]{background:var(--color-surface-2);border-color:var(--color-border-strong)}
.qa-item>summary{cursor:pointer;list-style:none;font-family:var(--font-heading);font-size:1rem;font-weight:500;letter-spacing:-.2px;color:var(--color-text);padding-right:28px;position:relative}
.qa-item>summary::-webkit-details-marker{display:none}
.qa-question::after{content:"+";position:absolute;right:0;top:-2px;color:var(--color-primary);font-size:1.25rem;line-height:1}
.qa-item[open] .qa-question::after{content:"\2212"}
.qa-answer{padding-top:var(--space-sm)}
.qa-answer p{margin:0;font-size:14px;line-height:1.65;color:var(--color-text-muted)}
.qa-toggle{margin-top:var(--space-lg)}
/* newsletter */
.signup{background:var(--color-bg-alt)}
.signup-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center}
.signup-panel .section-title{margin-left:auto;margin-right:auto}
.signup-panel .section-subtitle{margin-left:auto;margin-right:auto;margin-bottom:var(--space-lg)}
.signup-form{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;max-width:560px;margin:0 auto}
.signup-input{flex:1 1 240px;min-height:46px;padding:10px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-body);font-size:15px}
.signup-input::placeholder{color:var(--color-text-faint)}
.signup-note{margin:var(--space-md) 0 0;font-size:12px;color:var(--color-text-faint)}
.signup-message{max-width:560px;margin:var(--space-md) auto 0;text-align:left}
/* gallery */
.showcase{background:var(--color-bg-alt)}
.showcase-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}
.showcase-item{margin:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);cursor:zoom-in}
.showcase-item:hover{border-color:var(--color-border-strong)}
.showcase-img{width:100%;aspect-ratio:1/1;object-fit:cover}
.showcase-cap{padding:var(--space-sm) var(--space-md);font-size:12px;color:var(--color-text-muted);margin:0}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg)}
.lightbox-img{max-width:min(92vw,900px);max-height:78vh;border-radius:var(--radius-lg)}
.lightbox-cap{margin:0;font-size:13px;color:var(--color-text-muted)}
.lightbox-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:22px;line-height:1;cursor:pointer}
/* footer */
.sitefoot{background:var(--color-bg);border-top:1px solid var(--color-border);padding:64px 0 32px;color:var(--color-text-muted)}
.sitefoot-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}
.sitefoot-logo{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--color-text);margin-bottom:var(--space-md)}
.sitefoot-glyph{color:var(--color-primary)}
.sitefoot-tag{font-size:13px;line-height:1.6;max-width:34ch}
.sitefoot-address{font-style:normal;font-size:13px;line-height:1.7;margin-bottom:var(--space-sm)}
.sitefoot-address a{color:var(--color-text-muted)}
.sitefoot-hours{font-size:13px;line-height:1.7;margin:0}
.sitefoot-title{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text);margin-bottom:var(--space-md)}
.sitefoot-links,.sitefoot-social{display:flex;flex-direction:column;gap:10px;font-size:13px}
.sitefoot-links a,.sitefoot-social a{color:var(--color-text-muted)}
.sitefoot-links a:hover,.sitefoot-social a:hover{color:var(--color-text)}
.sitefoot-col{min-width:0}
.sitefoot-brand{max-width:34ch}
.footer__languages{margin-top:var(--space-xl);display:flex;gap:var(--space-sm);flex-wrap:wrap}
.footer__languages:empty{display:none}
.sitefoot-bottom{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-faint)}
.footer__copyright{margin:0 0 var(--space-xs)}
.sitefoot-bottom p{margin:0 0 var(--space-xs);font-size:12px;line-height:1.6}
/* cookie + sticky */
.consent-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md) 20px;background:rgba(15,16,17,.96);backdrop-filter:blur(8px);border-top:1px solid var(--color-border)}
.consent-text{margin:0;font-size:13px;color:var(--color-text-muted)}
.consent-text a{color:var(--color-primary)}
.consent-actions{display:flex;gap:var(--space-xs)}
.rail-cta{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-sm) 52px var(--space-sm) 20px;background:rgba(15,16,17,.94);backdrop-filter:blur(10px);border-top:1px solid var(--color-border)}
.rail-cta-text{margin:0;font-size:14px;color:var(--color-text-soft)}
.rail-cta-link{white-space:nowrap}
.rail-cta-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:18px;line-height:1;cursor:pointer}
/* inner pages */
.doc-page{padding-top:var(--space-xxl)}
.about-page,.contact-page,.terms-page,.privacy-page{display:block}
.backlink{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-md)}
.backlink a{color:var(--color-text-muted)}
.backlink a:hover{color:var(--color-primary-hover)}
.page-title{font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;letter-spacing:-1.6px;margin-bottom:var(--space-xl)}
.reach{background:var(--color-bg-alt)}
.reach-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}
.reach-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}
.field{margin-bottom:var(--space-md)}
.field-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--color-text-soft)}
.field-input{width:100%;min-height:44px;padding:10px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-body);font-size:15px}
.field-input:focus{border-color:var(--color-border-strong)}
.field-area{min-height:140px;resize:vertical}
.form-message{margin-top:var(--space-md);padding:10px 14px;border-radius:var(--radius-md);font-size:.875rem}
.form-message--error{color:#ff9a9a;background:#2a1517;border:1px solid #7d2b2f}
.reach-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);align-self:start}
.reach-info-title{font-size:1.125rem;font-weight:500;letter-spacing:-.3px;margin-bottom:var(--space-md)}
.reach-address{font-style:normal;font-size:14px;line-height:1.7;color:var(--color-text-soft);margin-bottom:var(--space-md)}
.reach-line{font-size:14px;color:var(--color-text-soft);margin-bottom:var(--space-xs)}
.reach-key{display:inline-block;min-width:64px;color:var(--color-text-muted);font-size:13px}
.reach-line a{color:var(--color-primary)}
.reach-note{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border);font-size:13px;line-height:1.65;color:var(--color-text-muted)}
.auto-email{color:var(--color-primary)}
.legal-body{max-width:820px;padding-bottom:var(--space-xxl)}
.legal-updated{font-size:13px;color:var(--color-text-faint);margin-bottom:var(--space-xl)}
.legal-block{padding:0 0 var(--space-xl)}
.legal-title{font-size:1.375rem;font-weight:600;letter-spacing:-.4px;margin-bottom:var(--space-sm)}
.legal-text{font-size:15px;line-height:1.7;color:var(--color-text-muted)}
/* animation */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
/* responsive */
@media (max-width:767px){
  .topbar-nav{position:fixed;inset:56px 0 auto 0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-md) 20px var(--space-lg);display:none}
  .topbar-nav.is-open{display:block}
  .topbar-nav ul{flex-direction:column;gap:var(--space-md)}
  .topbar-action{display:none}
  .topbar-burger{display:flex}
  .rail-cta{flex-direction:column;align-items:stretch;text-align:center}
  .rail-cta-link{width:100%}
}
@media (min-width:768px){
  section{padding:80px 0}
  .container{padding:0 40px}
  .stat-row{grid-template-columns:repeat(4,1fr)}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .setup-steps{grid-template-columns:repeat(2,1fr)}
  .fit-grid,.creed-grid,.risk-list,.path-steps{grid-template-columns:repeat(2,1fr)}
  .showcase-grid{grid-template-columns:repeat(2,1fr)}
  .why-row{grid-template-columns:1.15fr .85fr;padding:var(--space-xl)}
  .why-row-flip .why-row-body{order:2}
  .why-row-flip .why-row-media{order:1}
  .scene-block{grid-template-columns:1fr 1fr;gap:var(--space-xl)}
  .scene-block-flip .scene-block-media{order:2}
  .scene-block-flip .scene-block-body{order:1}
  .story-grid{grid-template-columns:1.3fr .7fr;gap:var(--space-xxl)}
  .reach-grid{grid-template-columns:1.2fr .8fr}
  .sitefoot-grid{grid-template-columns:repeat(2,1fr)}
  .signup-panel{padding:var(--space-xxl)}
}
@media (min-width:1024px){
  section{padding:96px 0}
  .hero{padding:96px 0 64px}
  .hero-inner{grid-template-columns:1.05fr .95fr;gap:var(--space-xxl)}
  .products-grid{grid-template-columns:repeat(3,1fr)}
  .setup-steps{grid-template-columns:repeat(4,1fr)}
  .fit-grid,.creed-grid{grid-template-columns:repeat(4,1fr)}
  .path-steps{grid-template-columns:repeat(4,1fr)}
  .showcase-grid{grid-template-columns:repeat(4,1fr)}
  .sitefoot-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}
}
@media (min-width:1200px){
  .risk-list{grid-template-columns:repeat(3,1fr)}
}