/* DM Sans (official Loop typeface, SIL OFL 1.1, see assets/DM-Sans-OFL.txt). Bundled locally, no CDN. */
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-latin-ext.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-latin.woff2') format('woff2');font-weight:400 700;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+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ===== Loop design system tokens (loop-design-system skill) ===== */
:root{
  /* Brand ramp */
  --brand-25:#eafaf2;--brand-50:#d9f5e6;--brand-100:#bbe5d0;--brand-200:#94ccb1;--brand-300:#67ac8d;--brand-400:#348263;--brand-500:#045b3f;--brand-600:#004932;--brand-700:#003926;--brand-800:#00291a;--brand-900:#001d11;
  /* Neutral ramp (legacy Tailwind neutral, as documented in the token set) */
  --neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--neutral-950:#0a0a0a;--white:#fff;--black:#000;
  /* Accents (variant and illustration only) */
  --accent-bright-green:#d2f3a7;--accent-light-green:#f2fce4;--accent-blue:#cfe5f3;--accent-light-blue:#e8f3fa;
  /* Semantic aliases */
  --bg-primary:var(--white);--bg-secondary:var(--neutral-50);--bg-tertiary:var(--neutral-100);--bg-quaternary:var(--neutral-200);
  --bg-brand-primary:var(--brand-500);--bg-brand-solid:var(--brand-600);--bg-brand-solid-hover:var(--brand-700);--bg-brand-secondary:var(--accent-light-green);
  --border-primary:var(--neutral-300);--border-secondary:var(--neutral-200);--border-tertiary:var(--neutral-100);--border-brand:var(--brand-500);
  --text-primary:var(--neutral-900);--text-secondary:var(--neutral-700);--text-tertiary:var(--neutral-600);--text-quaternary:var(--neutral-500);--text-white:var(--white);--text-brand-primary:var(--brand-900);--text-brand-secondary:var(--brand-700);
  /* Typography */
  --font-sans:'DM Sans',-apple-system,system-ui,'Segoe UI',Roboto,Arial,sans-serif;
  --font-mono:'DM Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  /* Radius: every step derives from --radius-default. Legacy = 20px. Evergreen = 12px (change one value). */
  --radius-default:20px;
  --rounded-xs:calc(var(--radius-default) - 6px);--rounded-sm:calc(var(--radius-default) - 4px);--rounded-md:calc(var(--radius-default) - 2px);--rounded-lg:var(--radius-default);--rounded-xl:calc(var(--radius-default) + 4px);--rounded-2xl:calc(var(--radius-default) + 6px);--rounded-3xl:calc(var(--radius-default) + 8px);--rounded-pill:9999px;
  /* Elevation */
  --shadow-xs:0 1px 2px rgba(0,0,0,.05);
  --shadow-md:0 4px 6px -1px rgba(0,0,0,.10),0 2px 4px -2px rgba(0,0,0,.06);
  --shadow-lg:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03),0 2px 2px -1px rgba(0,0,0,.04);
  --shadow-xl:0 20px 24px -4px rgba(0,0,0,.08),0 8px 8px -4px rgba(0,0,0,.03),0 3px 3px -1.5px rgba(0,0,0,.04);
  --shadow-3xl:0 32px 64px -12px rgba(0,0,0,.14),0 5px 5px -2.5px rgba(0,0,0,.04);
  --shadow-xs-skeuomorphic:0 0 0 1px rgba(0,0,0,.18) inset,0 -2px 0 0 rgba(0,0,0,.05) inset,0 1px 2px rgba(0,0,0,.05);
  /* Spacing */
  --space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-base:16px;--space-md:20px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-section:64px;

  /* Preview roles (light theme). Concepts B and C read the legacy names below. */
  --ink:var(--text-primary);--muted:var(--text-tertiary);--label:var(--text-quaternary);
  --green:var(--brand-500);--deep:var(--brand-900);--mint:var(--accent-light-green);--blue:var(--accent-blue);--lime:var(--accent-bright-green);
  --paper:var(--bg-secondary);--surface:var(--bg-primary);--line:var(--border-secondary);--soft:var(--bg-tertiary);
  --nav-bg:var(--bg-primary);--card:var(--bg-secondary);--card-hover:var(--bg-primary);--card-border:var(--border-secondary);--card-border-hover:var(--border-primary);--card-shadow-hover:var(--shadow-md);
  --panel:var(--bg-brand-secondary);--link:var(--brand-500);--indicator:var(--brand-500);
  --badge-bg:var(--bg-secondary);--badge-text:var(--text-secondary);--badge-border:var(--border-primary);
  --cta-bg:var(--bg-brand-primary);--cta-hover:var(--bg-brand-solid-hover);--cta-text:var(--text-white);
  --ghost-text:var(--brand-500);--ghost-ring:var(--brand-500);
  --shadow:var(--shadow-3xl);--radius:var(--rounded-xl)
}

*{box-sizing:border-box}
html{background:#e8ebe7;color:var(--ink);font-family:var(--font-sans)}
body{margin:0;min-width:320px}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button{color:inherit}

/* ===== Review harness (not part of the Loop site) ===== */
.review-bar{min-height:66px;padding:10px 24px;display:flex;align-items:center;gap:28px;background:#10221d;color:#f8fbf8}
.review-bar>div:first-child{display:grid;min-width:220px}.review-bar strong{font-size:15px}.review-bar span{font-size:12px;color:#aebdb7}
.concept-switcher{display:flex;gap:5px;margin:auto;scrollbar-width:none}.concept-switcher::-webkit-scrollbar{display:none}.device-switcher{display:flex;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.14);border-radius:999px}.concept-button,.theme-button,.device-button{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:transparent;color:#d9e2de;padding:10px 15px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s,color .2s,transform .2s}.device-button{border:0;padding:7px 10px;font-size:11px}.concept-button:hover,.concept-button.is-active,.device-button:hover,.device-button.is-active{background:#f3f7f4;color:#10221d}.concept-button:active,.theme-button:active,.device-button:active,.button:active{transform:translateY(1px)}.theme-button{margin-left:0}
.concept-note{min-height:142px;padding:26px max(24px,calc((100vw - 1500px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;background:#e8ebe7;border-bottom:1px solid #d5dad6}.concept-label{display:block;margin:0 0 12px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;color:#697570}.concept-note h1{margin:0;font-size:32px;letter-spacing:-.04em}.concept-note p{max-width:610px;margin:0 0 2px;color:#56635e;line-height:1.5;font-size:15px}
.mobile-preview-stage{padding:34px 24px 52px;background:#dfe4df;display:grid;justify-items:center}.mobile-preview-stage[hidden]{display:none}.mobile-frame-meta{width:390px;margin-bottom:10px;display:flex;justify-content:space-between;color:#4f5d57;font-size:11px}.mobile-frame-meta strong{text-transform:uppercase;letter-spacing:.1em}.mobile-device-frame{width:414px;padding:12px;border-radius:28px;background:#12251f;box-shadow:0 26px 60px rgba(7,31,24,.22)}.mobile-device-frame iframe{display:block;width:390px;height:844px;border:0;border-radius:18px;background:var(--brand-900)}

/* ===== Site preview frame ===== */
.site-preview{width:min(1500px,calc(100% - 48px));min-height:720px;margin:32px auto 28px;background:var(--paper);box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden;position:relative}

/* ===== Top nav (shared by all concepts) ===== */
.site-header{height:72px;padding:0 var(--space-xl);display:flex;align-items:center;gap:var(--space-xl);background:var(--nav-bg);border-bottom:1px solid var(--line);position:relative;z-index:4}
.logo{display:flex;align-items:center;flex:none}.logo img{display:block;height:28px;width:auto}
.primary-nav{height:100%;display:flex;align-items:center;gap:var(--space-lg);white-space:nowrap}
.primary-nav>a,.nav-trigger,.language,.sign-in{border:0;background:transparent;padding:0;cursor:pointer;font-size:14px;line-height:20px;font-weight:500;color:var(--ink)}
.primary-nav>a:hover,.nav-trigger:hover,.sign-in:hover,.language:hover{color:var(--link)}
.nav-trigger{height:100%;display:flex;align-items:center;gap:var(--space-xs);position:relative}
.nav-trigger:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:var(--rounded-pill);background:var(--indicator);transform:scaleX(0);transition:transform .2s}.nav-trigger.is-active:after{transform:scaleX(1)}
.nav-trigger.is-active{color:var(--ink)}
.caret{width:9px;height:5px;flex:none;color:var(--link);transform:rotate(180deg);transition:transform .2s}
.nav-trigger.is-active .caret{transform:none}
.language{display:inline-flex;align-items:center;gap:6px}
.header-actions{display:flex;align-items:center;gap:var(--space-base);margin-left:auto;white-space:nowrap;font-size:14px}

/* Buttons: button-primary / button-tertiary, always pill */
.button{height:40px;padding:10px 14px;border-radius:var(--rounded-pill);display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:20px;font-weight:600;border:0;transition:background .18s,box-shadow .18s}
.button-primary{background:var(--cta-bg);color:var(--cta-text);box-shadow:var(--shadow-xs)}.button-primary:hover{background:var(--cta-hover)}
.button-tertiary{background:transparent;color:var(--ghost-text);box-shadow:inset 0 0 0 1px var(--ghost-ring),var(--shadow-xs)}.button-tertiary:hover{background:var(--soft)}
.mobile-toggle{display:none;margin-left:auto;border:0;background:transparent;padding:8px}.mobile-toggle i{display:block;width:22px;height:2px;border-radius:var(--rounded-pill);background:var(--ink);margin:5px}

/* ===== Menu shell ===== */
.menu-shell{position:absolute;left:0;right:0;top:72px;background:var(--surface);z-index:3;border-bottom:1px solid var(--line);box-shadow:var(--shadow-xl);transform-origin:top;animation:reveal .22s ease both}.menu-shell[hidden]{display:none}.menu-shell:not(.is-open){display:none}@keyframes reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.products-menu{min-height:570px}
.menu-heading{display:block;margin:0 0 var(--space-sm);font-size:12px;line-height:18px;font-weight:500;color:var(--label)}

/* ===== Concept A: Mega grid ===== */
.concept-grid{grid-template-columns:minmax(0,1fr) 320px}.concept-grid:not([hidden]){display:grid}
.menu-main{padding:var(--space-xl)}
.core-section{padding-bottom:var(--space-lg)}
.core-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}
.nav-card{min-height:136px;padding:var(--space-md);background:var(--card);border:1px solid var(--card-border);border-radius:var(--rounded-lg);display:flex;flex-direction:column;gap:var(--space-xxs);transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.nav-card:hover,.nav-card:focus-visible{background:var(--card-hover);border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-2px);outline:0}
.nav-card:focus-visible{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--border-brand)}
.nav-card b{font-size:18px;line-height:28px;font-weight:600}
.nav-card>span{font-size:14px;line-height:20px;color:var(--muted)}
.nav-card>i{margin-top:auto;padding-top:var(--space-xs);display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:20px;font-weight:600;font-style:normal;color:var(--link);opacity:0;transform:translateY(3px);transition:opacity .18s,transform .18s}
.nav-card:hover>i,.nav-card:focus-visible>i{opacity:1;transform:none}
.link-arrow{width:9px;height:5px;flex:none;transform:rotate(90deg)}
.platform-section{padding-top:var(--space-lg);border-top:1px solid var(--line)}
.menu-heading-row{display:flex;align-items:start}
.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs) var(--space-base);margin:0 calc(-1 * var(--space-sm))}
.nav-item{padding:var(--space-sm);border-radius:var(--rounded-xs);display:flex;flex-direction:column;gap:2px;transition:background .18s}
.nav-item:hover,.nav-item:focus-visible{background:var(--soft);outline:0}
.nav-item:focus-visible{box-shadow:0 0 0 2px var(--border-brand)}
.nav-item b{display:flex;align-items:center;gap:var(--space-xs);font-size:14px;line-height:20px;font-weight:600}
.nav-item>span{font-size:14px;line-height:20px;color:var(--muted)}
.potential em{display:inline-flex;align-items:center;padding:0 var(--space-xs);border-radius:var(--rounded-pill);background:var(--badge-bg);color:var(--badge-text);box-shadow:inset 0 0 0 1px var(--badge-border);font-style:normal;font-size:12px;line-height:18px;font-weight:500}
.nav-item.potential em{margin-left:0}
.platform-footer{display:flex;justify-content:flex-end;padding:var(--space-base) var(--space-sm) 0}
.platform-footer>a,.feature-links>a{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:20px;font-weight:600;color:var(--link)}
.platform-footer>a:hover,.feature-links>a:hover{text-decoration:underline;text-underline-offset:3px}
.feature-panel{padding:var(--space-xl) var(--space-lg);background:var(--panel);display:flex;flex-direction:column;position:relative;overflow:hidden}
.feature-promo:before{content:"";position:absolute;inset:-10% -30% auto auto;width:120%;height:70%;background:url('assets/gradients-2.png') no-repeat center/cover;opacity:var(--blob-opacity,.55);pointer-events:none}
.feature-promo>*{position:relative}
.feature-promo h2{margin:0 0 var(--space-xs);font-size:24px;line-height:32px;font-weight:600;letter-spacing:0}
.feature-promo>p{margin:0;font-size:14px;line-height:20px;color:var(--muted)}
.promo-visual{height:176px;margin:var(--space-lg) 0 var(--space-xs);border-radius:var(--rounded-lg);background:var(--bg-brand-primary);overflow:hidden;display:flex;align-items:center;justify-content:center}
.promo-visual img{width:116%;max-width:none;height:auto;display:block;transform:rotate(-5deg)}
.feature-links{margin-top:var(--space-sm);display:grid;gap:var(--space-xxs)}
.feature-links>a{padding:var(--space-xs) 0}

/* Shared aside type for Solutions / Customers / Resources and Concepts B/C (unchanged) */
.capability-list span,.detail-link span,.solutions-menu span,.customers-menu span,.resources-menu span,.compact-platform span{font-size:13px;line-height:1.35;color:var(--muted)}
.solutions-menu aside h2,.customers-menu aside h2,.resources-menu aside h2,.compact-feature h2{font-size:27px;letter-spacing:-.045em;line-height:1.05;margin:17px 0 11px}.solutions-menu aside p:not(.menu-heading),.customers-menu aside p:not(.menu-heading),.resources-menu aside p:not(.menu-heading){font-size:13px;line-height:1.45;color:var(--muted)}.solutions-menu aside>a,.customers-menu a:last-child,.resources-menu aside>a,.compact-feature>a{display:inline-block;margin-top:12px;font-size:12px;font-weight:700}.arrow{font-size:15px}
.capability-list .potential em,.compact-platform .potential em{margin-left:5px;padding:0 6px;font-size:10px;line-height:16px;vertical-align:1px}

/* ===== Concept B: Product rail ===== */
.concept-rail:not([hidden]){display:grid;grid-template-columns:255px minmax(420px,1fr) 310px}.product-rail{padding:28px 18px 25px 28px;background:#f5f7f3;border-right:1px solid var(--line)}.rail-item{width:100%;padding:14px 13px;border:0;border-radius:9px;background:transparent;text-align:left;display:flex;flex-direction:column;gap:3px;cursor:pointer}.rail-item:hover,.rail-item.is-active{background:var(--green);color:#fff}.rail-item b{font-size:16px}.rail-item span{font-size:12px;color:#78837e}.rail-item.is-active span,.rail-item:hover span{color:#c8d9d3}.product-detail{padding:32px 38px;display:grid;grid-template-columns:1fr 220px;gap:30px}.product-detail h2{font-size:34px;line-height:1.05;letter-spacing:-.045em;margin:18px 0 10px}.product-detail>div>p:not(.menu-heading){font-size:14px;color:var(--muted);margin:0 0 20px}.detail-link{padding:12px 0;display:flex;flex-direction:column;gap:3px;border-bottom:1px solid var(--line)}.detail-link b{font-size:14px}.card-visual{align-self:center;height:285px;padding:25px;border-radius:18px;background:linear-gradient(145deg,#0b241d,var(--green));color:#eaf8ef;display:flex;flex-direction:column;box-shadow:0 24px 30px rgba(0,40,30,.2);transform:rotate(4deg)}.card-visual span{font-size:25px;font-weight:700}.card-visual b{font-size:10px;letter-spacing:.12em;margin-top:auto}.card-visual i{font-size:12px;font-style:normal;margin-top:12px}.capability-list{padding:28px 24px;background:#edf4e9;border-left:1px solid var(--line)}.capability-list>a{display:flex;flex-direction:column;gap:2px;padding:9px 8px;border-radius:7px}.capability-list>a:hover{background:#fff}.capability-list b{font-size:13px}

/* ===== Concept C: Compact split ===== */
.concept-compact:not([hidden]){display:grid;grid-template-columns:1.1fr 1.3fr 270px}.compact-core,.compact-platform{padding:30px 28px}.compact-core{border-right:1px solid var(--line)}.compact-core>a{min-height:82px;padding:14px 8px;display:grid;grid-template-columns:100px 1fr 20px;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.compact-core>a:hover strong{color:var(--green)}.compact-core strong{font-size:17px}.compact-core span{font-size:13px;line-height:1.4;color:var(--muted)}.compact-core i{font-style:normal}.compact-platform>div{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.compact-platform a{min-height:67px;padding:10px;border-radius:8px;display:flex;flex-direction:column;gap:3px}.compact-platform a:hover{background:var(--soft)}.compact-platform b{font-size:13px}.compact-feature{padding:30px 24px;background:var(--green);color:white}.compact-feature .menu-heading{color:#bdd0c9}.compact-feature h2{font-size:28px;margin-top:80px}.compact-feature>a{color:var(--blue)}

/* ===== Solutions / Customers / Resources ===== */
.solutions-menu,.customers-menu,.resources-menu{min-height:410px;display:grid;grid-template-columns:1fr 1fr 310px}.solutions-menu>div,.customers-menu>div:not(.customer-feature),.resources-menu>div{padding:30px 34px}.solutions-menu>div+div,.resources-menu>div+div{border-left:1px solid var(--line)}.solutions-menu div>a,.customers-menu div>a,.resources-menu div>a{padding:10px 8px;border-radius:8px;display:flex;flex-direction:column;gap:3px}.solutions-menu div>a:hover,.customers-menu div>a:hover,.resources-menu div>a:hover{background:var(--soft)}.solutions-menu aside,.customers-menu aside,.resources-menu aside{padding:30px 28px;background:#edf4e9;border-left:1px solid var(--line)}.customer-feature{padding:32px 36px;background:var(--green);color:#fff}.customer-feature .menu-heading{color:#b8cdc5}.customer-feature blockquote{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:45px 0 38px;max-width:440px}.customer-feature>strong,.customer-feature>span{display:block}.customer-feature>span{color:#bdd0c9;font-size:12px;margin-top:4px}.customer-feature>a{color:var(--blue)}

/* ===== Placeholder hero below the nav ===== */
.preview-hero{min-height:645px;padding:145px 9% 70px;background:var(--brand-900);color:var(--text-white);display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.preview-hero>div:first-child{max-width:570px}.preview-hero>div>span{font-size:12px;line-height:18px;font-weight:500;color:var(--brand-200)}.preview-hero h2{font-size:60px;line-height:72px;font-weight:600;letter-spacing:-1.2px;margin:var(--space-lg) 0}.preview-hero p{font-size:20px;line-height:30px;color:var(--brand-100);max-width:470px}.preview-hero .button{margin-top:var(--space-base);height:44px;padding:10px 16px;font-size:16px;line-height:24px;--cta-bg:var(--brand-500);--cta-hover:var(--brand-400)}.hero-orbit{width:420px;height:420px;margin:auto;border:1px solid rgba(207,229,243,.25);border-radius:50%;position:relative}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(210,243,167,.18);border-radius:50%;inset:45px}.hero-orbit:after{inset:100px}.hero-orbit b{position:absolute;inset:0;display:grid;place-items:center;font-size:54px}.hero-orbit i{position:absolute;width:80px;height:48px;border-radius:var(--rounded-xs);background:var(--blue);left:15px;top:85px;transform:rotate(-15deg)}.hero-orbit i:nth-child(2){background:var(--lime);left:auto;right:10px;top:195px;transform:rotate(12deg)}.hero-orbit i:nth-child(3){background:#fff;left:100px;top:auto;bottom:5px;transform:rotate(7deg)}

/* ===== Review notes (harness) ===== */
.review-notes{width:min(1500px,calc(100% - 48px));margin:0 auto 60px;display:grid;grid-template-columns:1.1fr 1.5fr 1.1fr;border-radius:var(--radius);overflow:hidden;background:#f5f7f4}.review-notes article{padding:22px 24px}.review-notes article+article{border-left:1px solid #d4dad5}.review-notes strong{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.review-notes p{font-size:13px;line-height:1.45;color:#59645f;margin:8px 0 0}

/* ===== Light theme: logo is the white wordmark rendered black ===== */
.site-preview:not(.dark) .logo img{filter:brightness(0)}

/* ===== Dark theme: marketing-site forest-green base, built from the brand ramp ===== */
.site-preview.dark{
  --ink:var(--text-white);--muted:var(--brand-200);--label:var(--brand-200);
  --paper:var(--brand-900);--surface:var(--brand-800);--line:var(--brand-700);--soft:var(--brand-700);
  --nav-bg:var(--brand-900);--card:var(--brand-700);--card-hover:var(--brand-600);--card-border:var(--brand-700);--card-border-hover:var(--brand-400);--card-shadow-hover:none;
  --panel:var(--brand-700);--link:var(--brand-100);--indicator:var(--brand-300);
  --badge-bg:var(--brand-800);--badge-text:var(--brand-100);--badge-border:var(--brand-600);
  --cta-bg:var(--brand-500);--cta-hover:var(--brand-400);--cta-text:var(--text-white);
  --ghost-text:var(--text-white);--ghost-ring:var(--brand-400);
  --blob-opacity:.22;
  color:var(--ink)
}
.site-preview.dark .capability-list,.site-preview.dark .solutions-menu aside,.site-preview.dark .customers-menu aside,.site-preview.dark .resources-menu aside{background:var(--panel)}
.site-preview.dark .product-rail{background:var(--brand-900)}
.site-preview.dark .capability-list>a:hover{background:var(--brand-600)}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:1100px){.primary-nav{gap:var(--space-base)}.header-actions{gap:var(--space-sm)}.button-tertiary{display:none}.concept-grid{grid-template-columns:1fr}.feature-panel{display:none}.concept-rail:not([hidden]){grid-template-columns:230px 1fr}.capability-list{display:none}.concept-compact:not([hidden]){grid-template-columns:1fr 1fr}.compact-feature{display:none}.core-grid{grid-template-columns:repeat(2,1fr)}.platform-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.review-bar{align-items:flex-start;flex-wrap:wrap}.review-bar>div:first-child{min-width:0}.concept-switcher{order:3;width:100%;overflow:auto;margin:0}.concept-button{white-space:nowrap}.concept-note{grid-template-columns:1fr;gap:14px;align-items:start}.site-preview{width:calc(100% - 24px);margin-top:12px}.site-header{height:64px;padding:0 var(--space-base)}.primary-nav,.header-actions{display:none}.mobile-toggle{display:block}.site-header.mobile-open{align-items:flex-start;height:auto;padding-top:var(--space-base);flex-wrap:wrap;row-gap:0}.site-header.mobile-open .primary-nav{display:flex;order:3;width:100%;height:auto;flex-direction:column;align-items:stretch;gap:0;padding:var(--space-xs) 0}.site-header.mobile-open .primary-nav>*{display:flex;align-items:center;min-height:44px;text-align:left;justify-content:flex-start;font-size:16px;line-height:24px}.site-header.mobile-open .nav-trigger:after{display:none}.site-header.mobile-open .nav-trigger.is-active{color:var(--link)}.site-header.mobile-open .header-actions{display:flex;order:4;width:100%;margin:0 0 var(--space-base);gap:var(--space-base)}.site-header.mobile-open .header-actions .language,.site-header.mobile-open .header-actions .button-tertiary{display:none}.site-header.mobile-open .header-actions .button-primary{flex:1;height:44px}.menu-shell{position:relative;top:auto;box-shadow:none}.products-menu{min-height:0}.concept-grid:not([hidden]),.concept-rail:not([hidden]),.concept-compact:not([hidden]){display:block}.core-grid,.platform-grid,.compact-platform>div{grid-template-columns:1fr}.feature-panel,.capability-list,.compact-feature{display:none}.product-rail{padding:20px 18px;white-space:nowrap;overflow-x:auto}.rail-item{display:inline-flex;width:170px;vertical-align:top}.product-detail{padding:24px 20px;grid-template-columns:1fr}.card-visual{display:none}.compact-core,.compact-platform{padding:22px 18px}.compact-core{border:0}.compact-core>a{grid-template-columns:80px 1fr 18px}.solutions-menu,.customers-menu,.resources-menu{grid-template-columns:1fr}.solutions-menu aside,.customers-menu aside,.resources-menu aside{display:none}.preview-hero{min-height:590px;padding:90px 28px 50px;display:block}.preview-hero h2{font-size:36px;line-height:44px;letter-spacing:-.72px}.preview-hero p{font-size:18px;line-height:28px}.hero-orbit{width:260px;height:260px;margin-top:55px}.review-notes{width:calc(100% - 24px);grid-template-columns:1fr}.review-notes article+article{border-left:0;border-top:1px solid #d4dad5}}
@media(max-width:820px){
  .menu-main{padding:var(--space-base) var(--space-base) var(--space-md)}
  .core-section{padding-bottom:var(--space-sm)}
  .menu-heading{margin-bottom:var(--space-xs)}
  .core-grid{grid-template-columns:1fr;gap:2px}
  .nav-card{min-height:0;padding:10px var(--space-xs);background:transparent;border:0;border-radius:var(--rounded-xs);gap:2px}
  .nav-card:hover,.nav-card:focus-visible{background:var(--soft);border:0;box-shadow:none;transform:none}
  .nav-card b{font-size:16px;line-height:24px}
  .nav-card>span{font-size:14px;line-height:20px}
  .nav-card>i{display:none}
  .platform-section{padding-top:var(--space-sm)}
  .platform-grid{grid-template-columns:1fr;gap:2px;margin:0}
  .nav-item{padding:10px var(--space-xs);gap:2px}
  .nav-item b{font-size:14px;line-height:20px}
  .nav-item>span{font-size:12px;line-height:18px}
  .platform-footer{padding:var(--space-sm) var(--space-xs) 0}
}
.embed-mode{background:var(--brand-900)}
.embed-mode .review-bar,.embed-mode .concept-note,.embed-mode .mobile-preview-stage,.embed-mode .review-notes{display:none}
.embed-mode .site-preview{display:block!important;width:100%;min-height:100dvh;margin:0;border-radius:0;box-shadow:none}