:root{--navy:#08264A;--navy-2:#061d39;--blue:#0B63CE;--blue-2:#1683F3;--light:#EAF4FF;--soft:#F7FAFC;--white:#fff;--text:#1C2533;--muted:#667085;--border:#DCE4EE;--shadow:0 18px 50px rgba(8,38,74,.08);--radius:12px;--radius-lg:18px;--header-h:78px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{font-family:"Kanit",'sans-serif','tahoma';color:var(--text);background:#fff;line-height:1.65}a{text-decoration:none}img{max-width:100%;height:auto}.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow)}.skip-link:focus{top:12px}.site-header{transition:.25s;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid transparent}.site-header.scrolled{border-color:var(--border);box-shadow:0 8px 28px rgba(8,38,74,.06)}.navbar{min-height:var(--header-h);padding:8px 0}.navbar-brand img{width:162px;height:60px;object-fit:contain;object-position:left center}.navbar-nav{gap:.55rem}.nav-link{font-weight:600;color:#23334b!important;padding:.6rem .75rem!important}.nav-link.active,.nav-link:hover{color:var(--blue)!important}.btn{border-radius:9px;font-weight:600;padding:.72rem 1.12rem}.btn-lg{padding:.84rem 1.35rem}.btn-primary{--bs-btn-bg:var(--blue);--bs-btn-border-color:var(--blue);--bs-btn-hover-bg:#0958b8;--bs-btn-hover-border-color:#0958b8}.btn-outline-primary{--bs-btn-color:var(--blue);--bs-btn-border-color:#9ec8f6;--bs-btn-hover-bg:var(--blue);--bs-btn-hover-border-color:var(--blue)}.btn-cta{min-width:150px}.hero-section{position:relative;overflow:hidden;padding:calc(var(--header-h) + 78px) 0 78px;background:linear-gradient(135deg,#f8fbff 0%,#eef7ff 42%,#fff 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(11,99,206,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,99,206,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 85%)}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.13em;color:var(--blue);text-transform:uppercase;margin-bottom:.65rem}.eyebrow-light{color:#7fc1ff}.display-title{font-size:clamp(2.6rem,5.1vw,5.1rem);line-height:1.02;letter-spacing:-.045em;font-weight:700;color:var(--navy);margin-bottom:1.35rem}.display-title span{color:var(--blue)}.hero-copy{font-size:1.12rem;color:#43516a;max-width:680px}.hero-tags{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.2rem}.hero-tags span{font-size:.8rem;border:1px solid #c8def8;background:rgba(255,255,255,.75);color:var(--navy);padding:.45rem .7rem;border-radius:999px;font-weight:600}.hero-note{margin-top:1rem;color:var(--muted);font-size:.9rem}.hero-visual{position:relative;min-height:470px}.visual-window{position:absolute;background:#fff;border:1px solid #c9d7e8;box-shadow:0 26px 70px rgba(8,38,74,.18)}.window-main{inset:35px 32px 45px 8px;border-radius:17px;transform:perspective(1200px) rotateY(-6deg) rotateX(2deg)}.window-bar{height:38px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;padding:0 14px}.window-bar span{width:8px;height:8px;border-radius:50%;background:#c9d4e0}.screen-screen{display:grid;grid-template-columns:95px 1fr;height:330px;background:#f4f8fd}.screen-sidebar{background:linear-gradient(#0d3d75,#08264A);margin:12px;border-radius:8px}.screen-content{padding:32px 30px}.screen-kicker,.screen-title{height:9px;border-radius:99px;background:#dce9f6;margin-bottom:11px}.screen-kicker{width:28%}.screen-title{width:62%;height:16px;background:#0B63CE}.screen-chart{height:130px;background:linear-gradient(180deg,#fff,#eff6ff);border:1px solid #dbe8f6;border-radius:10px;display:flex;align-items:flex-end;gap:11px;padding:18px;margin:20px 0}.screen-chart i{display:block;flex:1;background:linear-gradient(#46a6ff,#0B63CE);border-radius:5px 5px 2px 2px}.screen-chart i:nth-child(1){height:35%}.screen-chart i:nth-child(2){height:58%}.screen-chart i:nth-child(3){height:44%}.screen-chart i:nth-child(4){height:75%}.screen-chart i:nth-child(5){height:66%}.screen-chart i:nth-child(6){height:88%}.screen-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.screen-cards b{height:58px;background:#fff;border:1px solid #dce8f4;border-radius:9px}.window-phone{right:0;bottom:22px;width:138px;height:248px;border-radius:20px;padding:20px 11px;background:#fbfdff}.phone-notch{width:44%;height:6px;background:#d3dfec;border-radius:99px;margin:0 auto 20px}.phone-card,.phone-chart{height:48px;background:#eaf4ff;border-radius:8px;margin-bottom:11px}.phone-card.short{height:34px}.phone-chart{height:82px;background:linear-gradient(135deg,#d8efff,#eef7ff)}.floating-stat{position:absolute;background:#fff;border:1px solid #d6e5f4;border-radius:12px;padding:12px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column}.floating-stat small{color:var(--muted);font-size:.72rem}.floating-stat strong{color:var(--navy);font-size:.95rem}.stat-one{left:-10px;bottom:16px}.stat-two{right:12px;top:12px}.capability-bar{background:var(--navy);color:#fff}.capability-item{display:flex;align-items:center;gap:12px;padding:22px 18px;border-right:1px solid rgba(255,255,255,.12)}.capability-item:last-child{border-right:0}.capability-item strong,.capability-item small{display:block}.capability-item small{color:#b7c8db}.cap-icon{width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:10px;display:grid;place-items:center;color:#71bcff;font-weight:700}.section{padding:96px 0}.section-soft{background:var(--soft)}.section-heading{max-width:880px;margin-bottom:36px}.section-heading h2,.section h2,.why-section h2,.contact-section h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.18;color:var(--navy);font-weight:700;letter-spacing:-.02em}.section-heading p,.section p{color:var(--muted)}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-btn{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 14px;font-weight:600;color:#526075}.filter-btn.active,.filter-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.portfolio-item{transition:.25s}.portfolio-item.is-hidden{opacity:0;transform:scale(.96);pointer-events:none;position:absolute;visibility:hidden}.project-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden;transition:.25s}.project-card:hover{transform:translateY(-4px);border-color:#aacff7;box-shadow:var(--shadow)}.project-thumb{height:210px;position:relative;overflow:hidden;background:#dbeafe}.project-thumb:before,.project-thumb:after{content:"";position:absolute}.project-thumb span{position:absolute;left:14px;bottom:14px;background:#fff;color:var(--blue);font-weight:700;font-size:.72rem;padding:5px 8px;border-radius:6px;z-index:3}.thumb-industrial{background:linear-gradient(150deg,#b7d7ef 0 48%,#496f8f 49% 62%,#dfe8ef 63%)}.thumb-industrial:before{width:78%;height:54%;background:#163b61;left:11%;bottom:12%;clip-path:polygon(0 22%,100% 0,100% 100%,0 100%)}.thumb-industrial:after{width:56%;height:34%;background:repeating-linear-gradient(90deg,#d5e7f5 0 12px,#5a7892 13px 25px);left:22%;bottom:17%}.thumb-commerce{background:radial-gradient(circle at 25% 30%,#f8dfcc 0 12%,transparent 13%),linear-gradient(135deg,#f7f1eb,#d8e7de)}.thumb-commerce:before{left:16%;bottom:18%;width:18%;height:45%;background:#e3b993;border-radius:35% 35% 14% 14%;box-shadow:78px 12px 0 #edd7c6,150px -8px 0 #f1cdb7}.thumb-dashboard{background:linear-gradient(135deg,#eaf4ff,#c9e2fb)}.thumb-dashboard:before{inset:24px;background:#fff;border:1px solid #adc7e1;border-radius:10px;box-shadow:0 14px 25px rgba(8,38,74,.13)}.thumb-dashboard:after{left:65px;bottom:50px;width:62%;height:70px;background:linear-gradient(90deg,#0B63CE 0 20%,transparent 20% 26%,#42a7ff 26% 46%,transparent 46% 52%,#8bc5f8 52% 72%,transparent 72% 78%,#0B63CE 78%);opacity:.75}.thumb-service{background:linear-gradient(145deg,#e6eef4,#f8fbfd)}.thumb-service:before{left:12%;right:12%;bottom:16%;height:50%;background:#68829b;clip-path:polygon(0 35%,45% 0,100% 25%,100% 100%,0 100%)}.project-body{padding:20px}.project-body small{font-size:.7rem;color:var(--blue);font-weight:700}.project-body h3{font-size:1.2rem;color:var(--navy);font-weight:700;margin:.3rem 0 .5rem}.project-body p{font-size:.92rem}.text-link{border:0;background:transparent;color:var(--blue);font-weight:700;padding:0}.text-link:hover{color:#084fa5}.pillar-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:0 8px 24px rgba(8,38,74,.04)}.pillar-card:hover{border-color:#a9ccf3}.pillar-system{background:linear-gradient(145deg,#fff,#f3f8ff)}.pillar-top{display:flex;align-items:flex-start;gap:14px}.pillar-top small{color:var(--blue);font-weight:700}.pillar-top h3{font-size:1.25rem;color:var(--navy);font-weight:700}.service-icon{width:48px;height:48px;border-radius:12px;background:var(--light);display:grid;place-items:center;color:var(--blue);font-weight:700;font-size:1.15rem}.check-list{list-style:none;padding:0;margin:18px 0 22px}.check-list li{padding:6px 0 6px 26px;position:relative;color:#40516a}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700}.solution-grid>.col-xl{min-width:0}.solution-card{height:100%;padding:24px 18px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:.25s}.solution-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b3d5f7}.solution-card>span{width:42px;height:42px;border-radius:10px;background:var(--light);color:var(--blue);display:grid;place-items:center;margin-bottom:16px;font-weight:700}.solution-card h3{font-size:1rem;color:var(--navy);font-weight:700}.solution-card p{font-size:.88rem;margin-bottom:0}.why-section{padding:92px 0;background:linear-gradient(135deg,#08264A,#073966);color:#fff}.why-section h2{color:#fff}.why-section p{color:#c6d5e5}.why-grid{position:relative}.why-item{display:flex;gap:14px}.why-item>span{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(37,145,247,.18);border:1px solid rgba(119,191,255,.25);color:#8ac7ff;font-weight:700}.why-item h3{font-size:1rem;margin:2px 0 5px;color:#fff}.why-item p{font-size:.88rem;margin:0}.case-study{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:0 10px 35px rgba(8,38,74,.05)}.case-media{padding:34px;background:linear-gradient(145deg,#eaf4ff,#dbeafe)}.case-screen{height:100%;min-height:360px;border-radius:14px;background:linear-gradient(150deg,#08264A,#0B63CE);padding:24px;color:#fff;position:relative;overflow:hidden}.case-screen span{font-size:.72rem;letter-spacing:.12em}.case-chart{position:absolute;left:24px;right:24px;bottom:24px;height:170px;border-radius:12px;background:linear-gradient(180deg,#fff,#e7f2ff)}.case-chart:after{content:"";position:absolute;left:24px;right:24px;bottom:24px;height:86px;background:linear-gradient(135deg,transparent 0 20%,#48a8f8 21% 24%,transparent 25% 38%,#0b63ce 39% 42%,transparent 43% 60%,#87c7fb 61% 64%,transparent 65%)}.case-content{padding:42px}.case-content strong{color:var(--navy)}.process-line{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;position:relative}.process-line:before{content:"";position:absolute;top:24px;left:6%;right:6%;height:1px;background:#b9d4ef}.process-step{position:relative;z-index:1}.process-step>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;box-shadow:0 0 0 7px var(--soft)}.process-step h3{font-size:1rem;color:var(--navy);font-weight:700;margin:16px 0 4px}.process-step p{font-size:.82rem;margin:0}.pricing-card{padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;display:flex;flex-direction:column}.pricing-card small{color:var(--blue);font-weight:700;letter-spacing:.08em}.pricing-card h3{font-size:1.2rem;color:var(--navy);font-weight:700;margin:.5rem 0}.pricing-card .price{font-size:1.15rem;font-weight:700;color:var(--navy);margin:12px 0}.pricing-card ul{padding-left:1.15rem;color:#526075;flex:1}.pricing-card.featured{border:2px solid var(--blue);box-shadow:var(--shadow)}.pricing-card.dark{background:var(--navy);color:#fff;border-color:var(--navy)}.pricing-card.dark h3,.pricing-card.dark .price{color:#fff}.pricing-card.dark small{color:#7fc1ff}.pricing-card.dark ul{color:#c7d5e5}.faq-accordion{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.accordion-item{border-color:var(--border)}.accordion-button{font-weight:600;color:var(--navy);background:#fff}.accordion-button:not(.collapsed){background:#f0f7ff;color:var(--blue);box-shadow:none}.accordion-button:focus{box-shadow:0 0 0 .2rem rgba(11,99,206,.15)}.contact-section{padding:96px 0;background:linear-gradient(135deg,#08264A,#0b3b72);color:#fff}.contact-section h2{color:#fff}.contact-section p{color:#c7d6e5}.contact-list{display:grid;gap:12px;margin-top:28px}.contact-list div{display:flex;gap:16px;align-items:baseline}.contact-list span{font-size:.72rem;letter-spacing:.1em;color:#7fc1ff;width:64px}.project-form{background:#fff;color:var(--text);padding:34px;border-radius:var(--radius-lg);box-shadow:0 24px 70px rgba(0,0,0,.16)}.form-control,.form-select{min-height:50px;border-color:#cfdae7;border-radius:8px}.form-control:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 .2rem rgba(11,99,206,.12)}textarea.form-control{min-height:130px}.form-label{font-weight:600;color:#33435a}.form-note{color:var(--muted);max-width:420px}.site-footer{background:#061a31;color:#c5d2e0;padding:58px 0 24px}.footer-logo{width:180px;height:74px;object-fit:contain;object-position:left center;background:#fff;border-radius:8px;padding:4px 8px;margin-bottom:16px}.site-footer h2{font-size:1rem;color:#fff}.site-footer a{display:block;color:#c5d2e0;margin:.32rem 0}.site-footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:36px;font-size:.82rem}.footer-bottom div{display:flex;gap:18px}.mobile-cta{position:fixed;z-index:1040;left:10px;right:10px;bottom:10px;padding:8px;border-radius:12px;background:rgba(6,29,57,.92);backdrop-filter:blur(12px);display:grid;grid-template-columns:1fr 1fr;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.back-to-top{position:fixed;z-index:1035;right:20px;bottom:26px;width:44px;height:44px;border:0;border-radius:50%;background:var(--blue);color:#fff;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.back-to-top.show{opacity:1;visibility:visible;transform:none}.case-list li{margin:.6rem 0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project-card,.solution-card,.site-header{transition:none}}@media (max-width:1199.98px){.process-line{grid-template-columns:repeat(4,1fr);row-gap:28px}.process-line:before{display:none}.solution-grid>.col-xl{flex:0 0 33.333%;max-width:33.333%}}@media (max-width:991.98px){:root{--header-h:70px}.navbar-brand img{width:142px;height:52px}.navbar-collapse{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;margin-top:10px;box-shadow:var(--shadow)}.navbar-nav{gap:0}.hero-section{padding-top:130px}.hero-visual{min-height:390px;margin-top:10px}.window-main{inset:20px 45px 30px 15px}.screen-screen{height:270px}.capability-item{border-bottom:1px solid rgba(255,255,255,.1)}.case-study{grid-template-columns:1fr}.case-media{padding:24px}.case-screen{min-height:300px}.process-line{grid-template-columns:repeat(2,1fr)}.solution-grid>.col-xl{flex:0 0 50%;max-width:50%}.back-to-top{bottom:82px}}
@media (max-width:767.98px){.section{padding:72px 0}.hero-section{padding-bottom:62px}.display-title{font-size:2.8rem}.hero-copy{font-size:1rem}.hero-visual{min-height:310px}.window-main{inset:12px 48px 26px 0}.screen-screen{grid-template-columns:70px 1fr;height:215px}.screen-content{padding:20px 16px}.screen-chart{height:88px;padding:12px;gap:6px;margin:13px 0}.screen-cards b{height:36px}.window-phone{width:104px;height:190px;padding:15px 8px}.phone-card{height:36px}.phone-chart{height:58px}.floating-stat{display:none}.capability-item{padding:18px 10px}.capability-item strong{font-size:.88rem}.capability-item small{font-size:.7rem}.cap-icon{width:34px;height:34px}.project-thumb{height:230px}.case-content{padding:28px}.process-line{grid-template-columns:1fr}.process-step{display:grid;grid-template-columns:48px 1fr;column-gap:16px}.process-step h3{margin:2px 0}.process-step p{grid-column:2}.solution-grid>.col-xl{flex:0 0 100%;max-width:100%}.footer-bottom{flex-direction:column}.project-form{padding:24px}.contact-section{padding:72px 0}.site-footer{padding-bottom:100px}}
@media (max-width:575.98px){.display-title{font-size:2.35rem}.hero-tags span{font-size:.74rem}.section-heading h2,.section h2,.why-section h2,.contact-section h2{font-size:1.95rem}.hero-visual{min-height:270px}.window-main{right:30px}.window-phone{right:-5px}.screen-sidebar{margin:8px}.screen-content{padding:15px 10px}.screen-title{width:76%}.capability-item{gap:8px}.capability-item small{display:none}.project-thumb{height:205px}.why-section{padding:72px 0}.case-screen{min-height:250px}.mobile-cta .btn{font-size:.86rem;padding:.62rem .4rem}}
.contact-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.form-status{width:100%;margin-top:.25rem}.form-status.is-error{color:#b42318}.form-status.is-success{color:#067647}