:root{--ink:#102a4d;--muted:#617a94;--blue:#197ee6;--deep:#144eb2;--cyan:#11bad5;--teal:#1bd4c8;--soft:#f4faff;--line:#dceaf3;--white:#fff;--shadow:0 26px 70px rgba(24,70,112,.14);--radius:26px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Noto Sans Thai","Leelawadee UI",Arial,sans-serif;color:var(--ink);background:#fbfdff;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.section{padding:110px 0;position:relative}.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;background:#fff;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow)}.skip-link:focus{top:16px}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.13;pointer-events:none;z-index:-1}.ambient-a{width:500px;height:500px;background:#20bdd8;right:-190px;top:70px}.ambient-b{width:430px;height:430px;background:#3973e8;left:-210px;bottom:5%}
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:84px;display:flex;align-items:center;transition:.25s}.site-header.scrolled{height:70px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(202,224,237,.8);box-shadow:0 10px 30px rgba(20,54,92,.06)}.nav-wrap{display:flex;align-items:center;gap:26px}.brand{width:158px;display:flex}.brand img{display:block;width:100%}.main-nav{margin-left:auto;display:flex;align-items:center;gap:29px;font-size:.92rem;font-weight:700}.main-nav a{position:relative}.main-nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;height:2px;bottom:-6px;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:.25s}.main-nav a:hover:after{right:0}.nav-cta{padding:10px 18px;border-radius:999px;background:var(--ink);color:#fff}.language-switch{display:flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding-left:18px}.language-switch button{border:0;background:none;padding:4px 2px;color:#8aa0b4;font-weight:800;cursor:pointer}.language-switch button.active{color:var(--blue)}.menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:5px 0}
.hero{min-height:830px;padding-top:166px;display:flex;align-items:center;overflow:hidden}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(25,126,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(25,126,230,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 86%)}.hero-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:11px;border:1px solid #d7ebf3;background:rgba(255,255,255,.74);padding:8px 14px;border-radius:999px;color:#3b6685;font-size:.8rem;font-weight:800;letter-spacing:.06em}.pulse-dot{width:8px;height:8px;background:#17c9bc;border-radius:50%;box-shadow:0 0 0 6px rgba(23,201,188,.13);animation:pulse 2s infinite}.hero h1{font-size:clamp(3.2rem,5.2vw,5.5rem);line-height:1.03;letter-spacing:-.055em;margin:22px 0 24px;max-width:770px}.hero h1 span{background:linear-gradient(90deg,#0d9fc0,#1d6ee4);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:1.14rem;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:13px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:14px;border:0;font-weight:800;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--deep));box-shadow:0 14px 30px rgba(22,105,220,.25)}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-light{background:#fff;color:#123764}.btn.full{width:100%}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.hero-proof div{padding-left:15px;border-left:2px solid #dbeaf2}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{font-size:.9rem}.hero-proof span{font-size:.76rem;color:var(--muted);margin-top:3px}
.hero-visual{min-height:610px;position:relative}.orbit{position:absolute;border:1px dashed rgba(24,126,223,.2);border-radius:50%}.orbit-one{width:520px;height:520px;right:-10px;top:30px;animation:spin 32s linear infinite}.orbit-two{width:380px;height:380px;right:60px;top:100px;animation:spin 24s linear infinite reverse}.device{background:#fff;border:1px solid rgba(188,216,231,.9);box-shadow:var(--shadow)}.desktop-device{position:absolute;width:610px;right:-85px;bottom:32px;border-radius:22px;overflow:hidden;transform:perspective(1200px) rotateY(-7deg) rotateX(2deg);transform-origin:center}.device-top{height:42px;background:#102a4d;color:#c6dbec;display:flex;align-items:center;padding:0 14px;font-size:.72rem}.device-dots{display:flex;gap:5px}.device-dots i{width:7px;height:7px;border-radius:50%;background:#55708c}.device-title{margin:auto}.live-chip{display:flex;align-items:center;gap:6px;color:#8ff3df}.live-chip span{width:6px;height:6px;border-radius:50%;background:#29d2b5}.device-body{height:390px;display:grid;grid-template-columns:54px 1fr;background:#f5f9fc}.mock-sidebar{background:#122d50;display:flex;align-items:center;flex-direction:column;gap:18px;padding-top:13px}.side-logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;display:grid;place-items:center;font-weight:900}.mock-sidebar i{width:16px;height:16px;border-radius:5px;background:#315170}.mock-sidebar i.active{background:#18baca}.mock-content{padding:17px}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi-row>div{background:#fff;padding:11px;border-radius:11px;border:1px solid #e4edf4;position:relative}.kpi-row small,.kpi-row b{display:block}.kpi-row small{font-size:.57rem;color:#6c849a}.kpi-row b{font-size:1.25rem}.kpi-row em{position:absolute;right:9px;top:25px;color:#19ad8f;font-size:.57rem;font-style:normal}.kpi-row em.warn{color:#d68a3c}.dashboard-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:10px;height:245px;margin-top:10px}.map-panel,.insight-panel{border:1px solid #e1ebf2;background:#fff;border-radius:12px;position:relative;overflow:hidden}.map-panel{background-color:#eaf3f7;background-image:linear-gradient(35deg,transparent 49%,rgba(31,126,161,.09) 50%,transparent 51%),linear-gradient(-35deg,transparent 49%,rgba(31,126,161,.08) 50%,transparent 51%);background-size:45px 45px}.map-routes{position:absolute;inset:-15px;transform:rotate(-8deg);background:repeating-linear-gradient(90deg,transparent 0 30px,rgba(255,255,255,.8) 31px 34px,transparent 35px 66px);opacity:.75}.pin{position:absolute;width:13px;height:13px;border:3px solid #fff;background:#1b83e7;border-radius:50%;box-shadow:0 2px 8px rgba(15,69,125,.3)}.pin:after{content:"";position:absolute;width:20px;height:20px;inset:-7px;border:1px solid rgba(25,126,230,.35);border-radius:50%}.p1{left:23%;top:31%}.p2{left:62%;top:19%;background:#12bcb6}.p3{left:70%;top:62%;background:#f0a34c}.p4{left:37%;top:72%}.map-label{position:absolute;left:12px;bottom:10px;font-size:.58rem;background:#fff;padding:5px 8px;border-radius:7px;box-shadow:0 4px 10px rgba(26,66,105,.12)}.insight-panel{padding:14px}.panel-title{font-size:.66rem;font-weight:900}.score-ring{margin:17px auto 10px;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) 0 87%,#e7eef3 87%);position:relative}.score-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.score-ring b,.score-ring span{z-index:1;position:absolute}.score-ring b{font-size:1.5rem}.score-ring span{font-size:.55rem;margin-top:32px;color:#8092a5}.insight-panel p{font-size:.56rem;color:#6a8197;line-height:1.5}.mini-bars{display:flex;align-items:end;height:34px;gap:5px}.mini-bars i{flex:1;background:linear-gradient(#16b9d0,#1e75e1);border-radius:3px 3px 0 0}.mini-bars i:nth-child(1){height:30%}.mini-bars i:nth-child(2){height:55%}.mini-bars i:nth-child(3){height:42%}.mini-bars i:nth-child(4){height:80%}.mini-bars i:nth-child(5){height:68%}.status-strip{height:28px;margin-top:9px;background:#fff;border:1px solid #e2edf3;border-radius:9px;display:flex;align-items:center;gap:18px;padding:0 10px;font-size:.55rem}.status-strip i{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px}.green{background:#17b998}.amber{background:#eea348}.blue{background:#2988e5}.mobile-device{position:absolute;left:12px;top:65px;width:155px;border-radius:25px;padding:12px;transform:rotate(-5deg);z-index:2}.mobile-head{display:flex;justify-content:space-between;font-size:.55rem}.mobile-map{height:130px;margin:10px 0;border-radius:15px;background:#e8f3f7;position:relative;overflow:hidden}.mobile-map:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#c2dce6 41% 46%,transparent 47%)}.mobile-map span{position:absolute;width:11px;height:11px;border-radius:50%;background:#1783e5;left:65%;top:35%;box-shadow:0 0 0 5px rgba(24,131,229,.16)}.mobile-map b{position:absolute;bottom:8px;left:8px;font-size:.5rem;background:#fff;padding:4px 6px;border-radius:6px}.mobile-card{border:1px solid #e1ebf1;border-radius:11px;padding:8px;position:relative}.mobile-card small,.mobile-card b{display:block;font-size:.52rem}.mobile-card em{position:absolute;right:7px;top:8px;font-size:.42rem;color:#12a58a}.mobile-device button{width:100%;border:0;background:#163c68;color:#fff;border-radius:9px;padding:7px;margin-top:9px;font-size:.5rem}
.logo-strip{border-top:1px solid #e8f0f5;border-bottom:1px solid #e8f0f5;background:#fff}.logo-cloud{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.logo-cloud span{font-size:.7rem;letter-spacing:.1em;font-weight:900;color:#8aa0b4}.section-heading{margin-bottom:48px}.section-heading.split{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:50px}.section-kicker{text-transform:uppercase;color:#147ec7;font-size:.74rem;letter-spacing:.14em;font-weight:900;margin-bottom:10px}.section-heading h2,.platform-copy h2,.contact-copy h2{font-size:clamp(2.2rem,4.1vw,4rem);line-height:1.13;letter-spacing:-.045em;margin:0}.section-heading p,.platform-copy p,.contact-copy p{color:var(--muted);margin:0}
.about{background:#f6fbfe}.about-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:18px;align-items:stretch}.about-card{background:#fff;border:1px solid #deebf2;border-radius:var(--radius);padding:28px;min-height:400px;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(35,79,114,.07)}.about-card h3,.cap-card h3,.solution-card h3,.industry-card h3,.usecase-card h3{font-size:1.45rem;line-height:1.25;margin:20px 0 12px}.about-card p,.cap-card p,.solution-card p,.industry-card p,.usecase-card p{color:var(--muted)}.about-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#edf8fc;color:#0e7fa9;font-weight:900}.step-line{position:absolute;left:28px;right:28px;bottom:30px;height:100px;display:flex;align-items:end;gap:9px}.step-line span{flex:1;border-radius:9px;background:linear-gradient(#14bfd0,#1c72db)}.step-line span:nth-child(1){height:35%}.step-line span:nth-child(2){height:62%}.step-line span:nth-child(3){height:92%}.about-large{min-height:520px;background:linear-gradient(150deg,#0f294b,#153f72);color:#fff}.about-large p{color:#b8cde0}.strategy-board{position:absolute;left:27px;right:27px;bottom:27px;height:270px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);backdrop-filter:blur(10px);border-radius:18px;padding:18px}.strategy-top{display:flex;justify-content:space-between;font-size:.72rem}.strategy-top span{color:#61ead8}.strategy-main{display:grid;grid-template-columns:1fr .7fr;gap:14px;margin-top:18px}.phase-stack{display:grid;gap:8px}.phase-stack>div{display:grid;grid-template-columns:30px 1fr 25px;align-items:center;padding:8px 10px;background:rgba(255,255,255,.07);border-radius:9px;font-size:.64rem}.phase-stack small{color:#6ddbd8}.phase-stack i{font-style:normal;text-align:right;color:#7ff5df}.strategy-score{background:rgba(255,255,255,.08);border-radius:13px;padding:14px;font-size:.63rem}.strategy-score b{display:block;font-size:2rem;margin:15px 0}.strategy-score>div{height:7px;border-radius:9px;background:rgba(255,255,255,.1)}.strategy-score i{display:block;width:92%;height:100%;border-radius:9px;background:linear-gradient(90deg,#18d0c3,#29a9ee)}.delivery-metrics{position:absolute;left:28px;right:28px;bottom:25px;display:grid;gap:8px}.delivery-metrics div{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:11px;background:#f5fafc}.delivery-metrics b{color:#107cad}.delivery-metrics span{font-size:.68rem;color:#698198}
.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cap-card{border:1px solid #deebf2;background:#fff;border-radius:var(--radius);padding:29px;min-height:390px;overflow:hidden;position:relative}.cap-head{display:flex;align-items:center;justify-content:space-between}.cap-head>span{font-size:.75rem;color:#9ab0c1}.cap-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf8fd;color:#0a84ad;font-size:.75rem;font-weight:900}.ai-flow{display:grid;grid-template-columns:1fr auto 1.15fr auto 1fr;align-items:center;gap:8px;margin-top:35px}.ai-flow div{padding:12px;border:1px solid #dceaf2;border-radius:12px;text-align:center}.ai-flow small,.ai-flow b{display:block;font-size:.58rem}.ai-flow small{color:#7c92a7}.ai-core{background:linear-gradient(135deg,#133b69,#1977c9)!important;color:#fff;border:0!important}.ai-core small{color:#87e4e7}.ai-flow>i{font-style:normal;color:#9ab0c2}.data-pipeline{height:150px;margin-top:27px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative}.data-pipeline div,.data-pipeline span{display:grid;place-items:center;border:1px solid #dbe9f2;border-radius:11px;font-size:.62rem;font-weight:800}.data-pipeline span{position:absolute;width:140px;height:54px;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#12385f,#1a76c8);color:#fff;border:5px solid #fff;box-shadow:0 8px 25px rgba(24,89,146,.2);z-index:2}.geo-card{height:160px;margin-top:22px;border-radius:16px;background:#eaf4f7;position:relative;overflow:hidden}.geo-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(15,108,144,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(15,108,144,.1) 1px,transparent 1px);background-size:25px 25px;transform:rotate(13deg) scale(1.2)}.geo-pin{position:absolute;width:14px;height:14px;border-radius:50%;background:#1584e1;border:3px solid #fff;box-shadow:0 3px 10px rgba(14,77,126,.3)}.g1{left:19%;top:31%}.g2{left:53%;top:64%;background:#0ebbb3}.g3{left:75%;top:25%;background:#eb9c40}.geo-score{position:absolute;right:12px;bottom:12px;background:#fff;border-radius:11px;padding:9px 12px;box-shadow:0 8px 25px rgba(25,65,103,.15)}.geo-score small,.geo-score b{display:block}.geo-score small{font-size:.55rem}.geo-score b{font-size:1.4rem}.decision-ui{margin-top:23px;border:1px solid #dce9f1;border-radius:16px;padding:14px;background:#f9fcfe}.decision-ui>div:first-child{display:flex;justify-content:space-between;font-size:.68rem}.decision-chart{height:96px;display:flex;align-items:end;gap:8px;margin:12px 0}.decision-chart i{flex:1;background:linear-gradient(#17bfd0,#1c70da);border-radius:5px 5px 0 0}.decision-chart i:nth-child(1){height:30%}.decision-chart i:nth-child(2){height:44%}.decision-chart i:nth-child(3){height:41%}.decision-chart i:nth-child(4){height:68%}.decision-chart i:nth-child(5){height:60%}.decision-chart i:nth-child(6){height:88%}.decision-ui button{width:100%;border:0;border-radius:10px;padding:9px;background:#173e69;color:#fff;font-size:.62rem}
.solutions{background:#f6fbfe}.solution-list{display:grid;gap:20px}.solution-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center;background:#fff;border:1px solid #dceaf2;border-radius:30px;padding:35px;min-height:430px;overflow:hidden}.solution-card:nth-child(even){grid-template-columns:1.15fr .85fr}.solution-card:nth-child(even) .solution-copy{order:2}.solution-tag{font-size:.66rem;font-weight:900;color:#117eac;background:#edf8fb;padding:7px 10px;border-radius:999px}.solution-copy ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px}.solution-copy li{font-size:.84rem;color:#4d6982}.solution-copy li:before{content:"✓";color:#13b5a8;margin-right:8px}.solution-visual{height:320px;border-radius:21px;background:#edf6f9;position:relative;overflow:hidden}.command-mini{padding:18px;background:linear-gradient(150deg,#0f2948,#164d7e)}.cm-head{height:40px;background:rgba(255,255,255,.08);border-radius:10px;color:#d9eaf5;display:flex;align-items:center;padding:0 12px;font-size:.62rem}.cm-head span{width:8px;height:8px;border-radius:50%;background:#13c8b7;margin-right:8px}.cm-head em{margin-left:auto;color:#60ead2;font-style:normal}.cm-body{display:grid;grid-template-columns:1fr .42fr;gap:10px;height:230px;margin-top:10px}.cm-map{border-radius:12px;background:#dbecef;position:relative}.cm-map:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(38deg,transparent 0 27px,rgba(32,107,134,.09) 28px 30px)}.cm-map i{position:absolute;width:13px;height:13px;border-radius:50%;background:#1c81df;border:3px solid #fff}.cm-map i:nth-child(1){left:25%;top:30%}.cm-map i:nth-child(2){left:62%;top:55%;background:#f1a048}.cm-map i:nth-child(3){left:72%;top:20%;background:#15bcaf}.cm-side{display:grid;gap:8px}.cm-side>div{border-radius:10px;background:rgba(255,255,255,.09);color:#fff;padding:13px}.cm-side small,.cm-side b{display:block}.cm-side small{font-size:.52rem;color:#a7c8dc}.cm-side b{font-size:1.2rem}.agent-mini{background:radial-gradient(circle at center,#e6faff,#f2f7fb)}.agent-node{position:absolute;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #cce3ef;box-shadow:0 12px 30px rgba(34,92,135,.12);font-weight:900;font-size:.74rem;z-index:2}.agent-node.core{width:105px;height:105px;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;background:linear-gradient(135deg,#15b9cf,#1969d7);font-size:1.2rem}.agent-node.n1{left:10%;top:12%}.agent-node.n2{right:9%;top:10%}.agent-node.n3{left:8%;bottom:10%}.agent-node.n4{right:8%;bottom:10%}.agent-mini svg{position:absolute;inset:0;width:100%;height:100%}.agent-mini path{fill:none;stroke:#a9cfdf;stroke-width:2;stroke-dasharray:7 7}.spatial-mini{background:#e5f1f3}.sp-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(25,112,140,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(25,112,140,.1) 1px,transparent 1px);background-size:32px 32px;transform:rotate(11deg) scale(1.2)}.sp-pin{position:absolute;width:17px;height:17px;border-radius:50%;background:#1685e3;border:4px solid #fff;box-shadow:0 3px 12px rgba(20,69,113,.32)}.s1{left:18%;top:25%}.s2{left:54%;top:58%;background:#13b9ae}.s3{right:17%;top:25%;background:#efa149}.sp-card{position:absolute;left:20px;bottom:20px;background:#fff;padding:12px 15px;border-radius:12px;box-shadow:0 12px 25px rgba(31,70,102,.15)}.sp-card small,.sp-card b,.sp-card em{display:block}.sp-card small{font-size:.55rem;color:#748ca1}.sp-card b{font-size:1.2rem}.sp-card em{font-size:.55rem;color:#11a68f;font-style:normal}
.stack-section{background:#f6fbfe;padding-top:0}.platform-shell{background:linear-gradient(135deg,#102b4c,#164f82);border-radius:34px;padding:65px;display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;color:#fff;overflow:hidden;position:relative}.platform-shell:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;border:1px solid rgba(255,255,255,.09);right:-170px;top:-180px}.platform-copy p{color:#bad0e1;margin:20px 0 28px}.stack-layers{display:grid;gap:10px;align-content:center}.stack-layers>div{display:grid;grid-template-columns:45px 1fr auto;align-items:center;padding:16px 18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:14px}.stack-layers span{color:#5de4dc;font-size:.65rem}.stack-layers b{font-size:.85rem}.stack-layers em{font-size:.6rem;color:#9ebbd0;font-style:normal}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.industry-card{border:1px solid #deebf2;border-radius:22px;padding:25px;min-height:220px;background:#fff;transition:.25s}.industry-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(34,79,114,.09)}.industry-card>span{color:#0e8eb2;font-size:.72rem;font-weight:900}.industry-card h3{font-size:1.15rem}.industry-card p{font-size:.85rem}
.usecases{background:#f6fbfe}.usecase-grid{display:grid;gap:22px}.usecase-card{border-radius:30px;padding:35px;display:grid;grid-template-columns:.72fr 1.28fr;gap:35px;align-items:center;background:#fff;border:1px solid #dceaf2;min-height:480px}.usecase-copy>span{font-size:.65rem;color:#147ea8;font-weight:900;letter-spacing:.1em}.compact-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px}.compact-list span{font-size:.68rem;padding:9px 10px;border-radius:9px;background:#eef7fa;color:#47677f}.command-screen{height:360px;display:grid;grid-template-columns:55px 1fr;border-radius:18px;background:#f0f5f8;overflow:hidden;border:1px solid #dce8ef}.command-screen aside{background:#122e50;padding:18px 0;display:flex;align-items:center;flex-direction:column;gap:17px}.command-screen aside i{width:17px;height:17px;border-radius:5px;background:#31516e}.command-screen aside i.on{background:#16bdc6}.command-screen>div{padding:15px}.command-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.command-kpis span{background:#fff;border-radius:10px;padding:10px}.command-kpis small,.command-kpis b{display:block}.command-kpis small{font-size:.48rem;color:#758ca0}.command-kpis b{font-size:1rem}.command-middle{display:grid;grid-template-columns:1.45fr .65fr;gap:9px;height:250px;margin-top:9px}.water-map,.alert-list{background:#fff;border-radius:11px;position:relative;overflow:hidden}.water-map{background:#e3f0f3}.water-map:before{content:"";position:absolute;inset:0;background:linear-gradient(25deg,transparent 48%,rgba(30,112,141,.08) 49% 51%,transparent 52%)}.river{position:absolute;width:500px;height:52px;background:#79c8dc;left:-80px;top:95px;transform:rotate(-17deg);border-radius:50%}.water-map i{position:absolute;width:15px;height:15px;border-radius:50%;background:#1680df;border:3px solid #fff;z-index:2}.w1{left:18%;top:26%}.w2{left:48%;top:60%;background:#f0a14a}.w3{right:16%;top:24%;background:#13b9ad}.alert-list{padding:13px}.alert-list>b{font-size:.64rem}.alert-list span{display:block;font-size:.53rem;margin-top:13px;color:#5c7488}.alert-list i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f0a14a;margin-right:5px}.land-screen{height:360px;border-radius:18px;background:#e5f1f2;position:relative;overflow:hidden}.parcel-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(29,105,132,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(29,105,132,.12) 1px,transparent 1px);background-size:43px 43px;transform:rotate(10deg) scale(1.2)}.parcel{position:absolute;border:3px solid rgba(255,255,255,.95);background:rgba(22,132,226,.36);clip-path:polygon(10% 10%,90% 0,100% 75%,45% 100%,0 70%)}.p-a{width:145px;height:110px;left:17%;top:20%}.p-b{width:170px;height:130px;left:46%;top:45%;background:rgba(16,185,173,.38)}.p-c{width:110px;height:90px;right:8%;top:12%;background:rgba(238,157,61,.36)}.opportunity{position:absolute;right:18px;bottom:18px;width:160px;background:#fff;border-radius:14px;padding:13px;box-shadow:0 14px 32px rgba(29,66,98,.17)}.opportunity small,.opportunity b,.opportunity em{display:block}.opportunity small{font-size:.55rem;color:#70889c}.opportunity b{font-size:2rem}.opportunity>div{height:6px;background:#e5eef3;border-radius:8px}.opportunity i{display:block;width:92%;height:100%;background:linear-gradient(90deg,#13c1bf,#1973dd);border-radius:8px}.opportunity em{font-style:normal;color:#12a791;font-size:.55rem;margin-top:6px}
.contact{background:#fff}.contact-shell{display:grid;grid-template-columns:.88fr 1.12fr;gap:60px;padding:62px;border-radius:34px;background:linear-gradient(145deg,#f0f9fc,#f8fbff);border:1px solid #dcebf2}.contact-copy p{margin:20px 0 30px}.contact-details{display:grid;gap:10px}.contact-details a{display:block;padding:13px 15px;border-radius:12px;background:#fff;border:1px solid #dce8ef}.contact-details small,.contact-details b{display:block}.contact-details small{font-size:.62rem;color:#748da2}.contact-details b{font-size:.88rem}.contact-form{background:#fff;border:1px solid #dce9f0;border-radius:22px;padding:24px;box-shadow:0 22px 55px rgba(28,71,106,.08)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.contact-form label{display:block;margin-bottom:13px}.contact-form label>span{display:block;font-size:.68rem;font-weight:800;margin-bottom:6px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d8e6ee;background:#fbfdff;border-radius:10px;padding:11px 12px;outline:none;transition:.2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#1d87df;box-shadow:0 0 0 4px rgba(29,135,223,.1)}.form-note{display:block;color:#7a91a5;margin-top:11px;font-size:.62rem}.form-status{min-height:24px;margin-top:8px;color:#128e7a;font-size:.72rem}
footer{border-top:1px solid #e1ebf2;background:#f8fbfd;padding:48px 0 25px}.footer-main{display:flex;justify-content:space-between;align-items:flex-start}.footer-brand img{width:155px}.footer-brand p{font-size:.75rem;color:#6c8297}.footer-links{display:flex;gap:22px;font-size:.8rem;font-weight:800}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #e0e9ef;margin-top:35px;padding-top:20px;font-size:.67rem;color:#8194a6}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@keyframes pulse{50%{box-shadow:0 0 0 11px rgba(23,201,188,0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.main-nav{gap:17px}.hero-layout{grid-template-columns:1fr}.hero{padding-top:145px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{width:min(690px,100%);margin:auto}.desktop-device{right:0}.about-grid{grid-template-columns:1fr 1fr}.about-large{grid-column:span 2}.solution-card,.solution-card:nth-child(even){grid-template-columns:1fr 1fr}.platform-shell{padding:45px;gap:35px}.usecase-card{grid-template-columns:1fr}.contact-shell{gap:35px;padding:40px}}
@media(max-width:820px){.site-header{height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid #e1edf3}.brand{width:135px}.menu-toggle{display:block}.language-switch{border:0;padding:0}.main-nav{position:fixed;left:20px;right:20px;top:77px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #dce9f1;border-radius:18px;padding:12px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px}.nav-cta{text-align:center;margin-top:7px}.section{padding:80px 0}.section-heading.split{grid-template-columns:1fr;gap:15px}.hero{min-height:auto}.hero h1{font-size:clamp(2.7rem,12vw,4.5rem)}.hero-proof{grid-template-columns:1fr;text-align:left}.hero-visual{min-height:535px}.desktop-device{width:570px;right:-65px}.mobile-device{left:0}.about-grid,.cap-grid,.industry-grid{grid-template-columns:1fr}.about-large{grid-column:auto}.solution-card,.solution-card:nth-child(even){grid-template-columns:1fr}.solution-card:nth-child(even) .solution-copy{order:initial}.platform-shell,.contact-shell{grid-template-columns:1fr}.platform-shell{padding:37px 26px}.stack-layers>div{grid-template-columns:38px 1fr}.stack-layers em{display:none}.usecase-card{padding:24px}.contact-shell{padding:30px}.footer-main,.footer-bottom{flex-direction:column;gap:25px}.footer-links{flex-wrap:wrap}}
@media(max-width:560px){.container{width:min(var(--container),calc(100% - 28px))}.hero{padding-top:120px}.hero h1{font-size:clamp(2.45rem,13vw,3.6rem)}.hero-copy>p{font-size:1rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-visual{min-height:500px}.desktop-device{width:510px;right:-135px;bottom:60px}.mobile-device{top:125px;width:140px}.device-body{height:350px}.dashboard-grid{grid-template-columns:1fr;height:235px}.insight-panel{display:none}.kpi-row{grid-template-columns:repeat(2,1fr)}.kpi-row>div:nth-child(3){display:none}.logo-cloud{justify-content:center;padding:18px 0}.section-heading h2,.platform-copy h2,.contact-copy h2{font-size:2.35rem}.about-card{min-height:360px}.about-large{min-height:650px}.strategy-board{height:370px;left:18px;right:18px;bottom:18px}.strategy-main{grid-template-columns:1fr}.cap-card{padding:22px}.ai-flow{grid-template-columns:1fr}.ai-flow>i{transform:rotate(90deg);text-align:center}.solution-card{padding:22px}.solution-visual{height:275px}.form-grid{grid-template-columns:1fr}.contact-shell{padding:24px 18px}.compact-list{grid-template-columns:1fr}.command-screen{grid-template-columns:46px 1fr}.command-kpis{grid-template-columns:repeat(2,1fr)}.command-middle{grid-template-columns:1fr}.alert-list{display:none}.footer-links{display:grid;grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}

/* Package 2 — official CNAS logo asset */
.brand img,.footer-brand img,.box img{height:auto;object-fit:contain}
.side-logo{background:#fff;padding:3px;overflow:hidden}
.side-logo img{display:block;width:100%;height:100%;object-fit:contain}