:root{--bg:#0b262d;--bg-deep:#08181d;--bg-hero:#050f14;--surface:#10272e;--surface-step:#12333b;--surface-usecase:#0f2a31;--surface-code:#0a1a20;--surface-code-alt:#0c1f26;--node-bg:#0c2c34;--text:#e2edef;--text-muted:#a9c1c6;--text-dim:#8fb3ba;--text-faint:#5e7d84;--heading:#f2f9fb;--heading-soft:#eef6f8;--heading-note:#dfeef1;--accent:#5cc2e0;--accent-deep:#3bb6d8;--accent-light:#7be0f5;--accent-dark:#2fb6d6;--accent-glow:#8ad6ee;--line:rgba(120,180,190,.16);--line-soft:rgba(120,180,190,.12);--line-strong:rgba(120,180,190,.3);--card-border:rgba(120,180,190,.14);--accent-veil:rgba(92,194,224,.12);--accent-glow-shadow:rgba(92,194,224,.6);--font-sans:"ClearSans",system-ui,sans-serif;--font-display:"Roboto Condensed",Arial,Helvetica,sans-serif;--font-mono:Consolas,"Liberation Mono",Menlo,Courier,monospace;--clip-card:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);--clip-card-inner:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px);--clip-note:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);--clip-note-inner:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);--clip-panel:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0;-webkit-font-smoothing:antialiased}::selection{background:rgba(92,194,224,.3)}.accent-bar{background:linear-gradient(90deg,var(--accent-dark),var(--accent),var(--accent-light));height:3px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.24em}.eyebrow,.label-mono{font-family:var(--font-mono);text-transform:uppercase}.label-mono{color:var(--text-dim);font-size:11px;letter-spacing:.14em}.section-title{color:var(--heading);font-size:clamp(2rem,5vw,3.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:0}.card-title,.section-title{font-family:var(--font-display)}.card-title{color:var(--heading-soft);font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:600;letter-spacing:-.01em;margin:0 0 12px}.card-text{color:var(--text-muted);font-size:clamp(.98rem,1.6vw,1.08rem);line-height:1.65;margin:0}.code-chip{background:var(--accent-veil);border-radius:5px;color:var(--accent-glow);font-family:var(--font-mono);font-size:.86em;padding:1px 6px}.card{background:var(--card-border);clip-path:var(--clip-card);padding:1.5px}.card-inner{background:var(--surface);clip-path:var(--clip-card-inner);padding:clamp(22px,3vw,32px)}.card-inner--step{background:var(--surface-step)}.note-card{background:var(--line-soft);clip-path:var(--clip-note);padding:1.5px}.note-card-inner{background:var(--surface-step);clip-path:var(--clip-note-inner);padding:22px 24px}.panel{background:var(--surface-code);clip-path:var(--clip-panel)}.btn{font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:.04em;padding:15px 34px;text-decoration:none;transform:skewX(-12deg)}.btn,.btn>span{display:inline-block}.btn>span{transform:skewX(12deg)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep));box-shadow:0 12px 34px rgba(92,194,224,.28);color:#08222a;font-weight:600}.btn-secondary{background:hsla(0,0%,100%,.05);border:1px solid rgba(120,180,190,.4);color:#cfe4e8}.node{align-items:center;background:var(--node-bg);border:2px solid var(--line-strong);border-radius:50%;display:flex;height:44px;justify-content:center;position:relative;transition:all .5s ease;width:44px;z-index:2}.node-numbered{color:#6f9199;font-family:var(--font-display);font-size:19px;font-weight:700;height:48px;width:48px}.node-diamond{background:currentColor;border-radius:2px;height:13px;transform:rotate(45deg);width:13px}.track-line{background:var(--line);bottom:0}.track-fill,.track-line{border-radius:2px;position:absolute;top:0;width:3px}.track-fill{background:linear-gradient(180deg,var(--accent-light),var(--accent-deep));box-shadow:0 0 18px var(--accent-glow-shadow);height:0;z-index:1}.uc-nav{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(11,38,45,.82);border:2px solid rgba(120,180,190,.32);border-radius:50%;color:#cfe4e8;display:flex;height:clamp(44px,5vw,54px);justify-content:center;transform:translateY(-50%);transition:all .25s ease;width:clamp(44px,5vw,54px);z-index:40}.uc-card,.uc-nav{cursor:pointer;position:absolute;top:50%}.uc-card{left:50%;opacity:0;transform:translate(-50%,-50%);transition:transform .55s cubic-bezier(.33,.1,.25,1),opacity .5s ease,filter .5s ease;width:300px;will-change:transform}.uc-card-border{background:var(--line);clip-path:var(--clip-card);padding:1.5px;transition:background .4s ease}.uc-card-inner{background:var(--surface-usecase);clip-path:var(--clip-card-inner);min-height:198px;padding:26px 24px}.uc-index{color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;margin-bottom:14px}.uc-title{color:var(--heading-soft);font-family:var(--font-display);font-size:1.02rem;font-weight:600;letter-spacing:-.015em;line-height:1.25;margin:0 0 12px}.uc-text{color:var(--text-muted);font-size:.92rem;line-height:1.62;margin:0}