/* The marketing page has a deliberate light palette, independent of the workspace. */
:root { color-scheme: light; --forest:#235b43; --forest-strong:#16422f; --ink:#233c30; --body:#536357; --muted:#637166; --paper:#f8f9f2; --sand:#eef1e7; --sand-deep:#dce3d5; --sage:#e8eedf; --sage-strong:#d4dfc9; --line:#dce2d5; --line-dark:#adbca8; --focus:#235b43; --font-display:'Bricolage Grotesque',sans-serif; --container:1320px; }
body { background:var(--paper); }
.site-header { background:rgb(248 249 242 / 95%); border-color:var(--line); }
.site-brand img { mix-blend-mode:multiply; background:transparent; }
.site-nav { gap:28px; }
.site-nav a,.sign-in-link { font-weight:500; }
.button { border-radius:6px; font-weight:600; }
.button-primary,.brief-review,.skip-link { color:#fff; }
.button:active { transform:translateY(1px); }
.hero { grid-template-columns:1fr 1.1fr; gap:18px; min-height:690px; padding-block:58px 48px; }
.hero-copy { position:relative; z-index:1; }
.hero-eyebrow { display:flex; align-items:center; gap:9px; color:var(--forest); font-size:11px; letter-spacing:.06em; margin-bottom:28px; text-transform:none; }
.hero-eyebrow i,.scene-topline i { display:inline-block; width:6px; height:6px; background:#54885a; border-radius:50%; }
.hero-copy h1 { font-family:var(--font-display); font-size:clamp(52px,5.25vw,76px); font-weight:500; line-height:1.04; letter-spacing:-.055em; color:var(--ink); }
.hero-copy h1 span { color:#64815c; }
.hero-copy > p { max-width:410px; margin-top:26px; font-size:16px; line-height:1.8; }
.hero .button-row { margin-top:30px; align-items:center; gap:26px; }
.hero-text-link { display:inline-flex; align-items:center; gap:18px; min-height:48px; font-size:13px; text-decoration:none; border-bottom:1px solid var(--line-dark); transition:color .2s,border-color .2s; }
.hero-text-link:hover { color:#64815c; border-color:var(--forest); }
.hero-copy > .hero-footnote { font-size:11px; color:var(--muted); margin-top:24px; }
.retail-world { position:relative; margin:0; min-width:0; padding:0 12px; }
.scene-topline,.scene-bottomline { display:flex; justify-content:space-between; align-items:center; gap:12px; color:var(--muted); font-size:9px; }
.scene-topline { padding:18px 0; border-top:1px solid var(--line-dark); letter-spacing:.09em; }
.scene-topline > span:first-child { display:flex; align-items:center; gap:8px; }
.retail-scene { position:relative; height:440px; background:radial-gradient(ellipse at 50% 52%,#e5ebdc 0%,transparent 68%); }
.retail-scene canvas { position:absolute; inset:0; width:100%; height:100%; opacity:0; transition:opacity .35s; }
.retail-scene.is-ready canvas { opacity:1; }
.scene-fallback { position:absolute; inset:40px 15px; display:grid; grid-template-columns:1fr 1fr; gap:18px; align-content:center; text-align:center; transform:rotate(-7deg); }
.scene-fallback span { padding:18px; border:1px solid var(--line-dark); background:var(--sage); border-radius:6px; }
.scene-fallback strong { grid-column:1/-1; grid-row:2; background:var(--forest); color:white; padding:22px; border-radius:6px; font-size:24px; }
.scene-fallback small { font-size:12px; font-weight:400; }
.is-ready .scene-fallback { visibility:hidden; }
.scene-label { position:absolute; font-size:10px; color:var(--body); display:flex; align-items:center; gap:8px; pointer-events:none; }
.scene-label span { border:1px solid var(--line-dark); padding:1px 4px; font-size:8px; }
.scene-label-one { left:12px; top:145px; }
.scene-label-two { right:12px; top:352px; }
.scene-insight { position:relative; display:flex; gap:14px; align-items:center; width:88%; margin:-22px auto 0; padding:18px; border:1px solid #d5decc; border-radius:8px; background:rgb(255 255 250 / 94%); box-shadow:0 12px 35px #2a4b3010; }
.scene-insight-icon { display:grid; place-items:center; width:40px; height:40px; flex-shrink:0; background:#e8efdf; color:var(--forest); border-radius:6px; font-size:25px; }
.scene-insight small { font-size:8px; letter-spacing:.12em; color:var(--muted); }
.scene-insight strong { display:block; margin-top:3px; font-size:13px; font-weight:600; }
.scene-insight p { margin:6px 0 0; font-size:10px; color:var(--forest); }
.scene-insight p span { color:var(--muted); padding-left:10px; }
.scene-bottomline { min-height:52px; padding-top:8px; }
.animation-toggle { min-height:36px; padding:6px 8px; font-size:10px; color:var(--body); background:transparent; border:1px solid var(--line); border-radius:4px; cursor:pointer; }
.animation-toggle:hover { background:var(--sage); }
.animation-toggle[hidden] { display:none; }
.operating-principles { padding-block:22px; border-bottom:1px solid var(--line); }
.trust-rail { margin:0; }.trust-rail li { font-size:11px; }
.operating-principles > span { font-size:11px; }
.section-kicker { display:block; margin-bottom:22px; font-size:10px; color:var(--muted); letter-spacing:.12em; font-weight:500; }
.product-section { grid-template-columns:.75fr 1.25fr; gap:80px; padding-block:104px; }
.section-heading h2,.workflow-band h2,.closing-band h2 { font-size:clamp(34px,3.5vw,48px); line-height:1.12; font-weight:500; }
.section-heading > p,.section-heading > div > p { font-size:14px; line-height:1.9; }
.brief-shell { border-radius:10px; background:#fffef8; box-shadow:12px 15px 0 #e9eddf; }
.brief-rail { background:#e8eedf; }.brief-heading h2 { font-family:var(--font-display); }.brief-heading time { font-variant-numeric:tabular-nums; }
.brief-actions li:hover { background:var(--sage); }
.workflow-band { background:#eef1e7; padding-block:70px; }
.workflow-band h2 { max-width:720px; }.workflow-rail { margin-top:40px; }.workflow-icon { background:var(--paper); }
.decision-section { padding-block:96px; }.decision-workspace { border-radius:8px; }.forecast-zone { background:#edf1e6; }.transfer-zone { background:#e2ebd9; }.order-zone { background:#fffef8; }
.forecast-metrics dd { font-family:var(--font-display); font-variant-numeric:tabular-nums; }
.integration-band,.fit-band { background:#eef1e7; }.source-rail li { font-family:var(--font-display); font-size:17px; }
.privacy-section { padding-block:100px; }
.closing-layout { padding-block:100px; }.closing-band h2 { max-width:740px; font-size:clamp(38px,4.5vw,62px); }.closing-band p { font-size:14px; }
.site-footer { background:var(--sand); }
@media(min-width:1500px) { .hero { min-height:750px; }.retail-scene { height:480px; } }
@media(max-width:1120px) { .hero { grid-template-columns:1fr 1fr; gap:10px; min-height:640px; }.hero-copy h1 { font-size:clamp(43px,5.3vw,60px); }.hero .button-row { gap:14px; }.retail-scene { height:380px; }.scene-insight { width:100%; padding:12px; }.scene-insight p span { display:block; padding-left:0; }.scene-label-two { top:310px; }.scene-topline > span:last-child { display:none; }.product-section { gap:36px; }.operating-principles { align-items:center; } }
@media(max-width:767px) { .hero { grid-template-columns:1fr; gap:36px; padding-block:48px 16px; }.hero-copy { max-width:540px; }.hero-copy h1 { font-size:clamp(48px,9.5vw,68px); }.hero-eyebrow { font-size:10px; margin-bottom:22px; }.hero-copy > p { max-width:420px; }.hero-copy > .hero-footnote { margin-top:18px; }.retail-world { padding:0; max-width:560px; width:100%; margin:auto; }.retail-scene { height:370px; }.scene-label-one { top:125px; left:0; }.scene-label-two { top:300px; right:0; }.scene-insight { width:94%; }.scene-insight p span { display:inline; padding-left:8px; }.scene-bottomline { font-size:8px; }.operating-principles { align-items:flex-start; }.trust-rail { gap:14px 20px; }.product-section,.privacy-section { grid-template-columns:1fr; gap:34px; padding-block:60px; }.section-heading h2,.workflow-band h2 { font-size:36px; }.section-kicker { margin-bottom:16px; }.workflow-band,.decision-section { padding-block:56px; }.brief-shell { box-shadow:6px 8px 0 #e9eddf; }.closing-layout { padding-block:64px; } }
@media(max-width:380px) { .scene-insight strong { font-size:11px; }.scene-insight p span { display:block; padding-left:0; }.retail-scene { height:330px; }.scene-label-two { top:270px; }.hero .button-row { gap:16px; }.hero-text-link { font-size:11px; gap:8px; } }