:root{--demo-ink:#14213d;--demo-muted:#60708c;--demo-line:#dce3ee;--demo-blue:#2457f5;--demo-mint:#50e3b2;--demo-bg:#f4f7fb}.demo-root{background:var(--demo-bg);min-height:100vh;color:var(--demo-ink);font-family:Arial,Helvetica,sans-serif}.demo-root *{box-sizing:border-box}.demo-header{color:#fff;z-index:30;background:#0d1730;border-bottom:1px solid #263554;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.demo-brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:11px;font-weight:800;text-decoration:none;display:flex}.demo-logo{background:linear-gradient(145deg,var(--demo-mint),#27a5ff);color:#071225;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.demo-header-meta{color:#aab6cc;align-items:center;gap:12px;font-size:13px;display:flex}.demo-live-dot{background:var(--demo-mint);border-radius:99px;width:8px;height:8px;box-shadow:0 0 0 5px #50e3b222}.demo-shell{grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.demo-sidebar{border-right:1px solid var(--demo-line);background:#fff;padding:24px 16px 40px}.demo-sidebar-title{color:#8895aa;text-transform:uppercase;letter-spacing:.12em;padding:0 12px 10px;font-size:11px;font-weight:800}.demo-nav{flex-direction:column;gap:3px;margin-bottom:24px;display:flex}.demo-nav a{color:#485872;border-radius:9px;justify-content:space-between;padding:9px 12px;font-size:14px;text-decoration:none;display:flex}.demo-nav a:hover,.demo-nav a[data-active=true]{color:var(--demo-blue);background:#edf2ff}.demo-nav small{color:#9ba7b9;font-size:10px}.demo-main{width:100%;max-width:1240px;padding:48px 54px 80px}.demo-eyebrow{color:var(--demo-blue);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}.demo-hero{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:32px;margin-bottom:42px;display:grid}.demo-hero h1{letter-spacing:-.055em;max-width:780px;margin:12px 0 18px;font-size:clamp(38px,5vw,68px);line-height:.98}.demo-hero p{color:var(--demo-muted);max-width:700px;margin:0;font-size:18px;line-height:1.6}.demo-stat-card{color:#fff;background:#0d1730;border-radius:18px;grid-template-columns:1fr 1fr;gap:18px;padding:24px;display:grid;box-shadow:0 18px 40px #14213d22}.demo-stat strong{letter-spacing:-.04em;font-size:28px;display:block}.demo-stat span{color:#9ba9c1;font-size:12px}.demo-section-title{justify-content:space-between;align-items:end;gap:20px;margin:42px 0 16px;display:flex}.demo-section-title h2{letter-spacing:-.035em;margin:0;font-size:24px}.demo-section-title p{color:var(--demo-muted);margin:0;font-size:14px}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.demo-card{border:1px solid var(--demo-line);color:inherit;background:#fff;border-radius:15px;min-height:158px;padding:20px;text-decoration:none;transition:all .18s;display:block}.demo-card:hover{border-color:#9eb4ff;transform:translateY(-3px);box-shadow:0 14px 30px #14213d14}.demo-card-top{justify-content:space-between;gap:12px;display:flex}.demo-badge{color:#60708c;text-transform:uppercase;letter-spacing:.08em;background:#eef2f8;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.demo-arrow{color:var(--demo-blue);font-size:20px}.demo-card h3{margin:16px 0 7px;font-size:17px}.demo-card p{color:var(--demo-muted);margin:0;font-size:13px;line-height:1.45}.demo-page-head{max-width:820px;margin-bottom:32px}.demo-page-head h1{letter-spacing:-.05em;margin:12px 0 16px;font-size:clamp(36px,5vw,58px);line-height:1}.demo-page-head p{color:var(--demo-muted);font-size:18px;line-height:1.55}.demo-runtime{border:1px solid var(--demo-line);color:#51617c;background:#fff;border-radius:9px;padding:7px 10px;font-size:12px;display:inline-flex}.demo-workspace{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:18px;display:grid}.demo-panel{border:1px solid var(--demo-line);background:#fff;border-radius:16px;overflow:hidden}.demo-panel-head{border-bottom:1px solid var(--demo-line);justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.demo-panel-head h2{margin:0;font-size:14px}.demo-panel-body{padding:18px}.demo-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.demo-field{flex-direction:column;gap:6px;display:flex}.demo-field-wide{grid-column:1/-1}.demo-field label{color:#6a7992;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:800}.demo-field input,.demo-field select{border:1px solid var(--demo-line);height:42px;color:var(--demo-ink);background:#fbfcfe;border-radius:9px;outline:none;min-width:0;padding:0 11px}.demo-field input:focus{border-color:var(--demo-blue);box-shadow:0 0 0 3px #2457f514}.demo-actions{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.demo-button{background:var(--demo-blue);color:#fff;cursor:pointer;border:0;border-radius:9px;height:40px;padding:0 15px;font-weight:750}.demo-button:hover{filter:brightness(.94)}.demo-button.secondary{color:var(--demo-blue);background:#edf2ff}.demo-button.ghost{color:#56647b;background:#f1f4f8}.demo-button:disabled{opacity:.5;cursor:wait}.demo-decision{color:#fff;background:#0d1730;border-radius:12px;margin-top:17px;padding:16px}.demo-decision-row{border-bottom:1px solid #24324f;justify-content:space-between;gap:15px;padding:7px 0;font-size:13px;display:flex}.demo-decision-row:last-child{border:0}.demo-decision-row span{color:#9eabc1}.demo-ok{color:var(--demo-mint)!important}.demo-event-log{flex-direction:column;gap:9px;max-height:385px;display:flex;overflow:auto}.demo-event{border:1px solid var(--demo-line);border-radius:10px;padding:11px;font-size:12px}.demo-event time{color:#8b97aa;float:right}.demo-event strong{color:var(--demo-blue)}.demo-event pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#63718a;margin:8px 0 0;font-size:10px}.demo-empty{color:#8a97aa;text-align:center;padding:45px 15px;font-size:13px}.demo-code-wrap{margin-top:18px}.demo-code{color:#dce6fa;background:#0b1428;margin:0;padding:20px;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.demo-install{color:#a9f4dd;white-space:pre-wrap;background:#17233d;padding:12px 18px;font:12px/1.5 ui-monospace,monospace;overflow:auto}.demo-doc-link{color:var(--demo-blue);font-size:13px;font-weight:700;text-decoration:none}.demo-note{color:#695921;background:#fff9df;border:1px solid #f0dfa0;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:12px;line-height:1.5}.guided-demo{border:1px solid var(--demo-line);background:#fff;border-radius:20px;margin:0 0 54px;overflow:hidden;box-shadow:0 18px 48px #14213d0d}.guided-demo-head{border-bottom:1px solid var(--demo-line);justify-content:space-between;align-items:end;gap:24px;padding:26px 28px;display:flex}.guided-demo-head h2{letter-spacing:-.04em;margin:7px 0;font-size:28px}.guided-demo-head p{color:var(--demo-muted);margin:0;font-size:14px}.guided-personas{background:#eef2f8;border-radius:12px;grid-template-columns:1fr 1fr;min-width:320px;padding:4px;display:grid}.guided-personas button{color:#64728a;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;padding:10px 18px}.guided-personas button[aria-pressed=true]{color:#fff;background:#0d1730;box-shadow:0 4px 12px #14213d22}.guided-personas span,.guided-personas small{display:block}.guided-personas span{font-size:13px;font-weight:800}.guided-personas small{opacity:.7;margin-top:2px;font-size:10px}.guided-workspace{grid-template-columns:minmax(260px,.78fr) minmax(390px,1.25fr) minmax(230px,.68fr);min-height:510px;display:grid}.guided-config,.guided-preview-column,.guided-results,.developer-inspector{min-width:0;padding:24px}.guided-config,.guided-preview-column{border-right:1px solid var(--demo-line)}.guided-workspace .guided-config .demo-form{grid-template-columns:minmax(0,1fr)}.guided-workspace .guided-config .demo-field,.guided-workspace .guided-config .demo-field-wide,.guided-workspace .guided-config .guided-swatches{grid-column:auto;min-width:0}.guided-workspace .guided-config input,.guided-workspace .guided-config select{width:100%;max-width:100%}.guided-step{align-items:center;gap:9px;margin-bottom:18px;font-size:13px;display:flex}.guided-step>span{width:24px;height:24px;color:var(--demo-blue);background:#edf2ff;border-radius:99px;place-items:center;font-size:11px;font-weight:900;display:grid}.guided-range-label{justify-content:space-between;align-items:center;display:flex}.guided-range-label strong{color:var(--demo-blue);font-size:12px}.guided-range{width:100%;accent-color:var(--demo-blue)}.guided-swatches{border:0;grid-column:1/-1;gap:8px;margin:0;padding:0;display:flex}.guided-swatches legend{color:#6a7992;text-transform:uppercase;letter-spacing:.07em;width:100%;margin-bottom:8px;font-size:11px;font-weight:800}.guided-swatches button{cursor:pointer;width:28px;height:28px;box-shadow:0 0 0 1px var(--demo-line);border:3px solid #fff;border-radius:99px}.guided-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--demo-ink)}.guided-preview-head,.inspector-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.guided-toggle{background:#eef2f8;border-radius:8px;padding:3px;display:flex}.guided-toggle button{color:#697791;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 9px;font-size:10px}.guided-toggle button[aria-pressed=true]{color:var(--demo-ink);background:#fff;font-weight:800;box-shadow:0 1px 4px #14213d1c}.store-preview{background:#fff;border:1px solid #ced7e5;border-radius:13px;overflow:hidden;box-shadow:0 12px 30px #14213d10}.store-nav{color:#6e7a8d;border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;height:42px;padding:0 14px;font-size:8px;display:flex}.store-nav strong{color:#14213d;font-size:11px}.store-nav b{font-weight:500}.store-content{grid-template-columns:44% 56%;min-height:240px;display:grid}.store-art{color:#ffffffb5;letter-spacing:-.1em;background:radial-gradient(circle at 60% 30%,#a5bcff,#3658a9 48%,#112245);border-radius:8px;place-items:center;margin:13px;font-size:34px;font-weight:900;display:grid}.store-copy{align-self:center;padding:22px}.store-copy small{color:#8692a5;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.store-copy h3{letter-spacing:-.04em;margin:9px 0;font-size:18px;line-height:1.05}.store-copy p{color:#59677d;min-height:52px;font-size:12px;line-height:1.45}.store-copy button{color:#fff;border:0;border-radius:5px;padding:9px 14px;font-size:9px;font-weight:800}.store-targeting{color:#68758b;background:#f8fafc;border-top:1px solid #e5e9f0;align-items:center;gap:7px;padding:9px 13px;font-size:9px;display:flex}.guided-launch-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;display:flex}.guided-results{background:#f8fafc}.guided-results.is-live{background:#f4fffb}.guided-status{background:#fff;border:1px solid #cdeade;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;padding:12px;font-size:11px;display:grid}.guided-status small{color:#7d8a9e;grid-column:2}.result-metrics{grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0;display:grid}.result-metrics div{background:#fff;border:1px solid #dce8e3;border-radius:9px;padding:10px 7px}.result-metrics small,.result-metrics strong{display:block}.result-metrics small{color:#7c899d;text-transform:uppercase;font-size:8px}.result-metrics strong{margin-top:4px;font-size:14px}.result-uplift{color:#fff;background:#0d1730;border-radius:11px;padding:15px}.result-uplift>*{display:block}.result-uplift small{color:#9aa8c1;text-transform:uppercase;font-size:9px}.result-uplift strong{color:var(--demo-mint);margin:3px 0;font-size:28px}.result-uplift span{color:#a8b5ca;font-size:9px}.guided-activity,.inspector-events>div{gap:9px;margin-top:12px;font-size:10px;display:flex}.guided-activity>span,.inspector-events>div>span{color:#16825f;font-weight:900}.guided-activity p,.inspector-events p{margin:0}.guided-activity strong,.guided-activity small,.inspector-events strong,.inspector-events small{display:block}.guided-activity small,.inspector-events small{color:#7e8b9f;margin-top:2px;line-height:1.35}.guided-empty-state{color:#8390a3;text-align:center;flex-direction:column;justify-content:center;gap:7px;min-height:290px;font-size:12px;display:flex}.guided-empty-state strong{color:#5b6980;font-size:14px}.developer-workspace{grid-template-columns:minmax(340px,.82fr) minmax(420px,1.18fr);min-height:500px;display:grid}.developer-code{background:#0d1730;border-radius:10px;margin-top:18px;overflow:hidden}.developer-code span{color:#8fa0ba;background:#17243e;padding:7px 11px;font:9px ui-monospace,monospace;display:block}.developer-code code{white-space:pre-wrap;color:#bfeedd;overflow-wrap:anywhere;padding:13px;font:10px/1.6 ui-monospace,monospace;display:block}.inspector-head b{color:#61708a;text-transform:uppercase;background:#eef2f8;border-radius:99px;padding:6px 9px;font-size:9px}.decision-summary{border:1px solid var(--demo-line);background:#f4f7fb;border-radius:10px;grid-template-columns:auto 1fr 1fr;align-items:center;gap:14px;padding:12px;display:grid}.decision-summary>span{color:#fff;background:#6c788e;border-radius:6px;padding:7px;font-size:10px;font-weight:900}.decision-summary>span.enabled{background:#087f5b}.decision-summary small,.decision-summary strong{display:block}.decision-summary small{color:#8793a5;text-transform:uppercase;font-size:8px}.decision-summary strong{margin-top:3px;font-size:11px}.developer-inspector pre{color:#cce2ff;background:#0b1428;border-radius:10px;max-height:260px;margin:12px 0 0;padding:16px;font:10px/1.5 ui-monospace,monospace;overflow:auto}.inspector-events{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inspector-events>div{border:1px solid var(--demo-line);border-radius:9px;padding:10px}.developer-next{border-top:1px solid var(--demo-line);color:#7c899c;justify-content:space-between;gap:15px;margin-top:15px;padding-top:14px;font-size:11px;display:flex}.developer-next a{color:var(--demo-blue);font-weight:800;text-decoration:none}.debugger-head{align-items:center}.debugger-mode{color:#176c53;background:#f0fdf8;border:1px solid #c8eadc;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;min-width:180px;padding:11px 14px;font-size:11px;display:grid}.debugger-mode small{color:#68877d;grid-column:2}.debugger-steps{border-bottom:1px solid var(--demo-line);background:#f8fafc;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:14px 28px;list-style:none;display:grid}.debugger-steps li{color:#7d899c;align-items:center;gap:9px;display:flex;position:relative}.debugger-steps li:not(:last-child):after{content:"";background:#d6deea;height:1px;position:absolute;top:15px;left:calc(100% - 20px);right:-4px}.debugger-steps li>span{background:#e9eef5;border-radius:99px;flex:none;place-items:center;width:28px;height:28px;font-size:10px;font-weight:900;display:grid}.debugger-steps li>div>*{display:block}.debugger-steps strong{color:#4f5d73;font-size:11px}.debugger-steps small{margin-top:2px;font-size:9px}.debugger-steps .is-active>span{color:#fff;background:#2457f5}.debugger-steps .is-active strong{color:#14213d}.debugger-steps .is-complete>span{color:#087f5b;background:#d9f8ed}.playground-toolbar{border-bottom:1px solid var(--demo-line);background:#fff;justify-content:space-between;align-items:center;gap:18px;padding:12px 28px;display:flex}.preset-group{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.preset-group>span{color:#7a879b;text-transform:uppercase;letter-spacing:.06em;margin-right:4px;font-size:9px;font-weight:800}.preset-group button{border:1px solid var(--demo-line);color:#45546b;cursor:pointer;text-align:left;background:#fbfcfe;border-radius:9px;padding:7px 10px}.preset-group button:hover{background:#f3f6ff;border-color:#9db2f8}.preset-group button>*{display:block}.preset-group button strong{font-size:9px}.preset-group button small{color:#8390a3;margin-top:2px;font-size:7px}.playground-actions{gap:6px;display:flex}.playground-actions button{color:#5e6d84;cursor:pointer;white-space:nowrap;background:#eef2f8;border:0;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800}.experiment-stage{border-bottom:1px solid var(--demo-line);grid-template-columns:minmax(300px,.72fr) minmax(430px,1.28fr);display:grid}.experiment-config,.experiment-preview{min-width:0;padding:24px}.experiment-config{border-right:1px solid var(--demo-line);background:#fbfcfe}.experiment-config .demo-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.experiment-config .demo-field,.experiment-config .guided-swatches{min-width:0}.experiment-config input,.experiment-config select{width:100%;max-width:100%}.experiment-config .guided-swatches{grid-column:1/-1}.experiment-panel-title,.experiment-preview-head,.inspector-title{justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px;display:flex}.experiment-panel-title>*,.experiment-preview-head>div>*,.inspector-title>div>*{display:block}.experiment-panel-title strong,.experiment-preview-head strong,.inspector-title strong{font-size:13px}.experiment-panel-title small,.experiment-preview-head small,.inspector-title small{color:#8190a5;margin-top:3px;font-size:9px}.debugger-primary{width:100%;margin-top:16px}.config-hint{color:#758297;margin-top:10px;font-size:9px}.config-hint code{color:#2457f5}.experiment-glossary{border-top:1px solid var(--demo-line);color:#718096;margin-top:13px;padding-top:10px;font-size:9px}.experiment-glossary summary{cursor:pointer;color:#526177;font-weight:800}.experiment-glossary dl{flex-direction:column;gap:7px;margin:9px 0 0;display:flex}.experiment-glossary dl div{grid-template-columns:60px 1fr;gap:8px;display:grid}.experiment-glossary dt{color:#526177;font-weight:800}.experiment-glossary dd{margin:0;line-height:1.35}.experiment-preview-head .guided-toggle button:disabled{opacity:.45;cursor:not-allowed}.debugger-store{transition:box-shadow .2s,border-color .2s}.debugger-store.has-treatment{border-color:#8eadff;box-shadow:0 0 0 3px #2457f512,0 12px 30px #14213d10}.change-explainer{color:#66758b;background:#f4f7fb;border-radius:10px;flex-direction:column;gap:5px;margin-top:13px;padding:12px 14px;font-size:10px;display:flex}.change-explainer strong{color:#4c5b71;font-size:11px}.change-explainer.is-visible{background:#effcf7;border:1px solid #caebdd}.change-explainer.is-visible strong{color:#087f5b}.debugger-inspector{grid-template-columns:minmax(340px,1.08fr) minmax(300px,.98fr) minmax(230px,.74fr);min-width:0;display:grid}.debugger-inspector>div{min-width:0;padding:22px}.debugger-inspector>div:not(:last-child){border-right:1px solid var(--demo-line)}.inspector-title label{color:#78869a;text-transform:uppercase;letter-spacing:.06em;font-size:8px;font-weight:800}.inspector-title select{border:1px solid var(--demo-line);color:#384860;background:#fff;border-radius:7px;height:28px;margin-top:4px;font-size:10px;display:block}.inspector-title>button{color:#2457f5;cursor:pointer;background:#edf2ff;border:0;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:800}.debugger-code-panel pre,.debug-json{color:#d8e7ff;white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1428;border-radius:10px;margin:0 0 12px;padding:15px;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.debugger-code-panel pre{min-height:205px;max-height:245px}.debug-json{color:#cde2ff;max-height:205px;margin-top:11px}.debugger-evidence-panel{background:#fbfcfe}.debugger-waiting{color:#8290a3;text-align:center;border:1px dashed #ccd6e4;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:236px;padding:18px;font-size:10px;display:flex}.debugger-waiting strong{color:#59677d;font-size:12px}.debugger-waiting.compact{min-height:110px;margin-top:12px}.debugger-events-panel .demo-button{width:100%}.debugger-events-panel .inspector-title b{color:#60708c;background:#edf1f6;border-radius:99px;padding:5px 7px;font-size:9px}.tracking-destinations{flex-wrap:wrap;gap:5px;margin:12px 0;display:flex}.tracking-destinations span{border:1px solid var(--demo-line);color:#69778c;background:#fff;border-radius:99px;padding:4px 6px;font-size:8px}.debugger-event-list{flex-direction:column;gap:7px;display:flex}.debugger-event{border:1px solid var(--demo-line);background:#fff;border-radius:9px;grid-template-columns:auto 1fr auto;gap:8px;padding:9px;font-size:9px;display:grid}.debugger-event>span{color:#087f5b;font-weight:900}.debugger-event p{margin:0}.debugger-event p>*{display:block}.debugger-event small{color:#7c899c;margin-top:2px}.debugger-event time{color:#98a3b3;font-size:8px}.playground-lab{border-top:1px solid var(--demo-line);background:#f8fafc;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);display:grid}.playground-lab>div{min-width:0;padding:24px}.audience-simulator{border-right:1px solid var(--demo-line)}.playground-card-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.playground-card-head h3,.debug-health h3{letter-spacing:-.03em;margin:5px 0;font-size:17px}.playground-card-head p,.debug-health p{color:#748197;margin:0;font-size:10px;line-height:1.45}.playground-card-head .demo-button{flex:none}.matrix-empty{text-align:center;color:#8390a3;border:1px dashed #cbd5e3;border-radius:10px;margin-top:17px;padding:25px;font-size:10px}.matrix-result{margin-top:16px}.matrix-numbers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.matrix-numbers div{border:1px solid var(--demo-line);background:#fff;border-radius:9px;padding:10px}.matrix-numbers strong,.matrix-numbers span{display:block}.matrix-numbers strong{font-size:18px}.matrix-numbers span{color:#7a879b;text-transform:uppercase;margin-top:2px;font-size:8px}.matrix-bar{background:#dce3ee;border-radius:99px;height:10px;margin:12px 0;overflow:hidden}.matrix-bar span{border-radius:inherit;background:linear-gradient(90deg,#2457f5,#7137ff);height:100%;display:block}.matrix-samples{flex-direction:column;gap:4px;display:flex}.matrix-samples>div{border-bottom:1px solid #e1e7ef;grid-template-columns:1fr auto 68px;align-items:center;gap:10px;padding:5px 0;font-size:8px;display:grid}.matrix-samples code{color:#42516a}.matrix-samples span{color:#7a879b}.matrix-samples b{text-align:center;color:#647187;background:#edf1f6;border-radius:99px;padding:4px 6px}.matrix-samples b[data-variation=treatment]{color:#2457f5;background:#e8edff}.health-list{flex-direction:column;gap:7px;margin:16px 0;display:flex}.health-list>div{color:#7a879b;border:1px solid var(--demo-line);background:#fff;border-radius:9px;align-items:center;gap:8px;padding:9px;font-size:9px;display:flex}.health-list>div span{background:#edf1f6;border-radius:99px;place-items:center;width:18px;height:18px;display:grid}.health-list>div[data-passed=true]{color:#176c53;background:#f4fffa;border-color:#cde8dd}.health-list>div[data-passed=true] span{background:#d9f8ed}.agent-debug-note{color:#a7b5ca;background:#0d1730;border-radius:10px;padding:12px}.agent-debug-note>*{display:block}.agent-debug-note code{color:#83efd0;font-size:9px}.agent-debug-note span{margin-top:5px;font-size:8px;line-height:1.4}@media (max-width:1400px){.guided-workspace{grid-template-columns:minmax(280px,.85fr) minmax(390px,1.15fr)}.guided-results{border-top:1px solid var(--demo-line);grid-column:1/-1}.guided-empty-state{min-height:160px}.guided-demo-head{flex-direction:column;align-items:start}.guided-personas{width:100%;min-width:0}}@media (max-width:1100px){.debugger-inspector{grid-template-columns:1fr 1fr}.debugger-events-panel{border-top:1px solid var(--demo-line);grid-column:1/-1}.debugger-inspector>div:nth-child(2){border-right:0}}@media (max-width:1000px){.demo-grid{grid-template-columns:repeat(2,1fr)}.demo-workspace{grid-template-columns:1fr}.demo-main{padding:38px 28px}.demo-hero,.experiment-stage{grid-template-columns:1fr}.experiment-config{border-right:0;border-bottom:1px solid var(--demo-line)}.playground-lab{grid-template-columns:1fr}.audience-simulator{border-right:0;border-bottom:1px solid var(--demo-line)}}@media (max-width:740px){.demo-header{padding:0 16px}.demo-header-meta span:last-child{display:none}.demo-shell{display:block}.demo-sidebar{display:none}.demo-main{padding:30px 16px 60px}.demo-grid{grid-template-columns:1fr}.demo-hero h1{font-size:42px}.demo-form{grid-template-columns:1fr}.demo-field-wide{grid-column:auto}.guided-demo-head{padding:22px}.guided-personas,.guided-workspace,.developer-workspace{grid-template-columns:1fr}.guided-config,.guided-preview-column{border-right:0;border-bottom:1px solid var(--demo-line)}.guided-preview-column,.guided-config,.guided-results,.developer-inspector{padding:20px}.store-content{grid-template-columns:1fr}.store-art{min-height:145px}.inspector-events{grid-template-columns:1fr}.debugger-mode{width:100%}.debugger-steps{grid-template-columns:1fr 1fr;padding:14px 20px}.debugger-steps li:after{display:none}.playground-toolbar{flex-direction:column;align-items:stretch;padding:12px 20px}.preset-group{grid-template-columns:1fr;display:grid}.preset-group>span{margin-bottom:3px}.preset-group button{width:100%}.playground-actions button{flex:1}.experiment-config,.experiment-preview{padding:20px}.experiment-config .demo-form{grid-template-columns:1fr}.experiment-config .guided-swatches{grid-column:auto}.debugger-inspector{grid-template-columns:1fr}.debugger-inspector>div,.debugger-inspector>div:nth-child(2){border-right:0;border-bottom:1px solid var(--demo-line)}.debugger-events-panel{grid-column:auto}.debugger-code-panel pre{min-height:0}.experiment-preview-head{flex-direction:column}.guided-toggle{width:100%}.guided-toggle button{flex:1}.playground-lab>div{padding:20px}.playground-card-head{flex-direction:column;align-items:stretch}.matrix-samples>div{grid-template-columns:1fr auto}.matrix-samples b{text-align:left;grid-column:1/-1;width:max-content}}.demo-integration{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;margin-bottom:18px;display:grid}.demo-integration-pane{border:1px solid var(--demo-line);background:#fff;border-radius:16px;min-width:0;padding:22px}.demo-integration-pane[data-pane=inspector]{background:#fbfcfe}.demo-integration-pane-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px;display:flex}.demo-integration-pane-head strong{font-size:14px;display:block}.demo-integration-pane-head small{color:#8190a5;margin-top:3px;font-size:10px;display:block}.demo-integration-chip{color:#61708a;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;background:#eef2f8;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:800}.demo-integration-site{border:1px solid #ced7e5;border-radius:13px;overflow:hidden;box-shadow:0 12px 30px #14213d10}.demo-integration-site-bar{background:#f8fafc;border-bottom:1px solid #e5e9f0;align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.demo-integration-site-bar span{background:#dbe2ec;border-radius:99px;width:8px;height:8px}.demo-integration-site-bar b{color:#8592a6;margin-left:8px;font-size:9px;font-weight:600}.demo-integration-site-body{grid-template-columns:40% 60%;min-height:170px;display:grid}.demo-integration-product{text-align:center;color:#ffffffc0;letter-spacing:-.06em;background:radial-gradient(circle at 60% 30%,#a5bcff,#3658a9 48%,#112245);border-radius:8px;place-items:center;margin:13px;font-size:22px;font-weight:900;line-height:1.05;display:grid}.demo-integration-product-copy{align-self:center;padding:18px 18px 18px 4px}.demo-integration-product-copy small{color:#8692a5;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.demo-integration-product-copy h3{letter-spacing:-.04em;margin:8px 0;font-size:18px;line-height:1.05}.demo-integration-product-copy p{color:#59677d;margin:0 0 9px;font-size:11px;line-height:1.5}.demo-integration-product-copy strong{font-size:15px}.demo-integration-cta{width:100%;height:46px;margin-top:18px;font-size:14px}.demo-integration-cta-note{color:#7a879b;margin:9px 0 0;font-size:11px;line-height:1.45}.demo-integration-secondary{border-top:1px solid var(--demo-line);flex-wrap:wrap;gap:7px;margin-top:18px;padding-top:14px;display:flex}.demo-integration-secondary>span{color:#7a879b;text-transform:uppercase;letter-spacing:.07em;width:100%;font-size:9px;font-weight:800}.demo-integration-secondary .demo-button{height:34px;font-size:11px}.demo-integration-waiting{text-align:center;color:#8290a3;border:1px dashed #ccd6e4;border-radius:11px;flex-direction:column;justify-content:center;gap:8px;min-height:230px;padding:22px;font-size:11px;line-height:1.5;display:flex}.demo-integration-waiting strong{color:#59677d;font-size:13px}.demo-integration-verdict{border:1px solid var(--demo-line);background:#fff;border-radius:11px;grid-template-columns:auto 1fr 1fr;align-items:center;gap:14px;padding:13px;display:grid}.demo-integration-verdict>span{color:#fff;background:#98a3b3;border-radius:7px;padding:8px 9px;font-size:10px;font-weight:900}.demo-integration-verdict[data-status=forwarded]>span{background:#087f5b}.demo-integration-verdict[data-status=dropped]>span{background:#b4442f}.demo-integration-verdict small{color:#8793a5;text-transform:uppercase;letter-spacing:.06em;font-size:8px;display:block}.demo-integration-verdict strong{overflow-wrap:anywhere;margin-top:3px;font-size:12px;display:block}.demo-integration-explanation{color:#5b6980;margin:13px 0 0;font-size:12px;line-height:1.55}.demo-integration-payload{margin-top:13px}.demo-integration-payload-head span{color:#7a879b;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800}.demo-integration-payload pre{color:#cde2ff;white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1428;border-radius:10px;max-height:230px;margin:7px 0 0;padding:14px;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.demo-integration-log{border-top:1px solid var(--demo-line);flex-direction:column;gap:5px;max-height:190px;margin-top:16px;padding-top:13px;display:flex;overflow:auto}.demo-integration-log button{text-align:left;border:1px solid var(--demo-line);cursor:pointer;background:#fff;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:10px;display:grid}.demo-integration-log button[data-selected=true]{background:#f3f6ff;border-color:#9db2f8}.demo-integration-log button>span{color:#98a3b3;font-weight:900}.demo-integration-log button[data-status=forwarded]>span{color:#087f5b}.demo-integration-log button[data-status=dropped]>span{color:#b4442f}.demo-integration-log b{overflow-wrap:anywhere}.demo-integration-log small{color:#8390a3;white-space:nowrap}.demo-integration-card-cta{font-weight:800;color:var(--demo-blue)!important;margin-top:10px!important;font-size:12px!important}@media (max-width:1000px){.demo-integration{grid-template-columns:1fr}}