@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-display: swap;
  font-weight: 1 1000;
  src: url('/fonts/google-sans-flex-vietnamese.woff2') format('woff2');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-display: swap;
  font-weight: 1 1000;
  src: url('/fonts/google-sans-flex-latin.woff2') format('woff2');
  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;
}
:root { --paper:#f7f5ef; --ink:#282923; --muted:#686b60; --orange:#e45d29; --orange-dark:#a63d19; --line:#dcded4; --green:#397655; --font:"Google Sans Flex",system-ui,sans-serif; --header-height:96px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:calc(var(--header-height) + 16px); }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.6 var(--font); -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; color:inherit; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; object-fit:contain; }
button:disabled { cursor:wait; opacity:.6; }
[hidden] { display:none!important; }
h1,h2,h3,h4,p { margin:0; }
button:focus-visible,a:focus-visible { outline:3px solid #8064b6; outline-offset:5px; }
input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid #8064b6; outline-offset:2px; }
::selection { background:#ffd5be; }
section[id] { scroll-margin-top:25px; }
.section-shell { padding-inline:clamp(24px,4.4vw,84px); max-width:1680px; margin-inline:auto; }
.section-space { padding-block:96px; }
.orange,.brand-dot { color:var(--orange); }
.eyebrow { font-size:14px; font-weight:650; letter-spacing:.07em; line-height:1.6; }
.mini-eyebrow { font-size:14px; font-weight:600; letter-spacing:.045em; color:var(--muted); }
.skip-link { position:fixed; top:8px; left:8px; padding:14px; background:white; z-index:100; transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.site-header { height:var(--header-height); display:flex; align-items:center; justify-content:space-between; padding-inline:clamp(24px,4.4vw,84px); border-bottom:1px solid var(--line); position:sticky; top:0; background:var(--paper); z-index:10; }
.brand { display:flex; gap:10px; align-items:center; font-size:32px; letter-spacing:-1.5px; font-weight:750; line-height:1; }
.site-header nav { display:flex; align-items:center; gap:32px; font-size:16px; font-weight:500; }
.site-header nav>a:not(.nav-cta):hover,.text-link:hover { color:var(--orange-dark); }
.nav-cta { padding:12px 18px; border:1px solid var(--ink); border-radius:8px; display:flex; gap:24px; align-items:center; }
.nav-cta:hover { background:var(--ink); color:white; }
.menu-toggle { display:none; }
.button { min-height:52px; padding:13px 20px; border:1px solid transparent; border-radius:8px; font-size:16px; font-weight:600; display:inline-flex; align-items:center; justify-content:center; gap:24px; transition:background .18s,transform .18s; }
.button:hover { transform:translateY(-2px); }
.button-dark { background:var(--ink); color:white; }
.button-dark:hover { background:#43463c; }
.button-orange { background:var(--orange-dark); color:white; }
.button-orange:hover { background:#8a3215; }
.button-light { background:white; border-color:#d5dce4; color:#465368; }
.button-small { min-height:44px; font-size:15px; padding:10px 14px; gap:8px; }
.text-link { font-size:16px; font-weight:600; display:inline-flex; align-items:center; gap:15px; border:0; background:none; padding:8px 0; }
.hero { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-top:54px; }
.hero-copy { padding-bottom:50px; position:relative; z-index:1; }
.hero-copy>.eyebrow { display:flex; align-items:center; gap:9px; }
.tiny-orbit { width:16px; height:16px; border:1px solid var(--orange); border-radius:50%; position:relative; }
.tiny-orbit:after { content:''; width:5px; height:5px; background:var(--orange); position:absolute; right:-2px; top:0; border-radius:50%; }
h1 { font-size:clamp(58px,5.4vw,88px); line-height:1.08; font-weight:580; letter-spacing:-.06em; margin:26px 0 27px; }
h1>span { color:var(--orange); display:block; }
.hero-description { font-size:19px; line-height:1.75; color:var(--muted); max-width:490px; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:26px; margin-top:30px; }
.hero-footnote { margin-top:27px; font-size:15px; color:var(--muted); }
.hero-visual { display:grid; grid-template-columns:200px minmax(0,1fr); align-content:start; position:relative; min-width:0; height:auto; }
.visual-heading { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; gap:12px; padding-left:35px; margin-bottom:20px; }
.visual-index { font-size:14px; font-weight:600; color:var(--muted); }
.sample-pill { display:inline-flex; align-items:center; flex-shrink:0; font-size:14px; border:1px solid #d6d8cc; border-radius:30px; padding:5px 12px; background:var(--paper); line-height:1.5; color:#616657; }
.insight-card { grid-column:1/-1; margin-left:35px; padding:26px; border:1px solid #dfded2; border-radius:18px; background:#fff; box-shadow:0 15px 60px #49462a08; }
.insight-card-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.insight-card h2 { font-size:27px; line-height:1.2; font-weight:560; letter-spacing:-.035em; margin-top:7px; }
.funnel-rows { margin-top:25px; }
.funnel-row { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; margin:20px 0; font-size:16px; }
.funnel-row>span { display:flex; align-items:center; gap:10px; }
.funnel-step { color:#787e6a; font-size:14px; }
.funnel-row strong { font-size:26px; font-weight:600; line-height:1.1; letter-spacing:-.045em; }
.funnel-track { grid-column:1/-1; height:10px; border-radius:3px; background:#f3f2ec; overflow:hidden; }
.funnel-track>span { display:block; height:100%; border-radius:3px; }
.bar-full { width:100%; background:#d0ccbd; }
.bar-seventy { width:70%; background:#b8b7d6; }
.bar-twentyone { width:21%; background:var(--orange); }
.insight-takeaway { display:flex; align-items:center; gap:13px; padding:16px; border:1px solid #f0d5b7; background:#fff8ee; border-radius:10px; }
.insight-symbol { font-size:28px; color:var(--orange-dark); }
.insight-takeaway p { font-size:16px; line-height:1.4; }
.insight-takeaway strong { color:var(--orange-dark); }
.takeaway-tag { margin-left:auto; font-size:14px; font-weight:500; max-width:90px; text-align:right; color:#8b4929; }
.data-disclaimer { margin-top:13px; font-size:14px; line-height:1.6; color:#707465; }
.hero-fox { width:190px; height:190px; margin-top:8px; mix-blend-mode:multiply; border-radius:40%; }
.fox-caption { align-self:center; padding:8px 0 0 15px; }
.fox-caption>span { font-size:14px; color:var(--orange-dark); font-weight:600; }
.fox-caption p { font-size:19px; line-height:1.35; margin-top:6px; font-weight:500; }
.hero-bottom { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); padding-block:24px; gap:20px; }
.hero-bottom>span { font-size:14px; letter-spacing:.045em; color:var(--muted); }
.hero-bottom>div { display:flex; gap:24px; font-size:17px; font-weight:500; }
.separator { color:#a7ac9b; }
.hero-bottom>a { font-size:24px; }
.pain-section { padding-block:65px 45px; border-top:1px solid var(--line); }
.pain-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:30px; }
.pain-heading .eyebrow { max-width:300px; padding-top:6px; }
.pain-heading h2 { font-size:38px; font-weight:520; line-height:1.2; letter-spacing:-.045em; width:66%; }
.pain-list { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:43px; }
.pain-list article { padding-top:18px; border-top:1px solid #babfaf; }
.pain-list article>span { color:#7a816d; font-size:14px; }
.pain-list h3 { font-size:24px; font-weight:500; line-height:1.35; letter-spacing:-.025em; margin-top:15px; }
.pain-list p { font-size:17px; line-height:1.7; color:var(--muted); max-width:340px; margin-top:15px; }
.pain-solution { display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:18px; margin-top:40px; padding-top:24px; border-top:1px solid var(--line); color:var(--muted); }
.pain-solution>span { font-size:24px; color:var(--orange); }
.pain-solution strong { color:var(--ink); font-weight:500; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:40px; }
.section-heading h2,.register-copy h2 { font-size:clamp(36px,3.7vw,59px); line-height:1.15; font-weight:530; letter-spacing:-.045em; margin-top:18px; }
.section-heading>p { font-size:17px; line-height:1.75; color:var(--muted); max-width:365px; }
.journey { padding-top:58px; }
.scenario-picker { display:flex; gap:12px; margin-bottom:26px; }
.scenario-button { min-height:62px; flex:1; display:flex; gap:14px; align-items:center; padding:14px 18px; background:transparent; border:1px solid #d2d5c7; border-radius:9px; font-size:17px; font-weight:550; text-align:left; }
.scenario-button>span:first-child { font-size:14px; color:#737b65; font-weight:450; }
.scenario-button>span:last-child { margin-left:auto; }
.scenario-button[aria-pressed=true] { background:var(--ink); color:white; border-color:var(--ink); }
.scenario-button[aria-pressed=true]>span:first-child { color:#c2c6b7; }
.scenario-button:hover:not([aria-pressed=true]) { background:#ecece2; }
.journey-story { border:1px solid #d9dbcf; border-radius:16px; overflow:hidden; background:#eeeee5; }
.story-heading { padding:30px 32px; display:flex; align-items:center; justify-content:space-between; gap:35px; }
.story-heading .eyebrow { color:#646d54; }
.story-heading>div>p:last-child { margin-top:10px; font-size:19px; max-width:700px; line-height:1.6; }
.sample-person { display:flex; align-items:center; gap:12px; max-width:270px; flex-shrink:0; }
.avatar { display:grid; place-items:center; width:45px; height:45px; flex-shrink:0; border-radius:50%; font-size:16px; font-weight:600; background:#e1dbe9; color:#5b497a; }
.sample-person strong { display:block; font-size:16px; font-weight:600; }
.sample-person small { display:block; font-size:14px; color:#656b5b; margin-top:4px; line-height:1.5; }
.journey-stages { display:grid; grid-template-columns:repeat(3,1fr); padding:0 18px 18px; gap:10px; }
.journey-stage { border:1px solid transparent; background:transparent; padding:22px; text-align:left; border-radius:11px; min-width:0; transition:background .2s,border .2s; }
.journey-stage.is-highlighted,.journey-stage:hover { background:#fff; border-color:#deded2; }
.stage-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.stage-icon { width:44px; height:44px; display:grid; place-items:center; border:1px solid #d3d8c6; border-radius:10px; background:#f7f7ef; }
.stage-icon img { width:34px; height:34px; }
.stage-number { font-size:16px; color:#69715d; }
.stage-art { height:155px; display:flex; align-items:center; justify-content:center; position:relative; border-radius:9px; margin-bottom:24px; overflow:hidden; }
.game-art { background:#f3e2d1; }
.game-wheel { width:106px; height:106px; border:6px solid #fff6e3; border-radius:50%; display:grid; place-items:center; background:conic-gradient(#ed7737 0 45deg,#f8d8a7 45deg 90deg,#cc7659 90deg 135deg,#f8d8a7 135deg 180deg,#ed7737 180deg 225deg,#f8d8a7 225deg 270deg,#cc7659 270deg 315deg,#f8d8a7 315deg); box-shadow:0 3px 0 #a14b2d; margin-bottom:20px; }
.game-wheel>span { background:#fff9ee; border-radius:50%; width:42px; height:42px; display:grid; place-items:center; font-size:14px; font-weight:650; }
.art-chip { position:absolute; bottom:12px; font-size:14px; background:#fffc; border:1px solid #e5e4d7; border-radius:30px; padding:3px 12px; color:#60664f; }
.points-art { background:#e7ddef; }
.points-art>strong { font-size:52px; letter-spacing:-.05em; font-weight:550; margin-bottom:23px; color:#6d5292; }
.points-art>strong>span { font-size:17px; font-weight:500; margin-left:5px; letter-spacing:0; }
.audience-art { background:#dfe7d5; }
.audience-avatars { display:flex; margin-bottom:25px; }
.audience-avatars i { width:58px; height:58px; display:grid; place-items:center; border-radius:50%; border:3px solid #f5f5e9; background:#b3c6a5; font-size:16px; font-style:normal; margin-left:-9px; }
.audience-avatars i:nth-child(2) { background:#cbb9d6; }.audience-avatars i:nth-child(3) { background:#e8c3a4; }
.voucher-art { background:#eee7d5; }
.voucher-ticket { background:#fffdf4; border:1px solid #dccca7; border-radius:8px; padding:9px 25px; display:block; text-align:center; transform:rotate(-5deg); box-shadow:5px 5px 0 #deceb14d; }
.voucher-ticket small { display:block; font-size:14px; color:#7d6741; }
.voucher-ticket strong { display:block; font-size:34px; letter-spacing:-.045em; font-weight:600; color:#a95425; line-height:1.4; }
.voucher-ticket>span { font-size:14px; font-weight:600; letter-spacing:.08em; padding-top:4px; border-top:1px dashed #d6be95; display:block; }
.result-art { background:#dfebdf; }
.result-tick { width:70px; height:70px; border-radius:50%; display:grid; place-items:center; font-size:38px; color:#386b45; background:#f6fcf3; border:1px solid #a9c4a1; margin-bottom:26px; }
.journey-stage h3 { font-size:25px; font-weight:550; line-height:1.3; letter-spacing:-.035em; }
.journey-stage>p { font-size:17px; line-height:1.7; color:#626a55; margin-top:12px; min-height:88px; }
.stage-metric { display:flex; align-items:center; gap:8px; margin-top:22px; padding-top:15px; border-top:1px solid #d9dfcc; font-size:15px; line-height:1.5; color:#566046; }
.live-dot { width:6px; height:6px; border-radius:50%; display:inline-block; flex-shrink:0; background:var(--green); }
.journey-caveat { padding:0 30px 24px; font-size:14px; color:#666e59; }
.journey-bridge { display:flex; align-items:center; gap:24px; padding-top:30px; }
.journey-bridge>img { width:170px; height:170px; mix-blend-mode:multiply; }
.journey-bridge p { font-size:23px; line-height:1.45; color:var(--muted); letter-spacing:-.02em; }
.journey-bridge strong { font-weight:550; color:var(--ink); }
.journey-bridge div>span { display:block; font-size:15px; color:var(--muted); margin-top:8px; }
.round-arrow { display:grid; place-items:center; width:56px; height:56px; margin-left:auto; flex-shrink:0; border:1px solid #c9cdbd; border-radius:50%; font-size:23px; }
.round-arrow:hover { background:white; }
.workflow-section { padding-top:0; }
.workflow-frame { border:1px solid #d4dae0; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 20px 80px #45413d08; color:#344259; }
.workflow-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 24px; border-bottom:1px solid #e0e5eb; }
.campaign-label { display:flex; align-items:center; gap:15px; }
.workflow-back { font-size:27px; color:#727a87; }
.campaign-label strong { font-size:19px; display:block; margin-top:3px; font-weight:550; }
.workflow-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.simulation-badge { display:flex; align-items:center; gap:7px; font-size:14px; color:#526653; margin-right:10px; }
.demo-controls { display:grid; grid-template-columns:1fr 1.1fr auto; align-items:end; gap:16px 24px; padding:24px; background:#fbfaf7; border-bottom:1px solid #e0e5eb; }
.demo-controls label { display:block; font-size:16px; font-weight:550; margin-bottom:8px; }
.demo-controls label>span { font-size:14px; color:#6a7265; font-weight:400; }
.demo-controls select { width:100%; min-height:48px; padding:10px 12px; border:1px solid #d1d8df; border-radius:7px; font-size:16px; background:white; color:#344259; }
.demo-controls .text-link { min-height:48px; color:#92623b; }
.demo-controls>p { grid-column:1/-1; font-size:14px; color:#5c6776; line-height:1.65; }
.workflow-tabs { display:flex; align-items:stretch; gap:22px; padding-inline:20px; border-bottom:1px solid #e0e5eb; }
.workflow-tabs>button { border:0; border-bottom:2px solid transparent; background:white; padding:15px 4px; color:#5e6b80; font-size:16px; min-height:54px; }
.workflow-tabs>button[aria-selected=true] { color:var(--orange-dark); border-bottom-color:var(--orange); font-weight:600; }
.workflow-tabs>button>span { background:#f0f1f6; border-radius:5px; padding:2px 6px; font-size:14px; margin-left:4px; }
.workflow-tabs>span { margin-left:auto; align-self:center; font-size:14px; color:#637083; }
.workflow-design { display:grid; grid-template-columns:205px minmax(0,1fr) 355px; height:830px; }
.node-palette { padding:23px 14px; background:#f8fbfd; border-right:1px solid #e0e5eb; }
.palette-heading { display:flex; align-items:center; justify-content:space-between; font-size:16px; }
.palette-heading>span { color:#5f6d7c; border:1px solid #d9e1e7; border-radius:4px; padding:2px 5px; font-size:14px; }
.node-palette>p { font-size:15px; line-height:1.6; color:#69778a; margin:10px 0 23px; }
.palette-item { display:flex; align-items:center; gap:10px; padding:12px 8px; border:1px solid #e0e7ee; background:#fff; border-radius:8px; margin-bottom:10px; }
.palette-item img { width:32px; height:32px; flex-shrink:0; }
.palette-item strong { font-size:15px; font-weight:550; display:block; color:#4b5b70; }
.palette-item small { display:block; font-size:14px; color:#627289; margin-top:3px; line-height:1.45; }
.workflow-canvas { background-color:#fcfbff; background-image:radial-gradient(#d9cfee .8px,transparent .8px); background-size:18px 18px; padding:26px 24px 32px; overflow:auto; scrollbar-width:thin; scrollbar-color:#c5b8d8 transparent; }
.canvas-hint { font-size:14px; color:#706880; text-align:center; margin-bottom:24px; }
.workflow-nodes { display:flex; align-items:center; flex-direction:column; }
.flow-step { width:100%; max-width:370px; position:relative; padding-bottom:37px; }
.flow-step:not(:last-child):after { content:''; position:absolute; bottom:4px; left:50%; height:27px; width:1px; background:#bdb2cf; }
.flow-step:not(:last-child):before { content:''; position:absolute; bottom:3px; left:calc(50% - 3px); width:7px; height:7px; border-bottom:1px solid #bdb2cf; border-right:1px solid #bdb2cf; transform:rotate(45deg); }
.flow-node { width:100%; border:1px solid #d7d1e1; border-radius:10px; display:flex; align-items:flex-start; text-align:left; background:white; gap:12px; padding:17px 15px; box-shadow:0 4px 10px #31343c04; }
.flow-node[aria-pressed=true] { border-color:#9a7bd0; box-shadow:0 0 0 3px #d8c8f54d; }
.flow-node:hover { border-color:#9a7bd0; }
.node-icon { width:38px; height:38px; padding:3px; background:#f8f5fb; border-radius:9px; flex-shrink:0; }
.node-content { min-width:0; display:block; flex:1; }
.node-type { display:block; font-size:13px; color:#746982; margin-bottom:6px; line-height:1.5; }
.node-content strong { font-size:17px; line-height:1.45; font-weight:600; display:block; }
.node-content small { display:block; font-size:15px; line-height:1.6; color:#637083; margin-top:5px; }
.node-state { font-size:14px; display:block; margin-top:10px; color:#687082; }
.flow-node[data-state=running] { border-color:var(--orange); box-shadow:0 0 0 3px #ffe3d5; }
.flow-node[data-state=running] .node-state { color:#a44925; }
.flow-node[data-state=complete] .node-state { color:#347151; }
.flow-node[data-state=skipped] { background:#f6f5f9; border-style:dashed; }
.flow-node[data-state=skipped] .node-icon { opacity:.6; }
.branch-label { display:block; font-size:13px; font-weight:600; color:#6d597d; margin:0 0 8px 4px; }
.node-report { display:block; width:100%; text-align:center; background:#eff7f2; border:1px solid #dcebe2; color:#316e4e; border-radius:6px; font-size:14px; padding:8px; margin-top:7px; }
.node-report:hover { background:#e0f0e6; }.node-report.skipped { background:#f1eef5; border-color:#e0dbe9; color:#6b587d; }
.canvas-end { display:block; width:max-content; max-width:100%; text-align:center; font-size:14px; padding:8px 12px; border:1px solid #d7cde1; border-radius:30px; background:white; color:#756383; margin:0 auto; }
.node-config { padding:26px 22px; border-left:1px solid #e0e5eb; overflow:auto; background:white; scrollbar-width:thin; }
.config-eyebrow { font-size:14px; color:#68758a; }
.node-config h3 { font-size:23px; line-height:1.35; letter-spacing:-.025em; margin:9px 0; font-weight:550; }
.config-note { font-size:15px; line-height:1.65; color:#65728a; padding-bottom:20px; border-bottom:1px solid #e0e5eb; }
.config-feature { display:flex; align-items:center; gap:10px; padding:14px 12px; background:#f7f5fd; border:1px solid #e1d9ef; border-radius:8px; margin:20px 0; }
.config-feature img { width:34px; height:34px; }.config-feature strong { font-size:16px; font-weight:550; }
.config-fields { margin:0; }.config-fields dt { font-size:16px; font-weight:550; color:#506178; margin:20px 0 8px; }
.config-fields dd { font-size:16px; line-height:1.7; margin:0; padding:11px 12px; background:#f8fafc; border:1px solid #dce2e9; border-radius:6px; color:#4c5d72; overflow-wrap:anywhere; }
.zbs-preview { margin-top:22px; border:1px solid #dae1e9; border-radius:12px; overflow:hidden; background:white; color:#344259; }
.zbs-brand { display:flex; align-items:center; gap:8px; padding:13px 12px; background:#f3f7fb; flex-wrap:wrap; font-size:15px; }
.zbs-brand-mark { width:30px; height:30px; display:grid; place-items:center; background:#427abb; color:white; font-size:13px; border-radius:50%; }
.zbs-brand>span:last-child { font-size:13px; color:#5c6e81; }
.zbs-content { padding:17px 15px; }.zbs-type { font-size:13px; color:#627287; }
.zbs-content h4 { font-size:19px; line-height:1.4; margin-top:10px; font-weight:600; }
.zbs-content>p:not(.zbs-type):not(.zbs-disclaimer) { font-size:16px; line-height:1.65; margin-top:12px; }
.zbs-voucher { border:1px dashed #c3d6ee; background:#f6f9ff; border-radius:8px; margin-top:18px; padding:16px; text-align:center; }
.zbs-voucher>span { display:block; font-size:14px; color:#4d6e95; }.zbs-voucher>strong { display:block; font-size:30px; line-height:1.4; font-weight:650; color:#225fa3; }
.zbs-voucher .zbs-code { font-size:17px; letter-spacing:.08em; font-weight:650; color:#334c69; }
.zbs-content dl { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:17px 0; font-size:14px; }.zbs-content dd { margin:0; text-align:right; font-weight:550; }
.zbs-cta { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px; margin-top:17px; border:1px solid #b7d1f1; border-radius:7px; font-size:16px; color:#255d9c; background:#f4f8fe; font-weight:600; }
.zbs-disclaimer { font-size:13px; color:#64758a; line-height:1.6; margin-top:10px; }
.logs-panel { min-height:660px; padding:30px; background:#fdfdff; }
.logs-heading { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:26px; }
.logs-heading h3 { font-size:27px; font-weight:550; letter-spacing:-.035em; margin-top:8px; line-height:1.3; }
.logs-heading>p { font-size:15px; color:#627187; flex-shrink:0; }
.log-empty { border:1px dashed #d4ccdf; border-radius:10px; padding:70px 24px; text-align:center; color:#706382; font-size:17px; }
.log-row { display:grid; grid-template-columns:30px 135px 1fr; gap:16px; align-items:center; border-bottom:1px solid #e5e1ec; padding:18px 0; font-size:16px; line-height:1.65; }
.log-row>span:first-child { color:#766387; font-size:14px; }.log-badge { font-size:14px; background:#eaf4eb; border:1px solid #d0e4d2; color:#39714b; padding:5px 8px; border-radius:5px; text-align:center; }.log-badge.skipped { background:#f1edf6; color:#705c84; border-color:#e0d6e9; }
.demo-results { padding:30px; border-top:1px solid #dfe4dc; background:#f9faf5; }
.result-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.result-heading .eyebrow { color:#667251; }.result-heading h3 { font-size:27px; letter-spacing:-.035em; font-weight:550; margin-top:7px; line-height:1.3; }
.result-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:23px 0 0; }
.result-metrics>div { padding:17px; border:1px solid #dce1d2; border-radius:10px; background:#fff; }
.result-metrics dt { font-size:15px; color:#5f6c51; }.result-metrics dd { margin:7px 0 0; font-size:40px; font-weight:550; line-height:1.15; letter-spacing:-.05em; }
.result-metrics .metric-highlight { background:#e8efdf; border-color:#b8c6a9; }
.measurement-insight { padding:0 30px 25px; background:#f9faf5; color:#5c664e; font-size:16px; line-height:1.7; }
.measurement-insight:empty { display:none; }
.workflow-footer { display:flex; justify-content:space-between; gap:15px; padding:16px 24px; border-top:1px solid #e0e5eb; background:white; font-size:14px; color:#5f6d7f; }
.workflow-footer>span:first-child { display:flex; gap:7px; align-items:center; }
.capability-section { background:#f1ece2; color:var(--ink); border:1px solid #e4dbcc; display:grid; grid-template-columns:1fr 1fr; gap:70px; padding-block:62px; margin-inline:clamp(24px,4.4vw,84px); padding-inline:48px; border-radius:14px; max-width:1530px; }
.capability-intro .eyebrow { color:var(--orange-dark); }.capability-intro h2 { font-size:clamp(32px,3vw,45px); font-weight:500; letter-spacing:-.04em; line-height:1.2; margin-top:20px; }
.capability-intro>p:not(.eyebrow) { margin-top:24px; color:var(--muted); font-size:18px; line-height:1.7; max-width:470px; }
.capability-link { display:inline-flex; align-items:center; gap:30px; margin-top:28px; font-size:17px; color:var(--ink); border-bottom:1px solid #cbbdad; padding-bottom:10px; }
.report-boundary { font-size:15px; line-height:1.7; color:#bcc7a8; margin-top:30px; border-top:1px solid #566049; padding-top:20px; max-width:480px; }
.capability-list article { display:flex; align-items:center; gap:18px; border-bottom:1px solid #d9cebe; padding:22px 0; }
.capability-list article:first-child { padding-top:0; }.capability-list article:last-child { border-bottom:0; padding-bottom:0; }
.capability-list article>span { align-self:flex-start; font-size:14px; color:var(--orange-dark); padding-top:5px; }.capability-list article>div { flex:1; }
.capability-list h3 { font-size:23px; font-weight:500; letter-spacing:-.02em; line-height:1.35; }
.capability-list p { font-size:17px; line-height:1.7; color:var(--muted); margin-top:9px; max-width:350px; }.capability-list img { flex-shrink:0; }
.register-section { display:grid; grid-template-columns:1fr 1fr; gap:8%; padding-top:110px; padding-bottom:90px; }
.register-copy>p:not(.eyebrow) { margin-top:24px; font-size:19px; color:var(--muted); line-height:1.75; max-width:465px; }
.register-mascot { display:flex; align-items:center; gap:12px; margin-top:22px; }.register-mascot img { width:250px; height:250px; mix-blend-mode:multiply; }
.register-mascot p { font-size:20px; line-height:1.5; color:var(--muted); max-width:205px; }.register-mascot strong { display:block; margin-top:10px; font-weight:500; color:var(--ink); }
.lead-form { padding:30px; background:#fff; border:1px solid #d9dccf; border-radius:14px; position:relative; }
.notice { padding:13px 14px; border:1px solid #e8d29f; background:#fff9ec; border-radius:6px; font-size:15px; line-height:1.7; color:#775b2d; margin-bottom:24px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 18px; }
.field { margin-bottom:22px; min-width:0; }.field label { font-size:16px; display:block; margin-bottom:9px; font-weight:550; }.field label>span:not(.optional) { color:var(--orange-dark); }
.optional { font-size:14px; color:#68715b; font-weight:400; margin-left:3px; }
.field input,.field select,.field textarea { width:100%; min-height:48px; padding:11px 12px; font-size:16px; border:1px solid #cdd3c1; border-radius:7px; background:#fcfcfa; color:var(--ink); }
.field input::placeholder,.field textarea::placeholder { color:#747b67; font-size:16px; }.field textarea { resize:vertical; line-height:1.7; }
.field input[aria-invalid=true],.field select[aria-invalid=true] { border-color:#b85030; }
.field small,.consent-field small { display:block; color:#a53d22; font-size:14px; line-height:1.6; margin-top:5px; }.field small:empty,.consent-field small:empty { display:none; }
.consent-field { margin-bottom:22px; }.consent-field label { display:flex; gap:10px; align-items:flex-start; font-size:15px; line-height:1.7; color:#626d53; }
.consent-field input { width:18px; height:18px; margin:4px 0 0; accent-color:var(--orange-dark); flex-shrink:0; }.submit-button { width:100%; min-height:52px; text-align:center; }
.privacy-note { font-size:14px; color:#657154; line-height:1.7; text-align:center; margin-top:13px; }.form-status { font-size:16px; line-height:1.7; margin-top:15px; color:#8e5929; }.form-status:empty { display:none; }.form-status[data-state=success] { color:#357250; }
.honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.site-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:30px; border-top:1px solid var(--line); }.site-footer .brand { font-size:28px; }.site-footer p,.site-footer>a:last-child { font-size:15px; color:#626d53; }
.reveal { transition:opacity .6s ease,transform .6s ease; }.reveal.is-waiting { opacity:0; transform:translateY(18px); }

@media(min-width:1600px) {
  .hero { padding-top:70px; }.hero-visual { grid-template-columns:225px minmax(0,1fr); }.insight-card { padding:32px; }.hero-fox { width:225px; height:225px; }.workflow-design { grid-template-columns:220px minmax(0,1fr) 390px; }
}
@media(max-width:1250px) {
  .site-header nav { gap:20px; }.hero { gap:10px; }.hero-visual { grid-template-columns:185px minmax(0,1fr); }.visual-heading { padding-left:12px; }.insight-card { margin-left:12px; padding:24px; }.insight-card h2 { font-size:25px; }.insight-card .mini-eyebrow { font-size:13px; }.funnel-row { font-size:15px; }.takeaway-tag { display:none; }.hero-fox { width:185px; height:185px; }
  .workflow-design { grid-template-columns:180px minmax(0,1fr) 330px; }.palette-item { gap:7px; padding:11px 6px; }.palette-item img { width:28px; height:28px; }.palette-heading { gap:5px; flex-wrap:wrap; }.node-config { padding:24px 18px; }.workflow-canvas { padding-inline:18px; }
  .simulation-badge { width:100%; justify-content:flex-end; order:3; }.workflow-actions { justify-content:flex-end; }.demo-controls { gap:16px; }.capability-section { gap:40px; padding-inline:34px; }.register-section { gap:5%; }.form-grid { grid-template-columns:1fr; }
}
@media(max-width:1000px) {
  :root { --header-height:84px; }.site-header nav { gap:16px; font-size:15px; }.site-header nav>a:nth-child(3) { display:none; }.nav-cta { gap:12px; padding:11px; }
  .hero { grid-template-columns:1fr; padding-top:42px; gap:20px; }.hero-copy { padding-bottom:0; }h1 { font-size:72px; }h1 br:first-of-type { display:none; }.hero-description { max-width:610px; }.hero-visual { width:100%; max-width:650px; margin:12px auto 0; grid-template-columns:200px minmax(0,1fr); }.hero-bottom { margin-top:15px; }.insight-card { margin-left:0; }.visual-heading { padding-left:0; }.hero-fox { width:195px; height:195px; }
  .section-space { padding-block:74px; }.section-heading { display:block; margin-bottom:30px; }.section-heading>p { margin-top:22px; max-width:none; }.section-heading h2,.register-copy h2 { font-size:44px; }.pain-heading h2 { width:63%; }.pain-list { gap:22px; }.pain-list h3 { font-size:22px; }.pain-list p { font-size:16px; }
  .scenario-picker { gap:8px; }.scenario-button { font-size:16px; padding:12px; gap:9px; }.story-heading { display:block; padding:28px; }.sample-person { max-width:none; margin-top:22px; }.journey-stages { padding:0 10px 14px; gap:2px; }.journey-stage { padding:16px; }.journey-stage h3 { font-size:22px; }.journey-stage>p { font-size:16px; min-height:135px; }.stage-metric { font-size:14px; align-items:flex-start; min-height:61px; }.stage-metric .live-dot { margin-top:7px; }.voucher-ticket { padding-inline:18px; }.voucher-ticket strong { font-size:28px; }.art-chip { font-size:13px; padding-inline:8px; }
  .workflow-section { padding-top:0; }.workflow-design { grid-template-columns:minmax(0,1fr) 340px; }.node-palette { display:none; }.workflow-toolbar { flex-wrap:wrap; }.workflow-actions { width:100%; justify-content:flex-start; }.simulation-badge { width:auto; margin-left:auto; }.demo-controls { grid-template-columns:1fr 1fr; }.demo-controls .text-link { grid-column:1/-1; min-height:0; justify-self:start; }.demo-controls>p { margin-top:-6px; }.workflow-tabs { gap:18px; }.result-metrics { grid-template-columns:repeat(2,1fr); }.workflow-footer { flex-wrap:wrap; }.logs-heading { display:block; }.logs-heading>p { margin-top:15px; }
  .capability-section { gap:32px; padding:36px; }.capability-intro h2 { font-size:34px; }.capability-list h3 { font-size:21px; }.capability-list p { font-size:16px; }.capability-list img { width:38px; height:38px; }.register-section { grid-template-columns:1fr; gap:30px; padding-top:78px; }.register-copy>p:not(.eyebrow) { max-width:600px; }.register-mascot { margin-top:8px; }.register-mascot img { width:185px; height:185px; }.form-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:600px) {
  :root { --header-height:78px; }.section-shell { padding-inline:22px; }.site-header { padding-inline:22px; }.site-header .brand img { width:35px; height:35px; }.brand { font-size:29px; }.menu-toggle { display:flex; align-items:center; gap:12px; padding:10px 0 10px 12px; border:0; background:none; font-size:16px; }.menu-toggle span { font-size:20px; }
  .site-header nav { display:none; position:absolute; top:calc(var(--header-height) - 1px); left:0; right:0; max-height:calc(100dvh - var(--header-height)); overflow-y:auto; overscroll-behavior:contain; padding:18px 22px 24px; box-shadow:0 20px 25px #25251e0d; background:var(--paper); border-bottom:1px solid var(--line); flex-direction:column; align-items:stretch; gap:0; font-size:17px; }.site-header nav.is-open { display:flex; }.site-header nav>a { padding:14px 10px; }.site-header nav>a:nth-child(3) { display:block; }.site-header nav .nav-cta { display:flex; margin-top:12px; justify-content:space-between; }
  .hero { padding-top:30px; gap:12px; }.hero-copy>.eyebrow { font-size:13px; letter-spacing:.025em; }h1 { font-size:clamp(46px,11.7vw,64px); line-height:1.1; margin-block:23px; }h1 br:first-of-type { display:block; }.hero-description { font-size:18px; }.hero-actions { margin-top:26px; gap:14px 23px; }.hero-actions .button { font-size:16px; padding:13px 17px; gap:18px; }.hero-footnote { font-size:15px; margin-top:18px; }
  .hero-visual { grid-template-columns:145px minmax(0,1fr); margin-top:20px; }.visual-heading { padding-left:0; margin-bottom:14px; gap:8px; }.visual-index { font-size:13px; }.sample-pill { font-size:13px; padding:4px 9px; }.insight-card { margin:0; padding:21px 18px; border-radius:14px; }.insight-card h2 { font-size:24px; }.insight-card-heading>img { width:35px; height:35px; }.insight-card .mini-eyebrow { font-size:13px; }.funnel-row { font-size:15px; gap:9px; margin-block:17px; }.funnel-step { font-size:13px; }.funnel-row>span { gap:8px; }.funnel-row strong { font-size:24px; }.funnel-rows { margin-top:21px; }.insight-takeaway { padding:13px; }.insight-takeaway p { font-size:16px; }.data-disclaimer { font-size:14px; }.hero-fox { width:145px; height:145px; }.fox-caption { padding-left:10px; }.fox-caption p { font-size:19px; }.fox-caption>span { font-size:14px; }
  .hero-bottom { flex-wrap:wrap; gap:15px; padding-block:21px; margin-top:0; }.hero-bottom>span { font-size:13px; width:100%; }.hero-bottom>div { font-size:16px; gap:16px; }
  .pain-section { padding-block:40px 25px; }.pain-heading { display:block; }.pain-heading .eyebrow { max-width:none; font-size:13px; }.pain-heading h2 { width:auto; font-size:34px; margin-top:20px; }.pain-list { grid-template-columns:1fr; gap:27px; margin-top:30px; }.pain-list h3 { font-size:24px; margin-top:12px; }.pain-list p { font-size:17px; max-width:none; margin-top:12px; }.pain-solution { display:block; font-size:18px; margin-top:28px; padding-top:20px; }.pain-solution>span { margin-right:8px; }.pain-solution strong { display:block; margin-top:10px; }
  .section-space { padding-block:54px; }.section-heading { margin-bottom:26px; }.section-heading .eyebrow,.register-copy .eyebrow { font-size:13px; }.section-heading h2,.register-copy h2 { font-size:36px; margin-top:15px; line-height:1.16; }.section-heading>p { font-size:17px; margin-top:20px; }.journey { padding-top:32px; }.scenario-picker { gap:8px; flex-direction:column; margin-bottom:23px; }.scenario-button { min-height:54px; padding:12px 15px; font-size:17px; gap:13px; }
  .story-heading { padding:24px; }.story-heading .eyebrow { font-size:13px; }.story-heading>div>p:last-child { font-size:18px; line-height:1.6; }.sample-person small { font-size:14px; }.journey-stages { grid-template-columns:1fr; padding:0 12px 12px; gap:10px; }.journey-stage { padding:20px; }.stage-top { margin-bottom:16px; }.stage-art { height:160px; margin-bottom:21px; }.journey-stage h3 { font-size:26px; }.journey-stage>p { min-height:0; font-size:17px; }.stage-metric { font-size:15px; min-height:0; }.journey-caveat { padding:8px 24px 24px; font-size:14px; }.art-chip { font-size:14px; padding-inline:12px; }.voucher-ticket strong { font-size:34px; }
  .journey-bridge { padding-top:20px; gap:8px; flex-wrap:wrap; }.journey-bridge>img { width:125px; height:125px; }.journey-bridge>div { width:calc(100% - 135px); }.journey-bridge p { font-size:18px; }.journey-bridge div>span { font-size:14px; }.round-arrow { width:46px; height:46px; margin-top:5px; }
  .workflow-section { padding-top:0; padding-inline:14px; }.workflow-section>.section-heading { padding-inline:8px; }.workflow-toolbar { padding:19px 16px; }.campaign-label { gap:10px; }.campaign-label strong { font-size:19px; }.workflow-actions { gap:10px; }.workflow-actions .button { font-size:15px; min-height:44px; padding:10px 12px; }.simulation-badge { width:100%; margin:2px 0 0; font-size:14px; justify-content:flex-start; }.demo-controls { grid-template-columns:1fr; padding:20px 16px; gap:19px; }.demo-controls label { font-size:16px; }.demo-controls .text-link { grid-column:auto; }.demo-controls>p { font-size:14px; margin-top:-6px; }
  .workflow-tabs { gap:17px; padding-inline:16px; flex-wrap:wrap; }.workflow-tabs>button { font-size:15px; padding-inline:0; }.workflow-tabs>span { width:100%; font-size:14px; margin:0 0 12px; }.workflow-design { grid-template-columns:1fr; height:auto; }.workflow-canvas { height:570px; padding:23px 19px 28px; border-bottom:1px solid #ddd6e8; overscroll-behavior-y:contain; }.canvas-hint { font-size:13px; }.node-config { border-left:0; overflow:visible; padding:24px 20px; }.flow-step { max-width:360px; }.flow-node { padding:16px 13px; gap:10px; }.node-icon { width:34px; height:34px; }.node-content strong { font-size:17px; }.node-content small { font-size:15px; }.node-type { font-size:13px; }.node-report { font-size:14px; }.branch-label { font-size:13px; }.node-config h3 { font-size:24px; }.config-note { font-size:15px; }
  .logs-panel { padding:24px 20px; min-height:0; }.logs-heading h3 { font-size:26px; }.logs-heading>p { font-size:15px; }.log-row { grid-template-columns:22px 1fr; gap:8px; font-size:16px; }.log-row>span:last-child { grid-column:2; }.log-badge { justify-self:start; font-size:14px; }.demo-results { padding:25px 20px 22px; }.result-heading { display:block; }.result-heading h3 { font-size:26px; }.result-heading .sample-pill { margin-top:13px; }.result-heading .eyebrow { font-size:13px; }.result-metrics { gap:10px; margin-top:20px; }.result-metrics>div { padding:15px 12px; }.result-metrics dt { font-size:14px; min-height:44px; }.result-metrics dd { font-size:36px; }.measurement-insight { padding:0 20px 24px; font-size:16px; }.workflow-footer { display:block; font-size:14px; padding:15px 20px; }.workflow-footer>span:last-child { display:block; margin-top:7px; }
  .capability-section { margin-inline:14px; padding:32px 24px; grid-template-columns:1fr; gap:32px; border-radius:12px; }.capability-intro .eyebrow { font-size:13px; }.capability-intro h2 { font-size:33px; }.capability-intro>p:not(.eyebrow) { font-size:18px; }.capability-link { font-size:16px; gap:15px; }.report-boundary { font-size:15px; }.capability-list h3 { font-size:23px; }.capability-list p { font-size:17px; max-width:none; }.capability-list img { width:35px; height:35px; }.capability-list article { gap:12px; }
  .register-section { padding-top:62px; gap:23px; }.register-copy>p:not(.eyebrow) { font-size:18px; margin-top:22px; }.register-mascot { gap:12px; }.register-mascot img { width:155px; height:155px; }.register-mascot p { font-size:18px; }.lead-form { padding:23px 19px; border-radius:12px; }.form-grid { grid-template-columns:1fr; }.field { margin-bottom:22px; }.field label { font-size:16px; }.optional { font-size:14px; }.field input,.field select,.field textarea { font-size:16px; }.field input::placeholder,.field textarea::placeholder { font-size:16px; }.consent-field label { font-size:15px; }.privacy-note { font-size:14px; }.notice { font-size:15px; }.site-footer { flex-wrap:wrap; gap:20px; padding-block:27px; }.site-footer .brand { font-size:27px; }.site-footer .brand img { width:32px; height:32px; }.site-footer p { order:3; width:100%; font-size:15px; }.site-footer>a:last-child { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }*,*:before,*:after { animation:none!important; transition:none!important; }.reveal.is-waiting { opacity:1; transform:none; }.button:hover { transform:none; }
}

/* Campaign demo: production-like branches, legible counts, scoped canvas pan. */
h2,h3,h4 { text-wrap:balance; }
.insight-takeaway { flex-wrap:wrap; }
.insight-takeaway p { flex:1; min-width:150px; }
.takeaway-tag { max-width:none; white-space:nowrap; flex-shrink:0; }
.fox-caption { min-width:0; }.fox-caption p { max-width:260px; text-wrap:balance; }
.workflow-design { grid-template-columns:160px minmax(0,1fr) 300px; height:850px; }
.workflow-design>* { min-width:0; }.node-palette { padding-inline:10px; }.palette-item { gap:7px; }
.workflow-canvas { padding:24px 20px 30px; overscroll-behavior:contain; }
.canvas-hint { min-width:864px; }
.workflow-nodes { min-width:864px; position:relative; }
.flow-step { max-width:320px; padding-bottom:34px; }
.flow-node { padding:13px 12px; gap:10px; border-radius:9px; }
.node-content strong { font-size:17px; }.node-content small { font-size:15px; }
.node-report { padding:9px; background:white; border-color:#e1dce9; margin-top:6px; color:#526279; }
.node-report>div { display:flex; justify-content:space-between; gap:12px; align-items:center; font-size:14px; }
.node-report>div strong { font-size:16px; color:#397655; font-variant-numeric:tabular-nums; }
.node-report progress { display:block; width:100%; height:5px; margin:7px 0; border:0; border-radius:8px; accent-color:#81a58b; }
progress::-webkit-progress-bar { background:#eef0f3; border-radius:8px; }progress::-webkit-progress-value { background:#819a87; border-radius:8px; }
.node-report>button { width:100%; min-height:32px; padding:4px 8px; border:0; border-radius:4px; background:#edf5ff; color:#366493; font-size:14px; font-weight:550; }
.node-report>button:hover { background:#e0edff; }
.flow-fork { display:grid; grid-template-columns:2fr 1fr; gap:24px; width:100%; padding-top:28px; position:relative; }
.flow-fork:before { content:''; position:absolute; top:0; left:32.9%; right:15.8%; border-top:1px solid #bdb2cf; }
.fork-lane { min-width:0; display:flex; flex-direction:column; align-items:center; position:relative; }
.fork-lane:before { content:''; position:absolute; top:-28px; left:50%; height:28px; border-left:1px solid #bdb2cf; }
.branch-label { font-size:14px; line-height:1.5; text-align:center; padding:6px 9px; background:white; border:1px solid #e0d9e9; border-radius:20px; margin:0 0 15px; }
.branch-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; width:100%; padding-top:28px; position:relative; }
.branch-grid:before { content:''; position:absolute; top:0; left:24%; right:24%; border-top:1px solid #bdb2cf; }
.template-lane { min-width:0; position:relative; }
.template-lane:before { content:''; position:absolute; top:-28px; left:50%; height:28px; border-left:1px solid #bdb2cf; }
.template-lane .flow-step { max-width:none; padding-bottom:0; }
.eligible-lane>.flow-step:after { display:block; }
.withheld-lane>.flow-step { padding-bottom:0; }
.withheld-note { font-size:15px; color:#657086; padding:16px 12px; border:1px dashed #d9cfe5; border-radius:8px; background:#faf8fd; margin-top:15px; line-height:1.7; }
.flow-merge { width:100%; height:52px; position:relative; margin-top:24px; }
.flow-merge:before { content:''; position:absolute; top:0; left:16%; right:16%; border-top:1px solid #bdb2cf; }
.flow-merge:after { content:''; position:absolute; top:0; bottom:0; left:50%; border-left:1px solid #bdb2cf; }
.flow-jumps { display:flex; flex-wrap:wrap; gap:8px; padding:14px 20px; border-bottom:1px solid #e1e5eb; align-items:center; background:#fafbfe; }
.flow-jumps>span { font-size:14px; color:#68758a; margin-right:5px; }.flow-jumps>button { min-height:36px; font-size:14px; padding:5px 11px; border:1px solid #dce0e8; border-radius:20px; background:white; }
.flow-jumps>button:hover { border-color:#997bd0; }.flow-jumps>small { font-size:14px; color:#68758a; margin-left:auto; }
.config-summary { background:#f5f8f5; border:1px solid #dde7dc; padding:16px; border-radius:9px; margin-top:20px; }
.config-summary>strong { font-size:36px; display:block; line-height:1.2; font-variant-numeric:tabular-nums; }
.config-summary>span { display:block; font-size:15px; margin-top:7px; }.config-summary p { font-size:16px; margin-top:12px; line-height:1.6; }.config-summary .text-link { font-size:15px; margin-top:5px; }
.result-metrics dd { font-variant-numeric:tabular-nums; }.result-heading h3 { text-wrap:balance; }
.conversion-panel { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:24px; border:1px solid #d9e0d0; background:#fafbf7; border-radius:10px; margin-top:24px; }
.conversion-panel .eyebrow { color:#626d57; margin-bottom:15px; }.conversion-step { display:flex; gap:15px; justify-content:space-between; align-items:center; padding:10px 0; font-size:16px; }
.conversion-step strong { flex-shrink:0; font-size:20px; font-variant-numeric:tabular-nums; font-weight:600; }
.bottleneck { display:flex; gap:14px; align-items:flex-start; padding:20px; border-radius:9px; background:#fff1e5; border:1px solid #efd4b7; }
.bottleneck-symbol { color:#a44922; font-size:28px; line-height:1.1; }.bottleneck h4 { font-size:19px; font-weight:600; color:#8b411d; }.bottleneck p { font-size:17px; margin-top:8px; line-height:1.65; }
.ab-report { padding-top:32px; }.ab-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:23px; }
.ab-heading .eyebrow { color:#6a7360; }.ab-heading h3 { font-size:28px; line-height:1.3; font-weight:550; margin-top:8px; }
.ab-cards { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.ab-card { border:1px solid #dce2e8; border-radius:12px; padding:24px; background:white; }
.ab-card.is-leading { border-color:#8faa8c; background:#f3f8ef; }.ab-card-top { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.variant-mark { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; background:#ece6f7; color:#756090; font-size:21px; font-weight:600; flex-shrink:0; }
.is-leading .variant-mark { background:#dfeadb; color:#386344; }.ab-card h4 { font-size:20px; line-height:1.3; font-weight:600; }.ab-card-top p { font-size:15px; color:#647083; margin-top:4px; }
.leading-tag { font-size:14px; color:#3e6544; padding:4px 8px; background:#e2eedd; border-radius:20px; margin-left:auto; }
.ab-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin:25px 0 18px; }.ab-metrics dt { font-size:15px; color:#627083; }.ab-metrics dd { font-size:32px; margin:8px 0 0; font-weight:550; line-height:1.2; font-variant-numeric:tabular-nums; }
.ab-metrics>div:last-child dd { color:#397655; }.ab-card>progress { width:100%; height:8px; border:0; border-radius:8px; }.ab-card>.text-link { font-size:15px; margin-top:13px; color:#685881; }
.ab-conclusion { font-size:20px; font-weight:550; line-height:1.55; margin-top:22px; }.ab-attribution { font-size:15px; line-height:1.7; color:#637083; margin-top:10px; }.ab-report .data-disclaimer { font-size:14px; }
@media(max-width:1600px) { .workflow-design { grid-template-columns:minmax(0,1fr) 320px; }.node-palette { display:none; } }
@media(max-width:1400px) { .workflow-design { grid-template-columns:1fr; height:auto; }.workflow-canvas { height:850px; }.node-config { border-left:0; border-top:1px solid #e0e5eb; max-height:620px; } }
@media(max-width:1100px) { .workflow-design { grid-template-columns:1fr; height:auto; }.workflow-canvas { height:740px; }.node-config { border-left:0; border-top:1px solid #e0e5eb; max-height:620px; }.conversion-panel { grid-template-columns:1fr; gap:18px; }.ab-heading { align-items:flex-start; flex-direction:column; }.flow-jumps>small { margin-left:0; width:100%; } }
@media(max-width:600px) {
  .workflow-canvas { height:650px; padding-inline:16px; }.node-config { max-height:none; }.flow-jumps { padding:13px 16px; gap:7px; }.flow-jumps>span { width:100%; }.flow-jumps>button { font-size:14px; min-height:40px; }
  .conversion-panel { padding:18px 15px; }.conversion-step { align-items:flex-start; gap:12px; font-size:15px; }.conversion-step strong { font-size:17px; }.bottleneck { padding:16px; }.bottleneck p { font-size:16px; }
  .ab-cards { grid-template-columns:1fr; gap:16px; }.ab-card { padding:20px 16px; }.ab-heading h3 { font-size:25px; }.ab-metrics { gap:10px; }.ab-metrics dt { font-size:14px; min-height:40px; }.ab-metrics dd { font-size:29px; }.leading-tag { margin-left:0; }.ab-conclusion { font-size:18px; }.ab-attribution { font-size:15px; }.sample-pill { white-space:normal; }
}
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.policy-heading { padding-block:64px 42px; border-bottom:1px solid var(--line); }
.policy-heading .eyebrow { color:var(--orange-dark); }
.policy-heading h1 { font-size:clamp(34px,4.4vw,64px); font-weight:550; line-height:1.15; letter-spacing:-.045em; margin-top:16px; }
.policy-heading>p:not(.eyebrow) { font-size:19px; color:var(--muted); margin-top:20px; max-width:730px; }
.policy-updated { display:block; font-size:14px; color:var(--muted); margin-top:20px; }
.policy-layout { display:grid; grid-template-columns:270px minmax(0,780px); gap:clamp(36px,6vw,100px); padding-block:46px 80px; justify-content:center; }
.policy-toc { position:sticky; top:calc(var(--header-height) + 30px); align-self:start; border-left:2px solid #e6d7c8; padding-left:22px; }
.policy-toc>p { font-size:13px; font-weight:650; color:var(--muted); letter-spacing:.08em; margin-bottom:14px; }
.policy-toc a { display:flex; gap:12px; padding-block:8px; font-size:15px; line-height:1.5; }
.policy-toc a>span { color:var(--orange-dark); font-size:13px; padding-top:2px; }
.policy-toc a:hover { color:var(--orange-dark); }
.policy-content section+section { margin-top:34px; border-top:1px solid var(--line); padding-top:30px; }
.policy-content h2 { display:flex; gap:14px; font-size:25px; line-height:1.35; font-weight:550; letter-spacing:-.025em; margin-bottom:16px; }
.policy-content h2>span { color:var(--orange-dark); font-size:14px; padding-top:7px; letter-spacing:0; }
.policy-content p,.policy-content li { font-size:17px; line-height:1.8; color:#53564c; overflow-wrap:anywhere; }
.policy-content p+p { margin-top:13px; }
.policy-content ul { padding-left:23px; margin-block:0 14px; }
.policy-content li+li { margin-top:7px; }
.policy-content a { color:var(--orange-dark); text-decoration:underline; text-underline-offset:3px; }
.policy-related { display:flex; flex-wrap:wrap; gap:16px; align-items:center; background:#f1ece2; border:1px solid #e4dbcc; border-radius:10px; padding:20px 24px; margin-top:36px; }
.policy-related>span { color:var(--muted); font-size:14px; }
@media(max-width:900px) { .policy-layout { grid-template-columns:220px minmax(0,1fr); gap:32px; } }
@media(max-width:700px) { .policy-heading { padding-block:38px 28px; }.policy-heading>p:not(.eyebrow) { font-size:17px; }.policy-layout { grid-template-columns:1fr; gap:32px; padding-block:28px 52px; }.policy-toc { position:static; }.policy-content h2 { font-size:23px; }.policy-content p,.policy-content li { font-size:16px; }.policy-related { padding:18px; } }
.footer-policies { display:flex; flex-wrap:wrap; gap:14px 26px; font-size:15px; }
.footer-policies a:hover,.privacy-note a,.consent-field a { color:var(--orange-dark); text-decoration:underline; text-underline-offset:3px; }
.site-footer { flex-wrap:wrap; }
@media(max-width:600px) { .footer-policies { order:3; width:100%; gap:12px 24px; } }