:root{--ink:#070809;--soft:#0d1114;--paper:#f4f2ed;--white:#fff;--muted:#a5acb2;--line:rgba(255,255,255,.16);--darkline:rgba(7,8,9,.16);--accent:#37e6ff;--accent-dark:#08798d;--max:1240px}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.55}body:before{position:fixed;inset:0;z-index:-1;content:"";background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 76%)}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(7,8,9,.92);backdrop-filter:blur(16px)}.nav-wrap{min-height:76px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:21px;font-weight:900}.brand-mark{width:26px;height:26px;border:5px solid #fff;transform:rotate(45deg);position:relative}.brand-mark:after{position:absolute;inset:4px;content:"";border:2px solid var(--accent)}.nav-title{color:#80898f;font-size:13px}.nav-link{margin-left:auto;color:#d7dcdf;text-decoration:none;font-size:13px}.nav-link:hover{color:var(--accent)}.hero{padding:92px 0 82px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.08fr .72fr;gap:clamp(44px,6vw,88px);align-items:center}.eyebrow{margin:0 0 20px;color:var(--accent);font:900 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.eyebrow.dark{color:var(--accent-dark)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1}h1{font-size:clamp(54px,7vw,94px);margin-bottom:28px}h1 span{color:var(--accent)}h2{font-size:clamp(38px,5vw,66px);margin-bottom:22px}h3{font-size:25px}.lede{max-width:720px;color:#c3c8cc;font-size:clamp(18px,1.7vw,22px)}.hero-meta{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:38px;padding-top:22px;border-top:1px solid var(--line);color:#7f898f;font:800 10px/1.3 ui-monospace,Consolas,monospace}.access-card{border:1px solid rgba(255,255,255,.18);border-top:3px solid var(--accent);background:#0b0e11;box-shadow:0 28px 80px rgba(0,0,0,.32)}.card-head{display:flex;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line);color:#7d8990;font:800 10px/1 ui-monospace,Consolas,monospace;letter-spacing:.1em}.card-head b{color:var(--accent)}.access-body{padding:32px}.access-body h2{font-size:38px}.muted{color:#aeb6bb}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border:1px solid #fff;border-radius:999px;font-size:14px;font-weight:850;text-decoration:none;cursor:pointer}.button.primary{color:#070809;background:#fff}.button.primary:hover{background:var(--accent);border-color:var(--accent)}.button.secondary{margin-top:12px;color:#fff;background:transparent;border-color:rgba(255,255,255,.35)}.button.secondary:hover{color:#070809;background:var(--accent);border-color:var(--accent)}.license-box{margin-top:22px;padding:18px;border:1px solid rgba(55,230,255,.35);background:#07090b}.license-box small,.pairing-result small{display:block;color:#7a858b;font:800 9px/1 ui-monospace,Consolas,monospace;letter-spacing:.12em}.license-box code{display:block;margin:12px 0;color:var(--accent);font:900 17px/1.45 ui-monospace,Consolas,monospace;word-break:break-all}.text-button{padding:0;border:0;background:transparent;color:#dce1e3;text-decoration:underline;cursor:pointer}.pairing-result{margin-top:14px;padding:16px;border:1px solid var(--line)}.pairing-result strong,.pairing-result span{display:block}.pairing-result strong{margin:8px 0;color:var(--accent);font:900 24px/1 ui-monospace,Consolas,monospace}.pairing-result span{color:#899399;font-size:12px}.hidden{display:none!important}.section{padding:clamp(76px,8vw,110px) 0}.paper{color:#070809;background:var(--paper)}.dark{border-bottom:1px solid var(--line)}.section-heading{max-width:880px;margin-bottom:48px}.section-lede{max-width:760px;color:#4d565b;font-size:19px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--darkline);background:var(--darkline)}.steps article{min-height:250px;padding:28px;background:#fff}.steps span{color:var(--accent-dark);font:850 11px/1 ui-monospace,Consolas,monospace}.steps h3{margin-top:48px;color:#10161a}.steps p{color:#4c565c;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,6vw,82px);align-items:start}.security-grid,.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px}.security-grid{border:1px solid var(--line);background:var(--line)}.security-grid div{min-height:150px;padding:22px;background:#0b0e11}.security-grid small{display:block;color:#7c868c;font:800 9px/1 ui-monospace,Consolas,monospace;letter-spacing:.1em}.security-grid strong{display:block;margin-top:42px;font-size:20px}.feature-grid{border:1px solid var(--darkline);background:var(--darkline)}.feature-grid div{min-height:130px;padding:22px;background:#fff}.feature-grid b,.feature-grid span{display:block}.feature-grid b{margin-bottom:12px;font-size:16px}.feature-grid span{color:#50595e;font-size:14px}.status-section{padding:60px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.status-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.status-row h2{margin:0;font-size:42px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.status-grid div{padding:18px;background:#0b0e11}.status-grid small,.status-grid strong{display:block}.status-grid small{color:#778188;font:800 9px/1 ui-monospace,Consolas,monospace}.status-grid strong{margin-top:8px;font-size:15px}.ok{color:#7df3a4}.bad{color:#ff8f8f}footer{padding:30px 0;background:#030405;color:#858d93;font-size:12px}.footer-row{display:flex;justify-content:space-between;gap:24px}@media(max-width:900px){.hero-grid,.split,.status-row{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.access-card{max-width:700px}.status-grid{max-width:700px}}@media(max-width:620px){.hero{padding:62px 0}.steps,.security-grid,.feature-grid,.status-grid{grid-template-columns:1fr}.nav-title{display:none}.access-body{padding:24px}.button{width:100%}.footer-row{flex-direction:column}}
/* Screenshot-aligned migration flow */
.console-flow{margin-top:32px;padding:26px 24px 22px;border:1px solid #28343c;border-radius:12px;background:#091015}
.console-flow-head{display:flex;justify-content:space-between;gap:16px;color:#71818b;font:700 9px/1 ui-monospace,Consolas,monospace;letter-spacing:.13em}
.console-flow-line{height:1px;margin:16px 0 26px;background:#273139}
.console-flow-stages{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:center}
.console-flow-stages article{min-height:118px;padding:16px 15px;border:1px solid #2a353d;border-radius:10px;background:#0a1116}
.console-flow-stages small,.console-flow-stages b,.console-flow-stages em{display:block}
.console-flow-stages small{color:var(--accent);font:800 9px/1 ui-monospace,Consolas,monospace;text-decoration:underline;text-underline-offset:4px}
.console-flow-stages b{margin-top:34px;color:#e8eef0;font:800 14px/1.1 ui-monospace,Consolas,monospace;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}
.console-flow-stages em{margin-top:11px;color:#8d9ca5;font:700 8px/1 ui-monospace,Consolas,monospace;font-style:normal}
.console-flow-stages>i{height:1px;margin:0 9px;background:linear-gradient(90deg,#42dcfb,#6bedbd)}
.console-flow-progress{height:5px;margin-top:28px;background:#1b252d;overflow:hidden}.console-flow-progress span{display:block;width:82%;height:100%;background:linear-gradient(90deg,#45dff9,#5be7de,#71efb5)}
.console-flow-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.console-flow-meta span{display:flex;min-height:35px;align-items:center;justify-content:center;border:1px solid #202b33;border-radius:8px;color:#9fb0b9;font:700 9px/1 ui-monospace,Consolas,monospace;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
@media(max-width:720px){.console-flow-stages{grid-template-columns:1fr}.console-flow-stages>i{width:1px;height:22px;margin:6px auto}.console-flow-meta{grid-template-columns:1fr}}