@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap";:root{font-family:var(--font-primary);color:#eaf4ff;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#02050d;--bg-raised:#050b17;--panel:#07101fd1;--panel-strong:#091528f0;--panel-soft:#071120a8;--line:#5d8ab738;--line-strong:#70a1d15c;--line-hot:#46e2ff9e;--text:#eaf4ff;--muted:#7590ae;--muted-bright:#9bb2ca;--cyan:#46e2ff;--blue:#4f8cff;--violet:#a875ff;--good:#48e7a1;--amber:#ffc85a;--coral:#ff687d;--danger:var(--coral);--shadow:0 26px 80px #0000006b;--shadow-panel:0 18px 48px #00000057;--radius-sm:6px;--radius-md:9px;--radius-lg:12px;--z-backdrop:0;--z-content:10;--z-header:30;--z-focus:40;--motion-fast:.16s;--motion-base:.24s;--motion-slow:.6s;--ease-out:ease-out;--font-primary:"Rajdhani", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--mono:var(--font-mono);background:#02050d}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% -20%, #4f8cff21, transparent 42%), radial-gradient(circle at 90% 78%, #a875ff14, transparent 30%), var(--bg);min-width:320px;min-height:100dvh;color:var(--text);margin:0;overflow-x:hidden}button,input,select{font:inherit;letter-spacing:0}button,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}code,time{font-family:var(--mono);font-variant-numeric:tabular-nums}code{color:#9fc7e5;overflow-wrap:anywhere;font-size:.69rem}h1,h2{text-wrap:balance}p{text-wrap:pretty}::selection{color:#00141c;background:var(--cyan)}.app-shell{--backdrop-signal:var(--cyan);--backdrop-signal-rgb:70 226 255;--backdrop-secondary:var(--blue);--backdrop-secondary-rgb:79 140 255;isolation:isolate;background:linear-gradient(#02050d2e,#02050db3 76%),0 0;min-width:0;min-height:100dvh;position:relative;overflow:clip}.app-shell:has(.live-demo){--backdrop-signal:var(--cyan);--backdrop-signal-rgb:70 226 255;--backdrop-secondary:var(--good);--backdrop-secondary-rgb:72 231 161}.app-shell:has(.live-demo[data-scenario=security]){--backdrop-signal:var(--coral);--backdrop-signal-rgb:255 104 125;--backdrop-secondary:var(--amber);--backdrop-secondary-rgb:255 200 90}.app-shell:has(.live-demo[data-scenario=recovery]){--backdrop-signal:var(--amber);--backdrop-signal-rgb:255 200 90;--backdrop-secondary:var(--cyan);--backdrop-secondary-rgb:70 226 255}.app-shell:has(.live-demo[data-scenario^=dispute-]){--backdrop-signal:var(--violet);--backdrop-signal-rgb:168 117 255;--backdrop-secondary:var(--cyan);--backdrop-secondary-rgb:70 226 255}.app-shell:has(.interactive-dashboard){--backdrop-signal:var(--blue);--backdrop-signal-rgb:79 140 255;--backdrop-secondary:var(--cyan);--backdrop-secondary-rgb:70 226 255}:is(.app-shell:has(.interactive-dashboard[data-job-state=completed]),.app-shell:has(.interactive-dashboard[data-job-state=settled])){--backdrop-signal:var(--good);--backdrop-signal-rgb:72 231 161}.app-shell:has(.interactive-dashboard[data-job-state*=dispute]){--backdrop-signal:var(--violet);--backdrop-signal-rgb:168 117 255}:is(.app-shell:has(.interactive-dashboard[data-job-state*=cancel]),.app-shell:has(.interactive-dashboard[data-job-state*=reject]),.app-shell:has(.interactive-dashboard[data-job-state=unknown])){--backdrop-signal:var(--coral);--backdrop-signal-rgb:255 104 125}.app{z-index:var(--z-content);min-width:0;min-height:100dvh;position:relative}.network-backdrop{z-index:var(--z-backdrop);pointer-events:none;contain:strict;opacity:.78;position:fixed;inset:0;overflow:hidden}.network-backdrop:after{content:"";background:linear-gradient(180deg, #02050d0d, #02050d85 64%, var(--bg)), radial-gradient(circle at center, transparent 0 34%, #02050d66 88%);position:absolute;inset:0}.network-backdrop-grid{opacity:.32;transform-origin:50% 0;background-image:linear-gradient(rgb(var(--backdrop-signal-rgb) / .12) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--backdrop-signal-rgb) / .12) 1px, transparent 1px);background-size:54px 54px;position:absolute;inset:34% -12% -42%;transform:perspective(620px)rotateX(62deg)scale(1.2);-webkit-mask-image:linear-gradient(#0000,#000 18% 64%,#0000);mask-image:linear-gradient(#0000,#000 18% 64%,#0000)}.network-topology{opacity:.42;width:104%;height:82%;animation:18s ease-in-out infinite alternate topology-drift;position:absolute;inset:4% -2% auto;overflow:visible}.topology-path{fill:none;stroke:rgb(var(--backdrop-signal-rgb) / .26);stroke-width:1.1px;vector-effect:non-scaling-stroke}.topology-path-secondary{stroke:rgb(var(--backdrop-secondary-rgb) / .22)}.topology-path-tertiary{stroke:rgb(var(--backdrop-signal-rgb) / .15);stroke-dasharray:6 12}.topology-node{border:1px solid rgb(var(--backdrop-signal-rgb) / .52);background:rgb(var(--backdrop-signal-rgb) / .16);box-shadow:0 0 0 5px rgb(var(--backdrop-signal-rgb) / .035), 0 0 18px rgb(var(--backdrop-signal-rgb) / .32);border-radius:50%;animation:4.2s ease-in-out infinite topology-node-pulse;display:block;position:absolute}.network-orbit{border:1px solid rgb(var(--backdrop-secondary-rgb) / .15);opacity:.45;border-radius:50%;animation:30s linear infinite orbit-rotate;position:absolute}.network-orbit:before,.network-orbit:after{content:"";background:var(--backdrop-secondary);width:7px;height:7px;box-shadow:0 0 16px rgb(var(--backdrop-secondary-rgb) / .64);border-radius:50%;position:absolute;top:50%}.network-orbit:before{left:-4px}.network-orbit:after{right:-4px}.network-orbit-a{width:43vw;height:43vw;top:5%;right:-9%}.network-orbit-b{border-color:rgb(var(--backdrop-signal-rgb) / .13);width:48vw;height:48vw;animation-duration:36s;animation-direction:reverse;bottom:-28%;left:-12%}.network-signal{opacity:0;background:linear-gradient(90deg, transparent, var(--backdrop-signal), transparent);width:26vw;height:1px;box-shadow:0 0 10px rgb(var(--backdrop-signal-rgb) / .62);animation:8s ease-in-out infinite backdrop-signal;position:absolute}.network-signal-a{top:28%;left:-30vw;transform:rotate(13deg)}.network-signal-b{animation-direction:reverse;animation-delay:-3.6s;bottom:25%;right:-30vw;transform:rotate(-18deg)}@keyframes topology-drift{0%{opacity:.34;transform:translate(-.7%,-.4%)scale(1)}to{opacity:.5;transform:translate(.8%,.6%)scale(1.012)}}@keyframes topology-node-pulse{0%,to{opacity:.28;transform:scale(.82)}50%{opacity:.78;transform:scale(1)}}@keyframes orbit-rotate{to{transform:rotate(360deg)}}@keyframes backdrop-signal{0%{opacity:0;transform:translate(0,0)rotate(13deg)scaleX(.45)}18%{opacity:.62}62%{opacity:.22}to{opacity:0;transform:translate(150vw)rotate(13deg)scaleX(1)}}.network-signal-b{animation-name:backdrop-signal-reverse}@keyframes backdrop-signal-reverse{0%{opacity:0;transform:translate(0,0)rotate(-18deg)scaleX(.45)}18%{opacity:.52}to{opacity:0;transform:translate(-150vw)rotate(-18deg)scaleX(1)}}.header{z-index:var(--z-header);min-width:0;min-height:68px;padding:max(10px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) 10px max(28px, env(safe-area-inset-left));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(118%);backdrop-filter:blur(16px)saturate(118%);background:#030914e0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 12px 40px #00000047}.header:after{content:"";opacity:.72;background:linear-gradient(90deg, transparent, var(--cyan), transparent);height:1px;position:absolute;bottom:-1px;left:4%;right:4%}.brand,.header-actions,.network,.connect,.service-status,.receipt-verified{align-items:center;display:flex}.brand{gap:11px;min-width:0}.brand-mark{object-fit:contain;background:#101010;border:1px solid #46e2ffbd;border-radius:8px;flex:none;width:38px;height:38px;display:grid;box-shadow:0 0 18px #00d99214}.header-brand-copy,.brand>div{gap:2px;min-width:0;display:grid}.brand strong{color:var(--text);font-size:.86rem;line-height:1.2}.brand span:last-child{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;overflow:hidden}.header-actions{gap:12px;min-width:0}.network,.header-telemetry{border-right:1px solid var(--line);color:var(--muted-bright);font-family:var(--mono);white-space:nowrap;gap:8px;padding-right:16px;font-size:.68rem}.network svg,.header-telemetry svg{color:var(--cyan)}.network i,.header-telemetry i,.dependency i{background:var(--good);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 12px #48e7a1b8}button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:#c0d4e9;min-height:40px;transition:border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), opacity var(--motion-fast) var(--ease-out);background:#0e1f36e6;padding:9px 13px;font-size:.74rem;font-weight:700;position:relative}button:hover:not(:disabled){border-color:var(--line-hot);color:#fff;background-color:#132c4af5;box-shadow:inset 0 1px #ffffff0a,inset 3px 0 #46e2ff6b}button:active:not(:disabled){background-color:#081a2ffa;box-shadow:inset 0 0 0 1px #46e2ff33}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{z-index:var(--z-focus);outline:2px solid var(--cyan);outline-offset:3px;position:relative}button:disabled{opacity:.38;filter:saturate(.4)}.primary{background:linear-gradient(135deg, #46e2fff5, #4f8cffe0), var(--cyan);color:#02101d;border-color:#46e2ffc7;box-shadow:0 10px 28px #1fa9dc33}.primary:hover:not(:disabled){background-color:var(--cyan);color:#001019;box-shadow:inset 3px 0 #ffffff6b,0 10px 32px #46e2ff38}.connect{min-height:42px;color:var(--text);white-space:nowrap;background:#0c2542eb;justify-content:center;gap:8px}.mode-switch,.mode-switch-track{border:1px solid var(--line-strong);background:#050e1beb;border-radius:9px;grid-template-columns:1fr 1fr;min-width:0;padding:3px;display:grid;box-shadow:inset 0 0 18px #0000003d}.mode-switch button,.mode-switch-track button{min-height:36px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:flex}.mode-switch button:hover:not(:disabled),.mode-switch-track button:hover:not(:disabled){box-shadow:none;background:#19314e8a;border:0}.mode-switch button.active,.mode-switch-track button.active{color:var(--text);background:#193a5cf0;box-shadow:inset 0 0 0 1px #46e2ff47,0 0 18px #46e2ff14}main{width:min(100%,1600px);min-width:0;margin:0 auto;padding:30px clamp(18px,2.4vw,38px) 44px}.intro{justify-content:space-between;align-items:flex-end;gap:28px;min-width:0;margin-bottom:24px;display:flex}.intro>div,.interactive-summary,.job-state{min-width:0}.intro h1{color:var(--text);margin:0 0 8px;font-size:clamp(2rem,3vw,2.75rem);line-height:1.05}.intro p{max-width:680px;color:var(--muted-bright);margin:0;font-size:.86rem;line-height:1.65}.interactive-summary{flex:none;align-items:center;gap:18px;display:flex}.job-state{border-left:1px solid var(--line);gap:4px;min-width:210px;padding-left:22px;display:grid}.job-state span,.panel-title span,label,.receipt-grid span,.hash-row span,.metric span,.stage-sequence>span:first-child,.stage-system,.stage-result span,.stage-live-value span,.release2-links>div span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:.62rem;font-weight:500;line-height:1.35}.job-state strong{color:var(--cyan);font-size:1rem}.job-state code{text-overflow:ellipsis;white-space:nowrap;max-width:240px;display:block;overflow:hidden}.interactive-dashboard{--job-signal:var(--cyan)}.interactive-dashboard[data-job-state=completed],.interactive-dashboard[data-job-state=settled]{--job-signal:var(--good)}.interactive-dashboard[data-job-state*=dispute]{--job-signal:var(--violet)}.interactive-dashboard[data-job-state*=cancel],.interactive-dashboard[data-job-state*=reject],.interactive-dashboard[data-job-state=unknown]{--job-signal:var(--coral)}.interactive-dashboard .job-state strong{color:var(--job-signal)}.interactive-dashboard[data-busy] .job-state{border-color:color-mix(in srgb, var(--job-signal) 54%, transparent)}.interactive-console,.workspace,.workspace>*,.panel,.panel>*,.form-grid>*,.step>*,.receipt-grid>*{min-width:0}.workspace{grid-template-columns:minmax(270px,.72fr) minmax(420px,1.42fr) minmax(250px,.68fr);align-items:start;gap:14px;display:grid}.panel,.demo-stage-panel,.demo-event-log,.release2-links,.dependency-strip,.protocol-flow,.demo-metrics{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg, #ffffff05, transparent 26%), var(--panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel,.demo-event-log,.release2-links,.demo-metrics,.dependency-strip,.protocol-flow{overflow:hidden}.panel{position:relative}.panel:before,.demo-stage-panel:before,.demo-event-log:before,.release2-links:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000,#46e2ff70,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.panel>*,.demo-stage-panel>*,.demo-event-log>*,.release2-links>*{z-index:1;position:relative}.panel-title{border-bottom:1px solid var(--line);background:#030b1752;gap:5px;padding:17px 18px;display:grid}.panel-title b{color:var(--text);font-size:.93rem}.form-panel{padding-bottom:15px}.form-panel>label,.form-grid{margin:14px 15px 0}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}label{gap:7px;display:grid}input,select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;min-width:0;min-height:42px;color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums;transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);background:#020811d6;outline:none;font-size:.75rem}input{padding:10px 11px}select{padding:0 34px 0 10px}input:hover,select:hover{border-color:#46e2ff70}input:focus,select:focus{border-color:var(--line-hot);background-color:#040f1cf5;box-shadow:0 0 0 3px #46e2ff1a}.action-stack{gap:8px;margin:16px 15px 0;display:grid}.action-stack button{text-align:left;width:100%;min-height:42px;padding:11px 12px}.timeline{padding:8px 18px 12px}.step{--step-signal:var(--muted);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:74px;display:grid;position:relative}.step[data-step-state=complete]{--step-signal:var(--good)}.step[data-step-state=active]{--step-signal:var(--cyan)}.step:not(:last-child):before{content:"";z-index:0;background:var(--line);width:1px;position:absolute;top:49px;bottom:-24px;left:15px}.step[data-step-state=complete]:not(:last-child):before{background:color-mix(in srgb, var(--good) 70%, transparent);box-shadow:0 0 8px #48e7a13d}.step-node{z-index:1;border:1px solid color-mix(in srgb, var(--step-signal) 58%, var(--line));width:31px;height:31px;color:var(--step-signal);font-family:var(--mono);background:#071425;border-radius:50%;place-items:center;font-size:.68rem;display:grid;position:relative;box-shadow:0 0 0 4px #02050dd1}.step[data-step-state=complete] .step-node{background:#48e7a124}.step[data-step-state=active] .step-node{background:#46e2ff1c;box-shadow:0 0 0 4px #02050dd1,0 0 18px #46e2ff33}.step[data-step-state=active] .step-signal{animation:1.8s ease-in-out infinite step-signal-pulse}@keyframes step-signal-pulse{0%,to{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}.step-copy{gap:3px;min-width:0;display:grid}.step-copy strong{color:#d8e8f7;font-size:.8rem}.step-copy span{color:var(--muted);font-size:.69rem;line-height:1.45}.step-copy code{max-width:100%;color:var(--step-signal);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.step button{align-items:center;gap:6px;min-height:38px;padding:7px 10px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.network-rail{padding-bottom:14px}.service-status{color:var(--good);background:#09302b80;border:1px solid #48e7a152;border-radius:8px;gap:10px;margin:14px;padding:12px}.service-status div{min-width:0;display:grid}.service-status strong{color:#c9f7e4;font-size:.72rem}.service-status span{color:#8fc7b4;font-size:.64rem;line-height:1.4}.address-list{display:grid}.address-list a{color:#a9bed7;min-width:0;min-height:42px;transition:color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);border-top:1px solid #5d8ab726;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:7px;padding:9px 15px;font-size:.69rem;text-decoration:none;display:grid}.address-list a:hover{color:var(--cyan);background-color:#0c2239c7}.address-list a span,.address-list a code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.boundary{background:#060e1bcc;border:1px solid #a875ff24;border-radius:8px;margin:14px 14px 0;padding:13px}.boundary strong{color:#c2d3e6;font-size:.72rem}.boundary p{color:var(--muted);margin:7px 0 0;font-size:.66rem;line-height:1.65}.receipt{margin-top:14px}.receipt[data-receipt-state=verified]{border-color:#48e7a161}.receipt[data-receipt-state=mismatch]{border-color:#ff687d80}.receipt-empty{min-height:110px;color:var(--muted);text-align:center;place-items:center;padding:24px;font-size:.76rem;display:grid}.receipt-verified{color:var(--good);gap:12px;padding:18px}.receipt[data-receipt-state=mismatch] .receipt-verified{color:var(--coral)}.receipt-verified div{min-width:0;display:grid}.receipt-verified strong{color:currentColor;font-size:.82rem}.receipt-verified span{color:var(--muted);font-size:.66rem;line-height:1.45}.receipt-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.receipt-grid div{border-right:1px solid var(--line);gap:6px;min-width:0;padding:15px 18px;display:grid}.receipt-grid div:last-child{border-right:0}.receipt-grid strong{color:#dce9f7;font-family:var(--mono);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.hash-row{border-top:1px solid #5d8ab71f;grid-template-columns:80px minmax(0,1fr);gap:10px;min-width:0;padding:10px 18px;display:grid}.hash-row code{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;user-select:text;max-width:100%;display:block;overflow:hidden}.error{color:#ffd6dc;background:#3e0f1ec7;border:1px solid #ff687d7a;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:14px;padding:12px 15px;font-size:.76rem;line-height:1.5;display:flex}.error strong{color:var(--coral);flex:none}.error span{overflow-wrap:anywhere;color:#eeb4bd;-webkit-user-select:text;user-select:text;min-width:0}.setup{text-align:center;place-content:center;min-height:calc(100dvh - 68px);display:grid}.setup h1{margin-bottom:10px;font-size:clamp(1.9rem,4vw,2.4rem)}.setup p{color:var(--coral)}.live-demo{--scenario-signal:var(--cyan);gap:14px;padding-top:25px;display:grid}.live-demo[data-scenario=happy]{--scenario-signal:var(--good)}.live-demo[data-scenario=security]{--scenario-signal:var(--coral)}.live-demo[data-scenario=recovery]{--scenario-signal:var(--amber)}.live-demo[data-scenario^=dispute-]{--scenario-signal:var(--violet)}.demo-command-bar{justify-content:space-between;align-items:flex-end;gap:28px;min-width:0;padding:4px 0 12px;display:flex}.demo-command-bar>div:first-child{min-width:0}.demo-kicker{color:var(--scenario-signal);font-family:var(--mono);text-transform:uppercase;margin-bottom:8px;font-size:.65rem;font-weight:500;line-height:1.4;display:block}.demo-command-bar h1{color:var(--text);margin:0 0 8px;font-size:clamp(2rem,3vw,2.8rem);line-height:1.08}.demo-command-bar p{max-width:740px;color:var(--muted-bright);margin:0;font-size:.83rem;line-height:1.65}.demo-controls{flex:none;align-items:center;gap:8px;min-width:0;display:flex}.demo-playback,.speed-control,.scenario-control{min-height:42px}.demo-playback{justify-content:center;align-items:center;gap:7px;min-width:100px;display:flex}.speed-control,.scenario-control{border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-width:0;color:var(--muted-bright);background:#09192ceb;grid-template-columns:auto auto minmax(72px,1fr);grid-auto-flow:column;align-items:center;gap:7px;padding:0 5px 0 11px;display:grid}.speed-control>svg,.scenario-control>svg{color:var(--scenario-signal)}.speed-control span,.scenario-control span{color:var(--muted-bright);font-family:var(--font-primary);text-transform:none;font-size:.69rem;font-weight:600}.speed-control select,.scenario-control select{width:auto;min-width:0;height:32px;min-height:32px;color:var(--text);background:#122b48e6;border:0;padding:0 25px 0 8px;font-size:.67rem}.scenario-control select{max-width:184px}.demo-cinematic-core{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--scenario-signal) 8%, transparent), transparent 46%), #02070f6b;min-width:0;box-shadow:inset 0 0 60px #030f1d6b, var(--shadow);border:1px solid #46e2ff1a;gap:12px;padding:12px;display:grid;position:relative}.dependency-strip{min-height:44px;box-shadow:none;align-items:stretch;display:flex}.dependency{border-right:1px solid var(--line);flex:160px;align-items:center;gap:8px;min-width:145px;padding:0 15px;display:flex}.dependency span{color:#a8bad0;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;font-size:.69rem;overflow:hidden}.dependency strong{color:var(--good);font-family:var(--mono);text-transform:uppercase;margin-left:auto;font-size:.58rem;font-weight:500}.dependency.is-degraded i{background:var(--amber);box-shadow:0 0 10px #ffc85aad}.dependency.is-degraded strong{color:var(--amber)}.refresh-demo{border:0;border-left:1px solid var(--line);background:0 0;border-radius:0;flex:none;place-items:center;width:43px;min-width:43px;min-height:43px;margin-left:auto;padding:0;display:grid}.refresh-demo:hover:not(:disabled){border-color:var(--line);box-shadow:inset 2px 0 var(--scenario-signal);background-color:#122b48b3}.demo-warning{border-radius:var(--radius-sm);color:#ffe0a1;background:#382a0ab8;border:1px solid #ffc85a6b;padding:11px 13px;font-size:.7rem;line-height:1.5}.protocol-flow{background:linear-gradient(180deg, #040d1adb, #081527c7), var(--panel);min-width:0;box-shadow:none;grid-template-columns:repeat(6,minmax(108px,1fr));margin:0;padding:24px 22px 20px;list-style:none;display:grid}.flow-stage{color:#5e7892;justify-items:center;gap:10px;min-width:0;display:grid;position:relative}.flow-node{z-index:2;color:currentColor;background:#09182b;border:1px solid #34516e;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative;box-shadow:0 0 0 6px #02070fd1}.flow-node-ring,.flow-node-pulse{opacity:0;pointer-events:none;border:1px solid;border-radius:50%;position:absolute;inset:-6px}.flow-node-pulse{inset:-12px}.flow-label{text-align:center;gap:3px;width:100%;min-width:0;display:grid}.flow-label span{color:#66819d;font-family:var(--mono);font-size:.58rem}.flow-label strong{color:#829ab2;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.7rem;overflow:hidden}.flow-connector{z-index:1;background:#5d8ab733;height:2px;position:absolute;top:22px;left:calc(50% + 23px);right:calc(23px - 50%);overflow:hidden;transform:translateZ(0)}.flow-connector i{transform-origin:0;background:currentColor;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scaleX(0)}.flow-signal{z-index:2;opacity:0;background:currentColor;border-radius:50%;width:18px;height:6px;position:absolute;top:-2px;left:-18px;box-shadow:0 0 12px}.flow-stage.is-complete{color:var(--good)}.flow-stage.is-complete .flow-node{color:var(--good);background:#08251f;border-color:#48e7a18f}.flow-stage.is-complete .flow-label strong{color:#a8ddc8}.flow-stage.is-complete .flow-connector i{transform:scaleX(1)}.flow-stage.is-active{color:var(--scenario-signal)}.flow-stage.is-active .flow-node{background:color-mix(in srgb, currentColor 15%, #071321);color:currentColor;box-shadow:0 0 0 6px #02070fd1, 0 0 22px color-mix(in srgb, currentColor 28%, transparent);border-color:currentColor}.flow-stage.is-active .flow-node-ring{opacity:.62;animation:2.2s ease-in-out infinite node-ring}.flow-stage.is-active .flow-node-pulse{animation:2.2s ease-out infinite node-pulse}.flow-stage.is-active .flow-label strong{color:var(--text)}.flow-stage.is-active .flow-connector i{animation:7.5s linear forwards connector-progress}.flow-stage.is-active .flow-signal{animation:2.4s ease-in-out infinite connector-signal}.protocol-flow.is-paused .flow-connector i,.protocol-flow.is-paused .flow-signal,.protocol-flow.is-paused .flow-node-ring,.protocol-flow.is-paused .flow-node-pulse{animation-play-state:paused}@keyframes connector-progress{to{transform:scaleX(1)}}@keyframes connector-signal{0%{opacity:0;transform:translate(0)scaleX(.5)}20%{opacity:.95}to{opacity:0;transform:translate(800%)scaleX(1)}}@keyframes node-ring{0%,to{opacity:.34;transform:scale(.92)}50%{opacity:.74;transform:scale(1.05)}}@keyframes node-pulse{0%{opacity:.52;transform:scale(.72)}to{opacity:0;transform:scale(1.35)}}.tone-cyan{color:var(--cyan)}.tone-blue{color:var(--blue)}.tone-violet{color:var(--violet)}.tone-amber{color:var(--amber)}.tone-coral{color:var(--coral)}.tone-green{color:var(--good)}.demo-stage-panel{border-color:color-mix(in srgb, var(--scenario-signal) 30%, var(--line));border-left:3px solid var(--scenario-signal);background:linear-gradient(90deg, color-mix(in srgb, var(--scenario-signal) 6%, transparent), transparent 34%), var(--panel-strong);min-width:0;animation:stage-reveal var(--motion-slow) var(--ease-out);gap:17px;padding:19px 20px;display:grid;position:relative;overflow:hidden}.demo-stage-panel:before{background:linear-gradient(90deg, transparent, var(--scenario-signal), transparent)}@keyframes stage-reveal{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stage-sequence{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.stage-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.scenario-name,.simulation-badge,.stage-live{font-family:var(--mono);text-transform:uppercase;border-radius:5px;font-size:.57rem;font-weight:500}.scenario-name,.simulation-badge{border:1px solid color-mix(in srgb, var(--scenario-signal) 42%, var(--line));background:color-mix(in srgb, var(--scenario-signal) 8%, #050e1be6);color:color-mix(in srgb, var(--scenario-signal) 72%, white);padding:4px 7px}.simulation-badge{color:#ffdf9f;background:#362809ad;border-color:#ffc85a66}.stage-live{color:var(--good);align-items:center;gap:6px;display:flex}.stage-main{grid-template-columns:minmax(220px,1fr) 50px minmax(250px,1fr);align-items:center;gap:20px;min-width:0;display:grid}.stage-copy,.stage-result,.stage-result>div{min-width:0}.stage-main h2{color:var(--text);margin:5px 0 7px;font-size:clamp(1.35rem,2vw,1.65rem);line-height:1.2}.stage-main p{color:var(--muted-bright);margin:0;font-size:.8rem;line-height:1.6}.stage-arrow{color:var(--scenario-signal);justify-self:center}.stage-result,.stage-result-copy{border-left:1px solid var(--line);align-items:flex-start;gap:10px;padding-left:20px;display:flex}.stage-result>svg,.stage-result-copy>svg{color:var(--scenario-signal);flex:none}.stage-result div,.stage-result-copy div{gap:5px;display:grid}.stage-result strong,.stage-result-copy strong{color:#dceaf7;font-size:.8rem;line-height:1.5}.stage-live-value,.stage-evidence{border-top:1px solid var(--line);grid-template-columns:190px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding-top:12px;display:grid}.stage-live-value code,.stage-live-value a,.stage-evidence code,.stage-evidence a{color:#add2eb;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;user-select:text;min-width:0;max-width:100%;text-decoration:none;display:block;overflow:hidden}.stage-live-value a:hover code,.stage-evidence a:hover code{color:var(--cyan)}.demo-metrics{min-width:0;box-shadow:var(--shadow-panel);grid-template-columns:repeat(6,minmax(0,1fr)) 100px;display:grid}.metric{border-right:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:9px;min-width:0;min-height:78px;padding:12px 14px;display:grid}.metric svg{color:var(--scenario-signal);grid-row:1/4}.metric strong{color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.metric small{color:#617d99;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:.56rem;overflow:hidden}.metric.loop-count{text-align:center;border-right:0;flex-direction:column;justify-content:center;align-items:center;display:flex}.metric.loop-count strong{color:var(--scenario-signal)}.demo-lower-grid{grid-template-columns:minmax(0,1.62fr) minmax(250px,.58fr);gap:14px;min-width:0;display:grid}.demo-event-log,.release2-links{min-width:0;position:relative}.event-log-heading{border-bottom:1px solid var(--line);background:#030b174d;align-items:center;gap:9px;min-height:44px;padding:0 14px;display:flex}.event-log-heading svg{color:var(--scenario-signal)}.event-log-heading strong{color:#dce9f6;font-size:.75rem}.event-log-heading span{color:var(--muted);font-family:var(--mono);margin-left:auto;font-size:.6rem}.event-list{height:170px;overflow:hidden}.event-row{min-width:0;min-height:34px;animation:event-enter .26s var(--ease-out);border-bottom:1px solid #5d8ab71c;grid-template-columns:72px 8px 145px minmax(0,1fr);align-items:center;gap:9px;padding:0 14px;display:grid}.event-row time{color:#66809a;font-size:.58rem}.event-row i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.event-row strong,.event-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-row strong{color:#bfd2e5;font-size:.65rem}.event-row span{color:#718aa4;font-size:.64rem}.event-row[data-tone=success]{color:var(--good)}.event-row[data-tone=warning]{color:var(--amber)}.event-row[data-tone=info]{color:var(--cyan)}@keyframes event-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.release2-links>div{gap:4px;min-height:59px;padding:12px 14px;display:grid}.release2-links>div strong{color:#dce9f6;font-size:.76rem}.release2-links a{border-top:1px solid var(--line);color:#91a9c2;min-height:40px;font-family:var(--mono);transition:color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);justify-content:space-between;align-items:center;padding:0 14px;font-size:.62rem;text-decoration:none;display:flex}.release2-links a:hover{color:var(--cyan);background-color:#0c2239b8}@media (width<=1180px){.workspace{grid-template-columns:minmax(260px,.82fr) minmax(390px,1.18fr)}.network-rail{grid-column:1/-1}.address-list{grid-template-columns:repeat(3,minmax(0,1fr))}.protocol-flow{grid-template-columns:repeat(6,minmax(102px,1fr));padding-left:14px;padding-right:14px}.flow-label strong{font-size:.65rem}.demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr)) 94px}.metric.loop-count{grid-area:1/4/3}.demo-lower-grid{grid-template-columns:1fr}.event-list{height:144px}.scenario-control select{max-width:158px}}@media (width<=920px){.header{padding-left:16px;padding-right:16px}.network,.header-telemetry{gap:5px;padding-right:10px;font-size:.6rem}.demo-command-bar{align-items:start;gap:16px;display:grid}.demo-controls{width:100%}.scenario-control{flex:1}.scenario-control select{width:100%;max-width:none}.protocol-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 0}.flow-stage:nth-child(3) .flow-connector{display:none}.flow-stage:nth-child(n+4) .flow-connector{top:22px}.stage-main{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}}@media (width<=760px){body{background:radial-gradient(circle at 50% -10%, #4f8cff1a, transparent 38%), var(--bg)}.network-backdrop{opacity:.42}.network-backdrop-grid{background-size:42px 42px;inset:44% -45% -30%}.network-topology{opacity:.24;width:168%;height:58%;inset:8% -34% auto}.topology-node:nth-of-type(n+8),.network-orbit-b,.network-signal-b{display:none}.network-orbit-a{width:85vw;height:85vw;top:12%;right:-42%}.header{min-height:66px;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));gap:10px}.brand{gap:8px}.brand-mark{width:34px;height:34px}.brand span:last-child{display:none}.header-actions{flex:1;justify-content:flex-end;gap:5px}.network,.header-telemetry{gap:4px;padding-right:7px;font-size:0}.network:after,.header-telemetry:after{content:"Atlantic";font-family:var(--mono);font-size:.56rem}.mode-switch,.mode-switch-track{width:min(100%,228px)}.mode-switch button,.mode-switch-track button{min-width:0;min-height:38px;padding:0 8px;font-size:.65rem}main{padding:20px 12px max(30px, env(safe-area-inset-bottom))}.intro{align-items:start;gap:18px;display:grid}.intro h1,.demo-command-bar h1{font-size:clamp(1.75rem,8.5vw,2.15rem)}.interactive-summary{align-items:start;width:100%;display:grid}.connect{width:100%}.job-state{border-top:1px solid var(--line);border-left:0;min-width:0;padding:12px 0 0}.job-state code{max-width:100%}input,select,.speed-control select,.scenario-control select{font-size:16px}.workspace{grid-template-columns:minmax(0,1fr)}.network-rail{grid-column:auto}.address-list,.form-grid{grid-template-columns:1fr}.step{grid-template-columns:32px minmax(0,1fr);padding:5px 0}.step button{grid-column:2;width:max-content;min-width:108px}.receipt-grid{grid-template-columns:1fr 1fr}.receipt-grid div:nth-child(2){border-right:0}.receipt-grid div:nth-child(n+3){border-top:1px solid var(--line)}.hash-row{grid-template-columns:62px minmax(0,1fr)}.error{gap:5px;display:grid}.live-demo,.demo-command-bar,.demo-command-bar>div,.demo-controls,.demo-cinematic-core,.scenario-control,.speed-control,.protocol-flow,.demo-stage-panel,.demo-metrics,.demo-lower-grid{min-width:0;max-width:100%}.demo-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.demo-playback,.speed-control{width:100%}.scenario-control{grid-column:1/-1;width:100%}.scenario-control select,.speed-control select{width:100%;min-width:0;max-width:none}.demo-cinematic-core{padding:8px}.dependency-strip{grid-template-columns:1fr 1fr;display:grid}.dependency{border-bottom:1px solid var(--line);min-width:0;min-height:40px;padding:0 10px}.dependency:nth-child(2n){border-right:0}.dependency span{font-size:.63rem}.refresh-demo{z-index:2;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel-strong);width:40px;min-width:40px;min-height:40px;position:absolute;top:8px;right:8px}.dependency:last-of-type{padding-right:46px}.protocol-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px;padding:18px 12px}.flow-connector{display:none}.flow-label strong{white-space:normal;overflow:visible}.stage-sequence{align-items:flex-start}.stage-badges{justify-content:flex-end}.stage-live{font-size:0}.stage-live svg{width:14px;height:14px}.stage-main{grid-template-columns:minmax(0,1fr);gap:13px}.stage-arrow{display:none}.stage-result,.stage-result-copy{border-top:1px solid var(--line);border-left:0;padding:13px 0 0}.stage-live-value,.stage-evidence{grid-template-columns:minmax(0,1fr);gap:6px}.stage-live-value code,.stage-live-value a,.stage-evidence code,.stage-evidence a{white-space:normal;overflow-wrap:anywhere;overflow:visible}.demo-metrics{grid-template-columns:1fr 1fr}.metric{min-height:72px}.metric:nth-child(2n){border-right:0}.metric.loop-count{grid-area:auto}.event-log-heading span{display:none}.event-row{grid-template-columns:60px 7px 92px minmax(0,1fr);padding:0 10px}}@media (width<=430px){.header{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.header-actions{display:contents}.brand{grid-area:1/1}.network,.header-telemetry{border-right:0;grid-area:1/2;padding-right:0}.header-brand-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(52vw,180px);overflow:hidden}.mode-switch,.mode-switch-track{grid-area:2/1/auto/-1;width:100%}.mode-switch button,.mode-switch-track button{gap:5px;padding:0 6px;font-size:.65rem}.demo-controls{grid-template-columns:1fr}.scenario-control{grid-column:auto}.dependency-strip{grid-template-columns:1fr}.dependency{border-right:0}.dependency:last-of-type{padding-right:52px}.receipt-grid{grid-template-columns:1fr}.receipt-grid div,.receipt-grid div:nth-child(2){border-right:0}.receipt-grid div:nth-child(n+2){border-top:1px solid var(--line)}.event-row{grid-template-columns:56px 7px minmax(0,1fr);grid-template-areas:"time dot title"". .detail";row-gap:2px;min-height:44px;padding-top:5px;padding-bottom:5px}.event-row time{grid-area:time}.event-row i{grid-area:dot}.event-row strong{grid-area:title}.event-row span{white-space:normal;overflow-wrap:anywhere;grid-area:detail;min-width:0;display:block}}@media (width<=360px){.header-brand-copy{display:grid}.header-brand-copy strong{max-width:160px}.mode-switch,.mode-switch-track{width:100%}}@media (prefers-reduced-transparency:reduce){.header,.panel,.demo-stage-panel,.demo-event-log,.release2-links,.dependency-strip,.protocol-flow,.demo-metrics{background:var(--bg-raised);-webkit-backdrop-filter:none;backdrop-filter:none}.network-backdrop{opacity:.26}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.network-signal,.flow-signal,.flow-node-pulse,.flow-node-ring,.step-signal,.protocol-route-segment{animation:none!important}.network-signal,.flow-signal,.flow-node-pulse{display:none}.network-topology,.topology-node,.network-orbit{transform:none;animation:none!important}}.header{min-height:54px;padding-top:max(7px, env(safe-area-inset-top));background:#02070fe6;padding-bottom:7px}.brand-mark{border-radius:3px;width:31px;height:31px}.header-brand-copy span{display:none}.live-demo,.interactive-dashboard{width:min(100%,1720px);padding-top:18px}.demo-command-bar{grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr);align-items:end;gap:48px;padding:4px 0 18px;display:grid}.demo-command-copy{border-left:2px solid var(--scenario-signal);padding-left:18px;position:relative}.demo-command-copy:after{content:"";background:var(--text);width:2px;height:34%;box-shadow:0 0 18px var(--scenario-signal);position:absolute;bottom:0;left:-2px}.demo-command-bar h1{letter-spacing:-.045em;max-width:720px;font-size:clamp(2.1rem,3.25vw,3.55rem);font-weight:700;line-height:.98}.demo-command-bar p{max-width:590px}.demo-controls{border-bottom:1px solid var(--line-strong);background:#030a15cc;border-radius:0;justify-self:end;width:min(100%,720px)}.demo-playback,.scenario-control,.speed-control{border-radius:0}.demo-command-workspace{grid-template-columns:224px minmax(0,1fr);gap:12px;min-width:0;min-height:610px;display:grid}.demo-telemetry-rail{grid-template-rows:auto 1fr;gap:10px;min-width:0;display:grid}.demo-telemetry-rail .dependency-strip{box-shadow:none;background:#030a14e6;border-radius:0;grid-template-columns:1fr;display:grid;position:relative}.demo-telemetry-rail .dependency{border-right:0;border-bottom:1px solid var(--line);min-height:48px;padding:0 12px}.demo-telemetry-rail .dependency:last-of-type{padding-right:48px}.demo-telemetry-rail .refresh-demo{border-radius:0;width:38px;min-width:38px;min-height:38px;position:absolute;bottom:4px;right:4px}.demo-telemetry-rail .demo-metrics{box-shadow:none;background:#030a14d1;border-radius:0;grid-template-columns:1fr;align-content:start;display:grid}.demo-telemetry-rail .metric{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:18px minmax(0,1fr) auto;min-height:58px;padding:9px 11px}.demo-telemetry-rail .metric strong{grid-area:1/3;font-size:.78rem}.demo-telemetry-rail .metric small{grid-area:2/2/auto/4}.demo-telemetry-rail .metric.loop-count{grid-column:auto;grid-template-columns:1fr auto}.demo-cinematic-core{border-color:color-mix(in srgb, var(--scenario-signal) 32%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--scenario-signal) 5%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--scenario-signal) 5%, transparent) 1px, transparent 1px), radial-gradient(circle at 46% 48%, color-mix(in srgb, var(--scenario-signal) 13%, transparent), transparent 37%), #02070fd1;background-size:42px 42px,42px 42px,auto,auto;border-radius:0;min-height:610px;padding:34px 32px 30px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #00000080}.demo-cinematic-core:before,.demo-cinematic-core:after{content:"";pointer-events:none;width:92px;height:92px;position:absolute}.demo-cinematic-core:before{border-top:1px solid var(--scenario-signal);border-left:1px solid var(--scenario-signal);top:12px;left:12px}.demo-cinematic-core:after{border-right:1px solid var(--scenario-signal);border-bottom:1px solid var(--scenario-signal);bottom:12px;right:12px}.canvas-coordinate{z-index:3;color:var(--scenario-signal);font-family:var(--mono);letter-spacing:.14em;font-size:.58rem;position:absolute}.canvas-coordinate-nw{top:18px;left:24px}.canvas-coordinate-se{bottom:18px;right:24px}.protocol-canvas{grid-template-columns:minmax(430px,1.15fr) minmax(360px,.85fr);align-items:center;gap:clamp(24px,4vw,72px);min-height:540px;display:grid}.protocol-canvas .protocol-flow{min-height:480px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,minmax(150px,1fr));gap:26px 72px;padding:26px;display:grid;position:relative;overflow:visible}.protocol-route-layer{z-index:0;pointer-events:none;position:absolute;inset:0}.protocol-route{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.protocol-route-tablet,.protocol-route-mobile{display:none}.protocol-route-segment{fill:none;stroke:#5d8ab757;stroke-width:1px;stroke-linecap:square}.protocol-route-segment.is-complete{stroke:#48e7a1c2}.protocol-route-segment.is-active{stroke:var(--scenario-signal);stroke-dasharray:5 7;filter:drop-shadow(0 0 4px var(--scenario-signal));animation:1.8s linear infinite route-signal}@keyframes route-signal{to{stroke-dashoffset:-24px}}.protocol-canvas .flow-stage{justify-content:center;align-items:flex-start;min-height:120px}.protocol-canvas .flow-node{border-radius:4px;width:58px;height:58px;transform:rotate(45deg)}.protocol-canvas .flow-node svg{transform:rotate(-45deg)}.protocol-canvas .flow-node-ring,.protocol-canvas .flow-node-pulse{border-radius:6px}.protocol-canvas .flow-label{text-align:left;align-items:flex-start}.protocol-canvas .flow-label strong{white-space:normal}.protocol-canvas .demo-stage-panel{background:#050e1bf0;border-width:1px 1px 1px 4px;border-radius:0;align-self:center;min-height:360px;padding:24px;box-shadow:-32px 0 80px #0006}.protocol-canvas .stage-main{grid-template-columns:1fr;align-content:center}.protocol-canvas .stage-arrow{display:none}.protocol-canvas .stage-copy h2{font-size:clamp(1.8rem,2.8vw,3.1rem);line-height:.98}.protocol-canvas .stage-result{border-top:1px solid var(--line);border-left:0;padding:18px 0 0}.demo-warning{z-index:5;max-width:520px;position:absolute;top:18px;left:auto;right:24px}.demo-lower-grid{grid-template-columns:minmax(0,1fr) 270px;align-items:stretch;min-height:180px}.demo-event-log,.release2-links{box-shadow:none;border-radius:0}.event-list{max-height:132px;overflow:auto}.interactive-command-hero{border-bottom:1px solid var(--line);align-items:center;margin-bottom:16px;padding:12px 0 18px}.interactive-command-copy{grid-template-columns:minmax(320px,.7fr) minmax(360px,1fr);align-items:end;gap:34px;display:grid}.interactive-command-copy h1{letter-spacing:-.055em;max-width:520px;margin:0;font-size:clamp(2.5rem,4vw,4.4rem);line-height:.92}.interactive-console{grid-template-columns:minmax(260px,.72fr) minmax(520px,1.55fr) minmax(270px,.73fr);align-items:start;gap:12px;min-width:0;display:grid}.interactive-action-rail,.interactive-evidence-rail{gap:12px;min-width:0;display:grid}.interactive-console .panel{box-shadow:none;border-radius:0}.interactive-action-rail .panel-title,.interactive-evidence-rail .panel-title{padding:13px 14px}.interactive-action-rail .form-grid{grid-template-columns:1fr}.interactive-action-rail .action-stack button{text-align:left;border-radius:0;justify-content:flex-start;min-height:44px}.interactive-action-rail .network-rail{font-size:.68rem}.interactive-route{border:1px solid color-mix(in srgb, var(--job-signal) 32%, var(--line));background:linear-gradient(90deg, #4f8cff0b 1px, transparent 1px), linear-gradient(#4f8cff0b 1px, transparent 1px), radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--job-signal) 9%, transparent), transparent 42%), #020811db;background-size:38px 38px,38px 38px,auto,auto;min-width:0;min-height:720px;padding:20px 26px 28px;position:relative}.interactive-route:before{content:"LIFECYCLE ROUTE / ATLANTIC 688689";color:var(--job-signal);font-family:var(--mono);letter-spacing:.13em;margin-bottom:18px;font-size:.58rem;display:block}.interactive-route .lifecycle{background:0 0;border:0}.interactive-route .panel-title{background:0 0;padding:0 0 18px}.interactive-route .panel-title b{font-size:1.25rem}.interactive-route .timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 42px;padding:0;display:grid}.interactive-route .step{border-top:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) auto;min-height:132px;padding:16px 0}.interactive-route .step:nth-child(2n){transform:translateY(56px)}.interactive-route .step-node:after{height:calc(100% + 58px)}.interactive-route .step button{border-radius:0;min-width:82px}.interactive-evidence-rail .receipt{min-height:430px;margin-top:0;position:sticky;top:68px}.interactive-evidence-rail .receipt-empty{background:linear-gradient(135deg, transparent 49%, var(--line) 50%, transparent 51%) center / 34px 34px;min-height:340px;padding:32px 24px}.interactive-evidence-rail .receipt-grid{grid-template-columns:1fr 1fr}.interactive-evidence-rail .receipt-grid div:nth-child(2){border-right:0}.interactive-evidence-rail .receipt-grid div:nth-child(n+3){border-top:1px solid var(--line)}@media (width<=1180px){.demo-command-bar{grid-template-columns:1fr;gap:20px}.demo-controls{justify-self:stretch;width:100%}.demo-command-workspace{grid-template-columns:190px minmax(0,1fr)}.protocol-canvas{grid-template-columns:1fr;align-items:start}.protocol-canvas .protocol-flow{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,minmax(120px,1fr));min-height:300px}.protocol-route-desktop{display:none}.protocol-route-tablet{display:block}.protocol-canvas .flow-stage:nth-child(2n){transform:none}.protocol-canvas .demo-stage-panel{min-height:280px}.interactive-command-copy{grid-template-columns:1fr;gap:12px}.interactive-console{grid-template-columns:250px minmax(0,1fr)}.interactive-evidence-rail{grid-column:1/-1}.interactive-evidence-rail .receipt{min-height:0;position:static}}@media (width<=760px){.demo-command-bar h1,.interactive-command-copy h1{font-size:clamp(1.85rem,8.2vw,2.45rem)}.demo-command-workspace,.interactive-console{grid-template-columns:1fr}.demo-cinematic-core{grid-row:1}.demo-telemetry-rail{grid-row:2;grid-template-rows:auto auto;grid-template-columns:1fr}.demo-telemetry-rail .dependency-strip,.demo-telemetry-rail .demo-metrics{grid-template-columns:repeat(2,1fr)}.demo-telemetry-rail .metric:nth-child(odd){border-right:1px solid var(--line)}.demo-cinematic-core{min-height:0;padding:28px 14px 24px}.protocol-canvas{min-height:0}.protocol-canvas .protocol-flow{grid-row:2;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;min-height:420px;padding:24px 8px 12px}.protocol-canvas .flow-stage{min-height:110px}.protocol-canvas .flow-connector,.protocol-route-tablet{display:none}.protocol-route-mobile{display:block}.protocol-canvas .demo-stage-panel{grid-row:1;min-height:0;padding:18px}.demo-lower-grid{grid-template-columns:1fr}.interactive-command-hero{align-items:stretch;display:grid}.interactive-summary{justify-content:space-between}.interactive-action-rail{grid-row:1}.interactive-route{grid-row:2;min-height:0;padding:18px 14px 24px}.interactive-evidence-rail{grid-area:3}.interactive-route .timeline{grid-template-columns:1fr;gap:0}.interactive-route .step,.interactive-route .step:nth-child(2n){min-height:104px;transform:none}}@media (width<=430px){.network:after,.header-telemetry:after{content:"ATL"}.live-demo,.interactive-dashboard{padding-top:14px}.demo-command-copy{padding-left:12px}.demo-command-bar h1,.interactive-command-copy h1{font-size:2.05rem}.demo-controls{border:1px solid var(--line)}.demo-telemetry-rail .demo-metrics{grid-template-columns:1fr 1fr}.demo-telemetry-rail .metric{grid-template-columns:16px minmax(0,1fr)}.demo-telemetry-rail .metric strong{grid-area:2/2}.demo-telemetry-rail .metric small{display:none}.protocol-canvas .flow-node{width:50px;height:50px}.protocol-canvas .flow-label strong{font-size:.66rem}.stage-badges{justify-content:flex-start}.interactive-summary{width:100%;display:grid}.job-state{border-top:1px solid var(--line);border-left:0;padding:12px 0 0}.interactive-route .step{grid-template-columns:36px minmax(0,1fr)}.interactive-route .step button{grid-column:2;width:100%}}:root{font-family:var(--font-primary);--bg:#101010;--bg-raised:#151515;--panel:#101010;--panel-strong:#101010;--panel-soft:#1a1a1a;--line:#3d3a39;--line-strong:#bdbdbd38;--line-hot:#00d992;--text:#f2f2f2;--muted:#8b949e;--muted-bright:#bdbdbd;--cyan:#00d992;--blue:#2fd6a1;--violet:#00d992;--good:#00d992;--amber:#e7b955;--coral:#ff6b72;--shadow:none;--shadow-panel:none;--radius-sm:6px;--radius-md:8px;--radius-lg:8px;--mono:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;background:#101010}body{background:var(--bg)}.app-shell{--backdrop-signal:var(--good);--backdrop-signal-rgb:0 217 146;--backdrop-secondary:var(--good);--backdrop-secondary-rgb:47 214 161}.network-backdrop{opacity:.22}.network-backdrop:before{background:linear-gradient(180deg, #1010102e, #101010ad 70%, var(--bg)), radial-gradient(circle at center, transparent 0 34%, #10101094 88%)}.header{border-bottom:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#101010f5}.header:after{background:linear-gradient(90deg, transparent, var(--good), transparent);opacity:.72}.brand-mark{border-color:var(--good);box-shadow:none;background:#101010}.header-brand-copy strong,.brand strong{letter-spacing:-.01em;font-weight:600}.header-brand-copy span,.brand span:last-child,.header-telemetry{color:var(--muted-bright)}button,input,select,.connect{border-color:var(--line);color:var(--text);box-shadow:none;background:#101010;font-weight:600}button:hover:not(:disabled),.connect:hover:not(:disabled){border-color:var(--good);box-shadow:none;background-color:#151515}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-color:var(--good)}.connect,button.primary,.mode-switch button.active,.mode-switch-track button.active,.mode-switch button.active:hover:not(:disabled),.mode-switch-track button.active:hover:not(:disabled){border-color:var(--good);background:var(--good);color:#101010;box-shadow:none}.mode-switch,.mode-switch-track,.demo-controls{border-color:var(--line);box-shadow:none;background:#101010}.panel,.demo-stage-panel,.demo-event-log,.release2-links,.dependency-strip,.protocol-flow,.demo-metrics,.demo-cinematic-core,.interactive-route,.interactive-action-rail,.interactive-evidence-rail .receipt{border-color:var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#101010}.panel:before,.demo-stage-panel:before,.demo-event-log:before,.release2-links:before{background:linear-gradient(90deg,#0000,#00d992a6,#0000)}.panel-title,.event-log-heading{border-color:var(--line);background:#151515}.demo-command-copy{border-left-color:var(--good)}.demo-command-copy:after{background:var(--good);box-shadow:none}.demo-kicker,.canvas-coordinate,.panel-title span,.job-state span,label,.metric span,.stage-system,.stage-sequence>span:first-child,.stage-result span,.stage-live-value span{color:var(--good);font-family:var(--font-primary);letter-spacing:.15em;font-weight:600}.demo-command-bar h1,.interactive-command-copy h1,.intro h1{color:#fff;letter-spacing:-.02em;font-weight:400}.demo-command-bar p,.interactive-command-copy p,.intro p,.stage-main p,.receipt-empty{color:var(--muted-bright)}.protocol-canvas{gap:clamp(28px,4vw,64px)}.protocol-canvas .flow-node{border-color:var(--line);color:var(--muted-bright);box-shadow:none;background:#101010}.protocol-canvas .flow-stage.is-active .flow-node,.flow-stage.is-active .flow-node,.flow-stage.is-complete .flow-node{border-color:var(--good);color:var(--good);background:#101010;box-shadow:0 0 0 1px #00d9922e}.protocol-route-segment{stroke:#bdbdbd33}.protocol-route-segment.is-active,.protocol-route-segment.is-complete{stroke:var(--good);filter:none}.protocol-canvas .demo-stage-panel{border-left-color:var(--good);box-shadow:none;background:#101010}.stage-copy h2,.protocol-canvas .stage-copy h2{letter-spacing:-.025em;font-weight:500}.scenario-name,.simulation-badge{border-color:var(--line);color:var(--text);background:#151515}.stage-live,.dependency strong,.metric.loop-count strong,.interactive-dashboard .job-state strong,.receipt-verified svg,.event-row[data-tone=success],.event-row[data-tone=info],.metric svg,.event-log-heading svg,.stage-result>svg,.stage-result-copy>svg{color:var(--good)}.metric,.dependency,.release2-links a,.event-row,.address-list a,.receipt-grid div,.hash-row{border-color:var(--line)}.demo-warning,.error{color:#f4d890;background:#151515;border-color:#e7b95573}@media (width<=760px){.network-backdrop{opacity:.16}.demo-command-bar h1,.interactive-command-copy h1{font-weight:400}}.live-demo{width:min(100%,1760px);padding-top:16px}.demo-command-bar{border-bottom:1px solid var(--line);grid-template-columns:minmax(300px,520px) minmax(440px,1fr);align-items:end;gap:24px;margin-bottom:14px;padding:0 0 16px}.demo-command-copy{border-left:0;padding-left:0}.demo-command-copy:after{display:none}.demo-kicker{color:var(--good);margin-bottom:12px;font-size:.62rem}.demo-command-bar h1{max-width:560px;margin-bottom:8px;font-size:clamp(1.95rem,2.6vw,3.15rem);line-height:1.02}.demo-command-bar p{max-width:580px;font-size:.84rem;line-height:1.58}.demo-controls{background:#151515;justify-self:end;width:min(100%,720px)}.demo-command-workspace{grid-template-columns:246px minmax(0,1fr);gap:14px;min-height:680px}.demo-telemetry-rail{gap:12px}.demo-telemetry-rail .dependency-strip,.demo-telemetry-rail .demo-metrics{background:#151515}.demo-cinematic-core{background:linear-gradient(90deg,#00d9920b 1px,#0000 1px) 0 0/38px 38px,linear-gradient(#00d9920b 1px,#0000 1px) 0 0/38px 38px,#101010;min-height:680px;padding:18px}.demo-cinematic-core:before,.demo-cinematic-core:after{width:54px;height:54px}.protocol-canvas{grid-template-columns:minmax(520px,1fr) minmax(360px,430px);align-items:stretch;gap:14px;min-height:640px}.protocol-canvas .protocol-flow{border:1px solid var(--line);background:radial-gradient(circle at 54% 52%,#00d9921c,#0000 36%),#080808b8;min-height:640px;padding:38px 46px}.demo-inspector-stack{grid-template-rows:auto minmax(0,1fr);gap:12px;min-width:0;display:grid}.demo-inspector-stack .demo-stage-panel{align-self:stretch;min-height:350px}.demo-inspector-stack .demo-event-log{min-height:0;box-shadow:none;background:#151515;border-radius:0;position:relative}.demo-inspector-stack .event-list{height:206px;max-height:none;overflow:auto}.demo-inspector-stack .event-row{min-height:52px}.protocol-canvas .stage-copy h2{font-size:clamp(1.6rem,2.25vw,2.5rem)}.protocol-canvas .stage-live-value code,.protocol-canvas .stage-live-value a{font-size:.66rem}.demo-lower-grid{grid-template-columns:1fr;min-height:0;margin-top:14px}.release2-links{background:#151515;grid-template-columns:minmax(220px,1.2fr) repeat(5,minmax(150px,1fr));align-items:stretch;min-height:78px;display:grid}.release2-links>div,.release2-links a{border-right:1px solid var(--line);border-bottom:0;min-height:78px}.release2-links a:last-child{border-right:0}.interactive-command-hero{padding-top:4px}.interactive-command-copy h1{max-width:500px;font-size:clamp(2.1rem,3vw,3.45rem);line-height:.98}.interactive-console{grid-template-columns:270px minmax(520px,1fr) 340px}@media (width<=1280px){.protocol-canvas{grid-template-columns:minmax(0,1fr) minmax(330px,390px)}.release2-links{grid-template-columns:repeat(3,minmax(0,1fr))}.release2-links>div,.release2-links a{border-bottom:1px solid var(--line)}}@media (width<=1080px){.demo-command-bar{grid-template-columns:1fr}.demo-controls{justify-self:stretch;width:100%}.demo-command-workspace{grid-template-columns:1fr}.demo-telemetry-rail{grid-row:2;grid-template-rows:auto;grid-template-columns:1fr 1.25fr}.protocol-canvas{grid-template-columns:1fr}.protocol-canvas .protocol-flow{min-height:390px}}@media (width<=760px){.live-demo{padding-top:12px}.demo-command-bar{padding-bottom:12px}.demo-command-bar h1{max-width:360px;font-size:clamp(1.75rem,8vw,2.35rem)}.demo-command-workspace{min-height:0}.demo-telemetry-rail{grid-template-columns:1fr}.demo-cinematic-core{min-height:0;padding:14px}.protocol-canvas .protocol-flow{min-height:430px;padding:24px 8px 12px}.demo-inspector-stack{grid-row:1}.demo-inspector-stack .demo-stage-panel{min-height:0}.demo-inspector-stack .event-list{height:160px}.release2-links{grid-template-columns:1fr}.release2-links>div,.release2-links a{border-right:0;min-height:58px}.interactive-console{grid-template-columns:1fr}}.protocol-canvas .flow-stage{place-content:center;align-items:center;gap:16px;min-height:104px}.protocol-canvas .flow-stage:nth-child(2n){transform:translateY(20px)}.protocol-canvas .flow-label{text-align:left;background:linear-gradient(#00d9920b,#0000 70%),#101010eb;border:1px solid #3d3a39eb;border-radius:6px;justify-items:start;width:max-content;max-width:164px;margin-top:0;padding:6px 9px;display:inline-grid;box-shadow:0 0 0 1px #00d99209}.protocol-canvas .flow-stage.is-active .flow-label,.protocol-canvas .flow-stage.is-complete .flow-label{background:linear-gradient(#00d9921c,#0000 72%),#101010f5;border-color:#00d99275}.protocol-canvas .flow-label span{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;font-size:.56rem}.protocol-canvas .flow-label strong{color:var(--text);white-space:normal;font-size:.7rem;line-height:1.15}.protocol-canvas .flow-stage.is-active .flow-label strong,.protocol-canvas .flow-stage.is-complete .flow-label strong{color:var(--good)}@media (width<=1080px){.protocol-canvas .flow-stage:nth-child(2n){transform:none}}@media (width<=760px){.protocol-canvas .flow-stage{gap:8px;min-height:118px}.protocol-canvas .flow-label{max-width:128px;padding:5px 7px}.protocol-canvas .flow-label strong{font-size:.62rem}}