:root{--paper:#faf9f5;--paper-warm:#f5f0e6;--surface:#efe9dc;--ink:#1f1e1d;--ink-soft:#2c2a26;--slate:#6f6e6a;--slate-light:#8c8b86;--slate-faint:#b8b2a4;--border:#d9d2c2;--border-soft:#e5dece;--coral:#c96442;--coral-soft:#d97757;--coral-pale:#f2dcd0;--green:#4a6b47;--green-soft:#6b8868;--green-pale:#dbe3d7;--amber:#b08a2e;--amber-pale:#ede0c2;--font-display:"Fraunces",Georgia,serif;--font-body:"IBM Plex Sans",-apple-system,sans-serif;--font-mono:"IBM Plex Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink-soft);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}h1,h2,h3,h4{color:var(--ink);font-family:var(--font-display);font-weight:400;line-height:1.15;letter-spacing:-.015em}h1 em{font-style:italic;color:var(--coral)}.container{max-width:1280px;margin:0 auto;padding:0 32px}nav{position:fixed;top:0;width:100%;z-index:100;padding:20px 0;background:hsla(39,30%,87%,.98);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}nav .container{display:flex;justify-content:space-between;align-items:center}.nav-logo{height:32px;width:auto;display:block}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{color:var(--ink-soft);font-size:14px;font-weight:400;transition:color .2s}.nav-links a.current,.nav-links a:hover{color:var(--coral)}.nav-login{color:var(--slate)!important;border:1px solid var(--border);padding:6px 14px;border-radius:6px;font-size:13px!important}.nav-login:hover{border-color:var(--coral)!important;color:var(--coral)!important}.btn{display:inline-block;padding:14px 26px;border-radius:6px;font-family:var(--font-body);font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--coral);transform:translateY(-1px)}.nav-links .btn-primary{color:var(--paper)!important}.head{padding:160px 0 50px;text-align:center;background:var(--paper)}.head .eyebrow{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--coral);font-weight:500;letter-spacing:.18em;text-transform:uppercase;margin-bottom:28px}.head h1{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);color:var(--ink);font-weight:350;margin-bottom:22px;max-width:980px;margin-left:auto;margin-right:auto;letter-spacing:-.018em}.head h1 .accent{color:var(--coral);font-style:italic;font-weight:400}.head p{font-size:18px;color:var(--slate);max-width:720px;margin:0 auto;line-height:1.5;font-weight:300}.stages{display:flex;justify-content:center;gap:0;margin:16px auto 0;padding:0 32px 50px;max-width:1100px}.stage{flex:1;text-align:center;padding:18px 12px;border-top:1px solid var(--border);color:var(--slate-light);font-size:13px;transition:all .5s ease}.stage .stage-num{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;margin-bottom:8px}.stage .stage-name,.stage .stage-num{color:var(--slate-light);transition:color .4s ease}.stage .stage-name{font-family:var(--font-display);font-size:18px;font-weight:400;margin-bottom:4px}.stage .stage-domain{font-family:var(--font-mono);font-size:11px;color:var(--slate-light);letter-spacing:.04em;transition:color .4s ease}.stage.active{border-top-color:var(--coral);border-top-width:2px;margin-top:-1px}.stage.active .stage-domain,.stage.active .stage-num{color:var(--coral)}.stage.active .stage-name{color:var(--ink);font-style:italic}.stage.complete{border-top-color:var(--green)}.stage.complete .stage-domain,.stage.complete .stage-num{color:var(--green)}.stage.complete .stage-name{color:var(--ink-soft)}.canvas-wrap{background:var(--paper-warm);padding:0 0 90px;border-top:1px solid var(--border-soft)}.canvas{max-width:1100px;margin:0 auto;border:1px solid var(--border-soft);border-radius:6px;overflow:hidden}.canvas,.canvas-inner{background:var(--paper);position:relative}.canvas-inner{width:100%;aspect-ratio:16/9}svg.flow{width:100%;height:100%;display:block}.status{position:absolute;bottom:22px;left:26px;display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--border);border-radius:3px;padding:10px 16px;font-family:var(--font-mono);font-size:11px;color:var(--slate);letter-spacing:.04em}.status .dot{width:7px;height:7px;border-radius:50%;background:var(--coral);animation:dotPulse 1.4s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.status .label{color:var(--ink);font-weight:500}.meter{position:absolute;bottom:22px;right:26px;background:var(--paper);border:1px solid var(--border);border-radius:3px;padding:10px 16px;min-width:220px}.meter-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.meter-label{font-size:10px;color:var(--slate-light);letter-spacing:.12em;text-transform:uppercase}.meter-label,.meter-value{font-family:var(--font-mono)}.meter-value{font-size:12px;color:var(--ink);font-weight:500}.meter-bar{height:3px;background:var(--surface);border-radius:2px;overflow:hidden}.meter-fill{height:100%;background:var(--coral);width:12%;transition:width .8s ease;border-radius:2px}.legend{display:flex;justify-content:center;gap:36px;margin-top:32px;flex-wrap:wrap;font-size:13px;color:var(--slate);font-family:var(--font-mono);letter-spacing:.04em}.legend-item{display:flex;align-items:center;gap:10px}.legend-swatch{width:9px;height:9px;border-radius:50%;display:inline-block}.legend-swatch.exp{background:var(--ink)}.legend-swatch.sig{background:var(--green)}.legend-swatch.kill{background:var(--amber);opacity:.5}.legend-swatch.routed{background:var(--coral)}.captions{max-width:1100px;margin:36px auto 0;padding:0 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.caption{background:var(--paper);border:1px solid var(--border-soft);border-radius:4px;padding:22px;transition:all .4s ease;opacity:.55}.caption.active{opacity:1;border-left:2px solid var(--coral);background:var(--surface)}.caption .cap-num{font-family:var(--font-mono);font-size:10px;color:var(--slate-light);letter-spacing:.16em;margin-bottom:8px}.caption.active .cap-num{color:var(--coral)}.caption .cap-title{font-family:var(--font-display);font-weight:500;color:var(--ink);margin-bottom:8px;font-size:17px;line-height:1.3}.caption .cap-body{font-size:13.5px;color:var(--slate);line-height:1.5}.hub{fill:var(--paper);stroke:var(--ink);stroke-width:1.5}.hub-label{font-family:var(--font-display);font-size:15px;fill:var(--ink);font-weight:500;text-anchor:middle;letter-spacing:-.01em}.hub-sub{font-family:var(--font-mono);font-size:9px;fill:var(--slate);text-anchor:middle;letter-spacing:.14em}.graph-cell{fill:var(--paper-warm);stroke:var(--border);stroke-width:1}.graph-cell.signal{fill:var(--green-pale);stroke:var(--green)}.graph-cell.killed{fill:var(--paper-warm);stroke:var(--amber);stroke-dasharray:2 2;opacity:.55}.graph-cell.routed{fill:var(--coral-pale);stroke:var(--coral)}.route-line{fill:none;stroke:var(--ink);stroke-width:1;stroke-linecap:round;opacity:0}.route-line.signal{stroke:var(--green);stroke-width:1.5}.route-line.killed{stroke:var(--amber);opacity:.35;stroke-dasharray:3 3}.route-line.routed{stroke:var(--coral);stroke-width:2}.signal-particle{fill:var(--ink);opacity:0}.signal-particle.signal{fill:var(--green)}.signal-particle.routed{fill:var(--coral)}.killed-mark{font-family:var(--font-body);font-size:11px;font-weight:600;fill:var(--amber);text-anchor:middle;opacity:0}.inbox-line{stroke:var(--border);stroke-width:1;opacity:0}.inbox-account{fill:var(--paper);stroke:var(--coral);stroke-width:1.25;opacity:0}.inbox-account-label{font-family:var(--font-mono);font-size:9px;fill:var(--ink);opacity:0;letter-spacing:.02em}.substrate-rail{fill:var(--surface);stroke:var(--border-soft);stroke-width:1}.substrate-fill{fill:var(--coral);transition:width 1.2s ease}.substrate-label{font-family:var(--font-mono);font-size:10px;fill:var(--slate);letter-spacing:.12em}.substrate-dot{fill:var(--coral);opacity:0}footer{background:var(--paper);padding:72px 0 48px;border-top:1px solid var(--border-soft)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:56px;margin-bottom:48px}.footer-brand .logo{margin-bottom:16px;display:inline-block}.footer-brand p{color:var(--slate);font-size:14px;line-height:1.55;max-width:280px}.footer-col h5{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);font-weight:500;margin-bottom:18px}.footer-col ul{list-style:none}.footer-col li{margin-bottom:12px}.footer-col a{color:var(--ink-soft);font-size:14px;transition:color .2s}.footer-col a:hover{color:var(--coral)}.footer-bottom{border-top:1px solid var(--border-soft);padding-top:24px;display:flex;justify-content:space-between;align-items:center;color:var(--slate-light);font-size:13px}.footer-bottom a{color:var(--slate);margin-left:24px}.footer-bottom a:hover{color:var(--coral)}.logo{font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--ink);letter-spacing:-.01em}.logo .dot{color:var(--coral)}@media (max-width:768px){.head{padding:110px 0 30px}.stages{padding:0 16px 30px;flex-wrap:wrap}.stage{min-width:50%}.captions{grid-template-columns:1fr}.meter,.nav-links{display:none}.nav-hamburger{display:flex}}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--ink);padding:4px;align-items:center;justify-content:center;line-height:1}.nav-hamburger:hover{color:var(--coral)}.nav-mobile{border-top:1px solid var(--border-soft);padding:8px 28px 20px}.nav-mobile a{color:var(--ink-soft);padding:13px 0;border-bottom:1px solid var(--border-soft)}.nav-mobile a.current,.nav-mobile a:hover{color:var(--coral)}.nav-mobile-login{margin-top:6px;color:var(--slate)!important;font-size:14px!important}.nav-mobile-cta{margin-top:10px;background:var(--ink);color:var(--paper)!important;padding:13px 22px}.nav-mobile-cta:hover{background:var(--coral);color:var(--paper)!important}nav .nav-hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--ink,#1f1e1d);padding:4px;align-items:center;justify-content:center;line-height:1;flex-shrink:0}nav .nav-hamburger:hover{color:var(--coral,#c96442)}nav .nav-get-started{display:inline-block;padding:10px 20px;border-radius:6px;background:var(--ink,#1f1e1d);color:var(--paper,#faf9f5)!important;font-size:14px;font-weight:500;transition:background .2s,transform .2s;white-space:nowrap;flex-shrink:0;text-decoration:none}nav .nav-get-started:hover{background:var(--coral,#c96442);transform:translateY(-1px)}.nav-mobile{background:hsla(39,30%,87%,.99);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border-soft,#e5dece);padding:4px 28px 20px;display:flex;flex-direction:column}.nav-mobile a{color:var(--ink-soft,#2c2a26);font-size:15px;font-weight:400;padding:14px 0;border-bottom:1px solid var(--border-soft,#e5dece);transition:color .2s;text-decoration:none;display:block}.nav-mobile a:last-child{border-bottom:none}.nav-mobile a.current,.nav-mobile a:hover{color:var(--coral,#c96442)}.nav-mobile-login{color:var(--slate,#6f6e6a)!important}.nav-mobile-cta{margin-top:14px;text-align:center;background:var(--ink,#1f1e1d);color:var(--paper,#faf9f5)!important;padding:14px 22px;border-radius:6px;font-weight:500;font-size:14px;transition:background .2s;border-bottom:none!important}.nav-mobile-cta:hover{background:var(--coral,#c96442)}@media (max-width:960px){nav .nav-hamburger{display:flex}nav .nav-links{display:none!important}nav .nav-get-started{font-size:13px;padding:9px 16px}}.cream-footer{background:var(--paper,#faf9f5);padding:72px 0 48px;border-top:1px solid var(--border-soft,#e5dece)}.cream-footer .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:56px;margin-bottom:48px}.cream-footer .footer-brand .logo{margin-bottom:16px;display:inline-block;font-size:20px;font-weight:600;color:var(--ink,#1f1e1d);text-decoration:none}.cream-footer .footer-brand .dot{color:var(--coral,#c96442)}.cream-footer .footer-brand p{color:var(--slate,#6f6e6a);font-size:14px;line-height:1.55;max-width:280px}.cream-footer .footer-col h5{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate,#6f6e6a);font-weight:500;margin-bottom:18px}.cream-footer .footer-col ul{list-style:none}.cream-footer .footer-col li{margin-bottom:12px}.cream-footer .footer-col a{color:var(--ink-soft,#2c2a26);font-size:14px;transition:color .2s;text-decoration:none}.cream-footer .footer-col a:hover{color:var(--coral,#c96442)}.cream-footer .footer-bottom{border-top:1px solid var(--border-soft,#e5dece);padding-top:24px;display:flex;justify-content:space-between;align-items:center;color:var(--slate,#6f6e6a);font-size:13px}@media (max-width:960px){.cream-footer .footer-grid{grid-template-columns:1fr 1fr;gap:32px}.cream-footer .footer-bottom{flex-direction:column;gap:12px;align-items:flex-start}}@media (max-width:560px){.cream-footer .footer-grid{grid-template-columns:1fr}}