:root {
  color-scheme: dark;
  --bg: #070a10;
  --bg-soft: #0b1018;
  --surface: rgba(255,255,255,.035);
  --surface-strong: #0d1420;
  --line: rgba(255,255,255,.1);
  --line-soft: rgba(255,255,255,.06);
  --text: #f5f7fa;
  --muted: #a1a9b5;
  --dim: #727d8d;
  --cyan: #6bdcff;
  --cyan-rgb: 107,220,255;
  --violet: #8a7cff;
  --green: #6ee2ba;
  --amber: #efb96d;
  --red: #e6788b;
  --sans: Inter, "Segoe UI Variable", "Microsoft YaHei UI", "Segoe UI", sans-serif;
  --mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
  --content: min(1280px, calc(100vw - 72px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; overflow-x: hidden; background: radial-gradient(circle at 78% 5%, rgba(81,111,164,.11), transparent 28%), radial-gradient(circle at 12% 38%, rgba(90,68,151,.055), transparent 31%), var(--bg); color: var(--text); font-family: var(--sans); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
section[id] { scroll-margin-top: 92px; }
:focus-visible { outline: 2px solid rgba(var(--cyan-rgb),.9); outline-offset: 4px; }
.skip-link { position: fixed; z-index: 300; left: 18px; top: 12px; padding: 10px 14px; border-radius: 9px; background: #eefaff; color: #07101a; font-size: 12px; font-weight: 750; transform: translateY(-160%); transition: transform .2s ease; }
.skip-link:focus { transform: translateY(0); }
#ambient-field, #cursor-trail { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; }
#ambient-field { z-index: 0; }
#cursor-trail { z-index: 260; opacity: 0; transition: opacity .14s ease; }
body.has-custom-cursor #cursor-trail { opacity: 1; }
@media (pointer:fine) { body.has-custom-cursor, body.has-custom-cursor a, body.has-custom-cursor button { cursor: none !important; } }
body.modal-open, body.menu-open, body.intro-lock { overflow: hidden; }
.clipboard-helper { position: fixed; left: -9999px; top: 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.site-texture { position: fixed; z-index: 1; inset: 0; pointer-events: none; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(to bottom, #000, transparent 65%); }
main, .site-footer { position: relative; z-index: 2; }

.portal-intro { position: fixed; z-index: 200; inset: 0; display: none; grid-template-rows: 82px minmax(0,1fr) auto; overflow: hidden; clip-path: inset(0); background: radial-gradient(circle at 76% 24%, rgba(69,128,190,.15), transparent 32%), radial-gradient(circle at 58% 78%, rgba(105,78,195,.08), transparent 29%), #02060d; transition: clip-path .72s cubic-bezier(.72,0,.22,1), visibility .72s; isolation: isolate; }
.portal-boot-show .portal-intro { display: grid; }
.portal-intro::before { content:""; position:absolute; z-index:-2; inset:0; opacity:.2; background-image:linear-gradient(rgba(112,183,232,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(112,183,232,.04) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(110deg,#000,transparent 72%); }
.portal-intro::after { content:"ANTI/BX"; position:absolute; z-index:-1; right:-1.5vw; bottom:-8vh; color:transparent; font:800 clamp(150px,22vw,390px)/.7 var(--sans); letter-spacing:-.09em; -webkit-text-stroke:1px rgba(141,190,226,.045); pointer-events:none; }
.portal-intro.is-leaving { clip-path: inset(0 0 100% 0); visibility:hidden; }
.intro-header { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:0 clamp(24px,4.5vw,82px); border-bottom:1px solid rgba(112,183,232,.13); }
.intro-brand { display:inline-flex; align-items:center; gap:12px; }
.intro-brand>img { width:42px; height:42px; border-radius:11px; }
.intro-brand>span { display:grid; gap:5px; }
.intro-brand b { font:780 24px/.86 var(--sans); letter-spacing:-.055em; }
.intro-brand b em { padding:0 .08em; color:#73d6ff; font-style:normal; font-weight:500; }
.intro-brand small { color:#71859a; font:700 6px var(--mono); letter-spacing:.16em; }
.intro-channel { display:flex; align-items:center; gap:9px; color:#6f8599; font:700 7px var(--mono); letter-spacing:.13em; }
.intro-channel i { width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); animation:intro-beacon 1.45s ease-in-out infinite; }
.intro-stage { position:relative; width:min(1760px,calc(100vw - 80px)); min-height:0; display:grid; grid-template-columns:minmax(430px,.72fr) minmax(620px,1.28fr); align-items:center; gap:clamp(50px,6vw,112px); margin:0 auto; padding:22px 0; }
.intro-stage::after { content:""; position:absolute; left:34%; right:5%; top:50%; height:1px; background:linear-gradient(90deg,transparent,rgba(91,215,255,.5),rgba(141,125,255,.36),transparent); transform:scaleX(0); transform-origin:left; animation:intro-link-line 1.6s .45s cubic-bezier(.2,.75,.2,1) forwards; }
.intro-copy { position:relative; z-index:4; }
.intro-copy>p { margin:0; color:#78c9ef; font:700 9px var(--mono); letter-spacing:.18em; }
.intro-copy h2 { margin:28px 0 0; font:760 clamp(56px,5vw,92px)/.94 var(--sans); letter-spacing:-.065em; }
.intro-copy h2 span { color:#80d5ff; }
.intro-phase { width:min(460px,100%); display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:42px; padding:17px 0; border-top:1px solid rgba(112,183,232,.2); border-bottom:1px solid rgba(112,183,232,.08); }
.intro-phase small { color:#657b90; font:700 7px var(--mono); letter-spacing:.12em; }
.intro-phase strong { color:#d8edfa; font-size:13px; }
.intro-products { position:relative; z-index:3; width:min(900px,52vw); aspect-ratio:1.28; justify-self:end; perspective:1200px; }
.intro-products article { position:absolute; overflow:hidden; border:1px solid rgba(111,185,235,.24); border-radius:17px; background:#030a12; box-shadow:0 42px 100px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035); }
.intro-products article>header { height:42px; display:flex; align-items:center; gap:13px; padding:0 15px; border-bottom:1px solid rgba(112,183,232,.1); }
.intro-products article>header span { color:#638096; font:700 7px var(--mono); }
.intro-products article>header b { font-size:11px; }
.intro-products article>header em { margin-left:auto; color:var(--green); font:700 6px var(--mono); font-style:normal; letter-spacing:.08em; }
.intro-console-card { left:0; top:4%; width:77%; height:67%; opacity:0; transform:translate3d(46px,18px,-60px) rotateY(-4deg); animation:intro-console-in .9s .18s cubic-bezier(.18,.78,.18,1) forwards; }
.intro-console-ui{height:calc(100% - 42px);display:grid;grid-template-columns:72px 1fr;background:radial-gradient(circle at 75% 15%,rgba(78,111,185,.12),transparent 31%),#03080e}.intro-console-ui>nav{display:grid;align-content:start;gap:13px;padding:13px 10px;border-right:1px solid rgba(112,183,232,.1)}.intro-console-ui>nav b{color:#dcefff;font:800 7px var(--mono)}.intro-console-ui>nav i{width:80%;height:5px;border-radius:4px;background:rgba(125,169,200,.13)}.intro-console-ui>nav i.is-active{background:linear-gradient(90deg,#68d8ff,rgba(104,216,255,.12));box-shadow:0 0 8px rgba(104,216,255,.25)}.intro-console-ui>section{display:grid;grid-template-rows:58px 1fr 28px;min-width:0}.intro-ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(112,183,232,.1)}.intro-ui-metrics span{display:grid;align-content:center;gap:4px;padding:0 12px;border-right:1px solid rgba(112,183,232,.08)}.intro-ui-metrics small{color:#6f8498;font:700 5px var(--mono)}.intro-ui-metrics b{font:800 13px var(--mono)}.intro-console-ui svg{width:100%;height:100%;padding:13px 15px}.intro-console-ui svg path{fill:none;stroke:rgba(102,168,206,.08)}.intro-console-ui svg polyline{fill:none;stroke:#6bdcff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.intro-console-ui svg polyline.sub{stroke:#6ee2ba;stroke-width:1.2;stroke-dasharray:3 5}.intro-console-ui svg circle{fill:#e4fbff;stroke:#63cffa;stroke-width:2}.intro-console-ui section>footer{display:flex;align-items:center;gap:7px;padding:0 12px;border-top:1px solid rgba(112,183,232,.08);color:#698196;font:700 5px var(--mono)}.intro-console-ui section>footer i{width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}
.intro-share-card { right:0; bottom:2%; width:65%; height:50%; opacity:0; transform:translate3d(34px,38px,20px); animation:intro-share-in .9s .65s cubic-bezier(.18,.78,.18,1) forwards; }
.intro-share-ui{height:calc(100% - 76px);display:grid;grid-template-columns:54px 1fr;padding:9px;background:radial-gradient(circle at 78% 28%,rgba(70,175,146,.09),transparent 34%),#03080d}.intro-share-ui>aside{display:grid;align-content:start;gap:10px;padding:7px;border:1px solid rgba(101,222,185,.1);border-radius:7px}.intro-share-ui>aside i{width:100%;height:5px;border-radius:4px;background:rgba(101,222,185,.1)}.intro-share-ui>section{min-width:0;margin-left:8px;border:1px solid rgba(101,222,185,.12);border-radius:8px;background:rgba(3,10,14,.85)}.intro-share-ui>section>header{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid rgba(101,222,185,.09);color:#779088;font:700 5px var(--mono)}.intro-share-ui>section>header em{color:#76d3b6;font-style:normal}.intro-share-ui>section>div{position:relative;display:grid;grid-template-columns:1fr 38%;gap:8px;height:calc(100% - 30px);padding:10px}.intro-share-ui p{height:5px;margin:0;border-radius:4px;background:rgba(104,192,164,.1)}.intro-share-ui p:nth-child(2){width:74%}.intro-share-ui p:nth-child(3){width:88%}.intro-share-ui p:nth-child(4){width:62%}.intro-share-ui figure{grid-column:2;grid-row:1/5;display:grid;place-items:center;margin:0;border:1px solid rgba(101,222,185,.11);border-radius:6px;background:radial-gradient(circle at 58% 42%,rgba(101,222,185,.12),transparent 34%)}.intro-share-ui figure i{width:6px;height:6px;border-radius:50%;background:#dffff5;box-shadow:0 0 13px var(--green)}.intro-share-ui figure span{position:absolute;width:24%;height:1px;background:linear-gradient(90deg,var(--green),var(--violet));transform:rotate(-8deg)}
.intro-share-card>footer { height:34px; display:flex; align-items:center; gap:16px; padding:0 14px; border-top:1px solid rgba(101,222,185,.09); color:#6e8597; font:700 6px var(--mono); }
.intro-share-card>footer b { margin-left:auto; color:#77cfb7; }
.intro-footer { padding:0 clamp(24px,4.5vw,82px) 34px; }
.intro-progress { position:relative; height:2px; overflow:hidden; background:rgba(112,183,232,.14); }
.intro-progress i { position:absolute; inset:0; background:linear-gradient(90deg,#5bd7ff,#8d7dff 57%,#63deb9); box-shadow:0 0 12px rgba(91,215,255,.5); transform:scaleX(0); transform-origin:left; animation:intro-progress 2.8s linear forwards; }
.intro-footer ol { display:grid; grid-template-columns:repeat(4,1fr); margin:17px 0 0; padding:0; list-style:none; }
.intro-footer li { display:grid; grid-template-columns:28px 1fr; align-items:center; gap:9px; min-width:0; color:#5f7489; transition:color .2s ease; }
.intro-footer li span { font:700 7px var(--mono); }
.intro-footer li b { overflow:hidden; font-size:10px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.intro-footer li.is-current { color:#cceeff; }.intro-footer li.is-done{color:#7d9db3}
@keyframes intro-console-in{to{opacity:1;transform:none}}@keyframes intro-share-in{to{opacity:1;transform:none}}@keyframes intro-link-line{to{transform:scaleX(1)}}@keyframes intro-progress{to{transform:scaleX(1)}}@keyframes intro-beacon{50%{opacity:.38;box-shadow:0 0 5px var(--green)}}

.site-header { position:fixed; z-index:40; top:0; left:0; right:0; height:72px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:0 max(24px,calc((100vw - 1280px)/2)); border-bottom:1px solid var(--line-soft); background:rgba(7,10,16,.78); backdrop-filter:blur(22px) saturate(120%); -webkit-backdrop-filter:blur(22px) saturate(120%); }
.site-header::before,.site-header::after{content:"";position:absolute;bottom:-1px;pointer-events:none}.site-header::before{left:0;right:0;height:1px;background:rgba(92,176,229,.16)}.site-header::after{left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#5bd7ff 0,#8a7dff 80px,#63deb9 160px,#8a7dff 240px,#5bd7ff 320px);background-size:320px 100%;box-shadow:0 0 10px rgba(var(--cyan-rgb),.24);animation:header-signal 4.8s linear infinite}@keyframes header-signal{to{background-position:320px 0}}
.brand { display:inline-flex; align-items:center; gap:11px; justify-self:start; }
.brand-mark { width:40px; height:40px; flex:0 0 auto; border-radius:11px; box-shadow:0 12px 30px rgba(0,0,0,.24); }
.brand-mark img { display:block; width:100%; height:100%; border-radius:inherit; }
.brand-type { display:grid; gap:4px; }
.brand-type b { font-size:23px; line-height:.9; font-weight:780; letter-spacing:-.055em; white-space:nowrap; }
.brand-type b em { padding:0 .06em; color:var(--cyan); font-style:normal; font-weight:520; }
.brand-type small { color:#7d8b9a; font:700 5.5px var(--mono); letter-spacing:.16em; }
.desktop-nav { display:flex; align-items:center; gap:4px; justify-self:center; }
.desktop-nav a { position:relative; padding:10px 13px; border-radius:8px; color:#9099a5; font-size:13px; transition:color .2s ease,background .2s ease; }
.desktop-nav a::after { content:""; position:absolute; left:50%; bottom:4px; width:4px; height:4px; border-radius:50%; background:var(--cyan); opacity:0; transform:translateX(-50%) scale(.4); transition:opacity .2s ease,transform .2s ease; }
.desktop-nav a:hover { color:#edf7fc; background:rgba(255,255,255,.035); }
.desktop-nav a[aria-current="page"] { color:#eefaff; }
.desktop-nav a[aria-current="page"]::after { opacity:1; transform:translateX(-50%) scale(1); }
.header-actions { justify-self:end; display:flex; align-items:center; gap:8px; }
.header-contact { height:40px; padding:0 13px; border:0; background:transparent; color:#9aa4b0; font-size:12px; cursor:pointer; transition:color .2s ease; }
.header-contact:hover { color:#eef8ff; }
.header-login { min-width:122px; height:40px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 13px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.025); font-size:12px; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.header-login:hover { border-color:rgba(var(--cyan-rgb),.4); background:rgba(var(--cyan-rgb),.06); transform:translateY(-1px); }
.header-login i { color:var(--cyan); font-style:normal; }
.menu-toggle { width:42px; height:42px; display:none; place-items:center; align-content:center; gap:6px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.025); cursor:pointer; }
.menu-toggle i { width:18px; height:1px; background:#acb7c3; transition:transform .2s ease; }.menu-toggle[aria-expanded="true"] i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mobile-nav { position:absolute; z-index:1; top:72px; left:0; right:0; height:calc(100svh - 72px); display:grid; align-content:start; padding:28px clamp(20px,7vw,42px) 40px; overflow:auto; border-top:1px solid var(--line-soft); background:radial-gradient(circle at 82% 14%,rgba(87,68,177,.12),transparent 32%),#070a10; opacity:0; transform:translateY(-12px); transition:opacity .24s ease,transform .24s cubic-bezier(.2,.75,.2,1); }
.mobile-nav[hidden]{display:none}.mobile-nav.is-open{opacity:1;transform:none}.mobile-nav::after{content:"ANTI/BX";position:absolute;z-index:-1;right:-6vw;bottom:1vh;color:transparent;font:800 31vw/.8 var(--sans);letter-spacing:-.09em;-webkit-text-stroke:1px rgba(115,184,230,.045);pointer-events:none}
.mobile-nav a { min-height:66px; display:grid; grid-template-columns:68px 1fr auto; align-items:center; gap:16px; border-bottom:1px solid var(--line-soft); color:#aeb8c4; font-size:16px; transition:color .2s ease,padding .2s ease,background .2s ease; }
.mobile-nav a::before{content:attr(data-index);color:#66788b;font:700 7px var(--mono);letter-spacing:.1em}.mobile-nav a::after{content:"↘";color:#668aa0;font-size:12px}.mobile-nav a:hover,.mobile-nav a:focus-visible{padding-left:8px;color:#f0f7fb;background:linear-gradient(90deg,rgba(var(--cyan-rgb),.055),transparent 74%)}
.mobile-nav a:last-child{min-height:76px;margin-top:20px;padding:0 17px;border:1px solid rgba(var(--cyan-rgb),.25);border-radius:12px;background:linear-gradient(110deg,rgba(31,105,157,.13),rgba(86,67,177,.15));color:#e8f7ff}.mobile-nav a:last-child::after{display:none}.mobile-nav a:last-child i{color:var(--cyan);font-style:normal}

.eyebrow { display:flex; align-items:center; gap:10px; margin:0; color:#75c9ee; font:720 10px/1 var(--mono); letter-spacing:.13em; }
.eyebrow>i { width:24px; height:1px; background:linear-gradient(90deg,transparent,var(--cyan)); }
.button { min-height:50px; display:inline-flex; align-items:center; justify-content:space-between; gap:24px; padding:0 17px; border:1px solid var(--line); border-radius:11px; background:transparent; color:#e9eff5; font-size:13px; cursor:pointer; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); border-color:rgba(var(--cyan-rgb),.4); }
.button i { color:var(--cyan); font-style:normal; }
.button-primary { border-color:rgba(var(--cyan-rgb),.32); background:linear-gradient(110deg,rgba(35,125,184,.26),rgba(98,77,197,.26)); }
.button-secondary { background:rgba(255,255,255,.025); color:#b7c1cc; }

.hero { width:var(--content); min-height:820px; display:grid; grid-template-columns:minmax(430px,.82fr) minmax(570px,1.18fr); align-items:center; gap:clamp(52px,6vw,92px); margin:0 auto; padding:126px 0 72px; }
.hero-copy { max-width:570px; }
.hero h1 { margin:24px 0 0; font-size:clamp(50px,4.6vw,72px); line-height:1.03; font-weight:720; letter-spacing:-.055em; }
.hero h1 span { display:block; color:#7dd4ff; }
.hero-lead { max-width:560px; margin:25px 0 0; color:var(--muted); font-size:16px; line-height:1.78; }
.hero-actions { display:flex; gap:10px; margin-top:31px; }
.hero-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin:38px 0 0; padding:17px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line-soft); }
.hero-facts div { min-width:0; padding:0 15px; border-left:1px solid var(--line-soft); }.hero-facts div:first-child{padding-left:0;border-left:0}
.hero-facts dt { color:#707b89; font-size:10px; }.hero-facts dd{display:flex;align-items:center;gap:7px;margin:7px 0 0;color:#c8d2db;font-size:11px;white-space:nowrap}.hero-facts dd i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.hero-facts div:nth-child(2) dd i{background:var(--violet);box-shadow:0 0 8px var(--violet)}
.hero-visual { --demo-rx:0deg; --demo-ry:0deg; position:relative; width:100%; aspect-ratio:1.13; display:grid; place-items:center; perspective:1300px; }
.hero-visual::before { content:""; position:absolute; inset:5% 0 4% 3%; border:1px solid var(--line-soft); border-radius:28px; background:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),rgba(255,255,255,.015); background-size:48px 48px; transform:translate(18px,18px); }
.hero-product-demo { position:relative; width:96%; height:82%; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:20px; background:#080d14; box-shadow:0 34px 100px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04); transform:rotateX(var(--demo-rx)) rotateY(var(--demo-ry)); transform-style:preserve-3d; transition:transform .22s ease,border-color .25s ease,box-shadow .25s ease; }
.hero-visual:hover .hero-product-demo{border-color:rgba(var(--cyan-rgb),.25);box-shadow:0 42px 110px rgba(0,0,0,.52),0 0 54px rgba(var(--cyan-rgb),.04),inset 0 1px rgba(255,255,255,.05)}
.hero-product-demo>header { height:44px; display:flex; align-items:center; gap:12px; padding:0 15px; border-bottom:1px solid var(--line-soft); color:#7b8895; }.hero-product-demo>header>span{display:flex;gap:5px}.hero-product-demo>header>span i{width:6px;height:6px;border-radius:50%;background:#40505f}.hero-product-demo>header b{font-size:9px;font-weight:650}.hero-product-demo>header em{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--green);font:700 6px var(--mono);font-style:normal;letter-spacing:.05em}.hero-product-demo>header em i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}
.hero-demo-body{height:calc(100% - 74px);display:grid;grid-template-columns:96px minmax(0,1fr);background:#05090f}.hero-demo-body>nav{display:grid;align-content:start;border-right:1px solid var(--line-soft);background:rgba(255,255,255,.015)}.hero-demo-body>nav button{min-height:58px;display:grid;grid-template-columns:20px 1fr;align-items:center;gap:7px;padding:0 12px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;color:#697784;text-align:left;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.hero-demo-body>nav button small{font:700 6px var(--mono)}.hero-demo-body>nav button span{font-size:8px}.hero-demo-body>nav button:hover,.hero-demo-body>nav button.is-active{color:#d7eff9;background:linear-gradient(90deg,rgba(var(--cyan-rgb),.09),transparent);box-shadow:inset 2px 0 var(--cyan)}
.hero-demo-panels{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 76% 14%,rgba(78,91,172,.08),transparent 30%),#04080e}.hero-demo-panel{position:absolute;inset:0;display:grid;grid-template-rows:48px minmax(0,1fr);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(14px);transition:opacity .24s ease,transform .34s cubic-bezier(.2,.75,.2,1),visibility .24s}.hero-demo-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}.hero-demo-panel>header{display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line-soft);background:rgba(255,255,255,.012)}.hero-demo-panel>header>span{display:grid;gap:3px}.hero-demo-panel>header small{color:#5c7187;font:700 6px var(--mono);letter-spacing:.09em}.hero-demo-panel>header b{font-size:10px}.hero-demo-panel>header em{display:flex;align-items:center;gap:6px;color:#6ccdb0;font:700 6px var(--mono);font-style:normal}.hero-demo-panel>header em::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}
.demo-metrics{display:grid;grid-template-columns:repeat(4,1fr);height:72px;border-bottom:1px solid var(--line-soft)}.demo-metrics article{position:relative;display:grid;grid-template-columns:1fr auto;align-content:center;gap:5px 8px;padding:0 13px;border-right:1px solid var(--line-soft)}.demo-metrics article:last-child{border-right:0}.demo-metrics small{grid-column:1/-1;color:#65778a;font-size:6px}.demo-metrics strong{font:760 15px var(--mono)}.demo-metrics i{align-self:end;color:#67c8aa;font:650 6px var(--mono);font-style:normal}.demo-overview-grid{height:calc(100% - 120px);display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:0}.demo-chart{min-width:0;padding:12px 14px 14px;border-right:1px solid var(--line-soft)}.demo-chart>header{display:flex;align-items:center;justify-content:space-between}.demo-chart>header b{font-size:8px}.demo-chart>header span{display:flex;gap:10px;color:#67788a;font-size:5px}.demo-chart>header i{display:inline-block;width:8px;height:1px;margin-right:3px;background:var(--cyan)}.demo-chart>header i:nth-child(2){background:var(--amber)}.demo-chart svg{display:block;width:100%;height:calc(100% - 41px);overflow:visible}.demo-grid-line{fill:none;stroke:rgba(111,174,211,.08);stroke-width:1}.demo-chart-area{fill:url(#none);fill:rgba(73,159,202,.09)}.demo-chart-main,.demo-chart-sub{fill:none;stroke:#6cd5ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.demo-chart-main{stroke-dasharray:760;stroke-dashoffset:760;animation:demo-line-draw 1.2s .15s ease forwards}.demo-chart-sub{stroke:#d49a51;stroke-width:1.3;stroke-dasharray:4 6}.demo-points circle{fill:#dff9ff;stroke:#4fbbe9;stroke-width:2;filter:drop-shadow(0 0 4px rgba(102,210,255,.7))}.demo-chart>footer{display:flex;gap:7px}.demo-chart>footer button{height:20px;padding:0 7px;border:1px solid var(--line-soft);border-radius:5px;background:rgba(255,255,255,.018);color:#657689;font:650 5px var(--mono)}.demo-chart>footer button:hover{border-color:rgba(var(--cyan-rgb),.34);color:#bfeaff}.demo-overview-grid>aside{display:grid;align-content:start;gap:6px;padding:15px;background:rgba(255,255,255,.012)}.demo-overview-grid>aside small{color:#5e7185;font-size:6px}.demo-overview-grid>aside strong{font-size:15px}.demo-overview-grid>aside span{display:flex;align-items:center;gap:6px;color:#6ec5ad;font-size:6px}.demo-overview-grid>aside span i{width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.demo-overview-grid>aside hr{width:100%;height:1px;margin:8px 0;border:0;background:var(--line-soft)}.demo-overview-grid>aside b{font-size:8px}.demo-overview-grid>aside em{color:#647589;font:600 6px var(--mono);font-style:normal}
.demo-toolbar{height:42px;display:flex;align-items:center;justify-content:space-between;margin:12px 14px 0;padding:0 11px;border:1px solid var(--line-soft);background:rgba(255,255,255,.016);color:#66798c;font-size:6px}.demo-toolbar b{padding-left:10px;border-left:1px solid var(--line-soft);color:#8193a5;font-size:6px}.demo-table{margin:10px 14px 0;border-top:1px solid var(--line-soft)}.demo-table>header,.demo-table>button{display:grid;grid-template-columns:1.4fr .65fr .65fr .5fr;align-items:center;gap:10px;min-height:34px;padding:0 10px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;text-align:left}.demo-table>header{color:#607287;font:700 5px var(--mono)}.demo-table>button{color:#8795a4;cursor:pointer;transition:background .18s ease,color .18s ease}.demo-table>button:hover{background:rgba(var(--cyan-rgb),.035);color:#ddecf6}.demo-table>button>span{display:flex;align-items:center;gap:8px;min-width:0}.demo-table>button>span>i{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(var(--cyan-rgb),.15);border-radius:7px;background:linear-gradient(145deg,rgba(var(--cyan-rgb),.12),rgba(111,83,187,.12));color:#d9f4ff;font-size:7px;font-style:normal}.demo-table>button b{display:grid;gap:2px;font-size:7px}.demo-table>button small{color:#5f7287;font:600 5px var(--mono)}.demo-table>button em{width:fit-content;padding:4px 6px;border:1px solid rgba(138,124,255,.15);border-radius:5px;color:#a8a0ef;font-size:5px;font-style:normal}.demo-table>button strong{font:650 6px var(--mono)}.demo-table>button u{display:flex;align-items:center;gap:5px;color:#79cbb2;font-size:6px;text-decoration:none}.demo-table>button u::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}
.demo-license-stats,.demo-audit-summary{height:66px;display:grid;grid-template-columns:repeat(3,1fr);margin:12px 14px 0;border:1px solid var(--line-soft)}.demo-license-stats>span,.demo-audit-summary>span{display:grid;align-content:center;gap:5px;padding:0 12px;border-right:1px solid var(--line-soft)}.demo-license-stats>span:last-child,.demo-audit-summary>span:last-child{border-right:0}.demo-license-stats small,.demo-audit-summary small{color:#607387;font-size:6px}.demo-license-stats b,.demo-audit-summary b{font:750 14px var(--mono)}.demo-license-list{margin:10px 14px 0;border-top:1px solid var(--line-soft)}.demo-license-list button{width:100%;min-height:34px;display:grid;grid-template-columns:.72fr .65fr 1fr .55fr;align-items:center;gap:10px;padding:0 10px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;color:#8393a3;text-align:left;cursor:pointer}.demo-license-list button:hover{background:rgba(var(--cyan-rgb),.035);color:#deeff8}.demo-license-list code{color:#73d5f7;font:700 6px var(--mono)}.demo-license-list span,.demo-license-list b,.demo-license-list em{font-size:6px}.demo-license-list b{font-family:var(--mono);font-weight:600}.demo-license-list em{justify-self:end;color:#73ceb0;font-style:normal}.demo-license-list em.is-waiting{color:#dfa85d}
.demo-audit-list{margin:10px 14px 0}.demo-audit-list button{width:100%;min-height:42px;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;padding:0 10px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;color:#8393a4;text-align:left;cursor:pointer}.demo-audit-list button:hover{background:rgba(var(--cyan-rgb),.035)}.demo-audit-list button>i{width:5px;height:5px;border-radius:50%;background:#73dfbd;box-shadow:0 0 7px #73dfbd}.demo-audit-list button>span{display:grid;gap:3px}.demo-audit-list b{color:#cbdbe6;font-size:7px}.demo-audit-list small{color:#5f7185;font:600 5px var(--mono)}.demo-audit-list time{color:#627489;font:600 5px var(--mono)}
.demo-audit-list button>i.is-waiting{background:var(--amber);box-shadow:0 0 7px var(--amber)}.demo-ledger-list button:nth-child(2) time,.demo-ledger-list button:nth-child(4) time{color:#72ceb0}.demo-ledger-list button:nth-child(1) time,.demo-ledger-list button:nth-child(3) time{color:#d8a55f}
.demo-inspector{position:absolute;z-index:8;left:14px;bottom:13px;width:min(318px,calc(100% - 28px));display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(var(--cyan-rgb),.17);border-radius:9px;background:rgba(3,9,15,.91);box-shadow:0 15px 38px rgba(0,0,0,.34);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.demo-inspector.is-switching{opacity:0;transform:translateY(6px)}.demo-inspector small{color:#68ccec;font:700 5px var(--mono);letter-spacing:.09em}.demo-inspector strong{font-size:8px}.demo-inspector span{color:#728397;font-size:6px;line-height:1.45}@keyframes demo-line-draw{to{stroke-dashoffset:0}}

.hero-demo-panel{display:flex;flex-direction:column;padding-bottom:56px}
.hero-demo-panel>header{min-height:48px;flex:0 0 48px}
.demo-metrics{height:72px;flex:0 0 72px}
.demo-overview-grid{height:auto;min-height:0;flex:1}
.demo-toolbar{height:42px;flex:0 0 42px}
.demo-table{min-height:0;display:grid;grid-template-rows:32px repeat(3,minmax(38px,1fr));flex:1}
.demo-license-stats,.demo-audit-summary{height:66px;flex:0 0 66px}
.demo-license-list{min-height:0;display:grid;grid-template-rows:repeat(4,minmax(34px,1fr));flex:1}
.demo-audit-list{min-height:0;display:grid;grid-template-rows:repeat(4,minmax(40px,1fr));flex:1}
.demo-inspector{bottom:10px;width:min(380px,calc(100% - 28px));min-height:45px;align-content:center;gap:3px;padding:8px 12px}
.hero-product-demo>footer{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-top:1px solid var(--line-soft);color:#6c7b88;font-size:7px}.hero-product-demo>footer span{display:flex;align-items:center;gap:7px}.hero-product-demo>footer span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.hero-product-demo>footer b{color:#657688;font:700 6px var(--mono);letter-spacing:.08em}

.overview,.pricing,.advantages { width:var(--content); margin:0 auto; padding:104px 0; border-top:1px solid var(--line-soft); }
.section-heading { display:grid; grid-template-columns:220px minmax(0,1fr); gap:54px; align-items:start; }
.section-heading h2 { max-width:700px; margin:0; font-size:clamp(36px,3.4vw,52px); line-height:1.08; font-weight:690; letter-spacing:-.045em; }
.section-heading>div>p { max-width:620px; margin:17px 0 0; color:var(--muted); font-size:14px; line-height:1.75; }
.product-summary-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:52px; }
.product-summary-grid>a { min-height:170px; display:grid; grid-template-columns:52px 1fr auto; align-items:center; gap:20px; padding:26px; border:1px solid var(--line); border-radius:18px; background:var(--surface); transition:transform .25s ease,border-color .25s ease,background .25s ease; }
.product-summary-grid>a:hover { transform:translateY(-4px); border-color:rgba(var(--cyan-rgb),.28); background:rgba(255,255,255,.048); }
.product-summary-grid>a>span:nth-child(2){display:grid;gap:7px}.product-summary-grid small{color:#718092;font:700 8px var(--mono);letter-spacing:.08em}.product-summary-grid b{font-size:20px}.product-summary-grid em{color:#8e99a6;font-size:12px;font-style:normal}.product-summary-grid>a>i{align-self:end;color:#7bbfdc;font-size:10px;font-style:normal}
.product-icon { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(var(--cyan-rgb),.18); border-radius:14px; background:rgba(var(--cyan-rgb),.06); }.product-icon svg{width:23px;height:23px;fill:none;stroke:#76d3f7;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.product-icon-share{border-color:rgba(138,124,255,.2);background:rgba(138,124,255,.07)}.product-icon-share svg{stroke:#9e94ff}

.product-section { position:relative; width:var(--content); display:grid; grid-template-columns:minmax(360px,.68fr) minmax(600px,1.32fr); align-items:center; gap:clamp(54px,6vw,88px); margin:0 auto; padding:110px 0; border-top:1px solid var(--line-soft); }
.product-section-share { grid-template-columns:minmax(360px,.66fr) minmax(600px,1.34fr); }.product-section-share .product-copy{order:2}.product-section-share .product-media{order:1}
.product-copy { max-width:510px; }
.status-pill { width:fit-content; display:flex; align-items:center; gap:8px; margin-top:22px; padding:7px 10px; border:1px solid rgba(110,226,186,.2); border-radius:20px; color:#8ad9c2; background:rgba(110,226,186,.045); font-size:10px; }.status-pill i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.status-preview{border-color:rgba(138,124,255,.22);color:#aaa2ff;background:rgba(138,124,255,.05)}.status-preview i{background:var(--violet);box-shadow:0 0 8px var(--violet)}
.product-copy h2 { margin:20px 0 0; font-size:clamp(38px,3.5vw,54px); line-height:1.06; font-weight:700; letter-spacing:-.05em; }.product-copy h2 span{display:block;color:#7ed3fb}.product-section-share h2 span{color:#a399ff}
.product-copy>p:not(.eyebrow) { margin:22px 0 0; color:var(--muted); font-size:15px; line-height:1.78; }
.feature-list { margin:28px 0 0; padding:0; border-top:1px solid var(--line); list-style:none; }.feature-list li{display:grid;grid-template-columns:128px 1fr;gap:18px;align-items:center;min-height:68px;border-bottom:1px solid var(--line-soft)}.feature-list b{font-size:13px}.feature-list span{color:#838f9c;font-size:12px;line-height:1.55}
.text-link { width:fit-content; display:flex; align-items:center; gap:28px; margin-top:29px; padding-bottom:7px; border-bottom:1px solid rgba(var(--cyan-rgb),.34); font-size:13px; }.text-link i{color:var(--cyan);font-style:normal}
.product-media { position:relative; min-width:0; padding:20px; border:1px solid var(--line); border-radius:24px; background:radial-gradient(circle at 76% 13%,rgba(88,107,184,.08),transparent 30%),rgba(255,255,255,.018); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.media-label { display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; color:#748292; font:700 7px var(--mono); letter-spacing:.08em; }.media-label span{display:flex;align-items:center;gap:7px}.media-label span i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.media-label em{font-style:normal}
.console-shot-frame{position:relative;aspect-ratio:16/9;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#04080e}.product-console-live>header{height:38px;display:flex;align-items:center;gap:9px;padding:0 12px;border-bottom:1px solid var(--line-soft);background:#080d14}.product-console-live>header>span{display:flex;gap:4px}.product-console-live>header>span i{width:5px;height:5px;border-radius:50%;background:#40505f}.product-console-live>header b{color:#758496;font:700 6px var(--mono)}.product-console-live>header em{margin-left:auto;display:flex;align-items:center;gap:6px;color:#72d1b4;font:700 5px var(--mono);font-style:normal}.product-console-live>header em i{width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.product-console-body{height:calc(100% - 38px);display:grid;grid-template-columns:88px 1fr}.product-console-body>nav{display:grid;align-content:start;padding-top:7px;border-right:1px solid var(--line-soft);background:#070b11}.product-console-body>nav button{height:42px;padding:0 11px;border:0;background:transparent;color:#627182;font-size:7px;text-align:left;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.product-console-body>nav button:hover,.product-console-body>nav button.is-active{color:#dff5ff;background:linear-gradient(90deg,rgba(var(--cyan-rgb),.09),transparent);box-shadow:inset 2px 0 var(--cyan)}.product-console-stage{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 78% 12%,rgba(88,107,184,.08),transparent 30%),#04080e}.product-console-stage>section{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .28s cubic-bezier(.2,.75,.2,1),visibility .2s}.product-console-stage>section.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}.product-console-stage>section>header{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line-soft)}.product-console-stage>section>header>span{display:grid;gap:3px}.product-console-stage>section>header small{color:#5c7187;font:700 5px var(--mono);letter-spacing:.08em}.product-console-stage>section>header b{font-size:9px}.product-console-stage>section>header em{color:#70cdb0;font:700 5px var(--mono);font-style:normal}.product-live-metrics{height:60px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line-soft)}.product-live-metrics span{display:grid;grid-template-columns:1fr auto;align-content:center;gap:5px 8px;padding:0 13px;border-right:1px solid var(--line-soft)}.product-live-metrics span:last-child{border-right:0}.product-live-metrics small{grid-column:1/-1;color:#637689;font-size:6px}.product-live-metrics b{font:800 14px var(--mono)}.product-live-chart{min-height:0;display:grid;grid-template-rows:1fr 26px;flex:1;padding:11px 14px 0}.product-live-chart svg{width:100%;height:100%}.product-live-chart svg path{fill:none;stroke:rgba(103,175,214,.08)}.product-live-chart svg polyline{fill:none;stroke:#6bdcff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.product-live-chart svg polyline.sub{stroke:#6ee2ba;stroke-width:1.2;stroke-dasharray:3 5}.product-live-chart svg circle{fill:#e4fbff;stroke:#63cffa;stroke-width:2}.product-live-chart footer{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line-soft);color:#607386;font-size:5px}.product-live-chart footer span{display:flex;align-items:center;gap:5px}.product-live-chart footer span::before{content:"";width:7px;height:1px;background:var(--cyan)}.product-live-chart footer span:nth-child(2)::before{background:var(--green)}.product-live-chart footer span:nth-child(3)::before{background:var(--violet)}.product-live-list{display:grid;grid-template-rows:repeat(3,1fr);min-height:0;flex:1;padding:8px 14px}.product-live-list button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:11px;padding:0 9px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;color:#8495a5;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease}.product-live-list button:hover{background:rgba(var(--cyan-rgb),.04);color:#e4f4fb}.product-live-list button>i{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(var(--cyan-rgb),.16);border-radius:7px;background:rgba(var(--cyan-rgb),.05);color:#cdefff;font-size:7px;font-style:normal}.product-live-list button>i:empty::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.product-live-list code{color:#71d4f7;font:700 6px var(--mono)}.product-live-list button>span{display:grid;gap:3px}.product-live-list button b{font-size:7px}.product-live-list button small{color:#607386;font:600 5px var(--mono)}.product-live-list button>em{color:#72ceb0;font:700 6px var(--mono);font-style:normal}.product-live-balance{display:grid;align-content:center;gap:6px;height:108px;padding:0 16px;border-bottom:1px solid var(--line-soft)}.product-live-balance small{color:#607386;font-size:6px}.product-live-balance strong{font:800 22px var(--mono)}.product-live-balance span{color:#6c7f91;font-size:6px}.product-live-ledger{display:grid;grid-template-rows:repeat(3,1fr);min-height:0;flex:1;padding:7px 15px}.product-live-ledger span{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);color:#8796a4;font-size:7px}.product-live-ledger em{color:#72ceb0;font:700 6px var(--mono);font-style:normal}.media-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.media-chips button{padding:7px 10px;border:1px solid var(--line-soft);border-radius:20px;background:rgba(255,255,255,.018);color:#7f8b98;font-size:8px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.media-chips button:hover,.media-chips button.is-active{border-color:rgba(var(--cyan-rgb),.3);background:rgba(var(--cyan-rgb),.055);color:#c9effd}

.share-demo { overflow:hidden; border:1px solid rgba(110,226,186,.16); border-radius:16px; background:#070d13; box-shadow:0 26px 70px rgba(0,0,0,.3); }
.share-demo>header { height:44px; display:flex; align-items:center; gap:11px; padding:0 14px; border-bottom:1px solid var(--line-soft); }.share-demo>header>span{display:flex;gap:5px}.share-demo>header>span i{width:6px;height:6px;border-radius:50%;background:#42535f}.share-demo>header b{color:#9aa8b3;font:650 8px var(--mono)}.share-demo>header em{margin-left:auto;display:flex;align-items:center;gap:6px;color:#74cdb3;font:700 6px var(--mono);font-style:normal}.share-demo>header em i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}
.share-stage { height:360px; display:grid; grid-template-columns:110px 1fr; padding:12px; gap:12px; background:radial-gradient(circle at 70% 38%,rgba(68,143,125,.07),transparent 30%),#05090e; }.share-stage>aside{display:flex;flex-direction:column;padding:15px 11px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(255,255,255,.018)}.share-stage>aside b{color:#7e8b97;font-size:8px}.share-stage>aside i{display:block;width:78%;height:5px;margin-top:14px;border-radius:5px;background:rgba(255,255,255,.055)}.share-stage>aside span{margin-top:16px;color:#6f7d89;font-size:8px}.share-stage>aside span:last-child{margin-top:8px}
.share-stage figure{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#02060a}.share-stage figure::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 55px rgba(0,0,0,.3);pointer-events:none}.share-stage figure>span{position:absolute;z-index:2;right:14px;top:14px;display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:20px;background:rgba(3,9,13,.86);color:#a3b3bc;font:650 7px var(--mono)}.share-stage figure>span i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.share-workspace{height:100%;display:grid;grid-template-rows:42px 1fr;background:radial-gradient(circle at 78% 40%,rgba(68,143,125,.08),transparent 32%),#03080d}.share-workspace>header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line-soft);color:#788995;font:700 6px var(--mono)}.share-workspace>header em{color:#73ceb1;font-style:normal}.share-workspace-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:66px 1fr;gap:10px;padding:14px}.share-workspace-grid>section{display:grid;align-content:center;gap:6px;padding:0 12px;border:1px solid rgba(101,222,185,.1);border-radius:8px;background:rgba(255,255,255,.016)}.share-workspace-grid small{color:#617789;font-size:6px}.share-workspace-grid b{font:800 10px var(--mono)}.share-workspace-grid>article{grid-column:1/3;display:grid;align-content:start;gap:11px;padding:14px;border:1px solid rgba(101,222,185,.1);border-radius:9px;background:rgba(255,255,255,.012)}.share-workspace-grid>article i{width:75%;height:5px;border-radius:4px;background:rgba(101,222,185,.1)}.share-workspace-grid>article i:nth-of-type(2){width:58%}.share-workspace-grid>article i:nth-of-type(3){width:82%;background:rgba(138,124,255,.12)}.share-workspace-grid>article i:nth-of-type(4){width:67%}.share-workspace-grid>article i:nth-of-type(5){width:49%}.share-workspace-grid>aside{display:grid;grid-template-rows:1fr 68px;min-width:0;padding:12px;border:1px solid rgba(101,222,185,.1);border-radius:9px;background:rgba(255,255,255,.012)}.share-workspace-grid>aside>div{display:grid;place-items:center;border:1px solid rgba(101,222,185,.09);border-radius:7px;background:radial-gradient(circle,rgba(101,222,185,.1),transparent 55%)}.share-workspace-grid>aside>div i{width:7px;height:7px;border-radius:50%;background:#ddfff4;box-shadow:0 0 15px var(--green)}.share-workspace-grid>aside>div span{position:absolute;width:8%;height:1px;background:linear-gradient(90deg,var(--green),var(--violet));transform:rotate(-7deg)}.share-workspace-grid>aside svg{width:100%;height:100%}.share-workspace-grid>aside polyline{fill:none;stroke:#6bdcff;stroke-width:1.5}.share-workspace-grid>aside circle{fill:#eafff8;stroke:var(--green);stroke-width:2}
.share-demo>footer { height:64px; display:flex; align-items:center; gap:8px; padding:0 12px; border-top:1px solid var(--line-soft); }.participant{min-width:100px;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:7px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(255,255,255,.018)}.participant.is-active{border-color:rgba(110,226,186,.23);background:rgba(110,226,186,.045)}.participant>i{grid-row:1;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,rgba(74,160,196,.35),rgba(91,76,180,.35));color:#dff7ff;font-size:9px;font-style:normal}.participant span{display:grid;gap:4px}.participant b{color:#aab7c1;font-size:8px}.participant small{display:flex;align-items:center;gap:4px;color:#697783;font-size:6px}.participant small u{width:4px;height:4px;border-radius:50%;background:var(--green);text-decoration:none}.share-controls{margin-left:auto;display:flex;gap:7px}.share-controls>i{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-soft);border-radius:10px;background:rgba(255,255,255,.025)}.share-controls svg{width:17px;height:17px;fill:none;stroke:#94a5b1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.share-controls .end{border-color:rgba(230,120,139,.2);background:rgba(230,120,139,.06)}.share-controls .end svg{stroke:var(--red)}
.share-note { display:flex; gap:18px; margin-top:13px; color:#74828f; font-size:8px; }.share-note span{display:flex;align-items:center;gap:6px}.share-note i{width:4px;height:4px;border-radius:50%;background:var(--green)}

.section-heading-centered { grid-template-columns:1fr; gap:18px; text-align:center; }.section-heading-centered .eyebrow{justify-content:center}.section-heading-centered>div{display:grid;justify-items:center}
.pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:48px; }.pricing-grid article{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.pricing-grid article>header{min-height:92px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.pricing-grid article>header>span:nth-child(2){display:grid;gap:6px}.pricing-grid article>header small{color:#7b8795;font-size:10px}.pricing-grid article>header b{font-size:15px}.pricing-grid article>header em{padding:6px 9px;border-radius:20px;background:rgba(110,226,186,.06);color:#78d3b7;font-size:9px;font-style:normal}.pricing-grid article:nth-child(2)>header em{background:rgba(138,124,255,.07);color:#a99fff}.price-row{display:grid;grid-template-columns:180px 1fr;align-items:end;gap:22px;padding:28px 24px 23px}.price-row>span{display:grid;gap:8px}.price-row small{color:#788493;font-size:9px}.price-row strong{font-size:38px;letter-spacing:-.04em}.price-row p{margin:0;color:#909ba7;font-size:12px;line-height:1.65}.pricing-grid ul{display:grid;grid-template-columns:1fr 1fr;margin:0 24px;padding:0;border-top:1px solid var(--line-soft);border-left:1px solid var(--line-soft);list-style:none}.pricing-grid li{min-height:52px;display:flex;align-items:center;gap:9px;padding:0 13px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);color:#adb7c1;font-size:11px}.pricing-grid li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.pricing-grid article:nth-child(2) li::before{background:var(--violet);box-shadow:0 0 7px var(--violet)}.pricing-grid article>button{width:calc(100% - 48px);height:52px;display:flex;align-items:center;justify-content:space-between;margin:24px;padding:0 15px;border:1px solid rgba(var(--cyan-rgb),.25);border-radius:10px;background:linear-gradient(110deg,rgba(35,125,184,.17),rgba(98,77,197,.17));color:#e5f4fb;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.pricing-grid article>button:hover{transform:translateY(-2px);border-color:rgba(var(--cyan-rgb),.5)}.pricing-grid article>button i{color:var(--cyan);font-style:normal}

.advantage-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:48px; border-top:1px solid var(--line); border-left:1px solid var(--line); }.advantage-grid article{position:relative;min-height:260px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018);transition:background .2s ease}.advantage-grid article:hover{background:rgba(255,255,255,.035)}.advantage-grid article>span{color:#66778a;font:700 8px var(--mono)}.advantage-grid svg{position:absolute;right:23px;top:22px;width:30px;height:30px;fill:none;stroke:#73ccef;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.72}.advantage-grid h3{margin:102px 0 0;font-size:18px}.advantage-grid p{margin:13px 0 0;color:#8d98a4;font-size:12px;line-height:1.7}

.support { width:var(--content); min-height:300px; display:flex; align-items:center; justify-content:space-between; gap:60px; margin:0 auto 110px; padding:50px; border:1px solid var(--line); border-radius:24px; background:radial-gradient(circle at 78% 20%,rgba(99,79,195,.1),transparent 32%),linear-gradient(120deg,rgba(29,67,96,.13),rgba(255,255,255,.018)); }.support>div:first-child{max-width:690px}.support h2{margin:19px 0 0;font-size:clamp(34px,3.4vw,50px);line-height:1.08;letter-spacing:-.045em}.support>div:first-child>p:last-child{max-width:650px;margin:18px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.support-actions{min-width:230px;display:grid;gap:9px}.support-actions .button{width:100%}

.site-footer { display:grid; grid-template-columns:1.1fr .9fr .7fr; gap:50px; padding:58px max(24px,calc((100vw - 1280px)/2)); border-top:1px solid var(--line); background:#05070b; }.footer-brand>p{margin:20px 0 0;color:#7e8a98;font-size:11px}.footer-links{display:flex;justify-content:center;gap:70px}.footer-links>span{display:grid;gap:10px;align-content:start}.footer-links b{margin-bottom:4px;color:#9ba6b1;font-size:11px}.footer-links a,.footer-links button{width:fit-content;margin:0;padding:0;border:0;background:none;color:#8793a0;font-size:11px;text-align:left;cursor:pointer;transition:color .2s ease}.footer-links a:hover,.footer-links button:hover{color:#d9eaf4}.footer-meta{display:flex;align-items:flex-end;justify-content:flex-end;gap:20px;color:#81909f;font:700 7px var(--mono)}.footer-meta i{color:#76bddb;font-style:normal}

.sales-modal[hidden]{display:none}.sales-modal{position:fixed;z-index:220;inset:0;display:grid;place-items:center;padding:24px}.sales-modal-backdrop{position:absolute;inset:0;background:rgba(2,4,8,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;transition:opacity .22s ease}.sales-modal-card{position:relative;z-index:1;width:min(500px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:36px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 82% 16%,rgba(100,78,210,.14),transparent 34%),#0b111a;box-shadow:0 40px 120px rgba(0,0,0,.55);opacity:0;transform:translateY(14px) scale(.985);transition:opacity .22s ease,transform .22s ease}.sales-modal.is-open .sales-modal-backdrop{opacity:1}.sales-modal.is-open .sales-modal-card{opacity:1;transform:none}.sales-modal-close{position:absolute;right:17px;top:17px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:#b8c4cf;font-size:23px;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}.sales-modal-close:hover{border-color:rgba(var(--cyan-rgb),.45);color:#fff;transform:rotate(5deg)}.sales-modal-card h2{margin:25px 0 0;font-size:40px;letter-spacing:-.04em}.sales-modal-copy{margin:15px 0 0;color:#99a5b2;font-size:13px;line-height:1.7}.sales-wechat{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(3,8,14,.55)}.sales-wechat span{display:grid;gap:5px}.sales-wechat small{color:#748291;font:700 7px var(--mono);letter-spacing:.1em}.sales-wechat strong{font:700 16px var(--mono)}.sales-wechat button{height:38px;padding:0 12px;border:1px solid rgba(var(--cyan-rgb),.25);border-radius:9px;background:rgba(var(--cyan-rgb),.055);color:#a8e5fb;font-size:11px;cursor:pointer}.sales-modal-card figure{margin:20px 0 0;padding:10px;border:1px solid var(--line-soft);border-radius:14px;background:#fff}.sales-modal-card figure img{display:block;width:100%;max-height:400px;object-fit:contain}.sales-modal-card figcaption{padding:9px 0 1px;color:#566675;font-size:10px;text-align:center}

.hero{grid-template-columns:minmax(430px,.72fr) minmax(680px,1.28fr);gap:clamp(38px,3.4vw,58px);min-height:860px;padding-top:116px}
.hero-copy{max-width:570px}.hero h1{font-size:clamp(50px,4.25vw,66px)}.hero h1 span{white-space:nowrap}
.hero-visual{aspect-ratio:1.28;perspective:none}
.hero-visual::before{inset:4% -2% 0 5%;border-radius:26px;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px),rgba(255,255,255,.01);background-size:42px 42px;transform:translate(18px,18px)}
.hero-product-demo{width:100%;height:90%;border-color:rgba(124,178,210,.19);border-radius:18px;background:#060a10;box-shadow:0 34px 96px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.018) inset;transform:none;transition:border-color .25s ease,box-shadow .25s ease}
.hero-visual:hover .hero-product-demo{border-color:rgba(var(--cyan-rgb),.31);box-shadow:0 38px 110px rgba(0,0,0,.52),0 0 52px rgba(var(--cyan-rgb),.035),0 0 0 1px rgba(255,255,255,.025) inset}
.hero-product-demo>header{height:46px;gap:10px;padding:0 13px;background:#080d14}
.demo-window-controls{display:flex;gap:5px}.demo-window-controls i{width:6px!important;height:6px!important;background:#40505f!important}
.hero-product-demo>header>b{font-size:9px;white-space:nowrap}
.demo-workspace{overflow:hidden;color:#5d6c7c;font:700 5px var(--mono);letter-spacing:.09em;white-space:nowrap;text-overflow:ellipsis}
.demo-tour-control{display:flex;align-items:center;gap:6px;margin-left:auto;padding:5px 7px;border:1px solid rgba(var(--cyan-rgb),.13);border-radius:6px;background:rgba(var(--cyan-rgb),.035);color:#7692a6;font:700 5px var(--mono);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}
.demo-tour-control:hover,.demo-tour-control[aria-pressed="true"]{border-color:rgba(var(--cyan-rgb),.35);background:rgba(var(--cyan-rgb),.08);color:#bfeaff}
.demo-tour-control>i{width:5px!important;height:5px!important;border-radius:50%;background:#6bdcff!important;box-shadow:0 0 8px rgba(var(--cyan-rgb),.8);animation:demo-live-pulse 1.5s ease-in-out infinite}
.hero-product-demo>header>em{margin-left:0}
.hero-demo-body{height:calc(100% - 76px);grid-template-columns:108px minmax(0,1fr)}
.hero-demo-body>nav{padding-top:7px;background:#070b11}
.hero-demo-body>nav button{min-height:59px;grid-template-columns:22px 1fr;gap:9px;padding:0 11px;border-bottom:0;color:#627182;box-shadow:none}
.hero-demo-body>nav button::after{content:"";position:absolute;left:0;width:2px;height:22px;border-radius:0 2px 2px 0;background:var(--cyan);opacity:0;transform:scaleY(.3);transition:opacity .2s ease,transform .25s ease}
.hero-demo-body>nav button{position:relative}
.hero-demo-body>nav button:hover,.hero-demo-body>nav button.is-active{background:linear-gradient(90deg,rgba(var(--cyan-rgb),.09),transparent 88%);box-shadow:none;color:#e0f4fc}
.hero-demo-body>nav button.is-active::after{opacity:1;transform:scaleY(1)}
.demo-nav-icon{width:22px;height:22px;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;background:rgba(255,255,255,.018)}
.demo-nav-icon svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.hero-demo-body>nav button>span:last-child{display:grid;gap:3px}.hero-demo-body>nav button b{font-size:8px}.hero-demo-body>nav button small{color:#48596b;font:700 4px var(--mono);letter-spacing:.07em}.hero-demo-body>nav button.is-active small{color:#5e91a8}
.hero-demo-panels{display:grid;grid-template-columns:minmax(0,1fr) 178px;background:radial-gradient(circle at 70% 10%,rgba(77,91,170,.07),transparent 34%),#04080e}
.hero-demo-panel{position:relative;inset:auto;grid-area:1/1;min-width:0;padding-bottom:0;transform:translateY(8px);transition:opacity .2s ease,transform .3s cubic-bezier(.2,.75,.2,1),visibility .2s}
.hero-demo-panel.is-active{transform:none}
.hero-demo-panel>header{min-height:48px;flex:0 0 48px;padding:0 13px}
.demo-metrics{height:70px;flex:0 0 70px}.demo-metrics article{padding:0 11px}.demo-metrics strong{font-size:13px}.demo-metrics i{font-size:5px}
.demo-overview-grid{height:auto;min-height:0;grid-template-columns:minmax(0,1fr) 132px;flex:1}
.demo-chart{padding:10px 12px 8px}.demo-chart svg{height:calc(100% - 38px)}.demo-chart>header span{gap:7px}.demo-chart>header i:nth-of-type(3){background:#65d4b0}.demo-chart-third{fill:none;stroke:#65d4b0;stroke-width:1.15;stroke-dasharray:2 5}
.demo-chart>footer button{cursor:pointer}
.demo-overview-grid>aside{padding:12px}
.demo-toolbar{height:40px;flex:0 0 40px;margin:9px 11px 0}
.demo-table{margin:7px 11px 0;grid-template-rows:28px repeat(3,minmax(38px,1fr))}
.demo-table>header,.demo-table>button{gap:7px;min-height:31px;padding:0 8px}.demo-table>button>span>i{width:22px;height:22px}.demo-table>button.is-selected,.demo-license-list button.is-selected,.demo-audit-list button.is-selected{background:linear-gradient(90deg,rgba(var(--cyan-rgb),.07),rgba(112,88,202,.035));color:#e6f4fb;box-shadow:inset 2px 0 var(--cyan)}
.demo-license-stats,.demo-audit-summary{height:62px;flex:0 0 62px;margin:9px 11px 0}.demo-license-list,.demo-audit-list{margin:7px 11px 0}
.demo-license-list{grid-template-rows:repeat(4,minmax(32px,1fr))}.demo-audit-list{grid-template-rows:repeat(4,minmax(38px,1fr))}
.demo-inspector{position:relative;left:auto;bottom:auto;grid-area:1/2;width:auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:0;padding:0;border:0;border-left:1px solid var(--line-soft);border-radius:0;background:linear-gradient(180deg,rgba(16,24,38,.94),rgba(5,10,16,.98));box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:auto;transition:opacity .15s ease,transform .2s ease}
.demo-inspector.is-switching{opacity:.42;transform:translateX(4px)}
.demo-inspector>header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line-soft)}
.demo-inspector>header span{display:flex;align-items:center;gap:6px;color:#6e8195;font:700 5px var(--mono);letter-spacing:.08em}.demo-inspector>header span i{width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}
.demo-inspector>header em{color:#65c8ab;font:700 5px var(--mono);font-style:normal}
.demo-inspector-copy{display:grid;gap:7px;padding:17px 13px 15px;border-bottom:1px solid var(--line-soft)}
.demo-inspector-copy small{color:#68ccec;font:700 5px var(--mono);letter-spacing:.09em}.demo-inspector-copy strong{font-size:11px;line-height:1.25}.demo-inspector-copy p{margin:0;color:#788a9b;font-size:6px;line-height:1.65}
.demo-inspector ol{display:grid;gap:0;margin:0;padding:7px 12px;list-style:none}.demo-inspector li{min-height:38px;display:grid;grid-template-columns:6px 1fr;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.04)}.demo-inspector li>i{width:4px;height:4px;border-radius:50%;background:#62d3b1;box-shadow:0 0 6px rgba(98,211,177,.7)}.demo-inspector li>span{display:flex;justify-content:space-between;gap:8px;color:#8fa0ae;font-size:6px}.demo-inspector li small{color:#5f7284;font:700 5px var(--mono)}
.demo-inspector>button{height:38px;display:flex;align-items:center;justify-content:space-between;margin:auto 11px 11px;padding:0 10px;border:1px solid rgba(var(--cyan-rgb),.2);border-radius:7px;background:linear-gradient(100deg,rgba(var(--cyan-rgb),.07),rgba(117,92,215,.07));color:#aed9e9;font-size:6px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.demo-inspector>button:hover{border-color:rgba(var(--cyan-rgb),.42);background:linear-gradient(100deg,rgba(var(--cyan-rgb),.12),rgba(117,92,215,.12));transform:translateY(-1px)}.demo-inspector>button i{color:var(--cyan);font-style:normal}
.hero-product-demo>footer{height:30px;position:relative}.demo-progress{position:absolute;left:50%;display:flex;gap:5px;transform:translateX(-50%)}.demo-progress i{width:13px;height:2px;border-radius:2px;background:#263442;transition:width .25s ease,background .25s ease}.demo-progress i.is-active{width:24px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 7px rgba(var(--cyan-rgb),.35)}
@keyframes demo-live-pulse{0%,100%{opacity:.55}50%{opacity:1}}

@media (max-width:1120px){
  :root{--content:min(100% - 48px,960px)}
  .desktop-nav{display:none}.header-contact{display:none}.menu-toggle{display:grid}.site-header{grid-template-columns:1fr auto;padding:0 24px}
  .hero{grid-template-columns:1fr;min-height:auto;gap:58px;padding-top:130px}.hero-copy{max-width:720px}.hero-visual{max-width:850px;justify-self:center}.hero-visual::before{inset:4% 0 0 3%}
  .product-section,.product-section-share{grid-template-columns:1fr;gap:50px}.product-section-share .product-copy{order:1}.product-section-share .product-media{order:2}.product-copy{max-width:720px}
  .section-heading{grid-template-columns:170px 1fr}.advantage-grid{grid-template-columns:repeat(2,1fr)}
  .intro-stage{width:var(--content);grid-template-columns:1fr;align-content:center;gap:28px;padding:36px 0}.intro-copy{max-width:720px}.intro-copy h2{font-size:clamp(54px,8vw,78px)}.intro-phase{margin-top:25px}.intro-products{width:min(760px,92%);max-height:500px;justify-self:center}
}

@media (max-width:780px){
  :root{--content:calc(100% - 34px)}
  .site-header{height:68px;padding:0 15px}.brand-mark{width:37px;height:37px}.brand-type b{font-size:20px}.brand-type small{font-size:5px}.header-login{display:none}.mobile-nav{top:68px;height:calc(100svh - 68px);padding:22px 22px 32px}.mobile-nav a{min-height:62px;grid-template-columns:58px 1fr auto;font-size:15px}.mobile-nav a:last-child{min-height:72px}
  .hero{gap:38px;padding:100px 0 64px}.hero h1{font-size:clamp(40px,11vw,50px);line-height:1.01}.hero h1 span{white-space:normal}.hero-lead{margin-top:21px;font-size:14px;line-height:1.7}.hero-actions{align-items:stretch;flex-direction:column;margin-top:27px}.button{width:100%}.hero-facts{margin-top:31px;grid-template-columns:1fr}.hero-facts div{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-left:0;border-top:1px solid var(--line-soft)}.hero-facts div:first-child{border-top:0}.hero-facts dd{margin:0}.hero-visual{aspect-ratio:.8}.hero-visual::before{inset:3% 0 2%;border-radius:20px}.hero-product-demo{width:100%;height:92%;border-radius:16px}.demo-workspace{display:none}.hero-demo-body{grid-template-columns:64px minmax(0,1fr)}.hero-demo-body>nav button{min-height:50px;grid-template-columns:1fr;gap:2px;padding:8px}.hero-demo-panels{grid-template-columns:minmax(0,1fr)}.hero-demo-panel{grid-area:1/1}.hero-demo-panel>header{padding:0 10px}.demo-metrics{grid-template-columns:1fr 1fr;height:116px}.demo-metrics article:nth-child(2){border-right:0}.demo-metrics article{padding:0 9px;border-bottom:1px solid var(--line-soft)}.demo-overview-grid{height:calc(100% - 164px);grid-template-columns:1fr}.demo-overview-grid>aside{display:none}.demo-chart{padding:10px;border-right:0}.demo-chart>header span{display:none}.demo-toolbar,.demo-table,.demo-license-stats,.demo-license-list,.demo-audit-summary,.demo-audit-list{margin-left:9px;margin-right:9px}.demo-table>header,.demo-table>button{grid-template-columns:1.3fr .62fr .55fr}.demo-table>header span:nth-child(4),.demo-table>button u{display:none}.demo-table>button strong{font-size:5px}.demo-license-list button{grid-template-columns:.8fr .7fr 1fr}.demo-license-list button em{display:none}.demo-inspector{display:none}.hero-product-demo>footer b{display:none}
  .overview,.pricing,.advantages{padding:76px 0}.section-heading{grid-template-columns:1fr;gap:19px}.section-heading h2{font-size:38px}.section-heading>div>p{font-size:13px}.product-summary-grid{grid-template-columns:1fr;gap:11px;margin-top:36px}.product-summary-grid>a{min-height:132px;grid-template-columns:46px 1fr;padding:20px}.product-summary-grid>a>i{grid-column:2;align-self:auto}.product-icon{width:44px;height:44px}
  .product-section{gap:36px;padding:76px 0}.product-copy h2{font-size:40px}.product-copy>p:not(.eyebrow){font-size:14px}.feature-list li{grid-template-columns:1fr;gap:5px;align-content:center;min-height:76px}.product-media{padding:12px;border-radius:17px}.media-chips{gap:5px}.media-chips button{padding:6px 8px}
  .share-stage{height:300px;grid-template-columns:72px 1fr;padding:8px;gap:8px}.share-stage>aside{padding:11px 7px}.share-stage>aside span{font-size:6px}.share-demo>footer{height:56px;padding:0 8px}.participant{min-width:78px;grid-template-columns:24px 1fr;padding:5px}.participant>i{width:24px;height:24px}.share-controls>i{width:30px;height:30px}.share-note{flex-wrap:wrap}
  .pricing-grid{grid-template-columns:1fr;margin-top:35px}.pricing-grid article>header{grid-template-columns:44px 1fr auto;padding:17px}.price-row{grid-template-columns:1fr;padding:23px 18px 18px}.pricing-grid ul{grid-template-columns:1fr;margin:0 18px}.pricing-grid article>button{width:calc(100% - 36px);margin:18px}
  .advantage-grid{grid-template-columns:1fr;margin-top:35px}.advantage-grid article{min-height:205px}.advantage-grid h3{margin-top:68px}
  .support{min-height:0;align-items:stretch;flex-direction:column;margin-bottom:72px;padding:28px 22px;border-radius:18px}.support h2{font-size:36px}.support-actions{min-width:0;width:100%}
  .site-footer{grid-template-columns:1fr;padding:46px 20px}.footer-links{justify-content:flex-start;gap:64px}.footer-meta{justify-content:flex-start}
  .sales-modal{padding:12px}.sales-modal-card{padding:24px 18px 18px}.sales-modal-close{position:sticky;z-index:3;top:0;margin:0 0 0 auto}.sales-modal-card h2{margin-top:12px;font-size:34px}.sales-modal-copy{margin-top:11px}.sales-wechat{align-items:stretch;flex-direction:column;margin-top:16px;padding:11px}.sales-wechat button{width:100%}.sales-modal-card figure{position:relative;height:250px;margin-top:14px;overflow:hidden}.sales-modal-card figure img{width:100%;height:100%;max-height:none;object-fit:contain}.sales-modal-card figcaption{position:absolute;left:8px;right:8px;bottom:8px;padding:7px;border-radius:7px;background:rgba(255,255,255,.88)}
  .portal-intro{grid-template-rows:68px minmax(0,1fr) auto}.portal-intro::after{right:-5vw;bottom:-1vh;font-size:48vw}.intro-header{padding:0 16px}.intro-brand{gap:9px}.intro-brand>img{width:37px;height:37px}.intro-brand b{font-size:20px}.intro-brand small{font-size:5px}.intro-channel{display:none}.intro-stage{width:calc(100% - 34px);gap:18px;padding:20px 0 13px}.intro-copy>p{font-size:7px}.intro-copy h2{margin-top:17px;font-size:clamp(42px,12vw,55px);line-height:.96}.intro-phase{margin-top:18px;padding:11px 0}.intro-phase strong{font-size:11px}.intro-products{width:100%;max-height:320px;aspect-ratio:1.2}.intro-products article>header{height:32px;padding:0 10px}.intro-products article>header b{font-size:9px}.intro-console-card{width:90%;height:68%}.intro-console-card>img{height:calc(100% - 32px)}.intro-share-card{width:76%;height:52%}.intro-share-card>div{height:calc(100% - 60px)}.intro-share-card>footer{height:28px;gap:10px;padding:0 9px}.intro-footer{padding:0 17px 20px}.intro-footer ol{gap:7px;margin-top:12px}.intro-footer li{grid-template-columns:1fr;gap:4px}.intro-footer li b{font-size:8px}
}

@media (max-width:780px) and (max-height:700px){.intro-stage{gap:10px;padding-top:12px}.intro-copy h2{font-size:38px}.intro-phase{margin-top:11px}.intro-products{max-height:235px}.intro-footer li b{display:none}.sales-modal-card figure{height:195px}}
@media (max-width:780px){.hero-demo-panel{padding-bottom:0}.demo-metrics{flex-basis:116px}}

/* The portal embeds the production dealer console itself. The iframe keeps the
   real desktop/mobile viewport and is scaled as one interactive surface. */
.hero-visual {
  width: 100%;
  aspect-ratio: auto;
  display: block;
  perspective: none;
}
.hero-visual::before {
  inset: 7% -2% -5% 5%;
  border-radius: 28px;
  transform: translate(18px,18px);
}
.dealer-console-embed {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(124,178,210,.2);
  border-radius: 20px;
  background: #050912;
  box-shadow: 0 38px 110px rgba(0,0,0,.54), 0 0 0 1px rgba(255,255,255,.02) inset;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.dealer-console-embed:hover,
.dealer-console-embed:focus-within {
  border-color: rgba(var(--cyan-rgb),.38);
  box-shadow: 0 42px 118px rgba(0,0,0,.58), 0 0 58px rgba(var(--cyan-rgb),.045), 0 0 0 1px rgba(255,255,255,.025) inset;
}
.dealer-console-heading {
  height: 43px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line-soft);
  background: linear-gradient(90deg,rgba(13,24,37,.98),rgba(7,12,20,.98));
  color: #73879a;
  font: 720 7px var(--mono);
  letter-spacing: .12em;
}
.dealer-console-heading span { display:flex;align-items:center;gap:8px; }
.dealer-console-heading span i { width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 11px rgba(104,228,185,.75); }
.dealer-console-heading em { color:#69d4f3;font-style:normal;letter-spacing:.06em; }
.dealer-console-viewport {
  position: relative;
  width: 100%;
  min-height: 240px;
  overflow: hidden;
  background: radial-gradient(circle at 78% 8%,rgba(61,91,173,.13),transparent 30%),#04080e;
  transition: height .18s ease;
}
.dealer-console-viewport iframe {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  border: 0;
  background: #050912;
  opacity: 0;
  transform-origin: 0 0;
  transition: opacity .32s ease;
}
.dealer-console-viewport.is-ready iframe { opacity:1; }
.dealer-console-loading {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 12px;
  background: radial-gradient(circle at 50% 42%,rgba(var(--cyan-rgb),.07),transparent 34%),#050912;
  color: #71859a;
  font: 700 8px var(--mono);
  letter-spacing: .1em;
  pointer-events: none;
  transition: opacity .28s ease, visibility .28s ease;
}
.dealer-console-loading i { width:28px;height:28px;border:1px solid rgba(var(--cyan-rgb),.18);border-top-color:var(--cyan);border-radius:50%;animation:dealer-console-spin .9s linear infinite; }
.dealer-console-viewport.is-ready .dealer-console-loading { opacity:0;visibility:hidden; }
.dealer-console-embed-detail { border-radius:14px; }
.dealer-console-note { margin:13px 2px 0;display:flex;align-items:flex-start;gap:8px;color:#6e8193;font-size:8px;line-height:1.65; }
.dealer-console-note i { width:5px;height:5px;flex:0 0 auto;margin-top:4px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(104,228,185,.62); }
@keyframes dealer-console-spin { to { transform:rotate(360deg); } }

@media (max-width:1120px) {
  .hero-visual::before { inset:4% 0 -4% 3%;transform:translate(7px,14px); }
}

@media (max-width:780px) {
  .hero-visual { max-width:none; }
  .hero-visual::before { inset:3% 0 -2% 3%;border-radius:19px;transform:translate(4px,10px); }
  .dealer-console-embed { border-radius:16px; }
  .dealer-console-heading { height:39px;padding:0 11px;font-size:6px; }
  .dealer-console-heading em { max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  .dealer-console-viewport { min-height:420px; }
  .dealer-console-note { font-size:9px; }
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
