/* Public Automation page: events, decisions and controlled execution. */
:root{--auto-blue:var(--blue,#090979);--auto-orange:var(--orange,#ff6b00);--auto-aa:#b84600;--auto-navy:#05052f;--auto-line:#dde0ed;--auto-copy:#4e5168}
.inner-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}.inner-hero{overflow:hidden;background:radial-gradient(circle at 80% 38%,#2929bd14 0,transparent 38%),linear-gradient(180deg,#fff,#f8f8ff)}
.auto-hero-visual{position:relative;min-width:0;margin:0;padding:22px;border:1px solid #343499;border-radius:25px;background:radial-gradient(circle at 50% 46%,#2525b7 0,#0b0b65 45%,#05052f 85%);color:#fff;box-shadow:0 22px 55px #09097928;overflow:hidden;isolation:isolate}
.auto-hero-visual:before,.auto-workflow-visual:before,.auto-reliable-visual:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.17;background-image:linear-gradient(#8e96f32a 1px,transparent 1px),linear-gradient(90deg,#8e96f32a 1px,transparent 1px);background-size:36px 36px}
.auto-visual-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#e0e4ff;font-size:9px;font-weight:900;letter-spacing:.12em}.auto-visual-head small{color:#ffb681;font-size:8px}
.auto-hero-map{position:relative;height:418px;margin-top:8px}.auto-hero-map>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.auto-line-base path,.auto-line-signal path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.auto-line-base path{stroke:#8b94ec62;stroke-width:1.5}.auto-line-signal path{stroke:var(--auto-orange);stroke-width:3;stroke-dasharray:2 18;animation:auto-signal 9s linear infinite;animation-play-state:paused}.auto-line-signal .auto-route-review{stroke:#ffb37f;animation:auto-signal 9s linear infinite,auto-review-route 16s ease-in-out infinite;animation-play-state:paused}.auto-line-signal .auto-route-continue{stroke:#929bff;animation:auto-signal 9s linear infinite,auto-continue-route 16s ease-in-out infinite;animation-play-state:paused}.auto-hero-visual.is-in-view .auto-line-signal path{animation-play-state:running}
.auto-hero-node{position:absolute;z-index:2;display:grid;justify-items:center;align-content:center;gap:4px;width:184px;min-height:57px;padding:9px;border:1px solid #9098ed66;border-radius:12px;background:#111175ec;box-shadow:0 10px 24px #02022f6b;text-align:center}.auto-hero-node small{color:#c8cefc;font-size:7px;font-weight:900;letter-spacing:.1em}.auto-hero-node strong{color:#fff;font-size:12px;line-height:1.3}.hero-event,.hero-validation,.hero-decision{left:50%;transform:translateX(-50%)}.hero-event{top:2%;background:#b84600;border-color:#ff9d5a}.hero-event small{color:#fff1e6}.hero-validation{top:23%}.hero-decision{top:43%;width:222px;border-color:#ff934b;background:#171781}.hero-decision small{color:#ffb681}.hero-review{left:5%;top:66%;width:156px;background:#4b2747;border-color:#ff985868}.hero-action{right:0;top:66%;width:173px}.hero-task{right:0;top:86%;width:173px}.auto-branch-label{position:absolute;top:59%;z-index:2;padding:4px 7px;border-radius:5px;background:#080847;font-size:7px;font-weight:900;letter-spacing:.06em}.branch-no{left:21%;color:#ffbb8c}.branch-yes{right:18%;color:#d1d6ff}.auto-hero-log{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;padding:11px;border:1px solid #717bd153;border-radius:10px;background:#ffffff08}.auto-hero-log span{color:#ffb681;font-size:8px;font-weight:900;letter-spacing:.1em}.auto-hero-log strong{color:#e0e4fa;font-size:10px}.auto-hero-visual>p{margin:12px 0 0;color:#d9defb;text-align:center;font-size:12px;line-height:1.5}
.auto-heading{margin-bottom:28px}.auto-heading>p{max-width:850px;margin-bottom:0}.auto-showcase-section{background:#fff}
.auto-showcase{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:16px;width:min(1240px,calc(100% - 48px));margin:0 auto}.auto-tabs{display:grid;align-content:start;gap:10px}.auto-tabs button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;min-height:83px;padding:16px 18px;border:1px solid var(--auto-line);border-radius:14px;background:#fff;color:var(--auto-blue);font:inherit;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.auto-tabs button:hover{transform:translateX(3px);border-color:#8c91c8}.auto-tabs button:focus-visible{outline:3px solid var(--auto-orange);outline-offset:3px}.auto-tabs button>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eeeeff;color:var(--auto-blue);font-size:11px;font-weight:900}.auto-tabs strong{font-size:16px;line-height:1.3}.auto-tabs i{font-style:normal}.auto-tab-short{display:none}.auto-tabs button.is-active{background:linear-gradient(135deg,#090979,#1818b4);color:#fff;border-color:#2c2cbb;box-shadow:0 12px 28px #09097922}.auto-tabs button.is-active>span{background:var(--auto-aa);color:#fff}.auto-tabs button.is-active i{color:#ffae76}
.auto-panels{display:grid;min-width:0;border:1px solid #d9dce9;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 18px 44px #09097910}.auto-panel{display:grid;grid-template-rows:1fr auto;gap:23px;min-height:655px;padding:25px}.auto-showcase.is-enhanced .auto-panel{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(9px);transition:opacity .4s ease,transform .4s ease,visibility 0s linear .4s}.auto-showcase.is-enhanced .auto-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.auto-workflow-visual{position:relative;min-width:0;padding:21px;border:1px solid #343499;border-radius:17px;background:radial-gradient(circle at 42% 44%,#2424b2 0,#0b0b63 45%,#05052f);color:#fff;isolation:isolate;overflow:hidden}.auto-workflow{display:grid;grid-template-columns:1fr .85fr;gap:24px;align-items:center;min-height:326px;padding-top:17px}.auto-step-chain{display:grid;gap:14px;margin:0;padding:0;list-style:none}.auto-step-chain li{position:relative;display:grid;grid-template-columns:21px 1fr 7px;align-items:center;gap:7px;min-height:36px;padding:8px 10px;border:1px solid #8992e461;border-radius:9px;background:#101071}.auto-step-chain li:not(:last-child):after{content:"↓";position:absolute;left:50%;bottom:-17px;color:#8290e7;font-size:12px}.auto-step-chain small{color:#aeb8ee;font-size:7px;font-weight:900}.auto-step-chain strong{color:#fff;font-size:10px;line-height:1.3}.auto-step-chain li>span{color:#ff9348;font-size:9px;animation:auto-dot 7s ease-in-out infinite;animation-play-state:paused}.auto-step-chain li:nth-child(2)>span{animation-delay:1s}.auto-step-chain li:nth-child(3)>span{animation-delay:2s}.auto-step-chain li:nth-child(4)>span{animation-delay:3s}.auto-step-chain li:nth-child(5)>span{animation-delay:4s}.auto-step-chain li:nth-child(6)>span{animation-delay:5s}.auto-step-chain .auto-approval{background:#a93d00;border-color:#ff9348}.auto-panels.is-in-view .auto-panel.is-active .auto-step-chain li>span{animation-play-state:running}
.auto-workflow-control{display:grid;gap:15px;padding:18px;border:1px dashed #ff9c5480;border-radius:13px;background:#05053b80}.auto-workflow-control>span{color:#ffbe91;font-size:8px;font-weight:900;letter-spacing:.1em}.auto-workflow-control>strong{color:#fff;font-size:16px;line-height:1.25}.auto-workflow-control>p{margin:0;color:#cbd2f5;font-size:11px}.auto-workflow-chips{display:flex;gap:6px;flex-wrap:wrap}.auto-workflow-chips b{padding:6px;border:1px solid #878fe052;border-radius:6px;background:#17177b;color:#d8ddff;font-size:8px}.auto-workflow-control dl{margin:0}.auto-workflow-control dt{font-size:8px;color:#abb5ed;margin-top:9px}.auto-workflow-control dd{margin:2px 0 0;font-size:10px;color:#fff}.auto-mini-branches{display:grid;gap:9px}.auto-mini-branches b{padding:8px;border-radius:7px;background:#1c1c86;color:#fff;font-size:9px}.auto-mini-branches b:first-child{background:#a93d00}
.auto-panel-copy>span{color:#963900;font-size:9px;font-weight:900;letter-spacing:.11em}.auto-panel-copy h3{margin:10px 0 12px;font-size:26px;line-height:1.12}.auto-panel-copy p{font-size:15px;margin-bottom:0}.auto-panel-copy a,.auto-decision-layout a,.auto-concept-comparison a,.auto-integration-note a{display:inline-flex;align-items:center;min-height:44px;color:var(--auto-blue);font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.auto-panel-copy a:focus-visible,.auto-decision-layout a:focus-visible,.auto-concept-comparison a:focus-visible,.auto-integration-note a:focus-visible{outline:3px solid var(--auto-orange);outline-offset:4px;border-radius:3px}
.auto-decision-section{background:#f6f7fb}.auto-decision-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:stretch}.auto-decision-card,.auto-result-card{padding:27px;border:1px solid var(--auto-line);border-radius:20px;background:#fff;box-shadow:0 15px 36px #0909790b;min-width:0}.auto-decision-layout h3{margin:0 0 12px;font-size:24px}.auto-decision-layout p{font-size:15px}.auto-decision-tree{padding:18px;border:1px solid #daddf0;border-radius:15px;background:#f8f8ff}.auto-tree-start,.auto-tree-end{width:max-content;max-width:100%;margin:0 auto;padding:10px 18px;border-radius:9px;background:#090979;color:#fff;text-align:center;font-size:10px;font-weight:900}.auto-tree-end{background:var(--auto-aa)}.auto-decision-tree ol{display:grid;gap:14px;margin:16px 0;padding:0;list-style:none}.auto-decision-tree li{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.auto-decision-tree li:not(:last-child):after{content:"↓";position:absolute;left:22%;bottom:-17px;color:#999bc0}.auto-decision-tree strong{padding:10px;border:1px solid #b9bddc;border-radius:8px;color:#11116b;text-align:center;font-size:11px;background:#fff}.auto-decision-tree li>span{color:#963900;font-size:8px;font-weight:900;padding-left:9px;border-left:2px solid #ff9348}.auto-card-note{margin:13px 0 4px!important;font-size:12px!important}.auto-result-ledger{margin:25px 0 12px;padding:23px;border:1px solid #373794;border-radius:16px;background:linear-gradient(145deg,#0b0b6c,#05052f);color:#fff}.auto-result-ledger>span{font-size:9px;color:#ffb681;font-weight:900;letter-spacing:.09em}.auto-result-ledger ol{display:grid;gap:12px;margin:21px 0;padding:0;list-style:none}.auto-result-ledger li{display:grid;grid-template-columns:28px 1fr;gap:2px 8px;align-items:center;padding:12px;border:1px solid #747ed153;border-radius:9px;background:#ffffff08;font-size:12px;font-weight:800}.auto-result-ledger li>b{grid-row:1/3;color:#8ee0b5;font-size:21px}.auto-result-ledger li small{color:#b9c2ee;font-size:9px;font-weight:400}.auto-result-ledger li.needs-review>b{color:#ffb681}.auto-result-ledger p{margin:0;color:#ced4f7;font-size:12px}
.auto-reliable-section{background:linear-gradient(145deg,#05052f,#0d0d6b);color:#fff;overflow:hidden}.auto-reliable-section .eyebrow,.auto-reliable-section h2,.auto-reliable-section h3{color:#fff}.auto-reliable-section .auto-heading>p{color:#d7dcf8}.auto-reliable-visual{position:relative;isolation:isolate;min-width:0;padding:25px;border:1px solid #7782d153;border-radius:21px;background:#070744;overflow:hidden}.auto-reliable-chain{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px;padding:0;list-style:none;margin:25px 0}.auto-reliable-chain li{position:relative;z-index:2;min-width:0;min-height:189px;padding:15px 10px;border:1px solid #8e99e966;border-radius:13px;background:#101071;animation:auto-node-glow 14s linear infinite;animation-play-state:paused}.auto-reliable-chain li:not(:last-child):after{content:"→";position:absolute;left:100%;top:45%;width:15px;color:#ff9858;animation:auto-dot 14s linear infinite;animation-play-state:paused}.auto-flow-number{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--auto-aa);color:#fff;font-size:9px;font-weight:900}.auto-reliable-chain h3{font-size:12px;line-height:1.3;margin:16px 0 8px}.auto-reliable-chain p{margin:0;color:#c9d1f5;font-size:10px;line-height:1.5}.auto-node-state{position:relative;display:block;min-height:22px;margin-top:14px;color:#bec9f6;font-size:7px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.auto-node-state span,.auto-node-state b,.auto-node-state i{position:absolute;left:0;top:0;padding:4px 5px;border-radius:5px;background:#252580;font-style:normal;font-weight:850}.auto-node-state b{background:#a93d00;color:#fff;opacity:0;animation:auto-state-processing 14s linear infinite;animation-play-state:paused}.auto-node-state i{background:#154c4c;color:#b4f3d7;opacity:0;animation:auto-state-complete 14s linear infinite;animation-play-state:paused}.auto-node-state span{animation:auto-state-waiting 14s linear infinite;animation-play-state:paused}.auto-reliable-chain li:nth-child(2),.auto-reliable-chain li:nth-child(2) *,.auto-reliable-chain li:nth-child(2):after{animation-delay:1.5s}.auto-reliable-chain li:nth-child(3),.auto-reliable-chain li:nth-child(3) *,.auto-reliable-chain li:nth-child(3):after{animation-delay:3s}.auto-reliable-chain li:nth-child(4),.auto-reliable-chain li:nth-child(4) *,.auto-reliable-chain li:nth-child(4):after{animation-delay:4.5s}.auto-reliable-chain li:nth-child(5),.auto-reliable-chain li:nth-child(5) *,.auto-reliable-chain li:nth-child(5):after{animation-delay:6s}.auto-reliable-chain li:nth-child(6),.auto-reliable-chain li:nth-child(6) *,.auto-reliable-chain li:nth-child(6):after{animation-delay:7.5s}.auto-reliable-chain li:nth-child(7),.auto-reliable-chain li:nth-child(7) *{animation-delay:9s}.auto-reliable-visual.is-in-view .auto-reliable-chain li,.auto-reliable-visual.is-in-view .auto-reliable-chain li:after,.auto-reliable-visual.is-in-view .auto-node-state *{animation-play-state:running}
.auto-validation-fork{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;align-items:center;padding:15px;border:1px solid #8792e24f;border-radius:12px;background:#ffffff08}.auto-validation-fork strong{color:#fff;font-size:10px}.auto-validation-fork span,.auto-validation-fork b{padding:9px;border-radius:8px;background:#9a3900;color:#fff;font-size:9px;text-align:center;font-weight:850}.auto-validation-fork b{background:#25259a}.auto-state-legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:17px;color:#cbd2f5;font-size:9px}.auto-state-legend span:nth-child(2){color:#ffc195}.auto-state-legend span:nth-child(3){color:#a7e8cb}.auto-state-legend span:nth-child(4){color:#ffb681}.auto-concept-comparison{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:14px;margin-top:20px}.auto-concept-comparison article{padding:20px;border:1px solid #7782d14d;border-radius:14px;background:#ffffff08}.auto-concept-comparison article>span{color:#ffb681;font-size:9px;font-weight:900;letter-spacing:.1em}.auto-concept-comparison p{color:#d0d6f6;font-size:14px;margin:10px 0 0}.auto-concept-comparison a,.auto-integration-note a{color:#fff}.auto-integration-note{margin-top:20px;color:#c9d1f4;font-size:13px}.auto-integration-note strong{color:#fff}
.auto-recovery-section{background:#f6f7fb}.auto-recovery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px;align-items:stretch}.auto-error-card,.auto-idempotency,.auto-observability{min-width:0;border-radius:18px;padding:23px;border:1px solid #d8ddec;background:#fff}.auto-error-card{background:linear-gradient(145deg,#0b0b6c,#05052f);color:#fff;border-color:#373794}.auto-error-card dl{display:grid;gap:11px;margin:24px 0 18px}.auto-error-card dl>div{display:grid;grid-template-columns:66px 1fr;gap:9px;align-items:center;padding-bottom:10px;border-bottom:1px solid #8691d639}.auto-error-card dt{color:#acb7e8;font-size:9px}.auto-error-card dd{margin:0;color:#fff;font-size:12px;font-weight:800}.auto-error-card .auto-error-state{color:#ffc296}.auto-error-card .auto-recovered-state{color:#8ce2b7}.auto-error-card p{margin:0;color:#c8d1f1;font-size:12px}.auto-recovery-grid h3{font-size:20px;margin:0 0 18px}.auto-idempotency{display:grid;justify-items:center;align-content:start;text-align:center}.auto-idempotency>div:not(.auto-retry-branches){width:100%;padding:9px;border:1px solid #d6d9e9;border-radius:8px;background:#f6f6fc;font-size:9px;font-weight:850;color:#131366}.auto-idempotency>strong{width:100%;padding:11px;border:1px solid #ff9b58;border-radius:9px;background:#fff3eb;font-size:10px;color:#7f3100}.auto-idempotency>i{font-style:normal;color:#9b9dc0}.auto-retry-branches{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:13px}.auto-retry-branches span{padding:9px;border-radius:8px;background:#090979;color:#fff;font-size:8px;font-weight:850}.auto-idempotency>p{margin:15px 0 0;font-size:11px}.auto-observability>span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#963900}.auto-observability ol{display:grid;gap:0;padding:0;list-style:none;margin:15px 0 0}.auto-observability li{display:grid;grid-template-columns:43px 1fr;gap:3px 7px;align-items:center;padding:12px 0;border-bottom:1px solid #e2e5f0}.auto-observability time{grid-row:1/3;color:#656b89;font-size:10px;font-family:ui-monospace,monospace}.auto-observability b{font-size:11px;color:#11116b}.auto-observability small{font-size:9px;color:#656b89}.auto-observability li:nth-child(3) b,.auto-observability li:nth-child(4) b{color:#963900}
.auto-method-section{background:#fff}.auto-timeline{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.auto-timeline:before,.auto-timeline:after{content:"";position:absolute;left:25px;right:25px;top:26px;height:2px}.auto-timeline:before{background:#d9dcee}.auto-timeline:after{background:#2525be;transform:scaleX(0);transform-origin:left;transition:transform 1.8s ease}.auto-timeline.is-visible:after{transform:scaleX(1)}.auto-timeline li{position:relative;z-index:1}.auto-timeline li>b{display:grid;place-items:center;width:54px;height:54px;border:1px solid #d8dced;border-radius:15px;background:#fff;color:#090979;font-size:12px;transition:background .35s,color .35s}.auto-timeline.is-visible li>b{background:var(--auto-aa);color:#fff;border-color:#d56722}.auto-timeline li:nth-child(2)>b{transition-delay:.25s}.auto-timeline li:nth-child(3)>b{transition-delay:.5s}.auto-timeline li:nth-child(4)>b{transition-delay:.75s}.auto-timeline li:nth-child(5)>b{transition-delay:1s}.auto-timeline h3{font-size:16px;margin:15px 0 7px}.auto-timeline p{font-size:13px;margin:0}
@keyframes auto-signal{to{stroke-dashoffset:-200}}@keyframes auto-dot{0%,100%{opacity:.4;transform:scale(.8)}30%,45%{opacity:1;transform:scale(1.25)}}@keyframes auto-review-route{0%,38%,100%{opacity:.2}45%,67%{opacity:1}}@keyframes auto-continue-route{0%,35%,80%,100%{opacity:1}45%,67%{opacity:.2}}@keyframes auto-node-glow{0%,100%{border-color:#8e99e966;box-shadow:none}7%,16%{border-color:#ff9348;box-shadow:0 0 0 3px #ff6b0014}}@keyframes auto-state-processing{0%,5%,18%,100%{opacity:0}7%,16%{opacity:1}}@keyframes auto-state-complete{0%,17%,100%{opacity:0}19%,90%{opacity:1}}@keyframes auto-state-waiting{0%,5%,94%,100%{opacity:1}7%,90%{opacity:0}}
@media(max-width:1100px){.inner-hero-grid{grid-template-columns:1fr;gap:34px}.auto-hero-visual{width:100%;max-width:720px;margin:0 auto}.auto-showcase{grid-template-columns:300px minmax(0,1fr)}.auto-tabs strong{font-size:14px}.auto-workflow{grid-template-columns:1fr .9fr;gap:13px}.auto-workflow-control{padding:13px}.auto-workflow-control>strong{font-size:14px}.auto-reliable-chain{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.auto-reliable-chain li:nth-child(4):after{display:none}.auto-reliable-chain li{min-height:175px}.auto-recovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auto-observability{grid-column:1/-1}.auto-observability ol{grid-template-columns:repeat(5,1fr);gap:15px}.auto-observability li{display:grid;grid-template-columns:1fr}.auto-observability time{grid-row:auto}}
@media(max-width:850px){.auto-showcase{display:block;width:min(720px,calc(100% - 32px))}.auto-tabs{display:flex;overflow-x:auto;gap:9px;padding:3px 2px 10px;margin:0 -2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}.auto-tabs button{flex:0 0 156px;grid-template-columns:32px 1fr;min-height:62px;padding:10px;scroll-snap-align:center}.auto-tab-long,.auto-tabs i{display:none}.auto-tab-short{display:block}.auto-tabs strong{font-size:12px}.auto-panel{min-height:0;padding:20px}.auto-decision-layout{grid-template-columns:1fr}.auto-reliable-chain{grid-template-columns:1fr}.auto-reliable-chain li{display:grid;grid-template-columns:35px 1fr 90px;align-items:center;gap:3px 12px;min-height:94px;padding:17px}.auto-flow-number{grid-row:1/3}.auto-reliable-chain h3{margin:0;font-size:15px}.auto-reliable-chain p{font-size:12px}.auto-node-state{grid-column:3;grid-row:1/3;margin:0;min-height:21px}.auto-reliable-chain li:not(:last-child):after{content:"↓";display:block;left:50%;top:100%;height:15px}.auto-validation-fork{grid-template-columns:1fr}.auto-concept-comparison{grid-template-columns:1fr}.auto-timeline{grid-template-columns:1fr;gap:16px}.auto-timeline:before,.auto-timeline:after{left:26px;top:10px;bottom:12px;width:2px;height:auto;right:auto}.auto-timeline:after{transform:scaleY(0);transform-origin:top}.auto-timeline.is-visible:after{transform:scaleY(1)}.auto-timeline li{display:grid;grid-template-columns:54px 1fr;gap:5px 17px;align-items:center}.auto-timeline li>b{grid-row:1/3}.auto-timeline h3{margin:0}.auto-timeline p{grid-column:2}.auto-recovery-grid{grid-template-columns:1fr}.auto-observability{grid-column:auto}.auto-observability ol{grid-template-columns:1fr}.auto-observability li{grid-template-columns:43px 1fr}.auto-observability time{grid-row:1/3}}
@media(max-width:540px){.auto-hero-visual{padding:17px 12px;border-radius:20px}.auto-visual-head small{font-size:6px}.auto-visual-head{font-size:7px;letter-spacing:.07em}.auto-hero-map{height:399px}.auto-hero-node{width:156px;min-height:51px}.auto-hero-node strong{font-size:10px}.hero-decision{width:183px}.hero-review{left:0;width:116px}.hero-action,.hero-task{right:0;width:131px}.auto-hero-node small{font-size:6px}.branch-no{left:11%}.branch-yes{right:7%;font-size:6px}.auto-hero-log{gap:7px;padding:10px 7px}.auto-hero-log strong{font-size:8px}.auto-hero-visual>p{font-size:11px}.auto-showcase{width:calc(100% - 24px)}.auto-panel{padding:16px;gap:21px}.auto-workflow-visual{padding:16px}.auto-workflow{grid-template-columns:1fr;gap:23px}.auto-step-chain li{min-height:41px}.auto-step-chain strong{font-size:12px}.auto-workflow-control{padding:17px;gap:12px}.auto-workflow-control>strong{font-size:16px}.auto-workflow-control>p{font-size:12px}.auto-panel-copy h3{font-size:25px}.auto-panel-copy p{font-size:15px}.auto-decision-card,.auto-result-card{padding:21px}.auto-decision-tree{padding:13px}.auto-decision-tree li{grid-template-columns:1fr .95fr;gap:8px}.auto-decision-tree strong{font-size:9px;padding:9px}.auto-decision-tree li>span{font-size:7px}.auto-result-ledger{padding:18px}.auto-reliable-visual{padding:18px}.auto-reliable-chain li{grid-template-columns:29px 1fr;gap:3px 9px;min-height:112px;padding:14px}.auto-reliable-chain h3{font-size:15px}.auto-node-state{grid-column:2;grid-row:3;margin-top:7px}.auto-validation-fork{padding:12px}.auto-state-legend{gap:11px;font-size:8px}.auto-concept-comparison article{padding:18px}.auto-recovery-grid>div{padding:21px}.auto-error-card .auto-visual-head{font-size:9px}.auto-timeline p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.auto-line-signal path,.auto-step-chain li>span,.auto-reliable-chain li,.auto-reliable-chain li:after,.auto-node-state *{animation:none!important}.auto-showcase.is-enhanced .auto-panel{transition:none;transform:none}.auto-tabs button,.auto-timeline:after,.auto-timeline li>b{transition:none}.auto-node-state{display:flex;gap:4px;flex-wrap:wrap;min-height:0}.auto-node-state span,.auto-node-state b,.auto-node-state i{position:static;opacity:1;font-size:6px}.auto-reliable-chain li{min-height:190px}.auto-route-review,.auto-route-continue{opacity:1}}
.hero-review{left:21.54%;transform:translateX(-50%)}.hero-action,.hero-task{left:77.69%;right:auto;transform:translateX(-50%)}.auto-step-chain strong{font-size:12px}.auto-reliable-chain h3{font-size:14px}.auto-reliable-chain p{font-size:12px}.auto-node-state{font-size:8px}
@media(max-width:540px){.hero-review{left:21.54%;width:40%}.hero-action,.hero-task{left:77.69%;right:auto;width:43%}.auto-reliable-chain h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.auto-node-state{display:block;min-height:22px;font-size:8px}.auto-node-state span{position:static;font-size:8px;opacity:1}.auto-node-state b,.auto-node-state i{display:none}}
@media(max-width:850px) and (prefers-reduced-motion:reduce){.auto-reliable-chain li{min-height:112px}}
.auto-motion-toggle{display:block;min-height:44px;margin:9px auto 0;padding:9px 14px;border:1px solid #828fe05c;border-radius:9px;background:#ffffff0a;color:#e2e8ff;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.auto-motion-toggle:hover,.auto-motion-toggle[aria-pressed=true]{background:#292984;border-color:#ff9858}.auto-motion-toggle:focus-visible{outline:3px solid #ff9858;outline-offset:3px}.auto-motion-paused .auto-line-signal path,.auto-motion-paused .auto-step-chain li>span,.auto-motion-paused .auto-reliable-chain li,.auto-motion-paused .auto-reliable-chain li:after,.auto-motion-paused .auto-node-state *{animation-play-state:paused!important}
.auto-motion-control{min-height:53px;display:flow-root}