:root {
    --ink: #09111d;
    --navy: #07111f;
    --navy-2: #0b1828;
    --navy-3: #102238;
    --paper: #f4f7f8;
    --white: #ffffff;
    --muted: #6e7a89;
    --line: rgba(12, 30, 49, .12);
    --line-dark: rgba(255, 255, 255, .10);
    --mint: #59ebcc;
    --blue: #5f83ff;
    --sky: #a7d8ff;
    --amber: #ffbf63;
    --danger: #ff6e78;
    --radius: 24px;
    --shadow: 0 28px 80px rgba(4, 16, 30, .14);
    --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--sans); color: var(--ink); background: var(--paper); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #718092; font-size: 11px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 22px; height: 1px; background: currentColor; opacity: .65; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 0 24px; border: 1px solid transparent; border-radius: 14px; font-size: 14px; font-weight: 750; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease; }
.button:hover { transform: translateY(-2px); }
.button span { font-size: 18px; }
.button--primary { color: #061520; background: linear-gradient(135deg, var(--mint), #9af3df); box-shadow: 0 16px 38px rgba(89, 235, 204, .22); }
.button--primary:hover { box-shadow: 0 20px 48px rgba(89, 235, 204, .31); }
.button--ghost { color: #dce9f3; border-color: rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .05); }
.button--ghost:hover { border-color: rgba(89, 235, 204, .6); background: rgba(89, 235, 204, .08); }
.button--small { min-height: 44px; padding-inline: 18px; font-size: 13px; }
.button--outline { border-color: rgba(9, 17, 29, .18); background: transparent; }
.button--outline:hover { border-color: var(--ink); }
.button--light { color: var(--ink); background: #fff; }
.button--full { width: 100%; }

.marketing-body { min-height: 100vh; background: var(--navy); overflow-x: hidden; }
.site-glow { position: fixed; z-index: 0; width: 520px; height: 520px; border-radius: 50%; filter: blur(110px); pointer-events: none; opacity: .14; }
.site-glow--one { top: -180px; left: -220px; background: var(--mint); }
.site-glow--two { top: 250px; right: -260px; background: var(--blue); }
.site-header { position: fixed; z-index: 50; top: 0; left: 0; right: 0; padding: 18px 0; transition: background .25s ease, border .25s ease, padding .25s ease; }
.site-header.is-scrolled { padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(7, 17, 31, .82); backdrop-filter: blur(18px); }
.site-header__inner { display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: #fff; }
.brand img { width: 39px; height: 39px; }
.brand span { display: flex; flex-direction: column; line-height: 1; }
.brand strong { font-size: 19px; letter-spacing: -.03em; }
.brand small { margin-top: 5px; color: #8194a7; font-size: 9px; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
.site-nav { display: flex; gap: 34px; color: #aebccb; font-size: 13px; }
.site-nav a { transition: color .2s ease; }
.site-nav a:hover { color: var(--mint); }
.hero { position: relative; z-index: 1; padding: 150px 0 0; color: #fff; background: radial-gradient(circle at 65% 30%, rgba(48, 89, 128, .2), transparent 34%); overflow: hidden; }
.hero__grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 60px; min-height: 700px; }
.hero-badge { display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 99px; color: #aabaca; background: rgba(255,255,255,.035); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero-badge span { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(89,235,204,.11); }
.hero h1 { max-width: 620px; margin: 24px 0 24px; font-size: clamp(47px, 5.2vw, 78px); line-height: .98; letter-spacing: -.055em; font-weight: 740; }
.hero h1 em, .section-heading h2 em, .flow-copy h2 em, .migration-copy h2 em, .cta-panel h2 em, .login-story h1 em { color: var(--mint); font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.hero__copy > p { max-width: 600px; margin: 0; color: #9eafc0; font-size: 16px; line-height: 1.75; }
.hero__actions { display: flex; align-items: center; gap: 28px; margin-top: 34px; }
.text-link { display: inline-flex; align-items: center; gap: 9px; color: #c3d0dc; font-size: 13px; font-weight: 700; }
.text-link:hover { color: var(--mint); }
.hero__trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 52px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.09); }
.hero__trust div { display: flex; gap: 10px; }
.hero__trust strong { color: var(--mint); font-size: 10px; letter-spacing: .1em; }
.hero__trust span { color: #8092a5; font-size: 11px; line-height: 1.45; }
.hero-console { position: relative; transform: perspective(1400px) rotateY(-5deg) rotateX(2deg); border: 1px solid rgba(255,255,255,.13); border-radius: 24px; background: rgba(9, 24, 40, .9); box-shadow: 0 55px 120px rgba(0,0,0,.45), 0 0 0 1px rgba(89,235,204,.04) inset; overflow: hidden; }
.hero-console::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 28%, rgba(255,255,255,.045), transparent 55%); pointer-events: none; }
.console-chrome { display: flex; align-items: center; gap: 7px; height: 38px; padding: 0 13px; border-bottom: 1px solid rgba(255,255,255,.08); background: #091421; }
.console-chrome span { width: 7px; height: 7px; border-radius: 50%; background: #314254; }
.console-chrome span:first-child { background: #ff6c72; }.console-chrome span:nth-child(2){background:#ffbf63}.console-chrome span:nth-child(3){background:#59ebcc}
.console-chrome small { margin-left: auto; margin-right: auto; color: #52677b; font-size: 8px; letter-spacing: .08em; }
.console-body { display: grid; grid-template-columns: 54px 1fr; min-height: 500px; }
.console-side { display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 18px 0; border-right: 1px solid rgba(255,255,255,.07); background: #091421; }
.console-logo { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; color: #07111f; background: var(--mint); font-size: 8px; font-weight: 900; }
.console-side i { display: block; width: 15px; height: 15px; border: 1px solid #34485b; border-radius: 4px; }
.console-side i.is-on { border-color: var(--mint); background: rgba(89,235,204,.18); box-shadow: 0 0 14px rgba(89,235,204,.16); }
.console-main { padding: 23px; background: linear-gradient(145deg, rgba(20,43,65,.26), transparent 42%); }
.console-head { display: flex; justify-content: space-between; align-items: center; }
.console-head div:first-child { display: flex; flex-direction: column; gap: 4px; }.console-head small { color: #62778c; font-size: 8px; text-transform: uppercase; letter-spacing: .12em; }.console-head strong { font-size: 15px; }
.console-avatar { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; color: var(--mint); background: rgba(255,255,255,.04); font-size: 8px; font-weight: 800; }
.console-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 22px 0 12px; }
.console-kpis > div { position: relative; padding: 14px; border: 1px solid rgba(255,255,255,.07); border-radius: 13px; background: rgba(255,255,255,.035); }
.mini-icon { float: right; display: grid; place-items: center; width: 23px; height: 23px; border-radius: 7px; color: var(--mint); background: rgba(89,235,204,.1); font-size: 8px; font-weight: 900; }
.console-kpis small, .console-kpis em { display:block; color:#60758a; font-size:7px; font-style:normal; }.console-kpis strong { display:block; margin:9px 0 4px; font-size:18px; }
.console-panels { display: grid; grid-template-columns: 1.18fr .82fr; gap: 10px; }
.console-chart,.console-flow,.console-table { padding: 14px; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:rgba(255,255,255,.025); }
.panel-title { display:flex; align-items:center; justify-content:space-between; }.panel-title strong { font-size:9px; }.panel-title span { color:#52677b; font-size:7px; }
.chart-bars { display:flex; align-items:end; gap:7px; height:92px; padding-top:15px; border-bottom:1px solid rgba(255,255,255,.07); }
.chart-bars i { flex:1; height:var(--h); border-radius:4px 4px 1px 1px; background:linear-gradient(to top, rgba(95,131,255,.2), var(--blue)); opacity:.75; }
.dot-live { color:var(--mint)!important; }.flow-step { display:flex; align-items:center; gap:8px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.06); }.flow-step:last-child{border:0}.flow-step b { display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid #3a4b5e;color:#718397;font-size:7px}.flow-step span{display:flex;flex:1;flex-direction:column;font-size:8px}.flow-step small{color:#53687c;font-size:6px;margin-top:2px}.flow-step em{color:#6d8297;font-size:7px;font-style:normal}.flow-step.done b{border-color:var(--mint);color:var(--mint)}.flow-step.active b{color:#07111f;background:var(--mint);border-color:var(--mint)}.flow-step.active em{color:var(--mint)}
.console-table { margin-top:10px; padding:0; overflow:hidden; }.table-row{display:grid;grid-template-columns:1.1fr 1.4fr .9fr .7fr;align-items:center;min-height:42px;padding:0 12px;border-top:1px solid rgba(255,255,255,.06);font-size:7px}.table-row--head{min-height:30px;border:0;color:#52687b;text-transform:uppercase;letter-spacing:.08em}.table-row > span:first-child{display:flex;flex-direction:column}.table-row b{font-size:8px}.table-row small{color:#52687b;font-size:6px;margin-top:2px}.status{display:inline-flex;padding:4px 6px;border-radius:99px;font-style:normal}.status--green{color:var(--mint);background:rgba(89,235,204,.09)}.status--amber{color:var(--amber);background:rgba(255,191,99,.09)}
.hero-marquee { margin-top:80px; border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); overflow:hidden; }.hero-marquee div{display:flex;align-items:center;gap:28px;width:max-content;padding:18px 0;color:#52677c;font-size:10px;font-weight:800;letter-spacing:.16em;animation:marquee 28s linear infinite}.hero-marquee i{color:var(--mint);font-size:7px}@keyframes marquee{to{transform:translateX(-45%)}}
.section { position:relative; z-index:2; padding:125px 0; }
.platform { background:var(--paper); }
.section-heading { max-width:780px; margin-bottom:60px; }.section-heading h2,.flow-copy h2,.migration-copy h2,.cta-panel h2{margin:18px 0;font-size:clamp(38px,4.6vw,62px);line-height:1.05;letter-spacing:-.045em}.section-heading h2 em,.flow-copy h2 em,.migration-copy h2 em{color:#245d52}.section-heading p,.flow-copy p,.migration-copy p{max-width:610px;color:var(--muted);font-size:15px;line-height:1.75}
.feature-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px; }.feature-card{position:relative;min-height:420px;padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 10px 40px rgba(10,28,45,.04)}.feature-card--wide{grid-column:1/-1;display:grid;grid-template-columns:44px .72fr 1.28fr;gap:28px;align-items:center;min-height:390px;background:linear-gradient(135deg,#fff,#eef5f4)}.feature-number{color:#9aa5af;font-size:11px;font-weight:800;letter-spacing:.12em}.feature-kicker{color:#2d6d61;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.feature-card h3{max-width:490px;margin:16px 0;font-size:30px;line-height:1.12;letter-spacing:-.035em}.feature-card p{color:var(--muted);font-size:14px;line-height:1.65}.network-map{position:relative;min-height:250px;border:1px solid rgba(9,17,29,.08);border-radius:20px;background:linear-gradient(rgba(9,17,29,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(9,17,29,.025) 1px,transparent 1px);background-size:26px 26px}.network-map svg{position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);fill:none;stroke:#73a99e;stroke-width:1.2;stroke-dasharray:5 6}.node{position:absolute;z-index:2;display:grid;place-items:center;width:65px;height:65px;border:1px solid rgba(9,17,29,.13);border-radius:18px;background:#fff;box-shadow:0 15px 35px rgba(20,50,62,.10);font-size:11px;font-weight:850}.node--a{left:3%;top:40%}.node--b{left:31%;top:25%;color:#225c51;background:#dcf8f1;border-color:#9edacc}.node--c{left:56%;top:42%;width:78px;height:78px;color:#061a17;background:var(--mint);border:0;box-shadow:0 18px 42px rgba(89,235,204,.3)}.node--d{right:2%;top:15%}.node--e{right:4%;bottom:8%}.split-meter{position:absolute;left:34px;right:34px;bottom:34px;padding:22px;border-radius:18px;background:#0b1928;color:#fff}.split-meter>div{display:grid;grid-template-columns:1fr auto;gap:5px;margin-bottom:15px}.split-meter small{color:#6f8599;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.split-meter strong{font-size:11px}.split-meter span{grid-column:1/-1;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--mint) 72%,rgba(255,255,255,.07) 72%)}.split-meter>div:nth-child(2) span{background:linear-gradient(90deg,var(--blue) 47%,rgba(255,255,255,.07) 47%)}.split-meter em{display:inline-flex;padding:6px 9px;border-radius:99px;color:var(--mint);background:rgba(89,235,204,.09);font-size:8px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.export-preview{position:absolute;left:34px;right:34px;bottom:34px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.export-preview>span{display:grid;grid-template-columns:1fr 1fr .7fr;min-height:42px;align-items:center;padding:0 14px;border-top:1px solid var(--line);font-size:10px}.export-preview>span:first-child{border:0;background:#f1f5f6;color:#7a8793;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.export-preview i{font-style:normal}.export-preview strong{color:#1c6355}.export-preview small{color:#9eabb5}
.flow-section{color:#fff;background:#081522}.flow-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.flow-copy .eyebrow{color:#71879a}.flow-copy h2 em{color:var(--mint)}.flow-copy p{color:#8ea1b3;margin-bottom:28px}.flow-copy .button{color:#fff;border-color:rgba(255,255,255,.17)}.domain-diagram{position:relative;min-height:520px;border:1px solid rgba(255,255,255,.09);border-radius:30px;background:radial-gradient(circle at center,rgba(89,235,204,.08),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;overflow:hidden}.domain-lane{position:absolute;left:7%;right:7%;display:grid;grid-template-columns:1fr 1fr 30px 1fr;align-items:center;gap:10px}.domain-lane--customer{top:55px}.domain-lane--vendor{bottom:70px}.domain-lane small{grid-column:1/-1;color:#698095;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.domain-lane span{display:grid;place-items:center;height:62px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.035);font-size:11px;font-weight:700}.domain-lane i{text-align:center;color:#537085;font-style:normal}.domain-core{position:absolute;z-index:2;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;color:#061511;background:var(--mint);box-shadow:0 0 70px rgba(89,235,204,.18)}.domain-core>span{font-size:36px;font-weight:850;letter-spacing:-.05em}.domain-core>small{max-width:100px;text-align:center;font-size:8px;line-height:1.35}.pulse-ring{position:absolute;inset:-22px;border:1px solid rgba(89,235,204,.27);border-radius:50%;animation:pulse 2.6s ease-out infinite}@keyframes pulse{50%{transform:scale(1.1);opacity:.2}}.domain-output{position:absolute;left:50%;top:64%;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);color:#fff}.domain-output i{height:55px;color:var(--mint);font-style:normal}.domain-output span{padding:12px 18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#102238;font-size:10px;font-weight:800}.domain-output small{margin-top:6px;color:#637b91;font-size:8px}
.migration{background:#eef3f4}.migration-panel{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:65px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.migration-panel::before{content:"";position:absolute;right:-120px;top:-140px;width:330px;height:330px;border-radius:50%;background:var(--mint);filter:blur(90px);opacity:.12}.migration-steps{list-style:none;margin:0;padding:0}.migration-steps li{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.migration-steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#28675b;background:#e4f6f2;font-size:10px}.migration-steps span{display:flex;flex-direction:column;gap:4px}.migration-steps strong{font-size:13px}.migration-steps small{color:#87939f;font-size:10px}.migration-stamp{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding-top:30px;border-top:1px solid var(--line);color:#9aa6b0;font-size:12px;font-weight:800;letter-spacing:.12em}.migration-stamp i{color:#5e6e7c;font-style:normal}.migration-stamp strong{color:#1b6659}.migration-stamp small{margin-left:auto;font-size:9px;font-weight:700;text-transform:uppercase}.cta-section{position:relative;z-index:2;padding:80px 0 110px;background:#eef3f4}.cta-panel{display:flex;align-items:center;justify-content:space-between;padding:70px;border-radius:30px;color:#fff;background:linear-gradient(120deg,#0b1b2c,#13344b);box-shadow:0 30px 80px rgba(7,17,31,.2)}.cta-panel .eyebrow{color:#7d94a8}.cta-panel h2{margin-bottom:0}.cta-panel h2 em{color:var(--mint)}.site-footer{position:relative;z-index:2;padding:30px 0;color:#728598;background:#07111f;border-top:1px solid rgba(255,255,255,.07)}.site-footer .container{display:flex;align-items:center;gap:30px}.site-footer p{margin-left:auto;font-size:11px}.site-footer>div>small{font-size:9px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal--delay{transition-delay:.16s}.reveal.is-visible{opacity:1;transform:none}

/* Login */
.login-page{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;color:#fff;background:#07111f}.login-brand{position:fixed;z-index:5;top:28px;left:36px}.login-story{position:relative;display:grid;place-items:center;padding:120px 70px 60px;overflow:hidden;background:radial-gradient(circle at 35% 58%,rgba(89,235,204,.11),transparent 25%),linear-gradient(145deg,#07111f,#0b1e30)}.login-story::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,transparent,black 25%,black 70%,transparent)}.login-story__content{position:relative;z-index:2;width:min(630px,100%)}.login-story h1{margin:16px 0;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.05em}.login-story p{max-width:520px;color:#91a4b6;font-size:14px;line-height:1.7}.login-visual{position:relative;height:300px;margin:18px 0}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(89,235,204,.13);border-radius:50%;transform:translate(-50%,-50%)}.orbit--one{width:170px;height:170px}.orbit--two{width:260px;height:260px}.orbit--three{width:350px;height:350px;border-style:dashed;animation:rotate 25s linear infinite}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}.login-core{position:absolute;z-index:2;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.12);border-radius:32px;background:rgba(11,30,48,.87);box-shadow:0 25px 70px rgba(0,0,0,.38),0 0 50px rgba(89,235,204,.09)}.login-core img{width:42px}.login-core strong{margin-top:8px;font-size:9px;letter-spacing:.18em}.login-core small{margin-top:4px;color:var(--mint);font-size:7px}.satellite{position:absolute;z-index:3;padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:10px;color:#b4c3cf;background:#0e2235;font-size:8px;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.22)}.satellite::before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--mint)}.satellite--m{left:8%;top:34%}.satellite--c{right:12%;top:20%}.satellite--d{right:4%;bottom:20%}.satellite--v{left:16%;bottom:11%}.security-note{display:flex;align-items:flex-start;gap:13px;max-width:520px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025)}.security-note>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#07111f;background:var(--mint);font-size:11px;font-weight:900}.security-note p{display:flex;flex-direction:column;gap:4px;margin:0}.security-note strong{color:#dbe6ee;font-size:10px}.security-note small{color:#6f8598;font-size:8px;line-height:1.5}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:var(--ink);background:#f4f7f8}.login-card{width:min(470px,100%)}.back-link{display:inline-block;margin-bottom:44px;color:#788692;font-size:11px;font-weight:700}.login-card__heading{margin-bottom:28px}.login-status{display:inline-flex;align-items:center;gap:7px;color:#5a6b78;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.login-status i{width:6px;height:6px;border-radius:50%;background:#27c79e;box-shadow:0 0 0 5px rgba(39,199,158,.1)}.login-card h2{margin:14px 0 8px;font-size:36px;letter-spacing:-.04em}.login-card__heading p{margin:0;color:#7d8994;font-size:13px;line-height:1.6}.login-form{display:grid;gap:20px}.login-form label>span{display:block;margin-bottom:8px;color:#4d5a66;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.input-wrap{display:flex;align-items:center;height:56px;padding:0 15px;border:1px solid #d7dfe3;border-radius:14px;background:#fff;transition:border .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#56bfa8;box-shadow:0 0 0 4px rgba(89,235,204,.12)}.input-wrap>i{width:27px;color:#8a98a3;font-size:13px;font-style:normal}.input-wrap input{flex:1;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.input-wrap input::placeholder{color:#aab4bc}.password-toggle{border:0;color:#427c70;background:transparent;font-size:9px;font-weight:800;text-transform:uppercase}.alert{display:flex;gap:11px;margin-bottom:20px;padding:13px 14px;border-radius:12px;font-size:11px}.alert>span{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:7px;font-weight:900}.alert strong{display:block;margin-bottom:3px}.alert p{margin:0;line-height:1.45}.alert--error{color:#7d3037;background:#ffecef;border:1px solid #ffd1d7}.alert--error>span{color:#fff;background:var(--danger)}.alert--success{color:#266455;background:#e5f8f2;border:1px solid #c6eee3}.alert--success>span{color:#fff;background:#36b994}.login-card__footer{display:flex;justify-content:center;gap:18px;margin-top:24px;color:#8c98a2;font-size:8px}.login-card__footer i{color:#58b7a3;font-style:normal}.login-help{margin:35px 0 0;color:#8d99a3;font-size:9px}

/* Dashboard */
.app-body{min-height:100vh;background:#eef2f4}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.app-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;display:flex;flex-direction:column;width:250px;padding:24px 18px 18px;color:#d5e1ea;background:#071522;border-right:1px solid rgba(255,255,255,.06)}.brand--sidebar{margin:0 8px 30px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav__label{margin:18px 11px 7px;color:#4f6578;font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.side-nav__item{display:flex;align-items:center;gap:11px;min-height:43px;padding:0 11px;border-radius:11px;color:#8195a7;font-size:11px;font-weight:650}.side-nav__item:hover,.side-nav__item.is-active{color:#e7f0f5;background:rgba(255,255,255,.055)}.side-nav__item.is-active{box-shadow:inset 2px 0 var(--mint)}.side-nav__icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.09);border-radius:7px;color:#7d93a6;font-size:8px;font-weight:900}.side-nav__item.is-active .side-nav__icon{color:#071522;background:var(--mint);border-color:var(--mint)}.side-nav__item em{margin-left:auto;padding:3px 5px;border-radius:5px;color:#50677a;background:rgba(255,255,255,.04);font-size:6px;font-style:normal;text-transform:uppercase}.side-nav__item.is-disabled{cursor:default}.sidebar-user{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:13px 10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#081522;background:linear-gradient(135deg,var(--mint),#a6f4e3);font-size:11px;font-weight:900}.sidebar-user__meta{display:flex;min-width:0;flex-direction:column;gap:3px}.sidebar-user__meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.sidebar-user__meta small{color:#60778a;font-size:7px}.icon-button{width:25px;height:25px;border:0;border-radius:7px;color:#7890a3;background:rgba(255,255,255,.05);font-size:10px}.app-main{grid-column:2;min-width:0}.app-topbar{display:flex;align-items:center;justify-content:space-between;min-height:88px;padding:17px 34px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.78);backdrop-filter:blur(15px)}.app-topbar h1{margin:4px 0 0;font-size:20px;letter-spacing:-.025em}.topbar-actions{display:flex;align-items:center;gap:17px}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #d9e4e1;border-radius:99px;color:#477368;background:#f6fbfa;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.live-pill i{width:6px;height:6px;border-radius:50%;background:#32bf99;box-shadow:0 0 0 4px rgba(50,191,153,.1)}.top-date{color:#7b8994;font-size:10px}.mobile-menu{display:none;border:0;background:transparent;font-size:20px}.dashboard-content{padding:32px}.dashboard-toast{display:flex;align-items:center;gap:9px;margin-bottom:20px;padding:12px 15px;border:1px solid #cae8df;border-radius:12px;color:#2e6b5d;background:#e9f8f3;font-size:11px}.dashboard-toast span{font-weight:900}.dashboard-welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.dashboard-welcome h2{margin:8px 0 6px;font-size:30px;letter-spacing:-.04em}.dashboard-welcome p{margin:0;color:#7f8c97;font-size:11px}.welcome-meta{display:flex;gap:8px}.welcome-meta>span{display:flex;flex-direction:column;gap:5px;min-width:95px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;color:#89959e;background:#fff;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.welcome-meta strong{color:#25323d;font-size:10px;letter-spacing:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{position:relative;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.stat-card__top{display:flex;align-items:center;justify-content:space-between}.stat-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#1a6355;background:#e3f7f2;font-size:9px;font-weight:900}.stat-card__top i{color:#99a4ad;font-size:7px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.stat-card>small{display:block;margin-top:18px;color:#778691;font-size:9px}.stat-card>strong{display:block;margin-top:5px;font-size:28px;letter-spacing:-.04em}.stat-card p{margin:5px 0 12px;color:#9aa5ad;font-size:8px}.stat-line{height:3px;border-radius:99px;background:#edf1f2}.stat-line span{display:block;width:64%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--blue))}.dashboard-grid{display:grid;grid-template-columns:1fr 310px;gap:14px;margin-top:14px}.data-panel{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.data-panel__head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.data-panel__head h3{margin:5px 0 0;font-size:14px}.panel-badge{padding:6px 9px;border-radius:99px;color:#3e7469;background:#e8f6f2;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.responsive-table{overflow:auto}.responsive-table table{width:100%;border-collapse:collapse;white-space:nowrap}.responsive-table th{padding:11px 15px;color:#8b98a2;background:#f8fafb;text-align:left;font-size:7px;text-transform:uppercase;letter-spacing:.09em}.responsive-table td{padding:13px 15px;border-top:1px solid #edf0f2;color:#53616d;font-size:9px}.responsive-table td:first-child{display:flex;flex-direction:column;gap:3px}.responsive-table td strong{color:#162531;font-size:10px}.responsive-table td small{color:#9aa5ad;font-size:7px}.table-status{display:inline-flex;padding:5px 7px;border-radius:99px;color:#3e7469;background:#eaf6f3;font-size:7px;font-weight:800}.empty-state{text-align:center!important;padding:35px!important;color:#97a2aa!important}.access-list{padding:8px 18px}.access-group{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.access-group>div{display:flex;align-items:center;gap:10px}.access-group>div>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:#326b60;background:#e7f6f2;font-size:8px;font-weight:900}.access-group p{display:flex;flex-direction:column;gap:3px;margin:0}.access-group strong{font-size:9px}.access-group small{color:#95a0a8;font-size:7px}.access-group em{color:#9ba6ae;font-size:10px;font-style:normal}.empty-copy{padding:20px;color:#8c99a2;font-size:9px;line-height:1.5}.access-summary{display:grid;grid-template-columns:1fr 1fr;margin:14px 18px 18px;border-radius:12px;background:#0c1c2b;color:#fff}.access-summary span{display:flex;flex-direction:column;gap:4px;padding:14px;color:#71879a;font-size:7px;text-transform:uppercase}.access-summary span+span{border-left:1px solid rgba(255,255,255,.08)}.access-summary strong{color:var(--mint);font-size:17px;letter-spacing:-.03em}.roadmap-strip{display:flex;align-items:center;margin-top:14px;padding:18px 22px;border:1px solid var(--line);border-radius:18px;background:#fff}.roadmap-strip>div{display:flex;align-items:center;gap:10px;min-width:160px}.roadmap-strip>i{flex:1;height:1px;margin:0 12px;background:#dfe5e8}.roadmap-dot{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d8e0e4;border-radius:50%;color:#909ca5;font-size:8px;font-weight:900}.roadmap-dot.is-done{color:#0f5e4e;background:var(--mint);border-color:var(--mint)}.roadmap-dot.is-active{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 5px rgba(95,131,255,.1)}.roadmap-strip p{display:flex;flex-direction:column;gap:3px;margin:0}.roadmap-strip strong{font-size:8px}.roadmap-strip small{color:#98a3ab;font-size:7px}

@media (max-width: 1050px) {
    .hero__grid{grid-template-columns:1fr;padding-top:40px}.hero-console{max-width:760px;margin:auto;transform:none}.flow-layout{grid-template-columns:1fr}.migration-panel{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh}.login-brand{position:absolute;color:var(--ink)}.login-brand small{color:#7c8b97}.app-shell{grid-template-columns:1fr}.app-main{grid-column:1}.app-sidebar{transform:translateX(-100%);transition:transform .25s ease;box-shadow:25px 0 60px rgba(0,0,0,.18)}.app-sidebar.is-open{transform:none}.mobile-menu{display:block}.app-topbar{justify-content:flex-start;gap:18px}.topbar-actions{margin-left:auto}}
@media (max-width: 760px) {
    .container{width:min(100% - 28px,1180px)}.site-nav{display:none}.site-header .button{padding-inline:13px}.hero{padding-top:115px}.hero__grid{min-height:auto}.hero h1{font-size:48px}.hero__trust{grid-template-columns:1fr}.hero-console{display:none}.hero-marquee{margin-top:60px}.section{padding:85px 0}.feature-grid{grid-template-columns:1fr}.feature-card--wide{grid-column:auto;grid-template-columns:1fr;min-height:620px}.feature-number{display:none}.network-map{min-height:300px}.feature-card{min-height:390px;padding:25px}.flow-layout{gap:45px}.domain-diagram{min-height:450px}.domain-lane{grid-template-columns:1fr 20px 1fr}.domain-lane small{grid-column:1/-1}.migration-panel{padding:34px;gap:30px}.migration-stamp{flex-wrap:wrap}.migration-stamp small{width:100%;margin:0}.cta-panel{align-items:flex-start;flex-direction:column;gap:25px;padding:40px}.site-footer .container{align-items:flex-start;flex-direction:column}.site-footer p{margin:0}.login-panel{padding:100px 22px 40px}.login-brand{top:22px;left:22px}.login-card h2{font-size:32px}.dashboard-content{padding:20px 14px}.app-topbar{padding:15px}.topbar-actions .top-date{display:none}.dashboard-welcome{align-items:flex-start;flex-direction:column;gap:18px}.welcome-meta{width:100%;overflow:auto}.stats-grid{grid-template-columns:1fr}.roadmap-strip{align-items:flex-start;flex-direction:column;gap:10px}.roadmap-strip>i{width:1px;height:16px;margin:0 14px}.roadmap-strip>div{min-width:auto}}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none} }