:root{color-scheme:light;--ink:#17253f;--muted:#4b586c;--paper:#f7f4ed;--blue:#2949df;--blue-soft:#edf0ff;--line:#d2d7e1;--amber:#8c520e}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}a{color:var(--blue);text-underline-offset:4px}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,textarea{border-radius:9px}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:disabled{cursor:default}[hidden]{display:none!important}.skip{position:absolute;top:-90px;left:16px;background:var(--ink);color:white;padding:12px;z-index:9}.skip:focus{top:8px}header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{max-width:1360px;margin:auto;min-height:90px;padding:16px 32px;display:flex;align-items:center;gap:28px}.brand{font-size:31px;letter-spacing:-1.6px;font-weight:800;color:var(--ink);text-decoration:none;line-height:1.1}.brand span{color:var(--blue)}.header-note{font-size:14px;color:var(--muted)}nav{display:flex;margin-left:auto;gap:8px;align-items:center}nav a{padding:12px 14px;min-height:44px;text-decoration:none;color:var(--ink);font-weight:600;border-radius:6px}nav a:hover{background:#e8e6e1}nav .nav-cta{background:var(--ink);color:#fff}nav .nav-cta:hover{background:#294064}.page{max-width:1360px;margin:auto;padding:0 32px}.intro{display:grid;grid-template-columns:1.25fr 1fr;gap:72px;align-items:center;padding:64px 0 54px}.eyebrow{color:var(--blue);font-size:14px;font-weight:750;letter-spacing:.03em;margin:0 0 15px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(36px,4.1vw,59px);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}h1 em{font-style:normal;color:var(--blue)}.lead{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:14px}.intro-detail{font-size:18px;color:var(--muted);margin-bottom:20px}.tagline{font-size:16px;color:var(--muted);margin-bottom:0}.principle{background:var(--ink);color:#fff;border-radius:15px;padding:25px 28px;box-shadow:10px 10px 0 #e5decf;max-width:470px}.note-kicker{display:block;color:#d0d8f0;font-size:16px;padding-bottom:10px}.principle>div{display:flex;gap:15px;padding:17px 0}.principle>div+div{border-top:1px solid #536079}.note-number{font-size:14px;color:#18263e;background:#ffce79;height:28px;min-width:28px;border-radius:50%;display:grid;place-items:center;font-weight:700}.principle p{margin:0;color:#d0d8f0}.principle strong{display:block;margin-top:5px;font-size:19px;color:#fff;font-weight:600;line-height:1.4}.principle .principle-foot{border-top:1px solid #536079;padding-top:15px;font-size:16px}.workspace{background:#fff;border:1px solid #c2c8d4;border-radius:15px;overflow:clip;box-shadow:0 12px 40px #17253f08;scroll-margin-top:20px}.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--ink);color:#fff;padding:20px 28px}.workspace-bar h2{font-size:21px;margin:0;letter-spacing:-.02em}.workspace-bar>span{font-size:16px;color:#d3dbed}.tools-block{padding:26px 28px 28px;border-bottom:1px solid var(--line)}.section-heading h3{font-size:22px;letter-spacing:-.02em;display:flex;align-items:baseline;gap:10px;line-height:1.35;margin-bottom:8px}.section-heading p{margin:0 0 17px;color:var(--muted)}.step-number{font-size:14px;line-height:28px;min-width:28px;background:var(--blue-soft);color:var(--blue);text-align:center;border-radius:50%;align-self:flex-start}.tools{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.tool{min-width:0;border:1px solid var(--line);background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 5px;font-size:15px;font-weight:650;min-height:91px}.tool:hover{border-color:#7b8bd5;background:#f7f8ff}.tool[aria-pressed=true]{border:2px solid var(--blue);background:var(--blue-soft);padding:11px 4px;box-shadow:0 2px 0 var(--blue)}.tool-mark{height:28px;display:grid;place-items:center;min-width:28px;font-size:18px;line-height:1}.tool-mark svg,.tool-mark img{width:28px;height:28px;display:block}.tool-mark:empty{display:none}.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px}.choice-area{padding:28px;min-width:0}.help-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.help-actions button,.text-button{border:0;background:transparent;color:var(--blue);font-weight:650;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px;text-align:left}.help-actions button{padding:8px 12px;background:#f3f5fb;border-radius:7px;text-decoration:none;font-size:16px}.help-actions button:hover,.text-button:hover{background:var(--blue-soft)}.help-actions button[aria-expanded=true]{background:var(--blue);color:#fff}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{display:flex;gap:12px;text-align:left;align-items:center;min-height:78px;padding:14px;border:1px solid #bdc5d5;background:white;color:var(--ink);line-height:1.35}.tile .tile-glyph{color:var(--blue);flex:0 0 29px}.tile-glyph svg{display:block;width:26px;height:26px}.tile strong{font-size:17px;font-weight:650;display:block}.tile small{font-size:14px;color:var(--muted);display:block;margin-top:4px}.tile:hover{border-color:var(--blue);background:#f6f8ff}.tile[aria-pressed=true]{border:2px solid var(--blue);padding:13px;background:var(--blue-soft)}.tile[aria-pressed=true] .choice-check{color:var(--blue)}.choice-check{margin-left:auto;align-self:center;font-size:21px;color:transparent;flex:0 0 17px}.secondary-choice{display:block;border:0;background:none;padding:12px 0;min-height:48px;margin-top:7px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.secondary-choice:hover{color:var(--blue)}.secondary-choice[aria-pressed=true]{font-weight:700;color:var(--blue)}.help-panel{margin:12px 0 24px;background:#eef2ff;border-left:4px solid var(--blue);padding:22px;border-radius:0 9px 9px 0;line-height:1.6}.help-panel h4{font-size:21px;margin:0 0 10px}.help-panel p,.help-panel ol{max-width:64ch}.help-panel li{margin:0 0 10px;padding-left:3px}.help-panel a{overflow-wrap:anywhere}.fictional{padding:12px 15px;background:#fff9ec;border-left:3px solid #b16c17;border-radius:0 6px 6px 0}.symptom-section{padding-top:26px;margin-top:15px;border-top:1px solid var(--line)}.symptom-tiles .tile{min-height:65px}.symptom-tiles .tile strong{font-size:16px}.extras{margin:20px 0;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:13px 0}summary{cursor:pointer;min-height:44px;align-content:center;font-weight:650;padding:7px 0;line-height:1.45}summary span{font-weight:400;color:var(--muted)}details p{margin:10px 0;color:var(--muted);font-size:16px}label{display:block;margin:12px 0 6px;font-weight:650}textarea{font-size:16px;display:block;width:100%;max-width:100%;border:1px solid #a6b1c6;padding:13px;resize:vertical;min-height:100px;background:white;color:var(--ink)}.status-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.status-choices button{border:1px solid var(--line);background:white;color:var(--ink);padding:9px 12px;min-height:44px}.status-choices button[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.next-row{margin-top:25px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.primary-button{min-height:50px;background:var(--blue);color:white;border:0;padding:13px 21px;font-weight:650;box-shadow:0 3px 0 #182f9e}.primary-button:hover{background:#203bbc}.primary-button span{margin-left:15px}.next-row p{font-size:16px;max-width:30ch;color:var(--muted);margin:0}.side-note{background:#f5f6fa;border-left:1px solid var(--line);padding:28px 24px}.aside-kicker{font-weight:650;color:var(--blue);font-size:16px;display:block;margin-bottom:10px}.side-note h3{font-size:23px;line-height:1.3;letter-spacing:-.03em;margin-bottom:14px}.side-note p{color:var(--muted);font-size:16px}.mini-flow{display:flex;flex-wrap:wrap;gap:8px;font-size:15px;align-items:center;margin:22px 0}.mini-flow span{border:1px solid var(--line);border-radius:6px;padding:4px 7px;background:white}.mini-flow b{color:var(--blue)}.scope-small{border-top:1px solid var(--line);padding-top:18px}.public-checker{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.public-checker>a{display:block;line-height:1.4;padding:8px 0;font-weight:650}.public-checker small{font-weight:400;display:block;color:var(--muted);margin-top:6px;font-size:14px}.result{margin-top:28px;border-top:4px solid var(--blue);padding:24px 0 4px;scroll-margin-top:20px}.result-label{font-size:16px;color:var(--blue);font-weight:650;margin-bottom:10px}.result h3{font-size:27px;line-height:1.25;letter-spacing:-.03em;margin-bottom:13px}.result h4{font-size:18px;line-height:1.45}.next-step{background:var(--ink);padding:22px;color:#fff;border-radius:11px;margin:22px 0}.next-step>span{font-size:16px;color:#ffce79;font-weight:650}.next-step h4{font-size:21px;margin:8px 0 16px}.next-step a{display:inline-block;color:#fff;background:#2949df;padding:12px 15px;border-radius:7px;min-height:44px;font-weight:650}.next-step small{font-size:14px;color:#e1e6ff;display:block;font-weight:400}.steps{list-style:none;counter-reset:steps 1;margin:0;padding:0}.steps li{counter-increment:steps;position:relative;padding:0 0 20px 38px;max-width:65ch}.steps li:before{content:counter(steps);position:absolute;top:0;left:0;width:26px;height:26px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);border-radius:50%;font-weight:700;font-size:14px}.destination{border-left:4px solid #b16c17;padding:15px 18px;background:#fff8eb;margin:5px 0 18px}.destination h4{margin-bottom:8px}.destination p{margin-bottom:0}.caution,.scope{color:var(--muted);max-width:65ch;font-size:16px}.scope{padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}#official-sources a,#community-sources a{display:block;padding:7px 0;min-height:44px;overflow-wrap:anywhere}#community-sources article{padding:10px 0}.analogies-section{padding:64px 0 25px}.analogy-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.analogy-heading h2{font-size:33px;letter-spacing:-.035em;line-height:1.18;margin:0}.analogy-heading>p{max-width:33ch;color:var(--muted);margin:0;font-size:18px}.analogies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.analogies article{min-width:0;border-top:2px solid var(--ink);padding-top:18px}.analogies h3{font-size:21px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.analogies h3 span{font-size:14px;color:var(--blue)}.analogies svg{display:block;width:100%;height:auto;margin-bottom:17px}.analogies blockquote{font-size:19px;line-height:1.5;margin:0 0 16px;font-weight:650;max-width:36ch;letter-spacing:-.01em}.analogies article>p{color:var(--muted);font-size:16px;max-width:36ch}.software{display:grid;grid-template-columns:210px 1fr;gap:25px;border-top:1px solid #bfc5cf;margin-top:23px;padding-top:25px;font-size:18px}.software strong{color:var(--blue)}.software p{max-width:72ch;margin:0}.analogy-note{font-size:16px;color:var(--muted);margin-top:17px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:30px 0 calc(30px + env(safe-area-inset-bottom));font-size:16px}footer p{margin:0;color:var(--muted)}footer>a:last-child{margin-left:auto;min-height:44px;align-content:center}noscript p{padding:20px}button,summary{touch-action:manipulation}
@media(min-width:1250px){.tools{gap:12px}.tool{flex-direction:row;justify-content:center;min-height:64px;font-size:15px;gap:7px}.tool-mark svg,.tool-mark img{width:23px;height:23px}}
@media(max-width:1100px){.header-note{display:none}.guide-grid{grid-template-columns:minmax(0,1fr) 260px}.intro{gap:35px}.tools{grid-template-columns:repeat(4,minmax(0,1fr))}.tool{flex-direction:row;justify-content:center;min-height:58px}.tiles{gap:8px}.tile{padding:12px}.tile[aria-pressed=true]{padding:11px}.tile strong{font-size:16px}.choice-area{padding:24px}.side-note{padding:24px 20px}.analogies{gap:14px}.analogies blockquote{font-size:18px}}
@media(max-width:850px){.guide-grid{grid-template-columns:1fr}.side-note{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:26px}.public-checker{border-top:0;border-left:1px solid var(--line);margin:0;padding:0 0 0 26px}.intro{gap:28px;padding-top:45px;grid-template-columns:1.1fr 1fr}.principle{padding:20px}.principle strong{font-size:17px}.lead{font-size:20px}.intro-detail{font-size:17px}.tagline{font-size:16px}.analogy-heading{display:block}.analogy-heading>p{margin-top:15px;max-width:50ch}.analogies{grid-template-columns:1fr}.analogies article{display:grid;grid-template-columns:280px 1fr;column-gap:28px;align-content:start;padding:24px 0 4px}.analogies h3{grid-column:1/-1}.analogies svg{grid-column:1;grid-row:2/4}.analogies blockquote{grid-column:2;grid-row:2;align-self:end}.analogies article>p{grid-column:2;grid-row:3}.software{grid-template-columns:1fr;gap:10px}footer{flex-wrap:wrap}footer p{max-width:40ch}footer>a:last-child{margin-left:0}}
@media(max-width:600px){.page{padding:0 16px}.header-inner{min-height:76px;gap:10px;padding:12px 16px;flex-wrap:wrap}.brand{font-size:27px}nav{gap:3px}nav a{font-size:15px;padding:10px 9px}nav>a:nth-child(2){display:none}nav .nav-cta{padding:10px}.intro{display:block;padding:34px 0 32px}h1{font-size:40px}.lead{font-size:20px}.intro-detail{font-size:18px}.principle{margin-top:27px;max-width:none;box-shadow:5px 5px 0 #e5decf}.principle>div{padding:13px 0}.principle strong{font-size:18px}.workspace-bar{padding:17px 18px;display:block}.workspace-bar h2{font-size:22px;margin-bottom:4px}.workspace-bar>span{font-size:16px}.tools-block{padding:23px 17px}.tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool{font-size:16px;min-height:56px;justify-content:flex-start;padding:11px 13px}.tool[aria-pressed=true]{padding:10px 12px}.section-heading h3{font-size:21px}.choice-area{padding:25px 17px}.tiles{grid-template-columns:1fr}.tile{padding:13px 14px;min-height:65px}.tile[aria-pressed=true]{padding:12px 13px}.tile strong{font-size:17px}.tile small{font-size:15px}.help-actions{gap:6px}.help-actions button{font-size:16px;padding:9px 10px}.help-panel{padding:18px 15px}.help-panel ol{padding-left:23px}.next-row{display:block}.primary-button{width:100%;text-align:center}.next-row p{max-width:none;margin-top:13px}.side-note{display:block;padding:24px 20px}.public-checker{padding:24px 0 0;margin-top:24px;border-left:0;border-top:1px solid var(--line)}.side-note h3{font-size:23px}.mini-flow{margin:16px 0}.result h3{font-size:26px}.next-step{padding:19px 16px}.next-step a{width:100%;font-size:16px}.analogies-section{padding-top:42px}.analogy-heading h2{font-size:29px}.analogies article{display:block;padding-top:19px}.analogies svg{max-width:400px;margin:0 auto 17px}.analogies blockquote{font-size:20px;max-width:38ch}.analogies article>p{max-width:40ch;font-size:17px}.analogies{gap:17px}.software{font-size:17px}footer{display:block;padding-top:24px}footer .brand{display:inline-block;margin-bottom:14px}footer p{margin-bottom:10px}footer>a:last-child{display:inline-block;padding:10px 0}.eyebrow{font-size:14px}.scope-small{margin-bottom:0}}
@media(max-width:360px){nav a{font-size:14px;padding:10px 7px}.header-inner{gap:5px}.brand{font-size:25px}h1{font-size:37px}.page{padding:0 12px}.tools-block,.choice-area{padding-left:14px;padding-right:14px}.tool{font-size:15px;padding-left:10px;gap:7px}.tool[aria-pressed=true]{padding-left:9px}.help-actions button{padding:9px;font-size:16px}.tile strong{font-size:16px}.principle{padding:18px}}

.hero-cta{display:inline-flex;align-items:center;gap:23px;background:var(--blue);color:#fff;text-decoration:none;min-height:50px;padding:12px 20px;border-radius:8px;font-weight:650;margin:0 0 20px;box-shadow:0 3px 0 #182f9e}.hero-cta:hover{background:#203bbc}nav .nav-cta{background:transparent;color:var(--blue)}nav .nav-cta:hover{background:var(--blue-soft)}.selection-strip{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#edf0ff;border-bottom:1px solid #b8c2ec;padding:3px 28px;font-size:16px;box-shadow:0 3px 5px #17253f08}.selection-strip button{min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--blue);font-weight:650}.selection-strip button:hover{text-decoration:underline}.symptom-section,.result,#help-panel{scroll-margin-top:75px}#symptom-title,#result-title,#help-title{scroll-margin-top:78px}@media(max-width:600px){.selection-strip{padding:3px 17px;font-size:16px;gap:7px}.selection-strip button{font-size:15px}.hero-cta{width:100%;justify-content:space-between}.intro{border-bottom:1px solid var(--line);margin-bottom:24px}.intro .tagline{max-width:33ch}}

/* Analogy introduction, scene, quotation and takeaway have distinct levels. */
.analogies-section{margin-top:48px;border-top:1px solid #bac2d0;padding-top:42px}.analogy-heading{display:block;max-width:760px;margin-bottom:32px}.analogy-heading>p{max-width:50ch;margin:15px 0 0;font-size:19px}.analogy-heading h2{max-width:23ch;font-size:36px}.analogies{gap:20px}.analogies article{background:#fff;border:1px solid #c5cbd6;border-top:3px solid var(--ink);border-radius:12px;padding:20px}.analogies h3{margin-bottom:20px}.analogies blockquote{font-size:19px;font-weight:650;margin-bottom:19px}.analogies article>p{padding-top:16px;border-top:1px solid var(--line);margin-bottom:0}.software{margin-top:28px}.intro{border-bottom:0;margin-bottom:0}@media(max-width:850px) and (min-width:601px){.analogies article{grid-template-columns:280px 1fr;padding:22px}.analogies article>p{align-self:start}}@media(max-width:600px){.analogies-section{margin-top:35px;padding-top:31px}.analogy-heading{margin-bottom:24px}.analogy-heading h2{font-size:30px;max-width:20ch}.analogy-heading>p{font-size:18px}.analogies article{padding:17px 14px}.analogies blockquote{font-size:19px}.analogies article>p{font-size:17px}.analogies svg{margin-bottom:21px}}

/* Official marks, unmodified artwork; labels remain visible. */
.tool{flex-direction:row;min-height:74px;gap:7px}.tool-mark{flex:0 0 auto;min-width:0;height:auto}.tool-mark img{width:48px;height:48px;object-fit:contain}.tool-mark svg{width:60px;height:auto;max-height:28px;display:block}.tool[data-tool="n8n"] .tool-mark{padding:4px;background:#17253f;border-radius:5px}.tool[data-tool="n8n"] .tool-mark svg{width:52px;max-height:none}@media(max-width:600px){.tool{padding:10px 8px;min-height:64px;gap:6px;justify-content:flex-start}.tool[aria-pressed=true]{padding:9px 7px}.tool-mark img{width:40px;height:40px}.tool-mark svg{width:48px;max-height:none}.tool[data-tool="n8n"] .tool-mark{padding:3px}.tool[data-tool="n8n"] .tool-mark svg{width:42px}}

/* The supplied Stripe wordmark is itself the visible name; avoid a duplicate. */
.tool[data-tool="Stripe"]{justify-content:center}.tool[data-tool="Stripe"]>span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tool[data-tool="Stripe"] .tool-mark svg{width:64px;max-height:none}@media(max-width:600px){.tool[data-tool="Stripe"] .tool-mark svg{width:56px}}

/* Compact V4: a single staged workspace; no help rail. */
.compact-workspace{--ink:#f6f8ff;--muted:#c3cde0;--blue:#a6bbff;--blue-soft:#20345d;--line:#35435c;background:#0e1522;color:var(--ink);border:1px solid #36435a;border-radius:12px;box-shadow:none;overflow:clip;color-scheme:dark}
.compact-workspace .workspace-bar{background:#0e1522;padding:24px 28px 19px;align-items:center}
.compact-workspace .workspace-kicker{font-size:16px;font-weight:650;color:#a6bbff;margin:0 0 5px}
.compact-workspace .workspace-bar h2{font-size:27px;font-weight:750;line-height:1.2;letter-spacing:-.025em;margin:0}
.compact-workspace .connection-state{display:flex;align-items:center;gap:8px;font-size:16px;color:#c3cde0}
.compact-workspace .connection-state>span{color:#ffcf70;font-size:22px}
.compact-workspace .step-nav{margin:0;padding:0 28px 18px;display:flex;justify-content:flex-start;align-items:stretch;gap:8px;border-bottom:1px solid #35435c}
.compact-workspace .step-nav button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 17px;border:1px solid #45546d;border-radius:5px;background:#121c2c;color:#d9e2f2;font-size:16px;font-weight:700;line-height:1.3}
.compact-workspace .step-nav button>span{font-size:15px;color:#a8b8d3}
.compact-workspace .step-nav button[aria-current=step]{border-color:#a2b8ff;background:#243a68;color:#fff;box-shadow:inset 0 -2px #8faaff}
.compact-workspace .step-nav button[aria-current=step]>span{color:#fff}
.compact-workspace .step-nav button:hover:not(:disabled){background:#25344e;border-color:#a2b8ff}
.compact-workspace .step-nav button:disabled{background:#0e1522;color:#9ba9c0;border-color:#303d52;cursor:not-allowed}
.compact-workspace .selection-strip{position:static;background:#111b2b;border-bottom:1px solid #35435c;box-shadow:none;min-height:48px;padding:0 28px;color:#b7c5dc;font-size:16px}
.compact-workspace .selection-strip strong{margin-left:7px;color:#fff}
.compact-workspace .selection-strip button{color:#afc3ff;min-height:44px;padding:8px 0}
.compact-workspace .guide-grid{display:block}
.compact-workspace .tools-block{padding:24px 28px 4px;border:0}
.compact-workspace .section-heading h3{font-size:23px;font-weight:750;letter-spacing:-.02em;line-height:1.3;margin-bottom:8px}
.compact-workspace .section-heading p{font-size:16px;line-height:1.5;max-width:76ch;color:#c3cde0;margin-bottom:18px}
.compact-workspace .step-number{display:none}
.compact-workspace .tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.compact-workspace .tool{position:relative;flex-direction:row;justify-content:flex-start;align-items:center;min-height:56px;padding:9px 14px;gap:10px;border:1px solid #45546d;border-radius:6px;background:#151f30;color:#f6f8ff;font-size:16px;font-weight:700;line-height:1.3}
.compact-workspace .tool:hover{background:#21314b;border-color:#8299c1}
.compact-workspace .tool[aria-pressed=true]{padding:8px 13px;border:2px solid #a1b8ff;background:#243c6d;box-shadow:none}
.compact-workspace .tool-mark img{width:32px;height:32px}
.compact-workspace .tool-mark svg{width:46px;height:auto;max-height:24px}
.compact-workspace .tool[data-tool="n8n"] .tool-mark{background:#17253f;padding:4px;border-radius:4px}
.compact-workspace .tool[data-tool="n8n"] .tool-mark svg{width:38px;max-height:none}
.compact-workspace .tool[data-tool="Stripe"]{justify-content:flex-start}
.compact-workspace .tool[data-tool="Stripe"] .tool-mark{padding:5px 7px;background:#f7f8fc;border-radius:4px}
.compact-workspace .tool[data-tool="Stripe"] .tool-mark svg{width:45px;max-height:none}
.compact-workspace .tool-footer{padding:16px 28px 25px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.compact-workspace .tool-footer p{font-size:16px;line-height:1.5;color:#c3cde0;max-width:65ch;margin:0}
.compact-workspace .tool-footer .primary-button{flex-shrink:0}
.compact-workspace .choice-area{padding:24px 28px 28px}
.compact-workspace .help-actions{gap:8px;margin-bottom:17px}
.compact-workspace .help-actions button{background:transparent;color:#b7c9ff;border:1px solid #45546d;border-radius:5px;padding:9px 12px;min-height:44px;font-size:16px;font-weight:650}
.compact-workspace .help-actions button:hover{background:#21314b;border-color:#8da5cf}
.compact-workspace .help-actions button[aria-expanded=true]{background:#243c6d;border-color:#a1b8ff;color:#fff}
.compact-workspace .tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.compact-workspace .tile{min-height:64px;padding:11px 12px;gap:10px;background:#151f30;border:1px solid #45546d;color:#f6f8ff;border-radius:6px;line-height:1.35}
.compact-workspace .tile:hover{background:#21314b;border-color:#8299c1}
.compact-workspace .tile[aria-pressed=true]{padding:10px 11px;background:#243c6d;border:2px solid #a1b8ff}
.compact-workspace .tile-glyph{flex-basis:23px;color:#a9bfff}
.compact-workspace .tile-glyph svg{width:23px;height:23px}
.compact-workspace .tile strong{font-size:16px;font-weight:700}
.compact-workspace .tile small{font-size:15px;color:#c3cde0;margin-top:3px}
.compact-workspace .choice-check{flex-basis:12px;font-size:18px}
.compact-workspace .tile[aria-pressed=true] .choice-check{color:#d4dfff}
.compact-workspace .secondary-choice{color:#c3cde0;font-size:16px;min-height:44px;margin-top:5px;padding:9px 0}
.compact-workspace .secondary-choice:hover,.compact-workspace .secondary-choice[aria-pressed=true]{color:#fff}
.compact-workspace .secondary-choice[aria-pressed=true]{text-decoration-thickness:2px;text-decoration-color:#a1b8ff}
.compact-workspace .symptom-section{padding-top:20px;margin-top:13px}
.compact-workspace .symptom-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.compact-workspace .symptom-tiles .tile{min-height:56px}
.compact-workspace .help-panel{background:#192740;color:#f6f8ff;border:1px solid #4d6290;border-left:3px solid #a1b8ff;padding:20px 23px;max-width:none;border-radius:6px;margin:12px 0 20px}
.compact-workspace .help-panel h4{font-size:22px}
.compact-workspace .help-panel p,.compact-workspace .help-panel ol{font-size:16px;max-width:80ch}
.compact-workspace .help-panel a{color:#b7c9ff;font-weight:650}
.compact-workspace .text-button{color:#b7c9ff;padding:10px 0;min-height:44px;font-size:16px}
.compact-workspace .text-button:hover{background:transparent;color:white;text-decoration-thickness:2px}
.compact-workspace .fictional{background:#30291c;color:#fff0ce;border-color:#dfb56e}
.compact-workspace .extras{margin:16px 0}
.compact-workspace details{border-color:#35435c}
.compact-workspace details p{color:#c3cde0;font-size:16px}
.compact-workspace summary{color:#f6f8ff;font-size:16px;min-height:44px}
.compact-workspace summary span{color:#c3cde0}
.compact-workspace .status-choices button{background:#151f30;border:1px solid #45546d;color:#f6f8ff;min-height:44px;font-weight:650;border-radius:5px}
.compact-workspace .status-choices button:hover{background:#21314b}
.compact-workspace .status-choices button[aria-pressed=true]{background:#243c6d;border-color:#a1b8ff;color:#fff}
.compact-workspace textarea{background:#101a2b;border-color:#65748c;color:#fff;font-size:16px}
.compact-workspace textarea::placeholder{color:#aebbd0}
.compact-workspace .next-row{margin-top:20px;gap:16px}
.compact-workspace .primary-button{min-height:46px;background:#3556df;color:white;font-weight:700;font-size:16px;padding:11px 17px;border:1px solid #708aff;border-radius:6px;box-shadow:none;line-height:1.4}
.compact-workspace .primary-button:hover{background:#4669ef;border-color:#b7c9ff}
.compact-workspace .next-row p{max-width:65ch;color:#c3cde0;font-size:16px;line-height:1.5}
.compact-workspace .result{border:0;margin:0;padding:0;max-width:none}
.compact-workspace .result-label{color:#ffcf70;margin-bottom:8px}
.compact-workspace .result h3{font-size:27px;color:#fff}
.compact-workspace #selection-summary{color:#d0dcf0;font-size:16px}
.compact-workspace .next-step{background:#182843;border:1px solid #58709b;border-radius:7px;padding:20px 22px;margin:19px 0}
.compact-workspace .next-step h4{max-width:65ch;font-size:21px}
.compact-workspace .next-step a{background:#3556df;border:1px solid #708aff;min-height:44px;font-size:16px}
.compact-workspace .steps li{max-width:80ch;color:#dbe4f5}
.compact-workspace .steps li:before{color:#e2eaff;background:#2b416d}
.compact-workspace .destination{background:#30291c;border-color:#dfb56e;color:#fff0ce;border-radius:0 6px 6px 0}
.compact-workspace .destination p{max-width:80ch}
.compact-workspace .caution,.compact-workspace .scope{color:#c3cde0;max-width:85ch}
.compact-workspace #official-sources a,.compact-workspace #community-sources a{color:#b7c9ff}
.compact-workspace .workspace-privacy{margin:0;padding:16px 28px;border-top:1px solid #35435c;color:#bac7dc;font-size:16px}
.compact-workspace :is(button,a,summary,textarea,[tabindex="-1"]):focus-visible{outline:3px solid #ffcf70;outline-offset:3px}
.public-checker{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;align-items:start;border:0;border-top:1px solid #c5cbd6;border-bottom:1px solid #c5cbd6;background:transparent;padding:24px 0;margin:30px 0 0}
.public-checker>.aside-kicker{grid-column:1/-1;color:#4b586c;font-size:16px;margin-bottom:7px}
.public-checker h2{font-size:22px;margin-bottom:8px;line-height:1.3}
.public-checker>p:not(.aside-kicker){grid-column:1;max-width:75ch;color:#4b586c;font-size:16px;margin-bottom:8px}
.public-checker>a{grid-column:2;grid-row:2/4;align-self:center;min-height:44px;padding:12px 16px;border:1px solid #9aa8c6;border-radius:6px;font-size:16px;text-decoration:none}
.public-checker>a:hover{background:#edf0ff;border-color:#2949df}
.public-checker small{font-size:15px;color:#4b586c}
.public-checker details{grid-column:1/-1;max-width:80ch;border:0;padding:0}
@media(max-width:1100px){.compact-workspace .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-workspace .symptom-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.compact-workspace .tools{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-workspace .tool-footer{display:block}.compact-workspace .tool-footer p{margin-bottom:16px}.compact-workspace .tool-footer .primary-button{width:auto}.compact-workspace .workspace-bar{align-items:start;flex-direction:column;gap:10px}.public-checker{display:block}.public-checker>a{display:inline-block;margin:9px 0}.public-checker details{margin-top:5px}}
@media(max-width:600px){.compact-workspace .workspace-bar{display:flex;padding:20px 16px 16px}.compact-workspace .workspace-bar h2{font-size:24px}.compact-workspace .step-nav{padding:0 14px 16px;gap:6px;display:grid;grid-template-columns:.8fr 1.35fr 1fr}.compact-workspace .step-nav button{padding:9px 7px;font-size:16px;min-height:54px;gap:5px}.compact-workspace .step-nav button>span{display:none}.compact-workspace .selection-strip{padding:0 16px;gap:8px}.compact-workspace .selection-strip button{font-size:16px}.compact-workspace .tools-block{padding:21px 16px 4px}.compact-workspace .tool-footer{padding:16px 16px 22px}.compact-workspace .tool-footer .primary-button{width:100%}.compact-workspace .tool{font-size:16px;padding:9px 10px;gap:8px;min-height:56px}.compact-workspace .tool[aria-pressed=true]{padding:8px 9px}.compact-workspace .tool-mark img{width:28px;height:28px}.compact-workspace .tool[data-tool="n8n"] .tool-mark svg{width:34px}.compact-workspace .tool[data-tool="Stripe"] .tool-mark svg{width:43px}.compact-workspace .choice-area{padding:21px 16px 24px}.compact-workspace .section-heading h3{font-size:22px}.compact-workspace .tiles,.compact-workspace .symptom-tiles{grid-template-columns:1fr}.compact-workspace .tile{min-height:56px;padding:10px 12px}.compact-workspace .tile[aria-pressed=true]{padding:9px 11px}.compact-workspace .tile strong{font-size:16px}.compact-workspace .tile small{font-size:15px}.compact-workspace .help-actions{gap:6px}.compact-workspace .help-actions button{padding:9px 10px}.compact-workspace .help-panel{padding:17px 15px}.compact-workspace .next-row p{margin-top:12px}.compact-workspace .next-step{padding:17px 16px}.compact-workspace .next-step h4{font-size:20px}.compact-workspace .workspace-privacy{padding:16px}.public-checker{padding:23px 0;margin-top:25px}}
@media(max-width:360px){.compact-workspace .tool{gap:5px;padding-left:8px;padding-right:8px}.compact-workspace .tool[aria-pressed=true]{padding-left:7px;padding-right:7px}.compact-workspace .tool-mark img{width:25px;height:25px}.compact-workspace .step-nav button{padding-left:5px;padding-right:5px}.compact-workspace .tool[data-tool="n8n"] .tool-mark svg{width:30px}}


.compact-workspace .flow-location{position:sticky;top:0;z-index:4;background:#0e1522}.compact-workspace .step-nav{padding-top:12px;padding-bottom:12px}.compact-workspace :is(#symptom-title,#result-title,#help-title,.symptom-section,.result,#help-panel){scroll-margin-top:145px}.compact-workspace .choice-area{scroll-margin-top:135px}@media(max-width:600px){.compact-workspace :is(#symptom-title,#result-title,#help-title,.symptom-section,.result,#help-panel){scroll-margin-top:155px}}

/* Primary Zapier offer: outcome verification, with DIY guidance optional. */
.gate-offer{background:#0e1522;color:#f6f8ff;border:1px solid #45546d;border-radius:12px;padding:32px;scroll-margin-top:20px}
.gate-heading{display:grid;grid-template-columns:1.15fr 1fr;column-gap:60px;align-items:end}
.gate-platform{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:#b7c9ff;margin-bottom:20px}
#gate-zapier-mark img{display:block;width:32px;height:32px}
.gate-heading h2{font-size:clamp(31px,3.2vw,43px);line-height:1.1;letter-spacing:-.035em;margin:0}
.gate-heading>p{font-size:21px;line-height:1.5;color:#d1dcef;margin:0}
.gate-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.gate-flow article{background:#151f30;border:1px solid #45546d;border-radius:7px;padding:21px;min-width:0}
.gate-flow .gate-observation{border-color:#a1b8ff;background:#20345d;box-shadow:inset 0 2px #a1b8ff}
.flow-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #8b9ec1;border-radius:5px;color:#dce6ff;font-weight:750;font-size:16px;margin-bottom:18px}
.gate-observation .flow-icon{background:#3556df;border-color:#a1b8ff;color:white}
.gate-flow h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;font-weight:750;margin-bottom:9px}
.gate-flow p{font-size:17px;color:#c3cde0;margin:0;max-width:34ch}
.gate-results{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.gate-results>span{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;padding:9px 12px;border:1px solid #52617c;border-radius:5px;background:#151f30}
.gate-results b{font-size:20px}
.result-confirmed b{color:#adc3ff}.result-missing b{color:#ffb4a7}.result-uncertain b{color:#ffcf70}
.gate-scope{font-size:16px;color:#b9c6dd;margin:12px 0 0}
.gate-bottom{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:25px;padding-top:24px;border-top:1px solid #35435c}
.gate-bottom h3{font-size:22px;line-height:1.3;margin:0 0 7px}.gate-bottom p{font-size:17px;color:#c3cde0;margin:0;max-width:55ch}
.gate-cta{background:#3556df;color:#fff;text-decoration:none;font-weight:700;font-size:17px;padding:12px 18px;border:1px solid #8fa7ff;border-radius:6px;min-height:46px;flex-shrink:0}
.gate-cta:hover{background:#4669ef}.gate-cta small{display:block;color:#e0e7ff;font-size:15px;font-weight:400;margin-top:3px}.gate-cta>span{margin-left:14px}
.gate-placement{margin-top:18px;padding:0;border:0}.gate-placement summary{font-size:16px;color:#c8d6f5}.gate-placement p{font-size:17px;color:#c3cde0;max-width:85ch}.gate-placement strong{color:white}
.gate-offer :is(a,summary):focus-visible{outline:3px solid #ffcf70;outline-offset:4px}
.advanced-guide{margin-top:20px;border:0;padding:0}.advanced-guide>summary{min-height:48px;font-size:17px;color:#2949df}.advanced-intro{font-size:16px;max-width:75ch;margin:10px 0 18px;color:#4b586c}.advanced-guide .compact-workspace{margin-top:12px}
@media(max-width:800px){.gate-heading{display:block}.gate-heading>p{margin-top:20px;font-size:19px}.gate-flow{grid-template-columns:1fr;gap:10px}.gate-flow article{display:grid;grid-template-columns:32px 1fr;gap:0 15px;padding:18px}.flow-icon{grid-column:1;grid-row:1/3;margin:0}.gate-flow h3,.gate-flow p{grid-column:2}.gate-flow h3{font-size:20px}.gate-flow p{max-width:55ch}.gate-bottom{display:block}.gate-cta{display:inline-block;margin-top:19px}}
@media(max-width:600px){.gate-offer{padding:23px 17px}.gate-platform{margin-bottom:17px}.gate-heading h2{font-size:34px}.gate-flow{margin-top:23px}.gate-flow article{padding:16px 14px;gap:0 12px}.gate-flow h3{font-size:20px}.gate-flow p{font-size:16px}.gate-results{gap:8px}.gate-results>span{font-size:16px;padding:8px 10px}.gate-scope{font-size:16px}.gate-bottom h3{font-size:22px}.gate-cta{width:100%;font-size:17px}.gate-placement p{font-size:16px}}


.compact-workspace #action-title,.compact-workspace .tool{scroll-margin-top:145px}@media(max-width:600px){.compact-workspace #action-title,.compact-workspace .tool{scroll-margin-top:155px}}

/* Uniform, explicit sans-serif typography for the final gate-first surface. */
:root{--ui-font:Arial,Helvetica,"Segoe UI",sans-serif}
body,button,input,textarea,select,summary{font-family:var(--ui-font)}
:is(.gate-offer,.compact-workspace,.advanced-guide,.public-checker),:is(.gate-offer,.compact-workspace,.advanced-guide,.public-checker) :where(h1,h2,h3,h4,p,a,button,summary,li,label,input,textarea,select,span,strong,small,details,blockquote){font-family:var(--ui-font)}
.gate-offer p,.compact-workspace p,.compact-workspace li,.advanced-intro,.public-checker p{font-weight:500}
.gate-offer :is(.gate-heading>p,.gate-flow p,.gate-scope,.gate-bottom p,.gate-placement p){color:#d9e2f2}
.compact-workspace :is(.section-heading p,.tool-footer p,.tile small,.secondary-choice,.next-row p,.workspace-privacy,.caution,.scope,details p){color:#d9e2f2}
.gate-offer small,.compact-workspace small,.compact-workspace .tile small,.compact-workspace .next-step small,.public-checker small{font-size:16px}
.compact-workspace .step-nav button>span,.compact-workspace .steps li:before{font-size:16px}
.gate-offer .gate-scope{font-size:16px;line-height:1.6}
.compact-workspace .help-panel{color:#f6f8ff}
.compact-workspace :is(h2,h3,h4,.tile strong,.tool,.step-nav button),.gate-offer :is(h2,h3){font-weight:700}
.gate-offer .gate-cta small{color:#fff}


/* Requested full and compact Noticer marks. Both links lead to this site's home. */
.brand-full,.brand-compact{display:inline-flex;align-items:center;flex:0 0 auto;min-height:44px;line-height:1;letter-spacing:normal;border-radius:4px}
.brand-full svg{display:block;width:174px;height:44px;overflow:visible}
.brand-compact svg{display:block;width:72px;height:44px;overflow:visible}
header .brand-full{margin-right:0}.header-note{white-space:nowrap}
@media(max-width:600px){.header-inner{align-items:center;gap:8px 16px}.header-inner .brand-full{flex-basis:100%}.header-inner nav{width:100%;margin-left:0;justify-content:space-between;gap:8px}.header-inner nav a{padding:10px 8px}.brand-full svg{width:174px;height:44px}}

@media(max-width:750px){.header-inner{flex-wrap:wrap;gap:8px 16px}.header-inner .brand-full{flex-basis:100%}.header-inner nav{width:100%;margin-left:0;justify-content:space-between}.header-inner nav a{white-space:nowrap}}
/* The hero flows directly to the gate, with no comparison panel or empty grid column. */
.intro{display:block;padding:48px 0 40px}.intro>div{max-width:960px}.intro h1{max-width:22ch}.intro .intro-detail{max-width:60ch}@media(max-width:600px){.intro{padding:34px 0 30px}}
@media(min-width:751px){.intro{text-align:center}.intro>div{margin-inline:auto}.intro h1,.intro .intro-detail{margin-left:auto;margin-right:auto}}

/* Distinct, findable routes for the existing review offer and automated Gate setup. */
header nav .review-offer-link{background:#2949df;color:#fff}
header nav .review-offer-link:hover{background:#203bbb}
.gate-paths{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:26px;padding-top:26px;border-top:1px solid #35435c}
.gate-paths article{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.gate-paths article+article{border-left:1px solid #35435c;padding-left:28px}
.gate-offer .gate-paths .offer-kicker{color:#a9bcff;font-size:16px;font-weight:700;margin:0 0 8px}
.gate-paths h3{font-size:24px;line-height:1.3;margin:0 0 12px}
.gate-offer .gate-paths p{font-size:17px;line-height:1.6;color:#d9e2f2;max-width:51ch;margin:0 0 20px}
.gate-paths strong{color:#fff}
.gate-paths a{margin-top:auto;max-width:100%}
.review-cta{display:inline-flex;align-items:center;gap:20px;min-height:48px;padding:12px 20px;background:#3556df;border:1px solid #8fa7ff;border-radius:6px;color:#fff;text-decoration:none;font-size:17px;font-weight:700}
.review-cta:hover{background:#4669ef}
.gate-paths .gate-cta{background:transparent;border-color:#8091af;white-space:normal;flex-shrink:1}
.gate-paths .gate-cta:hover{background:#23314a}
.gate-demo{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid #35435c}
.gate-demo a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#c8d6ff;font-size:16px;font-weight:700;text-underline-offset:4px}
.gate-demo>span{font-size:16px;color:#c3cde0}
@media(max-width:800px){.gate-paths{grid-template-columns:1fr;gap:24px}.gate-paths article+article{border-left:0;border-top:1px solid #35435c;padding-left:0;padding-top:24px}.gate-paths .gate-cta{margin-top:0}}
@media(max-width:600px){.header-inner nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:8px}.header-inner nav a{display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;font-size:15px;line-height:1.3;padding:10px 8px;min-height:48px}.header-inner nav>a:nth-child(2){display:none}.gate-paths h3{font-size:23px}.gate-paths .gate-cta{width:auto}.gate-demo{display:block}.gate-demo>span{display:block;margin-top:2px}}