:root{--ai-bg:#02090b;--ai-panel:#071519;--ai-line:rgba(31,239,209,.22);--ai-cyan:#08d8e9;--ai-mint:#26f0b4;--ai-lime:#83ff23;--ai-text:#edfafa;--ai-muted:#98adae}
body.ai-page{background:var(--ai-bg);color:var(--ai-text);overflow-x:hidden}
.ai-page #mainNavbar{background:rgba(1,10,12,.9);border-bottom:1px solid var(--ai-line);backdrop-filter:blur(18px)}
.ai-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--ai-lime),var(--ai-cyan));z-index:9999;box-shadow:0 0 18px var(--ai-cyan)}
.ai-hero{min-height:calc(100vh - 90px);display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(0,218,220,.13),transparent 29%),linear-gradient(135deg,#020709,#031215 60%,#03100e)}
.ai-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(30,235,206,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(30,235,206,.05) 1px,transparent 1px);background-size:54px 54px;transform:perspective(500px) rotateX(64deg) scale(1.8) translateY(18%);transform-origin:center bottom;mask-image:linear-gradient(transparent,#000)}
.ai-orb{position:absolute;width:46vw;aspect-ratio:1;border:1px solid rgba(30,239,213,.2);border-radius:50%;right:-12vw;top:12%;animation:ai-spin 18s linear infinite}
.ai-orb:before,.ai-orb:after{content:"";position:absolute;border:inherit;border-radius:inherit;inset:12%}.ai-orb:after{inset:27%;border-style:dashed;animation:ai-spin 8s linear infinite reverse}
.ai-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:5vw;align-items:center;padding:85px 0 70px}
.ai-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--ai-lime);font:800 .75rem/1.2 system-ui;letter-spacing:.24em}.ai-kicker:before{content:"";width:34px;height:2px;background:var(--ai-cyan);box-shadow:0 0 12px var(--ai-cyan)}
.ai-hero h1,.ai-title{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.015em;line-height:.88;margin:25px 0;text-transform:uppercase}
.ai-hero h1{font-size:clamp(4rem,8vw,8.8rem)}.ai-hero h1 span,.ai-title span{color:transparent;background:linear-gradient(90deg,var(--ai-lime),var(--ai-cyan));background-clip:text;-webkit-background-clip:text}
.ai-lead{max-width:670px;color:#b7c9c9;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.75}
.ai-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.ai-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 25px;border:1px solid var(--ai-line);border-radius:4px;color:white;text-decoration:none;font-weight:900;font-size:.78rem;letter-spacing:.08em;transition:.25s}.ai-btn:hover{color:#00100d;transform:translateY(-3px);background:var(--ai-lime);box-shadow:0 15px 40px rgba(83,255,127,.18)}.ai-btn-primary{color:#00100d;background:linear-gradient(90deg,var(--ai-lime),var(--ai-cyan));border:0}
.ai-machine{position:relative;height:540px;display:grid;place-items:center;transform-style:preserve-3d}.ai-cell{position:absolute;width:82%;height:74%;border:1px solid rgba(30,239,213,.38);background:linear-gradient(150deg,rgba(13,44,47,.68),rgba(1,11,13,.8));clip-path:polygon(8% 0,100% 0,100% 88%,92% 100%,0 100%,0 12%);box-shadow:inset 0 0 80px rgba(1,239,204,.05),0 30px 100px rgba(0,0,0,.5)}
.ai-cell:before{content:"AUTOMATED CELL / ONLINE";position:absolute;top:18px;left:28px;color:var(--ai-mint);font:700 .58rem system-ui;letter-spacing:.2em}
.ai-robot{position:absolute;width:270px;height:300px;bottom:60px;left:50%;transform:translateX(-50%)}.ai-base,.ai-joint,.ai-arm{position:absolute;background:linear-gradient(145deg,#30f0bd,#068c99);box-shadow:0 0 30px rgba(7,224,207,.23)}.ai-base{width:110px;height:45px;left:72px;bottom:0;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.ai-joint{width:75px;height:75px;border-radius:50%;left:88px;bottom:35px;border:13px solid #0a3338}.ai-arm{height:44px;width:150px;left:117px;bottom:92px;transform:rotate(-52deg);transform-origin:0 50%;border-radius:30px}.ai-arm:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;right:-20px;top:-8px;background:#071c21;border:13px solid var(--ai-cyan)}.ai-head{position:absolute;width:94px;height:57px;right:-4px;top:39px;background:linear-gradient(135deg,#eaffff,#70e8de);transform:rotate(8deg);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.ai-beam{position:absolute;width:2px;height:260px;right:73px;top:105px;background:linear-gradient(var(--ai-cyan),transparent);transform:rotate(26deg);transform-origin:top;filter:drop-shadow(0 0 7px var(--ai-cyan));animation:ai-scan 2.5s ease-in-out infinite alternate}.ai-part{position:absolute;width:180px;height:70px;right:38px;bottom:75px;border:1px solid var(--ai-cyan);background:linear-gradient(135deg,rgba(10,54,57,.8),rgba(1,12,14,.7));transform:skewX(-17deg);box-shadow:0 0 35px rgba(0,222,224,.13)}.ai-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--ai-lime);box-shadow:0 0 12px var(--ai-lime);animation:ai-pulse 1.6s infinite}.ai-dot.d1{top:17%;left:14%}.ai-dot.d2{top:61%;right:12%;animation-delay:.5s}.ai-dot.d3{bottom:16%;left:25%;animation-delay:1s}
.ai-strip{border-block:1px solid var(--ai-line);background:#041013;overflow:hidden}.ai-marquee{display:flex;width:max-content;gap:50px;padding:16px 0;animation:ai-marquee 28s linear infinite;color:#b8cbcb;font:800 .67rem system-ui;letter-spacing:.2em}.ai-marquee span:before{content:"+";color:var(--ai-lime);margin-right:50px}
.ai-section{position:relative;padding:110px 0}.ai-section.alt{background:linear-gradient(180deg,#051215,#02090b)}.ai-section-head{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:55px}.ai-title{font-size:clamp(3rem,6vw,6.4rem)}.ai-section-head p{color:var(--ai-muted);line-height:1.8}
.ai-family{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.ai-product{position:relative;min-height:520px;padding:36px;overflow:hidden;border:1px solid var(--ai-line);background:linear-gradient(145deg,rgba(8,33,37,.95),rgba(2,11,13,.96));transition:.35s}.ai-product:hover{transform:translateY(-7px);border-color:var(--ai-cyan);box-shadow:0 30px 80px rgba(0,0,0,.4)}.ai-product-code{color:var(--ai-lime);font:800 .64rem system-ui;letter-spacing:.2em}.ai-product h3{font:500 clamp(2.8rem,5vw,5.6rem)/.92 Impact,sans-serif;margin:22px 0;text-transform:uppercase}.ai-product p{color:#9db1b1;max-width:580px;line-height:1.7}.ai-product-art{height:190px;position:relative;margin:22px 0;border:1px solid rgba(16,222,207,.12);background:radial-gradient(circle,rgba(5,210,202,.14),transparent 58%)}.ai-product-art:before,.ai-product-art:after{content:"";position:absolute;border:1px solid var(--ai-line)}.ai-product-art:before{width:150px;height:100px;left:calc(50% - 75px);top:45px;transform:skew(-14deg);background:linear-gradient(135deg,#d9ffff,#0497a1)}.ai-product-art:after{width:250px;height:1px;left:calc(50% - 125px);top:95px;box-shadow:0 0 15px var(--ai-cyan);animation:ai-artscan 2s infinite alternate}.ai-product.cube .ai-product-art:before{width:250px;height:150px;left:calc(50% - 125px);top:20px;background:transparent;border:12px solid rgba(64,226,207,.38);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.ai-mini-specs{display:flex;gap:8px;flex-wrap:wrap}.ai-mini-specs span{border:1px solid var(--ai-line);padding:8px 10px;color:#d8eaea;font:700 .64rem system-ui;letter-spacing:.08em}.ai-link{position:absolute;right:32px;bottom:30px;color:var(--ai-cyan);font-weight:900;text-decoration:none}.ai-link:hover{color:var(--ai-lime)}
.ai-family.ai-family-single{grid-template-columns:minmax(0,1fr)}
.ai-family.ai-family-single .ai-product{min-height:470px}
.ai-process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ai-line);border:1px solid var(--ai-line)}.ai-step{background:#041013;padding:35px 26px;min-height:245px}.ai-step b{display:block;color:var(--ai-cyan);font-size:2.5rem}.ai-step h3{font-size:1rem;margin:25px 0 12px}.ai-step p{font-size:.88rem;color:var(--ai-muted);line-height:1.65}
.ai-table-wrap{overflow:auto;border:1px solid var(--ai-line)}.ai-compare{width:100%;min-width:780px;border-collapse:collapse;background:#041013}.ai-compare th,.ai-compare td{padding:20px;border-bottom:1px solid var(--ai-line);text-align:left}.ai-compare thead{background:rgba(22,225,202,.08)}.ai-compare th{color:var(--ai-lime);font-size:.7rem;letter-spacing:.12em}.ai-compare td{color:#b9cbcb}.ai-compare td:first-child{font-weight:900;color:white}
.ai-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ai-app{padding:30px;border:1px solid var(--ai-line);background:rgba(6,23,26,.7)}.ai-app i{font-size:2rem;color:var(--ai-cyan)}.ai-app h3{margin:20px 0 10px;font-size:1rem}.ai-app p{color:var(--ai-muted);font-size:.87rem;line-height:1.65}
.ai-cta{padding:100px 0}.ai-cta-box{padding:60px;border:1px solid var(--ai-line);background:radial-gradient(circle at 90%,rgba(0,221,211,.18),transparent 35%),#061417;display:flex;align-items:center;justify-content:space-between;gap:30px}.ai-cta h2{font:500 clamp(2.4rem,5vw,5rem)/.95 Impact,sans-serif;margin:14px 0}.ai-reveal{opacity:0;transform:translateY(30px);transition:.7s}.ai-reveal.visible{opacity:1;transform:none}
.ai-detail-hero{min-height:82vh}.ai-detail-hero .ai-hero-grid{min-height:76vh}.ai-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.ai-metric{padding:18px;border-left:2px solid var(--ai-cyan);background:rgba(5,26,29,.7)}.ai-metric strong{display:block;font-size:1.4rem;color:var(--ai-lime)}.ai-metric small{color:var(--ai-muted);font-size:.62rem;letter-spacing:.1em}
@keyframes ai-spin{to{transform:rotate(360deg)}}@keyframes ai-scan{to{transform:rotate(55deg)}}@keyframes ai-pulse{50%{opacity:.2;transform:scale(2)}}@keyframes ai-marquee{to{transform:translateX(-50%)}}@keyframes ai-artscan{to{transform:translateY(60px)}}
@media(max-width:991px){.ai-hero-grid,.ai-section-head{grid-template-columns:1fr}.ai-machine{height:420px}.ai-family{grid-template-columns:1fr}.ai-process{grid-template-columns:repeat(2,1fr)}.ai-apps{grid-template-columns:repeat(2,1fr)}.ai-cta-box{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.ai-hero{min-height:auto}.ai-hero-grid{padding:55px 0 45px;gap:20px}.ai-hero h1{font-size:clamp(3.5rem,18vw,5.4rem)}.ai-machine{height:340px}.ai-cell{width:100%;height:88%}.ai-robot{transform:translateX(-50%) scale(.75)}.ai-section{padding:75px 0}.ai-title{font-size:3.4rem}.ai-section-head{gap:15px;margin-bottom:35px}.ai-product{padding:25px;min-height:510px}.ai-product h3{font-size:3.3rem}.ai-process,.ai-apps{grid-template-columns:1fr}.ai-cta-box{padding:35px 24px}.ai-btn{width:100%}.ai-actions{display:grid}.ai-metrics{grid-template-columns:1fr}.ai-orb{width:90vw;right:-50vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.ai-reveal{opacity:1;transform:none}}