:root{
  --bg:#06080d;
  --bg2:#0b111c;
  --panel:#0f1724;
  --panel2:#131c2a;
  --white:#fff;
  --text:#111827;
  --muted:#6b7280;
  --muted2:#a9b1bf;
  --line:rgba(255,255,255,.12);
  --line-light:#e7eaf0;
  --red:#e60012;
  --red2:#ff3b30;
  --red3:#ff6a55;
  --ink:#111318;
  --paper:#f6f8fb;
  --radius:24px;
  --shadow:0 24px 70px rgba(11,18,32,.12);
  --shadow-dark:0 26px 80px rgba(0,0,0,.35);
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);background:var(--paper);color:var(--text);line-height:1.75;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.site-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 18% 5%,rgba(230,0,18,.22),transparent 30%),radial-gradient(circle at 80% 10%,rgba(77,107,255,.13),transparent 28%),linear-gradient(180deg,#070a10 0,#101620 42%,#f6f8fb 42%,#f6f8fb 100%)}
.glow,.mesh{position:absolute;pointer-events:none}
.glow-red{width:520px;height:520px;border-radius:50%;left:-180px;top:70px;background:radial-gradient(circle,rgba(230,0,18,.25),transparent 68%);filter:blur(18px)}
.glow-blue{width:620px;height:620px;border-radius:50%;right:-160px;top:-80px;background:radial-gradient(circle,rgba(95,115,255,.16),transparent 72%);filter:blur(18px)}
.mesh-one{inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 55%)}
.mesh-two{left:0;right:0;top:430px;height:360px;background:linear-gradient(180deg,transparent,#f6f8fb 55%)}
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(6,8,13,.72);backdrop-filter:blur(22px)}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand img{width:154px;height:auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.28))}
.nav{display:flex;align-items:center;gap:30px;color:rgba(255,255,255,.78);font-size:14px;font-weight:600}
.nav a{position:relative;padding:28px 0;transition:.25s}
.nav a:hover{color:#fff}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;border-radius:2px;background:var(--red);transform:scaleX(0);transition:.25s}
.nav a:hover:after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:14px}
.mobile-toggle{display:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:white;border-radius:12px;width:42px;height:42px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;border-radius:14px;font-size:14px;font-weight:800;border:1px solid rgba(10,18,32,.16);background:white;color:#161b22;transition:.25s;cursor:pointer;white-space:nowrap}
.btn:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(0,0,0,.16)}
.btn.primary{background:linear-gradient(135deg,var(--red),var(--red2));color:white;border-color:transparent;box-shadow:0 18px 44px rgba(230,0,18,.32)}
.btn.ghost-red{background:rgba(230,0,18,.1);color:#fff;border-color:rgba(255,60,60,.5)}
.btn.dark-outline{background:rgba(255,255,255,.06);color:white;border-color:rgba(255,255,255,.15)}
.play{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);font-size:10px}
.section{padding:110px 0;position:relative}
.section-dark{color:white;background:linear-gradient(180deg,rgba(7,10,16,.1),rgba(7,10,16,.7))}
.hero{min-height:calc(100vh - 78px);display:flex;align-items:center;overflow:hidden;padding:88px 0 0}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:56px;align-items:center}
.hero-pill{display:inline-flex;align-items:center;gap:9px;height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);border-radius:999px;color:#dfe5ef;font-size:13px;margin-bottom:26px}
.hero-pill span{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 18px var(--red)}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:72px;line-height:1.04;letter-spacing:-3px;margin:0 0 28px;font-weight:950;color:white;text-shadow:0 24px 80px rgba(0,0,0,.32)}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#ffcfca 58%,#ff352c);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:20px;color:#e7ebf3;max-width:760px;margin-bottom:14px}
.hero-note{font-size:15px;color:#aeb8c7;max-width:720px;margin-bottom:32px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:700px}
.hero-stats div{padding:16px 18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:18px;backdrop-filter:blur(14px)}
.hero-stats b{display:block;font-size:24px;line-height:1.05;color:#fff}
.hero-stats span{font-size:12px;color:#aeb8c7}
.ai-console{height:620px;border-radius:34px;position:relative;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.14),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-dark);overflow:hidden;isolation:isolate}
.ai-console:before{content:"";position:absolute;inset:34px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),radial-gradient(circle at center,rgba(230,0,18,.2),transparent 42%);border:1px solid rgba(255,255,255,.1)}
.ai-console:after{content:"";position:absolute;inset:auto 54px 54px;height:84px;background:radial-gradient(ellipse at center,rgba(230,0,18,.33),transparent 70%);filter:blur(22px);opacity:.85}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:spin 18s linear infinite}
.orbit-a{width:430px;height:430px}.orbit-b{width:330px;height:330px;animation-duration:24s;animation-direction:reverse}.orbit-c{width:226px;height:226px;animation-duration:15s}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.core-node{position:absolute;left:50%;top:50%;width:178px;height:178px;transform:translate(-50%,-50%);border-radius:32px;background:rgba(255,255,255,.92);color:#111827;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 28px 74px rgba(0,0,0,.3);text-align:center;z-index:2}
.core-node img{width:48px;margin-bottom:10px}.core-node strong{line-height:1.15;font-size:18px}.core-node small{font-size:11px;color:#697385;margin-top:7px}
.agent-node{position:absolute;z-index:3;min-width:128px;padding:13px 14px;border-radius:18px;background:rgba(255,255,255,.9);color:#111827;border:1px solid rgba(255,255,255,.5);box-shadow:0 18px 50px rgba(0,0,0,.24)}
.agent-node i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 14px var(--red);margin-right:7px}.agent-node b{font-size:13px}.agent-node span{display:block;margin-left:18px;font-size:11px;color:#738094}.n1{top:76px;left:50%;transform:translateX(-50%)}.n2{right:48px;top:255px}.n3{left:46px;top:260px}.n4{left:50%;bottom:78px;transform:translateX(-50%)}
.console-card{position:absolute;z-index:4;width:172px;padding:16px;border-radius:20px;background:rgba(12,18,30,.72);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.26)}
.console-card small{display:block;color:#aab4c4;font-size:12px}.console-card b{display:block;font-size:34px;color:#fff;line-height:1.1;margin:6px 0 10px}.card-left{left:28px;bottom:110px}.card-right{right:26px;top:54px}.card-bottom{right:42px;bottom:92px}
.mini-bars{display:flex;gap:7px;align-items:end;height:42px}.mini-bars i{width:12px;border-radius:9px 9px 0 0;height:var(--h);background:linear-gradient(180deg,#ff6357,#e60012)}
.mini-line{height:34px;border-radius:12px;background:linear-gradient(135deg,transparent 0 26%,rgba(255,255,255,.08) 26% 28%,transparent 28% 50%,rgba(255,255,255,.12) 50% 52%,transparent 52%),linear-gradient(90deg,rgba(255,255,255,.08),rgba(74,222,128,.28))}.mini-line.red{background:linear-gradient(135deg,transparent 0 22%,rgba(230,0,18,.35) 22% 24%,transparent 24% 52%,rgba(255,255,255,.1) 52% 54%,transparent 54%),linear-gradient(90deg,rgba(230,0,18,.08),rgba(230,0,18,.34))}
.marquee{width:100%;height:64px;margin-top:68px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;background:rgba(255,255,255,.03)}
.marquee-track{height:64px;display:flex;align-items:center;gap:56px;white-space:nowrap;animation:marquee 30s linear infinite;color:rgba(255,255,255,.3);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.marquee span:nth-child(3n){color:rgba(230,0,18,.56)}@keyframes marquee{to{transform:translateX(-50%)}}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-head.center{display:block;text-align:center;max-width:850px;margin-left:auto;margin-right:auto}.section-head h2{font-size:44px;line-height:1.18;letter-spacing:-1.8px;margin:0 0 16px;font-weight:950}.section-head p{color:var(--muted);font-size:16px;max-width:760px;margin:0}.section-dark .section-head p{color:#aeb8c7}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--red);font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:950;margin-bottom:12px}.eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--red)}
.engine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.engine-card{min-height:330px;padding:30px;border-radius:28px;background:linear-gradient(180deg,#fff,rgba(255,255,255,.78));border:1px solid #e8ebf1;box-shadow:var(--shadow);position:relative;overflow:hidden}.engine-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(230,0,18,.13),transparent 25%);opacity:0;transition:.35s}.engine-card:hover:before{opacity:1}.engine-icon{width:62px;height:62px;border-radius:20px;background:#111827;color:white;display:flex;align-items:center;justify-content:center;font-weight:950;margin-bottom:28px;box-shadow:0 18px 34px rgba(17,24,39,.2)}.engine-card:nth-child(2) .engine-icon,.engine-card:nth-child(4) .engine-icon{background:var(--red)}.engine-card h3{font-size:22px;margin:0 0 12px}.engine-card p{color:#5d6677;margin-bottom:22px}.engine-card ul{padding:0;margin:0;list-style:none}.engine-card li{position:relative;padding-left:18px;color:#1c2432;font-size:14px;margin:8px 0}.engine-card li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--red)}
.workflow{background:linear-gradient(180deg,#080b12,#0d1420);overflow:hidden}.split-head{align-items:start}.split-head p{max-width:520px;color:#aeb8c7}.timeline{position:relative;overflow:hidden;padding:12px 0 22px;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}.timeline:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(230,0,18,.7),transparent);z-index:0}.timeline-track{position:relative;z-index:1;display:flex;gap:18px;width:max-content;will-change:transform;animation:workflowMarquee 42s linear infinite}.timeline:hover .timeline-track{animation-play-state:paused}@keyframes workflowMarquee{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(calc(-50% - 9px),0,0)}}.time-card{flex:0 0 260px;position:relative;min-height:310px;padding:26px;border-radius:26px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);box-shadow:0 20px 70px rgba(0,0,0,.22);backdrop-filter:blur(16px)}.time-card.active{background:linear-gradient(180deg,rgba(230,0,18,.2),rgba(255,255,255,.055));border-color:rgba(255,80,80,.35)}.time-card time{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(230,0,18,.14);color:#ffb9b4;font-size:12px;font-weight:900;margin-bottom:18px}.time-card h3{font-size:20px;line-height:1.35;margin-bottom:14px;color:white}.time-card p{font-size:14px;color:#aeb8c7}.time-card span{position:absolute;bottom:24px;left:26px;right:26px;height:34px;display:flex;align-items:center;padding-left:14px;border-radius:12px;background:rgba(255,255,255,.07);color:#fff;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-card span:before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--red);margin-right:8px;box-shadow:0 0 16px var(--red)}
.product-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{padding:32px;border-radius:30px;background:#fff;border:1px solid #e6e9ef;box-shadow:var(--shadow);position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% -10%,rgba(230,0,18,.16),transparent 34%);opacity:.8}.product-card.highlight{background:linear-gradient(180deg,#101722,#0e141f);color:white;border-color:rgba(230,0,18,.35);transform:translateY(-18px);box-shadow:0 38px 90px rgba(0,0,0,.26)}.product-card img{width:42px;margin-bottom:22px}.product-card span{display:block;color:var(--red);font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}.product-card h3{font-size:26px;line-height:1.2;margin-bottom:10px}.product-card strong{display:block;font-size:17px;margin-bottom:14px}.product-card p{color:#626c7d}.product-card.highlight p{color:#b9c2d0}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.chips i{font-style:normal;display:inline-flex;padding:8px 12px;border-radius:999px;background:#f3f5f8;color:#313a49;font-size:12px;font-weight:800;border:1px solid #e7ebf0}.product-card.highlight .chips i,.solution-panel .chips i{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#dde3ed}
.compare{background:linear-gradient(180deg,#f6f8fb,#fff)}.compare-table{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.compare-col{border-radius:32px;padding:36px;background:#fff;border:1px solid #e7ebf0;box-shadow:var(--shadow)}.compare-col.best{background:linear-gradient(180deg,#101722,#0d131d);color:white;border-color:rgba(230,0,18,.35)}.compare-col h3{font-size:26px}.compare-col dl{display:grid;gap:18px;margin:0}.compare-col dt{font-weight:950;color:var(--red);font-size:13px;letter-spacing:.08em}.compare-col dd{margin:4px 0 0;color:#5c6675}.compare-col.best dd{color:#d3d9e4}
.data-section{background:linear-gradient(180deg,#080b12,#0b111c)}.data-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center}.data-copy h2{font-size:44px;line-height:1.18}.data-copy p,.data-copy li{color:#aeb8c7}.data-copy ul{padding-left:20px}.data-copy li{margin:10px 0}.dark-dashboard{padding:22px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-dark)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.metric-grid>div{padding:18px;border-radius:20px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.08)}.metric-grid small{color:#aeb8c7;font-size:12px}.metric-grid b{display:block;color:white;font-size:26px;line-height:1.15;margin:6px 0}.metric-grid em{font-style:normal;color:#65df9c;font-size:12px}.chart-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.chart-card{min-height:184px;padding:18px;border-radius:20px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08)}.chart-card span{color:#aeb8c7;font-size:12px}.chart-card strong{display:block;font-size:30px;margin:8px 0 14px}.radar{width:120px;height:85px;border-radius:50%;background:radial-gradient(circle,#00d4ff 0 4px,transparent 5px),conic-gradient(from 20deg,rgba(0,212,255,.3),rgba(230,0,18,.3),rgba(255,255,255,.1),rgba(0,212,255,.3));clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);opacity:.9}.ring{width:86px;height:86px;border-radius:50%;background:conic-gradient(#fff 0 79%,rgba(255,255,255,.12) 79% 100%);position:relative}.ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#121a27}.bar-chart{height:88px;display:flex;gap:10px;align-items:end}.bar-chart i{width:14px;border-radius:8px 8px 0 0;height:var(--h);background:linear-gradient(180deg,#ff6b60,#e60012)}
.solution-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.solution-tabs button{border:1px solid #e5e8ee;background:#fff;border-radius:16px;padding:12px 20px;font-weight:900;color:#303848;cursor:pointer;transition:.25s}.solution-tabs button.active,.solution-tabs button:hover{background:#111827;color:#fff;border-color:#111827}.solution-panel{min-height:270px;border-radius:32px;background:linear-gradient(145deg,#111827,#161f2e);color:white;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);padding:44px;position:relative;overflow:hidden}.solution-panel:after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(230,0,18,.35),transparent 66%)}.solution-content{display:none;position:relative;z-index:2;max-width:760px}.solution-content.active{display:block}.solution-content h3{font-size:34px}.solution-content p{color:#c2cad6;font-size:17px}.deploy{background:#fff}.deploy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.deploy-card{padding:32px;border-radius:28px;background:#f7f9fc;border:1px solid #e7ebf0}.deploy-card h3{font-size:24px}.deploy-card p{color:#5d6677}.deploy-card span{font-size:13px;font-weight:900;color:#111827}.security-chips{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.security-chips i{font-style:normal;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #e7ebf0;color:#4b5565;font-size:13px;font-weight:800}
.about{background:linear-gradient(180deg,#fff,#f7f9fc)}.about-grid{display:grid;grid-template-columns:1fr .8fr;gap:42px;align-items:center}.about h2{font-size:46px}.about p{color:#5d6677;font-size:17px}.value-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.value-row strong{display:flex;align-items:center;justify-content:center;height:62px;border-radius:18px;background:#111827;color:#fff}.mountain-card{height:360px;border-radius:32px;background:radial-gradient(circle at 72% 28%,rgba(255,84,84,.26),transparent 18%),linear-gradient(135deg,#f4f6fa,#fff);border:1px solid #e7ebf0;position:relative;overflow:hidden;box-shadow:var(--shadow);padding:34px 30px 112px;display:flex;align-items:flex-start;justify-content:center}.mountain-card:before,.mountain-card:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-38px;height:190px;background:linear-gradient(135deg,transparent 0 28%,rgba(10,15,25,.16) 28% 43%,transparent 43% 55%,rgba(10,15,25,.24) 55% 70%,transparent 70%);clip-path:polygon(0 100%,16% 45%,28% 78%,42% 32%,55% 70%,70% 18%,86% 68%,100% 30%,100% 100%)}.mountain-card:after{bottom:-80px;opacity:.55;filter:blur(2px);transform:scaleX(1.1)}.mountain-card .sun{position:absolute;right:84px;top:76px;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,#ff7870,#ef3340);opacity:.85;filter:blur(.2px);box-shadow:0 0 40px rgba(239,51,64,.26)}.mountain-card img{position:absolute;right:34px;bottom:34px;width:82px;opacity:.96;filter:drop-shadow(0 18px 34px rgba(0,0,0,.16))}.qr-showcase{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.qr-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:12px 10px 0}.qr-item h3{font-size:18px;color:#eb4a43;margin:0}.qr-item p{margin:0;font-size:13px;line-height:1.6;color:#6c7280;max-width:190px}.qr-item.featured h3{color:#ff5a54}.qr-frame{position:relative;width:100%;max-width:170px;aspect-ratio:1/1;padding:14px;border-radius:20px;background:rgba(255,255,255,.66);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(245,75,67,.95);box-shadow:0 16px 28px rgba(18,24,39,.08),0 0 0 1px rgba(255,255,255,.35) inset}.qr-item.featured .qr-frame{box-shadow:0 18px 30px rgba(236,72,72,.16),0 0 0 1px rgba(255,255,255,.45) inset}.qr-code-placeholder{width:100%;height:100%;border-radius:14px;background-color:#ffffff;background-image:linear-gradient(90deg,rgba(17,24,39,.96) 14%,transparent 14%,transparent 28%,rgba(17,24,39,.96) 28%,rgba(17,24,39,.96) 42%,transparent 42%,transparent 56%,rgba(17,24,39,.96) 56%,rgba(17,24,39,.96) 70%,transparent 70%,transparent 84%,rgba(17,24,39,.96) 84%),linear-gradient(rgba(17,24,39,.96) 14%,transparent 14%,transparent 28%,rgba(17,24,39,.96) 28%,rgba(17,24,39,.96) 42%,transparent 42%,transparent 56%,rgba(17,24,39,.96) 56%,rgba(17,24,39,.96) 70%,transparent 70%,transparent 84%,rgba(17,24,39,.96) 84%),radial-gradient(circle at 18% 18%,#ffffff 0 11%,transparent 12%),radial-gradient(circle at 82% 18%,#ffffff 0 11%,transparent 12%),radial-gradient(circle at 18% 82%,#ffffff 0 11%,transparent 12%);background-size:24px 24px,24px 24px,100% 100%,100% 100%,100% 100%;background-position:0 0,0 0,0 0,0 0,0 0;position:relative;overflow:hidden}.qr-code-placeholder:before,.qr-code-placeholder:after{content:"";position:absolute;width:44px;height:44px;border:8px solid #111827;border-radius:10px;background:#fff}.qr-code-placeholder:before{left:12px;top:12px;box-shadow:88px 0 0 0 #fff,0 88px 0 0 #fff}.qr-code-placeholder:after{left:24px;top:24px;width:20px;height:20px;border-width:0;background:#111827;box-shadow:88px 0 0 0 #111827,0 88px 0 0 #111827,74px 56px 0 0 #111827,56px 74px 0 0 #111827}.qr-badge{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:6px 12px;border-radius:999px;background:rgba(17,24,39,.88);color:#fff;font-size:12px;letter-spacing:.08em;box-shadow:0 10px 18px rgba(17,24,39,.18)}@media(max-width:1200px){.mountain-card{padding:28px 20px 112px}.qr-showcase{gap:12px}.qr-item h3{font-size:16px}.qr-item p{font-size:12px}}
.contact{background:linear-gradient(180deg,#0b111c,#06080d)}.contact-grid{display:grid;grid-template-columns:.78fr 1.02fr;gap:42px;align-items:start}.contact h2{font-size:46px}.contact p{color:#aeb8c7}.contact-info{display:grid;gap:12px;margin-top:28px}.contact-info span{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#d8dee9}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:28px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-dark);backdrop-filter:blur(16px)}.lead-form label{display:grid;gap:7px;color:#d7dee9;font-size:13px;font-weight:800}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;padding:13px 14px;outline:none}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#8893a4}.lead-form textarea{min-height:108px;resize:vertical}.lead-form .full{grid-column:1/-1}
.site-footer{background:#05070b;color:#aeb8c7;padding:46px 0 24px;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.site-footer img{width:160px;margin-bottom:16px;filter:brightness(1.2)}.site-footer h4{color:#fff;margin:0 0 14px}.site-footer a{display:block;color:#aeb8c7;margin:7px 0;font-size:14px}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:34px;padding-top:20px;font-size:12px;color:#778193}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.nav{position:absolute;left:20px;right:20px;top:78px;display:none;flex-direction:column;align-items:flex-start;gap:0;padding:18px;background:#101620;border:1px solid rgba(255,255,255,.1);border-radius:20px}.nav.open{display:flex}.nav a{padding:12px 8px}.mobile-toggle{display:inline-flex;align-items:center;justify-content:center}.hero-grid,.data-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero h1{font-size:52px}.ai-console{height:520px}.engine-grid,.product-layout,.deploy-grid,.footer-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.chart-row{grid-template-columns:1fr}.compare-table{grid-template-columns:1fr}.product-card.highlight{transform:none}}
@media(max-width:720px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:70px}.brand img{width:132px}.hero{padding-top:54px}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero-stats{grid-template-columns:1fr 1fr}.hero-grid{gap:32px}.ai-console{height:560px}.agent-node{display:none}.console-card{width:148px}.card-left{left:16px}.card-right{right:14px}.card-bottom{right:18px}.section{padding:72px 0}.section-head{display:block;text-align:left}.section-head.center{text-align:left}.section-head h2,.data-copy h2,.about h2,.contact h2{font-size:34px;letter-spacing:-1px}.engine-grid,.product-layout,.deploy-grid,.footer-grid{grid-template-columns:1fr}.lead-form{grid-template-columns:1fr}.lead-form .full{grid-column:auto}.metric-grid{grid-template-columns:1fr}.hero-actions{display:grid}.value-row{grid-template-columns:1fr}.timeline{grid-template-columns:1fr;overflow:visible}.time-card{min-height:auto}.marquee{margin-top:40px}}

/* === Hero alignment hotfix 2026-06-02 ===
   The hero has two direct children: .hero-grid and .marquee.
   It must stack them vertically; otherwise the browser treats them as a row flex layout,
   squeezing the first-screen copy/visual and causing the offset shown in the screenshot. */
.site-header{z-index:1000}
.brand{display:inline-flex;align-items:center;justify-content:center;height:56px;min-width:148px;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.2)}
.brand img{width:148px;height:auto;filter:none}
.hero.section-dark{display:block;align-items:initial;justify-content:initial;min-height:auto;padding:86px 0 0;background:linear-gradient(180deg,rgba(7,10,16,.08),rgba(7,10,16,.72))}
.hero-grid{width:min(1240px,calc(100% - 64px));min-height:calc(100vh - 78px - 64px - 86px);margin:0 auto;grid-template-columns:minmax(460px,.9fr) minmax(520px,1.1fr);gap:70px;align-items:center}
.hero-copy{position:relative;z-index:5;min-width:0;max-width:560px;padding:36px 0 50px}
.hero h1{font-size:clamp(54px,4.25vw,76px);line-height:1.03;letter-spacing:-2.6px;word-break:keep-all;overflow-wrap:normal;margin-bottom:28px}
.hero h1 .no-wrap{white-space:nowrap}.hero h1 em{display:inline-block}
.hero-lead{font-size:19px;max-width:540px}.hero-note{max-width:540px}.hero-stats{max-width:540px}
.hero-visual{position:relative;z-index:4;min-width:0;justify-self:end;width:100%;max-width:650px}
.ai-console{height:600px;width:100%;max-width:650px;margin-left:auto}
.marquee{display:block;flex:none;margin-top:0}
@media (min-width:1400px){.hero-grid{width:min(1320px,calc(100% - 96px));grid-template-columns:minmax(500px,.92fr) minmax(600px,1.08fr)}.hero-copy{max-width:600px}.hero-lead,.hero-note,.hero-stats{max-width:580px}.ai-console{height:620px;max-width:680px}.hero h1{font-size:78px}}
@media (max-width:1180px){.hero-grid{grid-template-columns:1fr;gap:42px;min-height:auto;padding-bottom:58px}.hero-copy{max-width:760px;text-align:left}.hero-lead,.hero-note,.hero-stats{max-width:720px}.hero-visual{justify-self:center;max-width:720px}.ai-console{max-width:720px;height:560px}.hero h1{font-size:clamp(48px,7vw,68px)}}
@media (max-width:720px){.brand{height:48px;min-width:126px}.brand img{width:126px}.hero.section-dark{padding-top:56px}.hero-grid{width:min(100% - 28px,1180px);padding-bottom:40px}.hero h1{font-size:42px;letter-spacing:-1.2px}.hero h1 .no-wrap{white-space:normal}.hero-copy{padding-top:12px}.hero-visual{max-width:100%}.ai-console{height:540px}.marquee{height:56px}.marquee-track{height:56px}}


/* === 24H workflow auto-marquee: no native scrollbars === */
.timeline{display:block;overflow:hidden!important;scrollbar-width:none}
.timeline::-webkit-scrollbar{display:none}
.timeline-track{display:flex!important}
@media (max-width:720px){.timeline{overflow:hidden!important}.timeline-track{animation-duration:34s}.time-card{flex-basis:238px;min-height:292px}}
@media (prefers-reduced-motion:reduce){.timeline-track{animation:none}}

/* === Final fix 2026-06-02: workflow marquee without native scrollbars === */
.workflow .container{overflow:hidden!important;max-width:100%;}
.workflow .timeline{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:360px!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  -ms-overflow-style:none!important;
  scrollbar-width:none!important;
  overscroll-behavior:none;
  touch-action:pan-y;
}
.workflow .timeline::-webkit-scrollbar,
.workflow .timeline-track::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important;}
.workflow .timeline:before{top:50%!important;}
.workflow .timeline-track{
  position:absolute!important;
  left:0!important;
  top:12px!important;
  height:328px!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  width:max-content!important;
  min-width:max-content!important;
  overflow:visible!important;
  will-change:transform;
  animation:workflowMarquee 42s linear infinite!important;
}
.workflow .timeline:hover .timeline-track{animation-play-state:paused!important;}
.workflow .time-card{flex:0 0 260px!important;height:310px!important;min-height:310px!important;max-height:310px!important;}
@media (max-width:720px){
  .workflow .timeline{height:330px!important;}
  .workflow .timeline-track{height:304px!important;animation-duration:34s!important;}
  .workflow .time-card{flex-basis:238px!important;height:292px!important;min-height:292px!important;max-height:292px!important;}
}

/* === Frosted-glass custom dropdowns for dark contact form === */
.lead-form{overflow:visible;}
.lead-form label{position:relative;}
.glass-select{position:relative;z-index:20;}
.glass-select.is-open{z-index:80;}
.glass-select-toggle{
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 44px 13px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.07));
  color:#f8fafc;
  font-weight:800;
  text-align:left;
  cursor:pointer;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 16px 36px rgba(0,0,0,.14);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
}
.glass-select-toggle::after{
  content:"";
  position:absolute;
  right:17px;
  top:50%;
  width:8px;
  height:8px;
  border-right:2px solid rgba(255,255,255,.84);
  border-bottom:2px solid rgba(255,255,255,.84);
  transform:translateY(-64%) rotate(45deg);
  transition:transform .22s ease;
  pointer-events:none;
}
.glass-select.is-open .glass-select-toggle::after{transform:translateY(-25%) rotate(225deg);}
.glass-select-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  max-height:244px;
  overflow:hidden;
  padding:8px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg,rgba(23,31,45,.82),rgba(10,14,22,.72));
  box-shadow:0 26px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(24px) saturate(170%);
  -webkit-backdrop-filter:blur(24px) saturate(170%);
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px) scale(.98);
  transform-origin:top center;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.glass-select.is-open .glass-select-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);}
.glass-select-menu button{
  width:100%;
  display:flex;
  align-items:center;
  min-height:40px;
  padding:10px 12px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#e8edf6;
  font-size:14px;
  font-weight:800;
  text-align:left;
  cursor:pointer;
}
.glass-select-menu button:hover,
.glass-select-menu button.is-selected{
  color:#fff;
  background:linear-gradient(135deg,rgba(230,0,18,.92),rgba(255,92,82,.78));
  box-shadow:0 12px 28px rgba(230,0,18,.22);
}
/* Native select fallback, in case any browser keeps a standard select elsewhere */
.lead-form select option{background:#121a27;color:#f8fafc;}

/* === 2026-06-02 email submit + definitive workflow/dropdown fixes === */
html,body{max-width:100%;overflow-x:hidden!important;}
.workflow{overflow:hidden!important;}
.workflow .container{width:min(100% - 40px,1180px)!important;max-width:1180px!important;overflow:hidden!important;}
.workflow .timeline{
  position:relative!important;
  height:360px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  padding:12px 0 22px!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)!important;
}
.workflow .timeline::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
.workflow .timeline-track{
  position:absolute!important;
  left:0!important;
  top:12px!important;
  z-index:1!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:18px!important;
  width:max-content!important;
  min-width:max-content!important;
  height:310px!important;
  overflow:visible!important;
  will-change:transform!important;
  animation:workflowMarquee 46s linear infinite!important;
}
.workflow .timeline-track::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
.workflow .timeline:hover .timeline-track{animation-play-state:paused!important;}
.workflow .time-card{flex:0 0 260px!important;width:260px!important;height:310px!important;min-height:310px!important;max-height:310px!important;}
@media(max-width:720px){
  .workflow .container{width:min(100% - 28px,1180px)!important;}
  .workflow .timeline{height:330px!important;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)!important;}
  .workflow .timeline-track{height:292px!important;animation-duration:36s!important;}
  .workflow .time-card{flex-basis:238px!important;width:238px!important;height:292px!important;min-height:292px!important;max-height:292px!important;}
}

.lead-form{position:relative;overflow:visible!important;}
.lead-form input:focus,.lead-form textarea:focus,.glass-select-toggle:focus-visible{
  border-color:rgba(255,75,75,.55)!important;
  box-shadow:0 0 0 4px rgba(230,0,18,.14),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.lead-form input.is-invalid,.lead-form textarea.is-invalid,.glass-select.is-invalid .glass-select-toggle{
  border-color:rgba(255,73,73,.78)!important;
  box-shadow:0 0 0 4px rgba(230,0,18,.16)!important;
}
.form-message{
  display:none;
  margin-top:2px;
  padding:13px 15px;
  border-radius:16px;
  font-size:14px;
  line-height:1.6;
  font-weight:800;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  color:#e8edf6;
}
.form-message.show{display:block;}
.form-message.success{
  border-color:rgba(74,222,128,.26);
  background:rgba(34,197,94,.12);
  color:#c9f9d8;
}
.form-message.error{
  border-color:rgba(248,113,113,.35);
  background:rgba(230,0,18,.14);
  color:#ffd8d8;
}
.lead-form.is-loading{pointer-events:none;}
.lead-form.is-loading .btn.primary{opacity:.76;filter:saturate(.8);}
.lead-form.is-loading .btn.primary::after{
  content:"";
  width:14px;
  height:14px;
  margin-left:10px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.45);
  border-top-color:#fff;
  animation:submitSpin .8s linear infinite;
}
@keyframes submitSpin{to{transform:rotate(360deg)}}


/* Real QR image slots: replace assets/img/qrcode-developer.svg and qrcode-group.svg with real PNG/JPG/SVG files. */
.qr-frame .qr-real{position:relative!important;right:auto!important;bottom:auto!important;display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:14px;opacity:1!important;filter:none!important;box-shadow:none!important;background:#fff}
.qr-code-placeholder{display:none}