*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{color:inherit}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}p{line-height:1.65}button,input,select{min-height:44px}button{border-radius:0}.mono,.eyebrow{font-family:'IBM Plex Mono',ui-monospace,monospace}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.8px}.brand img{width:32px;height:32px}.status{font-size:11px;text-transform:uppercase;letter-spacing:.08em}header{display:flex;align-items:center;justify-content:space-between;gap:20px}nav{display:flex;align-items:center;gap:28px;font-size:12px}.shell{max-width:1500px;margin:auto}.muted{color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;font-size:11px;border-top:1px solid var(--line)}footer p{margin:0}.social{border:1px solid var(--line);padding:12px 16px;display:inline-block}.scope{font-size:12px;color:var(--muted);line-height:1.65}.skip{position:absolute;left:20px;top:-100px;padding:15px;background:var(--ink);color:var(--bg);z-index:10}.skip:focus{top:10px}input[type=range]{width:100%;accent-color:var(--accent);cursor:ew-resize}output{font-variant-numeric:tabular-nums}details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none}details summary:after{content:'+'}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted)}.pair{display:flex;justify-content:space-between;gap:16px}.primary{background:var(--accent);border:0;color:var(--onaccent);padding:15px 24px;font-weight:700}.outline{background:transparent;border:1px solid var(--line);padding:13px 20px}.flow-caption{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:650px){nav a{display:none}.brand{font-size:19px}nav{gap:0}footer{flex-wrap:wrap}.scope{font-size:12px}header{gap:12px}.status{font-size:10px}}:root{--bg:#10121a;--ink:#f0eef6;--muted:#a9a4b8;--line:#383448;--accent:#baa6eb;--onaccent:#241d39}body{background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}.clock-shell{max-width:1650px;margin:auto;display:grid;grid-template-columns:210px 1fr;min-height:100vh}.clock-rail{border-right:1px solid var(--line);padding:30px 23px;display:flex;flex-direction:column;background:#151520}.clock-rail .brand{font-family:'Barlow Condensed';font-size:25px;gap:8px}.clock-rail .brand img{width:26px;height:26px}.rail-label{font-size:9px;line-height:1.7;letter-spacing:.1em;color:#a69bb8;margin:52px 0 22px}.clock-rail>a:not(.brand){font-size:11px;display:flex;justify-content:space-between;padding:15px 12px;margin:5px -8px;color:#bfb3d0}.clock-rail>a.rail-active{background:#302b43;color:#e1d4fc;border-left:2px solid #c3a8f4}.rail-foot{margin-top:auto;display:flex;flex-direction:column;gap:24px;padding-top:80px;font-size:10px;color:#b8a6d4}.rail-foot .social{font-size:10px;padding:12px}.clock-body{min-width:0;padding:0 40px}header{height:88px;border-bottom:1px solid var(--line)}header .eyebrow{font-size:8px;margin:0}header .status{font-size:8px;color:#b9afd0}.clock-title{padding:40px 0 30px;display:flex;gap:45px;align-items:end;justify-content:space-between}.clock-title .eyebrow{font-size:9px;color:#c4b1e8}.clock-title h1{font:600 clamp(50px,5.1vw,79px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:0}.clock-title h1 span{color:#bca5ec}.clock-title>p{font-size:12px;color:#b4aec2;max-width:255px;margin:0}.rule-builder{background:#191925;border:1px solid #514660;border-radius:14px;overflow:hidden}.builder-top{display:flex;gap:22px;align-items:center;padding:18px 22px;border-bottom:1px solid #42384f;background:#242031}.builder-top>.eyebrow{margin:0 auto 0 0;font-size:8px;color:#c9b9de}.builder-top label{display:flex;align-items:center;gap:10px;font-size:9px;color:#beb3d0}.builder-top select{background:#16151f;border:1px solid #5e506e;color:#d9ccec;font:10px 'IBM Plex Mono';padding:8px;min-height:34px}.graph{display:grid;grid-template-columns:1fr 70px 1fr;gap:0;padding:25px 25px 20px;align-items:center;min-height:340px;background-image:radial-gradient(#6b597e66 1px,transparent 1px);background-size:18px 18px}.condition-nodes{display:flex;flex-direction:column;gap:9px}.condition-node{position:relative;background:#24202f;border:1px solid #625273;border-radius:8px;display:flex;align-items:center;gap:15px;padding:14px 17px}.condition-node::after{content:'';position:absolute;right:-35px;top:50%;width:34px;border-top:1px solid #78628e}.condition-node .node-index{font:9px 'IBM Plex Mono';color:#b5a2cd}.condition-node>div{flex:1;min-width:0}.condition-node b{display:block;font-size:12px;font-weight:400}.condition-node small{display:block;font:8px 'IBM Plex Mono';color:#aea0c0;margin-top:7px}.condition-node button{border:1px solid #89a878;background:#273324;color:#c2dfaf;min-height:32px;padding:6px 10px;font-size:9px;white-space:nowrap}.condition-node button[aria-pressed=false]{border-color:#ad797b;background:#38242b;color:#efbfc5}.merge-track{display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch}.merge-track:before{content:'';position:absolute;left:50%;top:30px;bottom:30px;border-left:1px solid #78628e}.merge-track:after{content:'';position:absolute;top:50%;left:50%;right:0;border-top:1px solid #78628e}.merge-track span{position:relative;z-index:1;background:#a58cc8;color:#231b30;padding:9px 5px;font:9px 'IBM Plex Mono';border-radius:50%}.outcome-node{border:1px solid #7b916c;background:#202d22;padding:25px;text-align:center;border-radius:12px}.outcome-node>.eyebrow{font-size:8px;color:#b2c2a6}.outcome-symbol{width:58px;height:58px;display:grid;place-items:center;border:1px solid #80a668;border-radius:50%;margin:28px auto 23px;font-size:27px;color:#c0e6a7;background:#344c2b}.outcome-node h2{font-size:18px;font-weight:500;letter-spacing:-.3px;margin-bottom:12px}.outcome-node p{font-size:11px;color:#b1c1a6}.outcome-tag{font:7px 'IBM Plex Mono';border-top:1px solid #506148;padding-top:15px;display:block;color:#a9bc9b}.outcome-node.failed{background:#332229;border-color:#a9787b}.outcome-node.failed .outcome-symbol{background:#4a2d35;color:#f2b8c5;border-color:#bd7d8b}.outcome-node.failed p,.outcome-node.failed .eyebrow,.outcome-node.failed .outcome-tag{color:#d3a8b3}.shared-axis{display:flex;align-items:center;gap:20px;padding:0 26px 20px}.shared-axis>.mono{font-size:8px;color:#b4a1ce}.shared-axis>div{flex:1;display:flex;justify-content:space-between;border-top:1px solid #716081}.shared-axis i{height:7px;border-left:1px solid #716081}.builder-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #42384f;padding:15px 23px}.builder-bottom .scope{font-size:10px;max-width:420px;margin:0}.builder-bottom button{font:9px 'IBM Plex Mono';white-space:nowrap;min-height:35px;padding:9px 12px;border-color:#665778}.clock-rules{display:grid;grid-template-columns:38% 1fr;gap:10%;padding:52px 0}.rule-statement{display:flex;gap:15px;align-items:center}.rule-statement>span{font:600 83px 'Barlow Condensed';color:#b59eda}.rule-statement p{font-size:11px;color:#a99cbc;border-left:1px solid #655479;padding-left:15px;line-height:1.8;margin:0}.clock-rules h2{font:500 29px/1.1 'Barlow Condensed';margin-bottom:17px}.clock-rules>div>p{font-size:12px;color:var(--muted)}.clock-rules details{border-top:1px solid var(--line);font-size:11px}.clock-rules details p{font-size:12px}.clock-body footer .social{display:none}@media(max-width:1100px){.clock-shell{grid-template-columns:175px 1fr}.clock-rail{padding:25px 15px}.clock-rail .brand{font-size:23px}.clock-body{padding:0 28px}.clock-title{gap:25px}.clock-title h1{font-size:57px}.clock-title>p{max-width:210px;font-size:11px}.graph{grid-template-columns:1.2fr 45px 1fr;padding:20px 17px}.condition-node{padding:12px 10px;gap:10px}.condition-node::after{right:-23px;width:22px}.outcome-node{padding:22px 15px}.builder-top{gap:14px;padding:16px}.builder-top label{gap:6px}.condition-node b{font-size:10px}.clock-rules{gap:7%}}@media(max-width:780px){.clock-shell{grid-template-columns:1fr}.clock-rail{border-right:0;border-bottom:1px solid var(--line);padding:18px 20px;flex-direction:row;align-items:center;justify-content:space-between}.clock-rail .brand{font-size:25px}.rail-label,.clock-rail>a:not(.brand){display:none}.rail-foot{margin:0;padding:0}.rail-foot .social{display:none}.clock-body{padding:0 20px}header{height:48px}.clock-title{display:block;padding:30px 0}.clock-title h1{font-size:56px}.clock-title>p{max-width:100%;margin-top:20px;font-size:13px}.builder-top{flex-wrap:wrap;gap:12px}.builder-top>.eyebrow{width:100%;margin-bottom:6px}.builder-top label{font-size:9px;gap:7px}.builder-top select{font-size:9px}.graph{grid-template-columns:1fr;padding:20px}.condition-node{padding:14px}.condition-node b{font-size:12px}.condition-node::after{display:none}.merge-track{height:55px}.merge-track:before{top:0;bottom:0}.merge-track:after{display:none}.merge-track span{padding:10px}.outcome-node{padding:20px}.outcome-symbol{margin:15px auto}.outcome-node p{font-size:12px}.shared-axis{padding:0 20px 20px}.builder-bottom{display:block;padding:18px}.builder-bottom .scope{font-size:11px}.builder-bottom button{margin-top:15px;min-height:40px}.clock-rules{grid-template-columns:1fr;gap:22px;padding:40px 0}.rule-statement>span{font-size:69px}.clock-body footer .social{display:block}}