@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,Inter,system-ui,sans-serif;color:#111820;background:#fff;font-synthesis:none;--ink: #111820;--muted: #586571;--line: #d8dde1;--soft: #f7f7f5;--orange: #ff4f0a;--orange-soft: #fff3ed;--midnight: #0b1723;--green: #38d86a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#fff}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.site-header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px;padding:0 clamp(24px,3.4vw,58px);border-bottom:1px solid var(--line);background:#fffffff5;position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:9px;font:700 22px/1 Space Grotesk,sans-serif;width:max-content}.brand svg{color:var(--orange);stroke-width:1.5}.site-header nav{display:flex;align-items:center;gap:44px;font-size:15px;font-weight:500}.site-header nav a{padding:10px 0;border-bottom:1px solid transparent}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--orange);border-color:var(--orange);outline:none}.primary,.secondary,.select-control,.rail-button,.menu-button{border:0;cursor:pointer}.primary{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--orange);color:#fff;border-radius:5px;font-size:15px;font-weight:700;box-shadow:0 8px 18px #ff4f0a26;transition:transform .18s ease,background .18s ease}.primary:hover{transform:translateY(-1px);background:#e94200}.primary:focus-visible,.secondary:focus-visible,.rail-button:focus-visible,.select-control:focus-visible{outline:3px solid rgba(255,79,10,.25);outline-offset:2px}.primary:disabled{opacity:.72;cursor:wait;transform:none}.header-action{justify-self:end;min-height:46px}.menu-button{display:none;background:transparent}.hero{min-height:760px;padding:clamp(38px,5vw,78px) clamp(24px,3.4vw,58px) 56px;display:grid;grid-template-columns:minmax(430px,.82fr) minmax(760px,1.5fr);gap:clamp(36px,4vw,72px);align-items:center;max-width:1600px;margin:0 auto}.hero-copy{align-self:center;max-width:470px}.hero-copy h1,.section-shell>h2,.final-cta h2{margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.045em}.hero-copy h1{font-size:clamp(54px,4.4vw,68px);line-height:.98}.hero-copy p{max-width:430px;margin:28px 0 30px;color:var(--muted);font-size:clamp(18px,1.65vw,24px);line-height:1.5}.hero-action{min-width:215px}.builder{display:grid;grid-template-columns:130px minmax(470px,1fr) 184px;min-height:610px;border:1px solid #cfd5d9;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 24px 56px #1118201f}.trigger-rail{background:var(--soft);border-right:1px solid var(--line);padding:26px 0}.rail-button{width:100%;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:transparent;color:var(--ink);border-left:4px solid transparent;font-size:14px;transition:background .18s ease,color .18s ease}.rail-button:hover{background:#fff}.rail-button.active{background:#fff;color:var(--orange);border-color:var(--orange)}.config-panel{padding:30px 34px 28px;min-width:0}.config-heading{display:flex;align-items:center;gap:18px;padding-bottom:23px;border-bottom:1px solid var(--line)}.config-heading>span{width:58px;height:58px;display:grid;place-items:center;color:var(--orange);border:1px solid rgba(255,79,10,.45);border-radius:7px;background:var(--orange-soft)}.config-heading h2{margin:0 0 4px;font:700 29px/1.1 Space Grotesk,sans-serif;letter-spacing:-.03em}.config-heading p{margin:0;color:var(--muted);font-size:14px}.field{margin-top:25px}.field label{display:block;margin-bottom:9px;font-weight:700;font-size:14px}.select-control,.endpoint-row input,.payload-field textarea{width:100%;border:1px solid #cfd6db;border-radius:6px;background:#fff;color:var(--ink)}.select-control{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.endpoint-row{display:grid;grid-template-columns:1fr auto;gap:10px}.endpoint-row input{min-width:0;height:46px;padding:0 13px;border-color:var(--orange);box-shadow:0 0 0 1px #ff4f0a14}.secondary{height:46px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #cfd6db;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap}.secondary:hover{background:var(--soft)}.payload-field textarea{resize:none;padding:14px 16px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#3d4953;background:#fcfcfb}.builder-actions{display:flex;align-items:center;gap:20px;margin-top:24px}.builder-status{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:14px}.builder-status i{width:10px;height:10px;border-radius:50%;background:var(--orange)}.builder-status.active i{animation:pulse 1s infinite}.event-strip{position:relative;color:#fff;background:linear-gradient(150deg,#0d1b28,#09141f);padding:28px 22px;overflow:hidden}.event-strip h3{margin:0;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2);font:600 15px/1.2 Space Grotesk,sans-serif}.signal-line{position:absolute;top:88px;bottom:70px;left:42px;width:2px;border-left:2px dashed rgba(255,79,10,.62)}.signal-line:after{content:"";position:absolute;left:-2px;top:55%;bottom:0;border-left:2px dashed rgba(56,216,106,.65)}.signal-dot{position:absolute;left:-7px;width:12px;height:12px;border-radius:50%;background:var(--green)}.signal-dot.top{top:58px}.signal-dot.bottom{bottom:-1px}.signal-pulse{position:absolute;left:-7px;top:43%;width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 16px 5px #ff4f0a8c}.signal-pulse.active{animation:signalMove 1s ease-in-out infinite alternate}.event{position:absolute;left:26px;right:14px;display:flex;gap:12px;align-items:center}.event.success{top:142px}.event.success>svg{flex:none;padding:4px;width:34px;height:34px;color:var(--green);border:1px solid var(--green);border-radius:50%;background:var(--midnight)}.event div{display:flex;flex-direction:column;gap:3px;font-size:13px}.event time,.event small{color:#bac4cc}.event.success strong{color:var(--green)}.event.waiting{top:57%}.event.waiting>span{width:35px;height:35px;flex:none;border:1px solid #d2d9de;border-radius:50%;background:var(--midnight)}.ready{position:absolute;left:38px;bottom:31px;display:flex;align-items:center;gap:22px;color:var(--green);font-size:13px}.ready i{width:10px;height:10px;border-radius:50%;background:var(--green)}.section-shell{max-width:1440px;margin:0 auto;padding:72px clamp(24px,3.4vw,58px)}.section-shell>h2{font-size:clamp(38px,4vw,58px);line-height:1.05}.benefits{border-top:1px solid var(--line)}.benefit-columns{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit-columns article{min-height:216px;padding:34px 28px 30px 0}.benefit-columns article+article{padding-left:32px;border-left:1px solid var(--line)}.benefit-columns svg{color:var(--orange)}.benefit-columns h3{margin:26px 0 8px;font:700 18px/1.2 Space Grotesk,sans-serif}.benefit-columns p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.signal-flow{border-top:1px solid var(--line)}.flow-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px}.flow-step{min-height:190px;display:grid;grid-template-columns:105px 1fr;gap:20px;align-items:start;position:relative;padding-right:45px}.flow-icon{width:90px;height:90px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;background:#fff;position:relative;z-index:2}.flow-copy{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.flow-copy>span{color:var(--orange);font-weight:700}.flow-copy h3{margin:0;font:700 18px/1.2 Space Grotesk,sans-serif}.flow-copy strong{grid-column:1 / -1;margin:18px 0 8px}.flow-copy p{grid-column:1 / -1;margin:0;color:var(--muted);font-size:14px;line-height:1.55}.connector{position:absolute;height:2px;background:var(--orange);left:86px;right:-4px;top:44px;z-index:1}.connector i{position:absolute;right:30%;top:-7px;width:16px;height:16px;border:3px solid var(--orange);background:#fff;border-radius:50%}.flow-arrow{position:absolute;right:0;top:31px;color:var(--orange)}.event-log{border-top:1px solid var(--line)}.log-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:44px;margin-top:36px}.log-table{border:1px solid var(--line);border-radius:7px;overflow:hidden;box-shadow:0 12px 26px #1118200f}.log-row{min-height:65px;display:grid;grid-template-columns:1.1fr 1.25fr 1fr .7fr;align-items:center;border-top:1px solid var(--line);font-size:14px}.log-row>*{padding:0 18px;min-width:0}.log-head{min-height:48px;color:#fff;background:var(--midnight);border:0;font-weight:600}.trigger-cell{display:flex;align-items:center;gap:11px}.trigger-cell>span{display:flex;min-width:0;flex-direction:column}.trigger-cell small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:flex;align-items:center;gap:8px;color:#188c42;font-weight:600}.status.retried{color:#d95818}.log-notes{padding-left:44px;border-left:1px solid var(--line);display:grid;gap:36px}.log-notes svg{color:var(--orange)}.log-notes h3{margin:14px 0 8px;font:700 18px/1.2 Space Grotesk,sans-serif}.log-notes p{margin:0;color:var(--muted);line-height:1.6}.final-cta{padding:74px 24px 80px;border-top:1px solid var(--line);text-align:center}.final-cta h2{font-size:clamp(42px,5vw,68px)}.final-cta .primary{margin-top:28px;min-width:205px}footer{min-height:92px;padding:24px clamp(24px,3.4vw,58px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;border-top:1px solid var(--line)}footer nav{display:flex;gap:36px;font-size:14px}footer nav a:hover{color:var(--orange)}footer small{justify-self:end;color:var(--muted)}@keyframes pulse{50%{box-shadow:0 0 0 7px #ff4f0a1f}}@keyframes signalMove{to{transform:translateY(36px)}}@media(max-width:1180px){.hero{grid-template-columns:1fr;padding-top:58px}.hero-copy{max-width:650px}.hero-copy h1 br{display:none}.builder{width:100%}.flow-rail{grid-template-columns:1fr;gap:28px}.flow-step{grid-template-columns:96px 1fr;padding-right:0}.connector{inset:82px auto -28px 44px;width:2px;height:auto}.connector i{right:-7px;top:55%}.flow-arrow{display:none}}@media(max-width:820px){.site-header{grid-template-columns:1fr auto;height:70px}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 24px;flex-direction:column;align-items:stretch;gap:4px;background:#fff;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:12px 0}.header-action{display:none}.menu-button{display:inline-flex;padding:8px}.hero{padding:44px 18px;gap:34px}.hero-copy h1{font-size:clamp(48px,15vw,68px)}.builder{grid-template-columns:78px minmax(0,1fr);min-height:640px}.trigger-rail{padding:12px 0}.rail-button{min-height:92px;font-size:12px}.event-strip{display:none}.config-panel{padding:24px 20px}.endpoint-row{grid-template-columns:1fr}.secondary{width:100%;justify-content:center}.benefit-columns{grid-template-columns:1fr 1fr}.benefit-columns article:nth-child(3){border-top:1px solid var(--line);border-left:0;padding-left:0}.benefit-columns article:nth-child(4){border-top:1px solid var(--line)}.log-layout{grid-template-columns:1fr}.log-notes{padding:30px 0 0;border:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr}.log-row{grid-template-columns:1fr 1.2fr .9fr}.log-row>*:last-child{display:none}footer{grid-template-columns:1fr auto}footer nav{display:none}}@media(max-width:520px){.section-shell{padding:58px 18px}.builder{grid-template-columns:1fr}.trigger-rail{display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid var(--line);padding:0}.rail-button{min-height:74px;border-left:0;border-bottom:3px solid transparent;gap:7px}.rail-button svg{width:21px}.config-heading>span{width:48px;height:48px}.config-heading h2{font-size:24px}.builder-actions{align-items:stretch;flex-direction:column}.benefit-columns{grid-template-columns:1fr}.benefit-columns article,.benefit-columns article+article,.benefit-columns article:nth-child(3){min-height:0;padding:26px 0;border-left:0;border-top:1px solid var(--line)}.benefit-columns article:first-child{border-top:0}.flow-step{grid-template-columns:70px 1fr}.flow-icon{width:62px;height:62px}.flow-icon svg{width:28px}.connector{left:30px;top:59px}.log-layout{margin-top:28px}.log-row{grid-template-columns:.8fr 1.2fr;font-size:12px}.log-row>*{padding:0 10px}.log-row>*:nth-child(3){display:none}.log-notes{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer small{justify-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}