:root{--ink:#07110f;--paper:#f2f3ef;--white:#fff;--cyan:#46e6c2;--amber:#ffb240;--muted:#84918d;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Manrope","Noto Sans SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:92px;display:flex;align-items:center;padding:0 5vw;color:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;position:relative;display:block}.brand-mark i{position:absolute;width:8px;background:var(--cyan);transform:skewY(-28deg)}.brand-mark i:nth-child(1){height:18px;left:2px;top:12px}.brand-mark i:nth-child(2){height:27px;left:13px;top:3px}.brand-mark i:nth-child(3){height:21px;left:24px;top:9px}.brand-text{display:grid}.brand-text b{font-size:17px;letter-spacing:.12em}.brand-text small{font-size:8px;letter-spacing:.22em;opacity:.65}.desktop-nav{margin:auto;display:flex;gap:42px;font-size:14px}.desktop-nav a{opacity:.75;transition:.25s}.desktop-nav a:hover{opacity:1;color:var(--cyan)}.header-cta{font-size:13px;border:1px solid rgba(255,255,255,.35);padding:12px 18px}.header-cta span{margin-left:18px;color:var(--cyan)}.menu-toggle{display:none;background:none;border:0;width:40px;height:40px}.menu-toggle span{display:block;height:1px;background:#fff;margin:7px}.hero{min-height:760px;height:100vh;max-height:980px;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 40%,#24453e 0,#12231f 28%,#07110f 68%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,15,.97) 0%,rgba(7,17,15,.76) 42%,rgba(7,17,15,.08) 75%),linear-gradient(0deg,#07110f 0,transparent 22%);z-index:1}.factory-visual{position:absolute;inset:90px 0 0 35%;overflow:hidden;perspective:700px}.factory-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(70,230,194,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(70,230,194,.11) 1px,transparent 1px);background-size:55px 55px;transform:rotateX(55deg) scale(1.5);transform-origin:bottom;opacity:.7}.machine{position:absolute;background:linear-gradient(135deg,#82918e,#263632 55%,#14231f);box-shadow:0 20px 60px #000;border:1px solid #6c7d79}.machine:before{content:"";position:absolute;background:#0a1512;border:1px solid #70a297;box-shadow:inset 0 0 28px rgba(70,230,194,.18)}.machine-a{width:250px;height:330px;right:8%;bottom:120px;clip-path:polygon(10% 0,90% 0,100% 10%,100% 100%,0 100%,0 10%)}.machine-a:before{inset:42px 28px 130px}.machine-a span{position:absolute;bottom:35px;width:42px;height:65px;background:#1e2b28}.machine-a span:first-child{left:36px}.machine-a span:last-child{right:36px}.machine-b{width:210px;height:240px;right:38%;bottom:105px}.machine-b:before{inset:28px 25px 88px}.machine-b span{position:absolute;left:0;right:0;bottom:25px;height:12px;background:var(--amber);box-shadow:0 0 22px var(--amber)}.conveyor{position:absolute;height:72px;width:58%;right:0;bottom:76px;background:#273530;transform:skewX(-20deg);border-top:8px solid #80908c}.conveyor i{display:inline-block;width:9%;height:40px;margin:12px 3%;background:#101b18;border:1px solid #4a5e58}.data-panel{position:absolute;padding:14px 18px;border:1px solid rgba(70,230,194,.55);background:rgba(5,19,16,.64);backdrop-filter:blur(8px);box-shadow:0 0 28px rgba(70,230,194,.1);display:grid}.data-panel b,.data-panel small{font-size:9px;letter-spacing:.18em;color:#9ac7bd}.data-panel strong{font-size:28px;color:var(--cyan)}.panel-a{right:39%;top:18%}.panel-b{right:5%;top:9%}.scan-line{position:absolute;left:20%;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 15px var(--cyan);animation:scan 5s linear infinite}@keyframes scan{from{top:5%}to{top:90%}}.hero-content{position:relative;z-index:2;padding:190px 5vw 150px;max-width:780px}.eyebrow{font-size:11px;letter-spacing:.25em;font-weight:700;display:flex;align-items:center;gap:12px;color:#b4c2be}.eyebrow span{width:28px;height:1px;background:var(--cyan)}.hero h1{font-size:clamp(52px,6.1vw,94px);line-height:1.08;letter-spacing:0;margin:32px 0 28px}.hero h1 em,.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.68)}.hero-content>p{max-width:610px;font-size:17px;line-height:1.9;color:#b9c4c0}.hero-actions{display:flex;gap:34px;align-items:center;margin-top:42px}.primary-button{background:var(--cyan);color:#06110e;padding:18px 24px;font-weight:700;font-size:14px}.primary-button span{margin-left:34px}.text-button{font-size:14px}.text-button i{display:inline-block;width:8px;height:8px;border:2px solid var(--amber);border-radius:50%;margin-right:10px;box-shadow:0 0 10px var(--amber)}.hero-bottom{position:absolute;z-index:3;bottom:0;left:5vw;right:5vw;height:112px;display:flex;align-items:center;border-top:1px solid var(--line);gap:48px}.hero-stat{display:flex;align-items:baseline;gap:5px}.hero-stat strong{font-size:30px}.hero-stat i{font-style:normal;color:var(--cyan)}.hero-stat span{font-size:11px;color:#9aa7a3;margin-left:8px}.hero-label{margin-left:auto;font-size:9px;letter-spacing:.18em;color:#7f8d89}.hero-label span{margin-left:24px}.section-pad{padding:130px 7vw}.section-index{font-size:10px;letter-spacing:.2em;color:#697671;font-weight:700;text-transform:uppercase}.intro{display:grid;grid-template-columns:1fr 2.4fr 1fr;gap:5vw;align-items:center;min-height:520px}.intro h2,.section-head h2,.method h2{font-size:clamp(38px,4vw,62px);line-height:1.22;letter-spacing:0;margin:18px 0 26px}.intro-copy p{font-size:16px;line-height:2;color:#65716d;max-width:700px}.orbit{width:170px;height:170px;border:1px solid #b8c3bf;border-radius:50%;position:relative;justify-self:end;display:grid;place-items:center}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #d4dad7;border-radius:50%;inset:22px}.orbit:after{inset:48px;background:var(--ink)}.orbit span{z-index:2;color:var(--cyan);font-size:9px;letter-spacing:.2em}.orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--amber);top:14px;left:40px}.solutions{background:#0a1512;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.section-head h2{margin-bottom:0}.section-head>p{width:390px;color:#8e9b97;line-height:1.8}.solutions .section-index{color:#6c7d77}.solution-layout{display:grid;grid-template-columns:.9fr 1.5fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.solution-tabs{display:flex;flex-direction:column;border-right:1px solid var(--line)}.solution-tab{height:105px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;display:grid;grid-template-columns:45px 1fr 1.4fr 30px;align-items:center;text-align:left;padding:0 25px;cursor:pointer;transition:.25s}.solution-tab span{font-size:10px;color:#62716c}.solution-tab b{font-size:21px}.solution-tab small{color:#74817d}.solution-tab i{font-style:normal}.solution-tab.active,.solution-tab:hover{background:var(--cyan);color:#07110f}.solution-tab.active span,.solution-tab.active small{color:#30544c}.solution-detail{padding:48px 5vw 45px;position:relative;min-height:520px;overflow:hidden}.solution-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em;color:#73827d}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:8px;box-shadow:0 0 8px var(--cyan)}.solution-detail h3{font-size:40px;line-height:1.3;margin:42px 0 20px}.solution-detail>p{color:#899590;line-height:1.8;max-width:580px}.solution-detail ul{columns:2;list-style:none;padding:0;margin:36px 0}.solution-detail li{font-size:13px;margin-bottom:16px}.solution-detail li:before{content:"+";color:var(--cyan);margin-right:10px}.mini-dashboard{position:absolute;right:5vw;bottom:34px;width:44%;height:150px;border:1px solid rgba(70,230,194,.25);padding:18px;background:rgba(70,230,194,.03)}.dash-head{display:flex;justify-content:space-between;font-size:9px;color:#74827e}.dash-head b{color:var(--cyan)}.bars{height:90px;display:flex;align-items:end;gap:7px;margin-top:12px}.bars i{height:var(--h);flex:1;background:linear-gradient(var(--cyan),rgba(70,230,194,.12));transform-origin:bottom;animation:rise 1.2s both}@keyframes rise{from{transform:scaleY(0)}}.capabilities{background:#e6e9e4}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cbd1cd}.cap-card{position:relative;min-height:400px;padding:34px 28px;border-right:1px solid #cbd1cd;transition:.3s}.cap-card:last-child{border:0}.cap-card>span{font-size:9px;letter-spacing:.16em;color:#7d8985}.cap-icon{font-size:34px;margin:76px 0 35px;color:#2f5e53}.cap-card h3{font-size:22px}.cap-card p{color:#6f7b77;font-size:14px;line-height:1.85}.cap-card>b{position:absolute;right:25px;bottom:20px;color:#b7c0bc}.cap-card:hover{background:#fff;transform:translateY(-8px);box-shadow:0 20px 45px rgba(15,34,29,.08)}.method{display:grid;grid-template-columns:.9fr 1.25fr;gap:10vw;background:#fff}.method-copy>p{color:#6c7874;line-height:1.9}.method-copy>a{display:inline-block;margin-top:38px;border-bottom:1px solid #17241f;padding-bottom:8px;font-size:13px}.method-copy>a span{margin-left:24px}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:100px 1fr 1.4fr;align-items:center;min-height:112px;border-bottom:1px solid #dfe3e0}.steps li:first-child{border-top:1px solid #dfe3e0}.steps span{font-size:9px;color:#89948f}.steps b{font-size:20px}.steps p{color:#79837f;font-size:13px}.contact{position:relative;background:#081310;color:#fff;text-align:center;padding:120px 7vw;overflow:hidden}.contact-inner{position:relative;z-index:2}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(46px,6vw,86px);line-height:1.18;margin:34px 0 24px}.contact-inner>p{color:#8d9b96}.contact-mail{margin:60px auto 0;width:min(680px,100%);border-top:1px solid #40504b;border-bottom:1px solid #40504b;display:grid;grid-template-columns:1fr 1.5fr 40px;align-items:center;text-align:left;padding:24px 4px}.contact-mail span{font-size:11px;color:#84918d}.contact-mail b{font-size:18px}.contact-mail i{font-style:normal;color:var(--cyan);font-size:22px}.contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(70,230,194,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(70,230,194,.05) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle,black,transparent 70%)}footer{background:#050b09;color:#fff;min-height:180px;padding:50px 5vw;display:grid;grid-template-columns:1.3fr 1.4fr 1fr auto;align-items:center;gap:25px;border-top:1px solid #24312d}footer p,footer address,footer>small{color:#71807b;font-size:11px;font-style:normal}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:72px;padding:0 20px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.menu-toggle.open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-4px) rotate(-45deg)}.desktop-nav.open{display:flex;position:absolute;top:72px;left:0;right:0;background:#081310;padding:25px;flex-direction:column;gap:22px;border-top:1px solid var(--line)}.hero{min-height:760px;height:100svh}.factory-visual{left:25%;opacity:.65}.hero-content{padding:145px 22px 130px}.hero h1{font-size:48px}.hero-content>p{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-bottom{left:22px;right:22px;height:96px;gap:18px}.hero-stat strong{font-size:23px}.hero-stat span{display:none}.hero-label{display:none}.section-pad{padding:90px 22px}.intro{grid-template-columns:1fr}.orbit{display:none}.section-head{display:block;margin-bottom:45px}.section-head>p{width:auto}.solution-layout{grid-template-columns:1fr}.solution-tabs{border-right:0;display:grid;grid-template-columns:1fr 1fr}.solution-tab{grid-template-columns:30px 1fr;height:78px;padding:0 12px;border-right:1px solid var(--line)}.solution-tab small,.solution-tab i{display:none}.solution-detail{padding:35px 22px;min-height:600px}.solution-detail h3{font-size:30px}.solution-detail ul{columns:1}.mini-dashboard{position:absolute;left:22px;right:22px;width:auto}.cap-grid{grid-template-columns:1fr 1fr}.cap-card{min-height:340px;border-bottom:1px solid #cbd1cd}.method{grid-template-columns:1fr}.steps li{grid-template-columns:70px 1fr}.steps p{grid-column:2}.contact{padding:90px 22px}.contact-mail{grid-template-columns:1fr 35px}.contact-mail span{display:none}.contact-mail b{font-size:14px}footer{grid-template-columns:1fr;text-align:left;padding:45px 22px}.footer-brand{margin-bottom:10px}}
@media(max-width:560px){.brand-text b{font-size:15px}.hero h1{font-size:42px}.hero h1 em{-webkit-text-stroke:.7px rgba(255,255,255,.7)}.factory-visual{left:10%}.panel-b{display:none}.intro h2,.section-head h2,.method h2{font-size:34px}.cap-grid{grid-template-columns:1fr}.cap-card{border-right:0;min-height:310px}.cap-icon{margin:48px 0 25px}.solution-tab b{font-size:17px}.contact h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Blue visual system and appearance controls */
:root{--ink:#06101f;--paper:#f3f6fa;--cyan:#2684ff;--amber:#55b7ff;--muted:#7e8da3}
.header-tools{display:flex;align-items:center;gap:10px}.tool-button,.lang-toggle{height:40px;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.25);cursor:pointer}.tool-button{width:40px;padding:0;font-size:17px}.tool-button .sun{display:none}.lang-toggle{padding:0 13px;font-size:11px;letter-spacing:.08em}.lang-toggle b{color:var(--cyan)}.lang-toggle i{font-style:normal;opacity:.55}.lang-toggle span{margin:0 5px;opacity:.3}
.hero{background:radial-gradient(circle at 78% 38%,#173c72 0,#0b2346 30%,#050d1b 70%)}.hero:after{background:linear-gradient(90deg,rgba(5,13,27,.98) 0%,rgba(5,13,27,.78) 43%,rgba(5,13,27,.08) 76%),linear-gradient(0deg,#050d1b 0,transparent 22%)}.factory-grid{background-image:linear-gradient(rgba(38,132,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(38,132,255,.16) 1px,transparent 1px)}.machine:before{box-shadow:inset 0 0 28px rgba(38,132,255,.25)}.data-panel{border-color:rgba(38,132,255,.6);background:rgba(4,17,38,.72);box-shadow:0 0 28px rgba(38,132,255,.16)}.solutions,.contact{background:#071326}.capabilities{background:#e9eef5}.cap-icon{color:#176bd5}.contact-grid{background-image:linear-gradient(rgba(38,132,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(38,132,255,.08) 1px,transparent 1px)}footer{background:#030914}
body,.intro,.capabilities,.method,.cap-card{transition:background-color .35s,color .35s,border-color .35s}
html[data-theme="dark"] body{background:#050c18;color:#edf5ff}html[data-theme="dark"] .intro{background:#081426}html[data-theme="dark"] .capabilities{background:#0b1728}html[data-theme="dark"] .method{background:#07111f}html[data-theme="dark"] .intro-copy p,html[data-theme="dark"] .section-head>p,html[data-theme="dark"] .method-copy>p,html[data-theme="dark"] .steps p,html[data-theme="dark"] .cap-card p{color:#91a2b8}html[data-theme="dark"] .cap-grid,html[data-theme="dark"] .cap-card,html[data-theme="dark"] .steps li{border-color:#26374c}html[data-theme="dark"] .cap-card:hover{background:#102039;box-shadow:0 20px 45px rgba(0,0,0,.24)}html[data-theme="dark"] .orbit:after{background:#081426}html[data-theme="dark"] .method-copy>a{border-color:#b7c8dd}.theme-toggle .moon{display:inline}html[data-theme="dark"] .theme-toggle .moon{display:none}html[data-theme="dark"] .theme-toggle .sun{display:inline}
html[lang="en"] .hero h1{font-size:clamp(48px,5.5vw,84px);max-width:900px}html[lang="en"] .hero-content{max-width:930px}html[lang="en"] .solution-tab{grid-template-columns:45px 1.2fr 1.6fr 30px}
@media(max-width:900px){.header-tools{margin-left:auto}.header-cta{display:none}.tool-button,.lang-toggle{height:36px}.menu-toggle{margin-left:5px}.lang-toggle{padding:0 9px}}

/* Expansive blue industrial direction */
:root{--blue:#1677ff;--blue-bright:#51a8ff;--navy:#06142b;--steel:#dbe7f5}
.site-header{height:96px;padding-inline:6vw;background:linear-gradient(180deg,rgba(3,12,29,.46),transparent)}
.brand-mark i{background:var(--blue-bright);box-shadow:0 0 14px rgba(81,168,255,.42)}
.header-cta,.primary-button{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 12px 34px rgba(22,119,255,.25)}
.header-cta span,.primary-button span{color:#fff}
.hero{min-height:820px;background:radial-gradient(circle at 78% 34%,#1c559f 0,#0a2857 28%,#030b1a 70%)}
.hero-content{padding-top:210px;max-width:900px}
.hero h1{font-size:clamp(58px,6.5vw,104px);line-height:1.02;max-width:900px}
.hero-content>p{max-width:680px;font-size:18px}
.hero h1 em,.contact h2 em{-webkit-text-stroke:1px rgba(118,184,255,.88)}
.factory-visual{left:38%}.machine{border-color:#7aa9df;background:linear-gradient(135deg,#8faed0,#263e61 55%,#102343)}
.scan-line{background:linear-gradient(90deg,transparent,var(--blue-bright),transparent);box-shadow:0 0 22px var(--blue-bright)}
.data-panel strong,.eyebrow span,.desktop-nav a:hover,.contact-mail i{color:var(--blue-bright)}
.section-pad{padding-block:150px}
.solutions{background:linear-gradient(150deg,#06142b,#071d3e 65%,#092855)}
.solution-tab.active,.solution-tab:hover{background:var(--blue);color:#fff}.solution-tab.active span,.solution-tab.active small{color:#d9eaff}
.mini-dashboard{border-color:rgba(81,168,255,.35);background:rgba(22,119,255,.06)}
.bars i{background:linear-gradient(var(--blue-bright),rgba(22,119,255,.12))}
.capabilities{background:#eaf1f9}.cap-card:hover{box-shadow:0 24px 60px rgba(10,46,91,.12)}
.contact{background:radial-gradient(circle at 50% 30%,#0b3470,#06142b 58%,#030b18)}
.contact h2{font-size:clamp(54px,6.4vw,96px)}
html[data-theme="dark"] body{background:#040b17}html[data-theme="dark"] .intro{background:#07152b}html[data-theme="dark"] .capabilities{background:#08182d}html[data-theme="dark"] .method{background:#051225}
html[data-theme="dark"] .section-index{color:#7190b8}html[data-theme="dark"] .cap-grid,html[data-theme="dark"] .cap-card,html[data-theme="dark"] .steps li{border-color:#203a5b}
html[data-theme="dark"] .cap-card:hover{background:#0c2341}
html:not([data-theme="dark"]) .tool-button,html:not([data-theme="dark"]) .lang-toggle{background:rgba(255,255,255,.09)}
@media(max-width:900px){.site-header{height:76px}.hero{min-height:780px}.hero-content{padding-top:150px}.hero h1{font-size:clamp(43px,12vw,62px)}.section-pad{padding-block:100px}.factory-visual{left:18%}}
@media(max-width:560px){.header-tools{gap:6px}.tool-button{width:34px}.lang-toggle{padding-inline:7px}.hero-content>p{font-size:14px}.hero h1{font-size:42px}.contact h2{font-size:43px}}

/* Business scenario storytelling */
.scenarios{background:#f7faff}.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #ccd9e8;border-left:1px solid #ccd9e8}.scenario-card{min-height:330px;padding:42px;border-right:1px solid #ccd9e8;border-bottom:1px solid #ccd9e8;position:relative;overflow:hidden;transition:.3s}.scenario-card:after{content:"";position:absolute;right:-70px;bottom:-70px;width:190px;height:190px;border:1px solid rgba(22,119,255,.16);border-radius:50%;box-shadow:0 0 0 34px rgba(22,119,255,.035),0 0 0 68px rgba(22,119,255,.025)}.scenario-card>span{font-size:10px;letter-spacing:.18em;color:#5680ad}.scenario-card h3{font-size:30px;margin:65px 0 18px}.scenario-card p{max-width:500px;color:#627288;line-height:1.9}.scenario-card b{position:absolute;left:42px;bottom:36px;color:#1677ff;font-size:11px;letter-spacing:.08em}.scenario-card:hover{background:#fff;box-shadow:0 24px 60px rgba(15,65,125,.1);transform:translateY(-4px);z-index:2}
html[data-theme="dark"] .scenarios{background:#061326}html[data-theme="dark"] .scenario-grid,html[data-theme="dark"] .scenario-card{border-color:#203a5b}html[data-theme="dark"] .scenario-card p{color:#91a2b8}html[data-theme="dark"] .scenario-card:hover{background:#0b203d}
html[lang="en"] .scenario-card h3{font-size:27px}
@media(max-width:900px){.scenario-grid{grid-template-columns:1fr}.scenario-card{min-height:300px;padding:30px}.scenario-card h3{margin-top:48px}.scenario-card b{left:30px;bottom:28px}.solution-tab{height:84px}}

/* Extended company story and delivery information */
.company-principles{background:#071936;color:#fff;padding:0 7vw}.principles-inner{display:grid;grid-template-columns:.65fr 2.35fr;gap:8vw;align-items:center;min-height:250px}.principles-kicker{font-size:10px;letter-spacing:.2em;color:#7eaee6}.principle-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.principle-list article{min-height:180px;padding:36px 28px;border-left:1px solid rgba(126,174,230,.25)}.principle-list span,.assurance-card>span{font-size:10px;letter-spacing:.16em;color:#68adff}.principle-list h3{margin:38px 0 12px;font-size:21px}.principle-list p{margin:0;color:#91a8c5;font-size:13px;line-height:1.7}
.assurance{background:#fff}.assurance-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d5e0ed}.assurance-card{padding:40px 34px 34px;min-height:270px;border-right:1px solid #d5e0ed;border-bottom:1px solid #d5e0ed}.assurance-card:first-child{border-left:1px solid #d5e0ed}.assurance-card h3{font-size:25px;margin:54px 0 16px}.assurance-card p{margin:0;color:#66768d;line-height:1.9;font-size:14px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:#f2f6fb}.faq-copy h2{font-size:clamp(35px,4vw,54px);line-height:1.22;margin:18px 0}.faq-copy p{line-height:1.9;color:#66768d}.faq-list{border-top:1px solid #cdd9e7}.faq-list details{border-bottom:1px solid #cdd9e7;padding:24px 0}.faq-list summary{display:flex;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;font-weight:700;font-size:17px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#1677ff;font-size:22px;line-height:.8}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{max-width:600px;margin:18px 44px 0 0;color:#66768d;line-height:1.9;font-size:14px}
html[data-theme="dark"] .company-principles{background:#071a37}html[data-theme="dark"] .assurance{background:#07152b}html[data-theme="dark"] .assurance-card{border-color:#213d60}html[data-theme="dark"] .assurance-card p,html[data-theme="dark"] .faq-copy p,html[data-theme="dark"] .faq-list p{color:#91a2b8}html[data-theme="dark"] .faq{background:#061326}html[data-theme="dark"] .faq-list,html[data-theme="dark"] .faq-list details{border-color:#213d60}
@media(max-width:900px){.principles-inner,.faq{grid-template-columns:1fr;gap:28px}.principles-inner{padding-block:42px}.principle-list{grid-template-columns:1fr}.principle-list article{min-height:0;padding:24px 0;border-left:0;border-top:1px solid rgba(126,174,230,.25)}.principle-list h3{margin:18px 0 8px}.assurance-grid{grid-template-columns:1fr}.assurance-card,.assurance-card:first-child{border-left:1px solid #d5e0ed}.assurance-card{min-height:0;padding:30px}.assurance-card h3{margin:32px 0 12px}.faq-list p{margin-right:0}}

/* Coherent enterprise-digital visual layer */
.site-header{transition:background-color .25s,backdrop-filter .25s,box-shadow .25s}.site-header.scrolled{position:fixed;background:rgba(4,16,37,.9);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(0,0,0,.16)}
.desktop-nav{gap:30px}.desktop-nav a{font-size:13px;white-space:nowrap}.header-cta,.primary-button{transition:transform .2s,box-shadow .2s,background-color .2s}.header-cta:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(22,119,255,.36)}
@media(max-width:1220px) and (min-width:901px){.site-header{padding-inline:4vw}.desktop-nav{gap:18px;font-size:12px}.header-tools{gap:6px}.header-cta{padding-inline:13px}}
.factory-visual{inset:112px 0 0 44%;perspective:none}.factory-grid{transform:none;opacity:.52;background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 100%)}
.machine{clip-path:none!important;border:1px solid rgba(129,187,255,.48);border-radius:6px;background:linear-gradient(145deg,rgba(27,72,130,.92),rgba(6,28,62,.9));box-shadow:0 24px 70px rgba(0,0,0,.26);overflow:hidden}.machine:after{position:absolute;left:22px;top:20px;font-weight:700;font-size:12px;letter-spacing:.14em;color:#d9ecff}.machine:before{inset:auto 22px 22px;height:74px;background:linear-gradient(90deg,rgba(81,168,255,.13),rgba(81,168,255,.03));border-color:rgba(129,187,255,.28);box-shadow:inset 0 0 30px rgba(38,132,255,.15)}.machine span{display:none}.machine-a{width:300px;height:250px;right:5%;bottom:138px}.machine-a:after{content:"CUSTOM SOFTWARE"}.machine-b{width:235px;height:190px;right:43%;bottom:80px}.machine-b:after{content:"MINI PROGRAM"}.machine-b:before{inset:auto 22px 22px;height:54px}.conveyor{display:grid;place-items:center;height:86px;width:365px;right:6%;bottom:28px;transform:none;border:1px solid rgba(129,187,255,.45);border-radius:6px;background:rgba(7,35,76,.88);box-shadow:0 18px 50px rgba(0,0,0,.24)}.conveyor:before{content:"SCRM  /  CUSTOMER OPERATIONS";font-size:11px;letter-spacing:.15em;color:#d9ecff}.conveyor i{display:none}.panel-a{right:44%;top:8%}.panel-b{right:5%;top:3%}.data-panel{border-radius:4px}.scan-line{opacity:.45}
@media(min-width:901px){.solution-layout{grid-template-columns:1.05fr 1.35fr}.solution-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-right:1px solid var(--line)}.solution-tab{height:auto;min-height:168px;padding:24px 22px;grid-template-columns:32px 1fr;align-content:start;gap:8px 12px;border-right:1px solid var(--line)}.solution-tab b{font-size:18px;line-height:1.25}.solution-tab small{grid-column:2;line-height:1.55}.solution-tab i{display:none}.solution-detail{min-height:504px;padding:46px 4vw}.solution-detail h3{font-size:clamp(34px,3.15vw,48px);margin-top:34px}.mini-dashboard{width:46%;right:4vw}}
.intro{min-height:470px}.intro-copy p{max-width:760px}.section-head{align-items:flex-end}.section-head>p{font-size:15px}.cap-card{background:rgba(255,255,255,.28)}.cap-card:hover{transform:translateY(-5px)}
.principle-list article{transition:background-color .25s}.principle-list article:hover{background:rgba(81,168,255,.09)}.assurance-card{transition:transform .25s,background-color .25s}.assurance-card:hover{background:#f4f8fe;transform:translateY(-4px)}.faq-list summary{line-height:1.5}.faq-list details{transition:background-color .2s}.faq-list details[open]{background:rgba(22,119,255,.035)}
html[data-theme="dark"] .assurance-card:hover{background:#0b203d}html[data-theme="dark"] .faq-list details[open]{background:rgba(22,119,255,.08)}
@media(max-width:900px){.factory-visual{inset:100px -100px 0 14%;opacity:.55}.machine-a{width:235px;height:210px;right:0;bottom:140px}.machine-b{width:185px;height:155px;right:38%;bottom:80px}.conveyor{width:275px;height:64px;right:0;bottom:28px}.desktop-nav{gap:22px}.site-header.scrolled{height:76px}.solution-tab{min-height:84px}}
@media(max-width:560px){.factory-visual{left:6%;right:-180px;opacity:.42}.machine-a{width:205px;height:180px}.machine-b{width:150px;height:126px}.machine:after{left:15px;top:14px;font-size:9px}.machine:before{left:15px;right:15px;bottom:15px}.conveyor{width:205px;height:52px}.conveyor:before{font-size:8px}.panel-a{right:40%;top:6%}}

/* Animated product interface carousel */
.product-showcase{background:#f5f9ff}.showcase-shell{border:1px solid #cddcf0;background:#fff;overflow:hidden}.showcase-stage{position:relative;min-height:510px}.showcase-slide{position:absolute;inset:0;display:grid;grid-template-columns:.82fr 1.18fr;gap:5vw;align-items:center;padding:54px 6vw;opacity:0;transform:translateX(8%);pointer-events:none;transition:opacity .55s ease,transform .55s ease}.showcase-slide.active{opacity:1;transform:none;pointer-events:auto}.showcase-copy>span{font-size:10px;letter-spacing:.2em;color:#478de2}.showcase-copy h3{font-size:clamp(31px,3.2vw,47px);line-height:1.18;margin:28px 0 18px}.showcase-copy p{max-width:410px;color:#66768d;font-size:15px;line-height:1.9}.showcase-copy>b{display:block;margin-top:34px;font-size:11px;letter-spacing:.08em;color:#1677ff}.interface-frame{width:min(100%,620px);justify-self:end;min-height:340px;border:1px solid #c5d9f1;border-radius:8px;background:#f8fbff;box-shadow:0 26px 64px rgba(26,77,141,.16);overflow:hidden;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg);transition:transform .6s}.showcase-slide.active .interface-frame{animation:interface-in .7s both}@keyframes interface-in{from{opacity:0;transform:perspective(1000px) rotateY(-10deg) translateY(20px)}to{opacity:1;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}}.showcase-controls{height:74px;border-top:1px solid #d8e4f2;display:flex;align-items:center;justify-content:center;gap:20px}.showcase-arrow{width:34px;height:34px;border:1px solid #bed2ea;background:#fff;color:#195baf;font-size:18px;cursor:pointer;transition:.2s}.showcase-arrow:hover{background:#1677ff;border-color:#1677ff;color:#fff}.showcase-dots{display:flex;gap:8px}.showcase-dots button{border:0;width:28px;height:3px;background:#c5d5e9;cursor:pointer;transition:.25s}.showcase-dots button.active{width:44px;background:#1677ff}
.ui-nav{height:44px;padding:0 18px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #e4edf7;background:#fff}.ui-nav i{width:7px;height:7px;border-radius:50%;background:#c5d7ed}.ui-nav i:first-child{background:#7fb7ff}.ui-nav b{margin-left:12px;font-size:11px;color:#425b78}.ui-body{display:grid;grid-template-columns:74px 1fr;min-height:296px}.ui-side{padding:20px 14px;border-right:1px solid #e4edf7;background:#f2f7fd}.ui-side span{display:block;height:8px;margin-bottom:20px;border-radius:2px;background:#d2e1f2}.ui-side span:first-child{background:#5da2f6}.ui-main{padding:22px}.metric-row{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.metric-row>div{padding:16px;border:1px solid #dce8f5;background:#fff}.metric-row small,.metric-row em{display:block;font-size:9px;color:#7890aa;font-style:normal}.metric-row strong{display:block;font-size:23px;margin:8px 0;color:#173d6c}.metric-row em{color:#2484ea}.ui-chart{margin-top:14px;padding:16px;border:1px solid #dce8f5;background:#fff}.chart-head{display:flex;justify-content:space-between;font-size:10px;color:#7690ab}.chart-line{height:112px;display:flex;align-items:flex-end;gap:11px;margin-top:12px;border-bottom:1px solid #dae7f5}.chart-line i{width:10%;height:var(--h,60%);background:linear-gradient(#6fb1ff,rgba(111,177,255,.14))}.chart-line i:nth-child(1){--h:32%}.chart-line i:nth-child(2){--h:54%}.chart-line i:nth-child(3){--h:46%}.chart-line i:nth-child(4){--h:76%}.chart-line i:nth-child(5){--h:62%}.chart-line i:nth-child(6){--h:88%}.chart-line i:nth-child(7){--h:72%}
.mobile-ui{width:292px;min-height:390px;justify-self:center;padding:12px;background:#fff;border:8px solid #132b4b;border-radius:26px}.phone-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#1c3555}.phone-top i{width:22px;height:6px;border-radius:4px;background:#d8e6f5}.phone-hero{margin-top:18px;padding:18px;border-radius:10px;background:linear-gradient(135deg,#1677ff,#63afff);color:#fff}.phone-hero small,.phone-hero strong{display:block}.phone-hero small{font-size:9px;opacity:.75}.phone-hero strong{margin-top:8px;font-size:15px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.quick-grid div{text-align:center;font-size:9px;color:#486684}.quick-grid i{display:grid;place-items:center;width:35px;height:35px;margin:0 auto 7px;background:#eef6ff;color:#1677ff;border-radius:8px;font-style:normal;font-size:17px}.phone-card{padding:15px;border:1px solid #dce9f8;border-radius:10px}.phone-card small,.phone-card b,.phone-card span{display:block}.phone-card small{font-size:9px;color:#7b92aa}.phone-card b{font-size:11px;margin:8px 0;color:#274d7a}.phone-card span{font-size:9px;color:#1677ff}.phone-tab{display:flex;justify-content:space-around;margin-top:20px}.phone-tab i{width:8px;height:8px;border-radius:50%;background:#b9cde4}.phone-tab i:first-child{background:#1677ff}
.crm-ui{padding:24px;background:#f5f8fc}.crm-top,.factory-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.crm-top span{padding:8px 12px;border-radius:4px;background:#1677ff;color:#fff;font-size:10px}.crm-body{margin-top:18px;padding:20px;background:#fff;border:1px solid #dce7f3}.crm-profile{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#1b69c7;color:#fff;font-size:11px;font-weight:700}.crm-profile strong,.crm-profile small{display:block}.crm-profile strong{font-size:13px;color:#234467}.crm-profile small{font-size:9px;margin-top:5px;color:#7890aa}.crm-profile>b{margin-left:auto;font-size:9px;color:#1778e4}.crm-tags{display:flex;gap:7px;margin:18px 0}.crm-tags span{padding:5px 8px;background:#edf6ff;color:#4982bd;font-size:9px}.crm-timeline>div{display:grid;grid-template-columns:12px 1fr auto;gap:10px;padding:12px 0;border-top:1px solid #e6eef7}.crm-timeline i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#5ea7ff}.crm-timeline p{margin:0}.crm-timeline b,.crm-timeline small{display:block}.crm-timeline b{font-size:10px;color:#315476}.crm-timeline small,.crm-timeline time{font-size:9px;color:#8398ae;margin-top:4px}.crm-timeline time{margin:0}
.factory-ui{padding:24px;background:#071a35;color:#fff}.factory-top span{font-size:10px;color:#9ec6fa}.factory-top span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#49db9a;margin-right:6px}.factory-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.factory-kpis div{padding:13px;background:#0d2b54;border:1px solid #1e4b7f}.factory-kpis small,.factory-kpis strong{display:block}.factory-kpis small{font-size:9px;color:#8aaed8}.factory-kpis strong{font-size:19px;margin-top:8px;color:#e3f1ff}.production-board{padding:16px;background:#0d2b54;border:1px solid #1e4b7f}.board-title{display:flex;justify-content:space-between;color:#a7c9ed;font-size:10px}.board-bars{height:130px;display:flex;align-items:end;gap:10px;margin-top:15px}.board-bars i{flex:1;height:var(--bar);background:linear-gradient(#5ea9ff,rgba(94,169,255,.16));animation:board-rise 1.1s both}@keyframes board-rise{from{transform:scaleY(.15);transform-origin:bottom}}
html[data-theme="dark"] .product-showcase{background:#07162b}html[data-theme="dark"] .showcase-shell{background:#0a1d37;border-color:#24466e}html[data-theme="dark"] .showcase-controls{border-color:#24466e}html[data-theme="dark"] .showcase-copy p{color:#91a7c2}html[data-theme="dark"] .showcase-arrow{background:#102642;border-color:#31567f;color:#dcecff}
@media(max-width:900px){.showcase-stage{min-height:690px}.showcase-slide{grid-template-columns:1fr;padding:40px 28px;gap:28px}.showcase-copy h3{margin:16px 0 10px}.showcase-copy p{margin:0}.showcase-copy>b{margin-top:18px}.interface-frame{justify-self:center;width:min(100%,540px);min-height:300px}.showcase-controls{height:64px}.crm-ui,.factory-ui{min-height:300px}}
@media(max-width:560px){.showcase-stage{min-height:650px}.showcase-slide{padding:30px 20px}.showcase-copy h3{font-size:29px}.showcase-copy p{font-size:13px}.interface-frame{transform:none!important;min-height:270px}.dashboard-ui{min-height:270px}.ui-body{min-height:226px}.ui-main{padding:14px}.ui-side{padding:14px 10px}.metric-row strong{font-size:17px}.chart-line{height:76px}.mobile-ui{width:250px;min-height:340px}.quick-grid{gap:4px}.factory-kpis{gap:6px}.factory-kpis strong{font-size:15px}.board-bars{height:92px}.showcase-dots button{width:20px}.showcase-dots button.active{width:32px}}

/* Richer hero product previews */
.hero h1{max-width:820px}.machine:after,.conveyor:before{display:none}.machine:before{opacity:.42}.machine .hero-product-card,.machine .hero-mini-card,.conveyor .hero-scrm-card{position:absolute;inset:0;z-index:2;display:block;padding:22px}.machine .hero-product-card span,.machine .hero-mini-card span{display:block}.hero-product-card{color:#e6f2ff}.product-kicker,.hero-mini-card>span,.hero-scrm-card>span{font-size:9px;letter-spacing:.16em;color:#8cc2ff}.hero-product-card>strong{display:block;margin-top:13px;font-size:20px;letter-spacing:.03em}.hero-progress{margin-top:22px;padding:12px;border:1px solid rgba(138,194,255,.24);background:rgba(4,24,56,.46)}.hero-progress span{font-size:10px;color:#9eb7d4}.hero-progress>b{float:right;font-size:13px;color:#62aaff}.hero-progress i{display:block;clear:both;height:4px;margin-top:12px;background:rgba(149,191,235,.18)}.hero-progress i em{display:block;width:78%;height:100%;background:linear-gradient(90deg,#2684ff,#79beff);box-shadow:0 0 10px rgba(79,164,255,.65);animation:progress-glow 2.8s ease-in-out infinite}@keyframes progress-glow{50%{width:84%}}.hero-data-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.hero-data-row span{padding:9px 8px;background:rgba(18,55,100,.5);font-size:9px;color:#a7bfdb}.hero-data-row b{float:right;font-size:13px;color:#eff7ff}.hero-mini-card{color:#e6f2ff}.hero-mini-card>b{display:block;margin-top:15px;font-size:15px}.hero-mini-card>div{display:flex;gap:8px;margin:22px 0 15px}.hero-mini-card>div i{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(121,190,255,.35);background:rgba(16,61,112,.64);font-style:normal;color:#83beff}.hero-mini-card small{font-size:9px;color:#9fb7d3}.hero-scrm-card{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:8px;width:100%;color:#e6f2ff;padding:15px 19px!important}.hero-scrm-card>span{grid-column:1/-1}.hero-scrm-card>b{font-size:12px;letter-spacing:.04em}.hero-scrm-card small{font-size:9px;color:#9ab5d5}.hero-scrm-card small i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#55e3ab;box-shadow:0 0 8px #55e3ab}.machine-a{animation:hero-float-a 5.5s ease-in-out infinite}.machine-b{animation:hero-float-b 6.5s ease-in-out infinite}.conveyor{animation:hero-float-c 5.8s ease-in-out infinite}@keyframes hero-float-a{50%{transform:translateY(-10px)}}@keyframes hero-float-b{50%{transform:translateY(9px)}}@keyframes hero-float-c{50%{transform:translateY(-6px)}}.factory-visual:after{content:"";position:absolute;right:8%;top:25%;width:54%;height:1px;background:linear-gradient(90deg,transparent,#5aacff,transparent);opacity:.65;box-shadow:0 0 14px #5aacff;animation:hero-link 4s linear infinite}@keyframes hero-link{from{transform:translateX(-40px);opacity:0}30%{opacity:.8}to{transform:translateX(70px);opacity:0}}
@media(max-width:900px){.machine .hero-product-card,.machine .hero-mini-card{padding:16px}.hero-product-card>strong{font-size:15px}.hero-progress{margin-top:12px;padding:8px}.hero-data-row{margin-top:8px}.hero-mini-card>div{margin:12px 0}.hero-mini-card>div i{width:24px;height:24px}.hero-scrm-card{padding:11px 14px!important}.hero-scrm-card>b{font-size:10px}}
@media(max-width:560px){.hero-product-card>strong{font-size:13px}.hero-progress span,.hero-data-row span,.hero-mini-card small{font-size:7px}.hero-progress>b,.hero-data-row b{font-size:10px}.hero-data-row{gap:4px}.hero-data-row span{padding:6px}.hero-mini-card>b{font-size:11px}.hero-mini-card>div i{width:20px;height:20px;font-size:11px}.hero-scrm-card>span,.hero-scrm-card small{font-size:7px}.hero-scrm-card>b{font-size:8px}}

/* Clearly-labelled solution examples */
.project-lab{background:#071936;color:#fff}.project-lab .section-index{color:#78b6ff}.project-lab .section-head>p{color:#9ab0cb}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(139,183,235,.25);border-left:1px solid rgba(139,183,235,.25)}.project-card{position:relative;min-height:385px;padding:32px 30px 28px;border-right:1px solid rgba(139,183,235,.25);border-bottom:1px solid rgba(139,183,235,.25);background:linear-gradient(145deg,rgba(27,70,126,.25),rgba(5,20,43,.1));transition:transform .25s,background-color .25s}.project-card:before{content:"";position:absolute;right:22px;top:22px;width:44px;height:44px;border-top:1px solid rgba(92,169,255,.5);border-right:1px solid rgba(92,169,255,.5)}.project-card:hover{z-index:1;transform:translateY(-5px);background:#0b2851;box-shadow:0 22px 48px rgba(0,0,0,.22)}.project-meta{display:flex;align-items:center;justify-content:space-between;color:#7baee7;font-size:10px;letter-spacing:.16em}.project-meta em{padding:5px 8px;border:1px solid rgba(107,174,248,.32);font-style:normal;letter-spacing:.08em;color:#a6cfff}.project-card h3{font-size:24px;line-height:1.35;margin:52px 0 14px}.project-card>p{min-height:76px;margin:0;color:#a6b8ce;font-size:13px;line-height:1.85}.project-card ul{padding:0;margin:22px 0;list-style:none}.project-card li{margin-bottom:9px;color:#d5e5f7;font-size:12px}.project-card li:before{content:"+";margin-right:9px;color:#57a9ff}.project-card>b{position:absolute;left:30px;bottom:28px;color:#62adff;font-size:10px;letter-spacing:.07em}
html[data-theme="dark"] .project-lab{background:#06152b}.project-lab .section-head h2{color:#fff}
@media(max-width:1050px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.project-grid{grid-template-columns:1fr}.project-card{min-height:350px;padding:28px 24px}.project-card h3{font-size:22px;margin-top:42px}.project-card>b{left:24px;bottom:24px}}

/* Real photography replaces artificial interface illustrations in the carousel */
.real-scene-frame{position:relative;width:min(100%,620px)!important;min-height:390px!important;padding:0!important;border:1px solid rgba(132,185,245,.5)!important;border-radius:8px!important;background:#0b213f!important;isolation:isolate}.real-scene-frame>.real-scene-photo{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:.94;filter:saturate(.86) contrast(1.04)}.real-scene-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,14,34,.05) 36%,rgba(3,14,34,.85) 100%);z-index:1;pointer-events:none}.real-scene-frame>.scene-overlay{position:absolute!important;z-index:2!important;left:26px!important;right:26px!important;bottom:24px!important;display:grid!important;gap:7px!important;color:#fff!important}.scene-overlay span{font-size:9px!important;letter-spacing:.18em!important;color:#9bcaff!important}.scene-overlay b{font-size:15px!important;letter-spacing:.04em!important}.real-scene-frame>.ui-nav,.real-scene-frame>.ui-body,.real-scene-frame>.phone-top,.real-scene-frame>.phone-hero,.real-scene-frame>.quick-grid,.real-scene-frame>.phone-card,.real-scene-frame>.phone-tab,.real-scene-frame>.crm-top,.real-scene-frame>.crm-body,.real-scene-frame>.factory-top,.real-scene-frame>.factory-kpis,.real-scene-frame>.production-board{display:none!important}
.mobile-ui.real-scene-frame{width:min(100%,620px)!important}.mobile-ui.real-scene-frame .real-scene-photo{object-position:58% center}.crm-ui.real-scene-frame .real-scene-photo{object-position:center}.factory-ui.real-scene-frame .real-scene-photo{object-position:center}.showcase-slide.active .real-scene-frame{animation:scene-photo-in .8s both}@keyframes scene-photo-in{from{opacity:0;transform:perspective(1000px) rotateY(-8deg) translateY(20px)}to{opacity:1;transform:perspective(1000px) rotateY(-3deg) rotateX(1deg)}}
@media(max-width:900px){.real-scene-frame{min-height:320px!important}.real-scene-frame>.scene-overlay{left:20px!important;right:20px!important;bottom:18px!important}}@media(max-width:560px){.real-scene-frame{min-height:260px!important}.real-scene-frame>.scene-overlay{left:16px!important;bottom:15px!important}.scene-overlay b{font-size:12px!important}}

/* High-fidelity business dashboard preview */
.dashboard-ui{background:#f5f8fc}.dashboard-ui .ui-nav{height:48px;padding:0 20px}.dashboard-ui .ui-nav b{font-size:12px}.dashboard-ui .ui-nav>span{margin-left:auto;font-size:10px;color:#7f94ae}.dashboard-ui .ui-body{grid-template-columns:120px 1fr;min-height:396px}.dashboard-ui .ui-side{padding:18px 10px;background:#fff}.dashboard-ui .ui-side span{display:flex;align-items:center;gap:8px;height:auto;margin:0 0 6px;padding:9px 8px;background:transparent;color:#7187a1;font-size:9px;white-space:nowrap}.dashboard-ui .ui-side span i{display:inline-grid;place-items:center;width:15px;height:15px;color:#91a6bd;font-size:11px;font-style:normal}.dashboard-ui .ui-side span.side-active{background:#ebf4ff;color:#277ee2}.dashboard-ui .ui-side span.side-active i{color:#277ee2}.dashboard-ui .ui-main{padding:18px 20px}.ui-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ui-toolbar b,.ui-toolbar small{display:block}.ui-toolbar b{font-size:15px;color:#28496e}.ui-toolbar small{margin-top:4px;font-size:9px;color:#8ba0b8}.ui-toolbar>span{padding:7px 9px;border:1px solid #dce8f4;background:#fff;color:#7e93aa;font-size:9px}.dashboard-ui .metric-row{grid-template-columns:repeat(3,1fr);gap:9px}.dashboard-ui .metric-row>div{padding:12px}.dashboard-ui .metric-row strong{font-size:18px;margin:7px 0}.dashboard-ui .metric-row em{font-size:8px}.ui-data-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:10px;margin-top:10px}.dashboard-ui .ui-chart{margin-top:0;padding:12px}.dashboard-ui .chart-line{height:93px;margin-top:7px;gap:7px}.channel-card{padding:12px;background:#fff;border:1px solid #dce8f5;color:#496787;font-size:10px}.donut{position:relative;width:78px;height:78px;margin:9px auto;border-radius:50%;background:conic-gradient(#4f9cf4 0 56%,#b9d8fa 56% 78%,#e3effc 78% 100%)}.donut:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.donut i{position:absolute;inset:-3px;border:1px solid rgba(79,156,244,.3);border-radius:50%;animation:dashboard-ring 3s linear infinite}@keyframes dashboard-ring{to{transform:rotate(360deg)}}.donut span{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:700;color:#315779}.channel-card small{display:block;text-align:center;color:#8498af;font-size:7px}.order-list{margin-top:10px;padding:11px 12px;background:#fff;border:1px solid #dce8f5}.order-list>div{display:flex;justify-content:space-between;font-size:10px;color:#345778}.order-list>div span{font-size:8px;color:#2783ed}.order-list p{display:grid;grid-template-columns:20px 1fr auto auto;gap:8px;align-items:center;margin:9px 0 0;padding-top:9px;border-top:1px solid #edf2f8;color:#526f8d;font-size:8px}.order-list p i{display:grid;place-items:center;width:18px;height:18px;border-radius:4px;background:#e6f2ff;color:#2c82e9;font-style:normal;font-size:7px}.order-list p em{padding:3px 5px;background:#eff8f3;color:#49a56d;font-size:7px;font-style:normal}.order-list p b{font-size:8px;color:#355b83}
@media(max-width:900px){.dashboard-ui .ui-body{min-height:300px}.dashboard-ui .ui-side{padding:12px 7px}.dashboard-ui .ui-side span{padding:7px 5px;font-size:7px}.dashboard-ui .ui-main{padding:13px}.ui-toolbar b{font-size:12px}.ui-data-grid{grid-template-columns:1fr .75fr}.dashboard-ui .metric-row strong{font-size:14px}.order-list p{gap:4px;font-size:7px}}
@media(max-width:560px){.dashboard-ui .ui-body{grid-template-columns:52px 1fr}.dashboard-ui .ui-side span{font-size:0;justify-content:center}.dashboard-ui .ui-side span i{font-size:10px}.dashboard-ui .ui-main{padding:10px}.ui-toolbar small{display:none}.ui-toolbar>span{font-size:7px;padding:5px}.dashboard-ui .metric-row>div{padding:7px}.dashboard-ui .metric-row small,.dashboard-ui .metric-row em{font-size:6px}.dashboard-ui .metric-row strong{font-size:11px}.ui-data-grid{grid-template-columns:1fr}.channel-card{display:none}.dashboard-ui .chart-line{height:60px}.order-list{padding:8px}.order-list p{grid-template-columns:16px 1fr auto}.order-list p em{display:none}.order-list p i{width:15px;height:15px}.order-list p b{font-size:7px}}

/* Photo-led hero: real work scenes carry the first impression, product UI follows below. */
.hero{isolation:isolate;background:#030b18}.hero:after{background:linear-gradient(90deg,rgba(3,11,24,.98) 0%,rgba(3,11,24,.9) 34%,rgba(3,11,24,.47) 58%,rgba(3,11,24,.08) 78%),linear-gradient(0deg,rgba(3,11,24,.92),transparent 34%)}
.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#061630}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.03);transition:opacity 1.1s ease,transform 7s ease}.hero-photo.active{opacity:1;transform:scale(1.09)}.hero-photo:nth-child(2){object-position:center 48%}.hero-photo:nth-child(3){object-position:center 42%}.hero-media-shade{position:absolute;inset:0;background:linear-gradient(110deg,rgba(0,26,65,.22),transparent 62%);mix-blend-mode:multiply}.hero-context{position:absolute;right:6vw;bottom:154px;z-index:2;max-width:270px;padding:22px 0 0 24px;border-top:1px solid rgba(194,225,255,.66);border-left:1px solid rgba(194,225,255,.66);color:#fff;text-shadow:0 1px 16px rgba(0,0,0,.42)}.hero-context span{display:block;font-size:10px;letter-spacing:.18em;color:#b5d9ff;margin-bottom:12px}.hero-context b{font-size:19px;line-height:1.55;font-weight:500}.hero-media-indicator{position:absolute;right:6vw;bottom:112px;z-index:2;display:flex;gap:7px}.hero-media-indicator i{display:block;width:22px;height:2px;background:rgba(255,255,255,.38);transition:background-color .35s,width .35s}.hero-media-indicator i.active{width:40px;background:#82c3ff}.hero-content{z-index:3}.hero-bottom{z-index:4}.hero .eyebrow{color:#c4dcf6}.hero .eyebrow span{background:#75bbff}.hero h1 em{-webkit-text-stroke:1px rgba(160,210,255,.9)}
@media(max-width:900px){.hero:after{background:linear-gradient(90deg,rgba(3,11,24,.94),rgba(3,11,24,.59)),linear-gradient(0deg,rgba(3,11,24,.96),transparent 42%)}.hero-photo{object-position:64% center}.hero-context{right:22px;bottom:126px;max-width:210px;padding:15px 0 0 16px}.hero-context span{font-size:8px}.hero-context b{font-size:14px}.hero-media-indicator{right:22px;bottom:96px}.hero-media-indicator i{width:15px}.hero-media-indicator i.active{width:27px}}
@media(max-width:560px){.hero-context{display:none}.hero-media-indicator{bottom:102px}.hero-photo{object-position:61% center}.hero h1 em{-webkit-text-stroke:.7px rgba(160,210,255,.9)}}

/* Unified visual direction: neutral surfaces, one controlled electric-blue accent. */
:root{--ink:#17191e;--paper:#f7f7f8;--white:#fff;--cyan:#0a84ff;--amber:#0a84ff;--blue:#0a84ff;--blue-bright:#63b3ff;--navy:#0b0d12;--steel:#e6e8ec;--muted:#737984;--line:rgba(255,255,255,.16)}
section[id]{scroll-margin-top:-58px}
body{background:#f7f7f8;color:#17191e}.noise{opacity:.018}.site-header,.site-header.scrolled{height:80px}.site-header{background:linear-gradient(180deg,rgba(5,7,11,.52),transparent)}.site-header.scrolled{background:rgba(11,13,18,.9)}.brand-mark i{background:#0a84ff;box-shadow:none}.header-cta,.primary-button{background:#0a84ff;border-color:#0a84ff;box-shadow:none}.header-cta:hover,.primary-button:hover{background:#0075e6;box-shadow:none}.tool-button,.lang-toggle{border-color:rgba(255,255,255,.22)}
.hero{background:#07090d}.hero:after{background:linear-gradient(90deg,rgba(7,9,13,.98) 0%,rgba(7,9,13,.86) 38%,rgba(7,9,13,.36) 64%,rgba(7,9,13,.04) 84%),linear-gradient(0deg,rgba(7,9,13,.96),transparent 34%)}.hero-media-shade{background:linear-gradient(110deg,rgba(1,14,33,.32),transparent 62%)}.hero h1 em{color:#b9dcff;-webkit-text-stroke:0}.hero .eyebrow{color:#c7d1dd}.hero .eyebrow span{background:#0a84ff}.hero-context{border-color:rgba(255,255,255,.48)}.hero-context span,.hero-media-indicator i.active{color:#9ed0ff;background-color:#0a84ff}
.intro,.program-center,.product-showcase,.scenarios,.assurance,.capabilities,.method,.faq{background:#f7f7f8}.company-principles,.solutions,.project-lab,.contact{background:#0b0d12}.solutions{background-image:none}.contact{background-image:none}.section-index{color:#727983}.section-head>p,.intro-copy p,.method-copy>p,.cap-card p,.scenario-card p,.assurance-card p,.faq-copy p,.faq-list p{color:#69717d}.capabilities{background:#f1f2f4}.cap-grid,.cap-card,.steps li{border-color:#dfe2e6}.cap-card{background:#f7f7f8}.cap-card:hover,.scenario-card:hover,.assurance-card:hover{background:#fff;box-shadow:0 18px 44px rgba(16,24,40,.08)}.scenarios{background:#fff}.scenario-grid,.scenario-card,.assurance-grid,.assurance-card,.faq-list,.faq-list details{border-color:#e1e4e8}.scenario-card:after{border-color:rgba(10,132,255,.14);box-shadow:0 0 0 34px rgba(10,132,255,.025),0 0 0 68px rgba(10,132,255,.018)}.scenario-card b,.program-open,.dialog-kicker,.dialog-label{color:#0a84ff}.faq{background:#f1f2f4}.faq-list details[open]{background:rgba(10,132,255,.035)}
.solutions .section-index,.project-lab .section-index{color:#8ebeed}.solutions .section-head>p,.project-lab .section-head>p{color:#a4adbb}.solution-tab.active,.solution-tab:hover{background:#0a84ff}.mini-dashboard{border-color:rgba(113,178,255,.32);background:rgba(10,132,255,.045)}.bars i{background:#0a84ff}.project-card{background:#11151d;border-color:rgba(255,255,255,.1)}.project-card:hover{background:#171c25;box-shadow:none}.project-card:before{border-color:rgba(126,190,255,.5)}.project-meta{color:#8ebeed}.project-card>p{color:#aeb6c2}.project-card li{color:#e6e9ee}.contact-grid{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)}.contact h2 em{color:#a7d3ff;-webkit-text-stroke:0}.contact-mail{border-color:#3a414d}.contact-mail i{color:#63b3ff}footer{background:#07090d;border-color:#242a34}footer p,footer address,footer>small{color:#8a929e}
.real-scene-frame{background:#f8fafc!important}.real-scene-frame>.real-scene-photo,.real-scene-frame>.scene-overlay,.real-scene-frame:after{display:none!important}.real-scene-frame>.ui-nav{display:flex!important}.real-scene-frame>.ui-body{display:grid!important}.mobile-ui.real-scene-frame{width:292px!important;padding:12px!important;background:#fff!important}.mobile-ui.real-scene-frame>.phone-top{display:flex!important}.mobile-ui.real-scene-frame>.phone-hero,.mobile-ui.real-scene-frame>.phone-card{display:block!important}.mobile-ui.real-scene-frame>.quick-grid{display:grid!important}.mobile-ui.real-scene-frame>.phone-tab{display:flex!important}.crm-ui.real-scene-frame{padding:24px!important;background:#f5f8fc!important}.crm-ui.real-scene-frame>.crm-top{display:flex!important}.crm-ui.real-scene-frame>.crm-body{display:block!important}.factory-ui.real-scene-frame{padding:24px!important;background:#0b1320!important}.factory-ui.real-scene-frame>.factory-top{display:flex!important}.factory-ui.real-scene-frame>.factory-kpis{display:grid!important}.factory-ui.real-scene-frame>.production-board{display:block!important}
html[data-theme="dark"] body,html[data-theme="dark"] .intro,html[data-theme="dark"] .program-center,html[data-theme="dark"] .product-showcase,html[data-theme="dark"] .scenarios,html[data-theme="dark"] .assurance,html[data-theme="dark"] .capabilities,html[data-theme="dark"] .method,html[data-theme="dark"] .faq{background:#0f1218;color:#f2f4f7}html[data-theme="dark"] .cap-card{background:#141820}html[data-theme="dark"] .cap-grid,html[data-theme="dark"] .cap-card,html[data-theme="dark"] .steps li,html[data-theme="dark"] .scenario-grid,html[data-theme="dark"] .scenario-card,html[data-theme="dark"] .assurance-card,html[data-theme="dark"] .faq-list,html[data-theme="dark"] .faq-list details{border-color:#2a303b}html[data-theme="dark"] .cap-card:hover,html[data-theme="dark"] .scenario-card:hover,html[data-theme="dark"] .assurance-card:hover{background:#1a1f28;box-shadow:none}html[data-theme="dark"] .section-head>p,html[data-theme="dark"] .intro-copy p,html[data-theme="dark"] .method-copy>p,html[data-theme="dark"] .cap-card p,html[data-theme="dark"] .scenario-card p,html[data-theme="dark"] .assurance-card p,html[data-theme="dark"] .faq-copy p,html[data-theme="dark"] .faq-list p{color:#a5adb9}html[data-theme="dark"] .program-card{background:#141820!important;border-color:#2c3440!important}html[data-theme="dark"] .program-copy h3{color:#f5f7fa!important}html[data-theme="dark"] .program-copy p,html[data-theme="dark"] .program-copy>span{color:#aeb7c4!important}
@media(max-width:900px){.site-header,.site-header.scrolled{height:76px}section[id]{scroll-margin-top:-30px}}

/* Product center: product-led cards inspired by modern consumer-tech presentation. */
.program-center{background:var(--paper);overflow:hidden}.program-filter{display:flex;gap:8px;flex-wrap:wrap;margin:-28px 0 34px}.program-filter button{border:1px solid rgba(25,67,109,.18);border-radius:999px;background:transparent;color:#4f6880;padding:10px 15px;font-size:13px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.program-filter button:hover,.program-filter button.active{background:#0a63c8;border-color:#0a63c8;color:#fff}.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.program-card{display:flex;min-height:490px;flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgba(25,67,109,.13);border-radius:8px;box-shadow:0 12px 36px rgba(17,58,100,.06);transition:transform .32s ease,box-shadow .32s ease,opacity .2s}.program-card:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(17,58,100,.15)}.program-card.is-hidden{display:none}.program-screen{min-height:246px;position:relative;overflow:hidden;padding:20px;color:#284864;background:#edf6ff}.program-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:25px 26px 26px}.program-copy>span{font-size:10px;letter-spacing:.15em;color:#788d9f;font-weight:700}.program-copy h3{margin:14px 0 9px;font-size:25px;letter-spacing:0;color:#0b2947}.program-copy p{margin:0;color:#60758a;line-height:1.72;font-size:14px}.program-open{border:0;padding:0;margin-top:auto;padding-top:25px;background:transparent;color:#0865cf;font-weight:700;cursor:pointer;font-size:13px}.program-open i{font-style:normal;margin-left:16px;font-size:17px}.program-open:hover{color:#064c9e}.screen-top{display:flex;align-items:center;gap:5px;font-size:10px;color:#758ba0}.screen-top i{width:7px;height:7px;border-radius:50%;background:#b7c8d9}.screen-top i:nth-child(1){background:#ef706a}.screen-top i:nth-child(2){background:#f4bf62}.screen-top span{margin-left:auto}.screen-nav{position:absolute;left:20px;right:20px;top:53px;display:flex;justify-content:space-between;padding:12px 13px;background:#fff;border:1px solid #dbe9f5;border-radius:4px;color:#476887;font-size:11px}.screen-nav b:first-child{color:#0a64ca}.screen-columns{position:absolute;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;left:20px;right:20px;top:110px;bottom:20px}.screen-columns span{position:relative;border:1px solid #dbe9f5;background:#fff}.screen-columns span:before{content:"";position:absolute;left:14px;right:14px;top:18px;height:48%;background:linear-gradient(180deg,#79b9f7 0 12%,transparent 12% 28%,#e5eef7 28% 34%,transparent 34% 48%,#e5eef7 48% 54%,transparent 54% 68%,#e5eef7 68% 74%,transparent 74%)}.screen-columns span:first-child:after{content:"";position:absolute;left:14px;right:14px;bottom:16px;height:26px;background:linear-gradient(90deg,#d9eafa 40%,transparent 40% 48%,#9ac9f6 48% 72%,transparent 72% 80%,#d9eafa 80%)}.scrm-screen{background:linear-gradient(150deg,#eef8ff,#e8f3ff 55%,#dbefff)}.customer-head{display:flex;align-items:center;gap:9px;color:#4c6e8c;font-size:11px}.customer-head i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1576dd;color:#fff;font-style:normal;font-size:10px}.customer-head b{margin-left:auto;padding:7px 9px;background:#fff;color:#146ed0;border:1px solid #d7e8f8;border-radius:3px;font-size:10px}.customer-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;margin-top:17px;padding:12px;background:#fff;border:1px solid #d8e8f6;color:#53708c;font-size:11px}.customer-row i{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#c4e4ff,#6baaf0)}.customer-row b{font-size:10px;color:#3e9b76}.customer-timeline{position:absolute;left:33px;right:24px;bottom:25px;display:flex;align-items:center;justify-content:space-between}.customer-timeline:before{content:"";position:absolute;left:0;right:0;height:2px;background:#bbd5ed}.customer-timeline i{position:relative;z-index:1;width:11px;height:11px;border-radius:50%;background:#0c6dcf;border:3px solid #f0f8ff}.mini-screen{display:grid;place-items:center;background:linear-gradient(145deg,#dcefff,#f3faff)}.mini-phone{width:152px;height:222px;padding:13px;border:5px solid #102b48;border-radius:24px;background:#fff;box-shadow:0 18px 35px rgba(19,67,109,.2)}.mini-banner{height:65px;padding:13px;border-radius:8px;background:linear-gradient(135deg,#0d66c8,#57adff);color:#fff;display:grid}.mini-banner small{font-size:8px;opacity:.82}.mini-banner b{font-size:13px}.mini-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0}.mini-actions i{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#e4f1ff;color:#0d6bce;font-style:normal;font-size:13px}.mini-order{display:grid;gap:7px;padding:11px;border-radius:6px;background:#f5f9fd;color:#708298;font-size:9px}.mini-order b{font-size:11px;color:#294d6f}.mes-screen{background:#091a30;color:#d7e8ff}.mes-title{display:flex;justify-content:space-between;font-size:11px}.mes-title b{font-size:9px;color:#71d6c1}.mes-title b i{display:inline-block;width:6px;height:6px;margin-right:4px;background:#71d6c1;border-radius:50%;box-shadow:0 0 12px #71d6c1}.mes-kpi{display:grid;gap:4px;margin-top:28px}.mes-kpi strong{font-size:34px;color:#53adff}.mes-kpi small{font-size:10px;color:#8faccb}.mes-bars{position:absolute;display:flex;align-items:end;gap:9px;left:20px;right:20px;bottom:22px;height:78px;border-bottom:1px solid #315274}.mes-bars i{flex:1;height:var(--bar,50%);background:linear-gradient(#48a4f9,rgba(72,164,249,.15));animation:program-rise 1.2s both}.mes-bars i:nth-child(1){--bar:43%}.mes-bars i:nth-child(2){--bar:67%}.mes-bars i:nth-child(3){--bar:52%}.mes-bars i:nth-child(4){--bar:87%}.mes-bars i:nth-child(5){--bar:63%}.mes-bars i:nth-child(6){--bar:76%}.wms-screen{background:linear-gradient(135deg,#f2f8ff,#d9ebfb)}.wms-scan{display:flex;align-items:stretch;gap:5px;width:166px;height:124px;margin:18px auto 0;padding:12px;background:#fff;border:1px solid #d4e4f3}.wms-scan i{flex:var(--width,1);background:#163a5d}.wms-scan i:nth-child(2){--width:2}.wms-scan i:nth-child(4){--width:3}.wms-scan i:nth-child(6){--width:2}.wms-code{text-align:center;margin-top:7px;font:10px monospace;color:#536f8b}.wms-status{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;padding:11px 12px;background:#fff;border:1px solid #d5e5f3;color:#375d80;font-size:10px}.wms-status span{color:#2f9a74}.ai-screen{background:radial-gradient(circle at 50% 28%,#4d9cff 0,rgba(77,156,255,.18) 26%,transparent 27%),linear-gradient(145deg,#07172d,#102f5b)}.ai-orb{position:absolute;left:50%;top:36px;width:120px;height:120px;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(136,203,255,.8);box-shadow:inset 0 0 36px rgba(59,154,255,.75),0 0 45px rgba(48,144,255,.55);animation:program-pulse 3s ease-in-out infinite}.ai-orb i{position:absolute;inset:-11px;border:1px solid rgba(113,193,255,.45);border-radius:50%;transform:rotate(var(--rotation,0deg)) scaleX(.65)}.ai-orb i:nth-child(2){inset:-25px;--rotation:55deg}.ai-orb i:nth-child(3){inset:-38px;--rotation:110deg}.ai-chat{position:absolute;bottom:20px;left:20px;right:20px;display:grid;gap:8px;font-size:10px}.ai-chat span,.ai-chat b{padding:9px 10px;border-radius:4px;line-height:1.45}.ai-chat span{justify-self:end;background:rgba(255,255,255,.9);color:#3d5771}.ai-chat b{background:rgba(44,119,213,.45);color:#dceeff;font-weight:500}.program-modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s}.program-modal.open{opacity:1;visibility:visible}.program-modal-backdrop{position:absolute;inset:0;background:rgba(3,18,37,.7);backdrop-filter:blur(8px)}.program-dialog{position:relative;width:min(720px,100%);max-height:min(740px,calc(100svh - 48px));overflow:auto;padding:52px;background:#fff;border-radius:8px;box-shadow:0 24px 80px rgba(0,0,0,.3);transform:translateY(18px);transition:transform .22s ease}.program-modal.open .program-dialog{transform:translateY(0)}.program-dialog-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:1px solid #d8e3ed;background:#fff;border-radius:50%;color:#244b70;font-size:26px;line-height:1;cursor:pointer}.dialog-kicker,.dialog-label{margin:0;color:#1c6ecb;letter-spacing:.15em;font-size:10px;font-weight:700}.program-dialog h2{margin:14px 0 12px;color:#0a2949;font-size:clamp(31px,4vw,48px);letter-spacing:0}.dialog-intro{margin:0;max-width:590px;color:#5b7187;line-height:1.8}.dialog-content{display:grid;grid-template-columns:1.35fr 1fr;gap:46px;margin:34px 0 40px;padding-top:28px;border-top:1px solid #dce6ee}.dialog-content ul{padding:0;margin:14px 0 0;list-style:none}.dialog-content li{padding:10px 0;border-bottom:1px solid #edf2f6;color:#34546f;font-size:14px}.dialog-content li:before{content:"+";color:#0a6bd0;margin-right:10px}.dialog-content p{margin:14px 0 0;color:#5b7187;line-height:1.8;font-size:14px}.dialog-cta{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:#0b66c8;color:#fff;font-size:14px;font-weight:700}.dialog-cta i{font-style:normal;font-size:20px}@keyframes program-rise{from{transform:scaleY(.2);transform-origin:bottom}}@keyframes program-pulse{50%{box-shadow:inset 0 0 54px rgba(59,154,255,.9),0 0 60px rgba(48,144,255,.8)}}html[data-theme="dark"] .program-center{background:#071426}html[data-theme="dark"] .program-card{background:#0d2139;border-color:#254766;box-shadow:none}html[data-theme="dark"] .program-copy h3{color:#eff7ff}html[data-theme="dark"] .program-copy p,html[data-theme="dark"] .program-copy>span{color:#a5bad0}html[data-theme="dark"] .program-filter button{border-color:#315a80;color:#b2c8dc}html[data-theme="dark"] .program-dialog{background:#0b1e34}html[data-theme="dark"] .program-dialog h2{color:#f0f8ff}html[data-theme="dark"] .dialog-intro,html[data-theme="dark"] .dialog-content p,html[data-theme="dark"] .dialog-content li{color:#b4c9dc}html[data-theme="dark"] .dialog-content{border-color:#284763}html[data-theme="dark"] .dialog-content li{border-color:#1d3954}html[data-theme="dark"] .program-dialog-close{background:#102942;border-color:#315575;color:#e7f4ff}@media(max-width:900px){.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.program-card{min-height:460px}.program-filter{margin-top:-15px}.dialog-content{gap:26px}}@media(max-width:560px){.program-grid{grid-template-columns:1fr}.program-screen{min-height:235px}.program-card{min-height:430px}.program-copy{padding:23px}.program-dialog{padding:42px 25px 28px}.dialog-content{grid-template-columns:1fr;gap:25px;margin-top:27px}.program-filter{gap:7px}.program-filter button{padding:9px 12px;font-size:12px}}
