:root{--ink:#091a2d;--ink-2:#102a46;--blue:#0e67a9;--sky:#59b8e9;--gold:#d8a93f;--paper:#f4f6f8;--white:#fff;--muted:#687486;--line:#dce2e8;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Kanit,sans-serif;color:var(--ink);background:#fff;font-weight:300}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);background:#fff;border-bottom:1px solid #e8ecf0;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand img{width:51px;height:51px;object-fit:contain}.brand span{display:grid}.brand b{font-size:17px;letter-spacing:.04em}.brand small{font-size:8px;letter-spacing:.17em;color:var(--muted)}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav>a{font-size:14px;font-weight:400}.nav-cta{background:var(--ink);color:#fff;padding:14px 19px}.nav-cta span{color:var(--sky);margin-left:15px}.hero-v2{height:min(780px,calc(100vh - 88px));min-height:650px;background:var(--ink);color:#fff;position:relative;display:flex;align-items:center;padding:70px max(7vw,35px);overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,36,.98) 0%,rgba(5,20,36,.91) 42%,rgba(5,20,36,.28) 72%,rgba(5,20,36,.1)),url('../legacy/assets/original/corporate/image-03.jpg') center/cover;filter:saturate(.72)}.hero-v2:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#ffffff20 50%,transparent 50.1%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:790px}.kicker{font-size:11px;letter-spacing:.18em;font-weight:500;color:var(--blue);display:flex;align-items:center;gap:10px}.kicker i{width:26px;height:1px;background:currentColor}.kicker.light{color:#70c6f0}.hero-content h1{font-size:clamp(49px,6vw,78px);line-height:1.13;letter-spacing:-.025em;margin:24px 0 25px;font-weight:500}.hero-content h1 em{font-style:normal;color:#8ed0f0}.hero-content>p{font-size:18px;line-height:1.8;max-width:680px;color:#d0dae4}.hero-actions{display:flex;gap:12px;margin-top:35px}.btn{min-width:175px;padding:15px 22px;text-align:center;border:1px solid #ffffff70;font-size:14px;font-weight:400}.btn.primary{background:var(--blue);border-color:var(--blue)}.btn.primary span{float:right}.btn:hover{transform:translateY(-2px);transition:.2s}.hero-proof{position:absolute;right:max(5vw,30px);bottom:40px;z-index:2;border-left:2px solid var(--sky);padding-left:18px}.hero-proof span{font-size:9px;letter-spacing:.14em;color:#8ea1b4}.hero-proof strong{display:block;font-size:16px;margin-top:7px;font-weight:400}.trust-strip{min-height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:20px max(5vw,28px);gap:5vw}.trust-strip>span{font-size:10px;letter-spacing:.16em;color:var(--muted);white-space:nowrap}.trust-strip>div{display:flex;align-items:center;justify-content:space-between;flex:1}.trust-strip b{font-size:13px;font-weight:400}.trust-strip i{width:4px;height:4px;border-radius:50%;background:var(--gold)}.section-v2{padding:110px max(6vw,28px)}.section-label{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.16em;color:var(--blue);margin-bottom:55px}.section-label span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #b9d2e3;border-radius:50%;letter-spacing:0}.section-label b{font-weight:500}.section-label.light{color:#72c4eb}.section-label.light span{border-color:#ffffff3d}.intro{background:#fff}.intro-copy{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:start}.intro h2,.solution-head h2,.case-head h2,.process-head h2,.client-copy h2,.cta-v2 h2{font-size:clamp(36px,4.5vw,59px);line-height:1.22;letter-spacing:-.025em;margin:0;font-weight:500}.intro-copy>div p{color:var(--muted);font-size:17px;line-height:1.85;margin:6px 0 25px}.text-link{font-size:13px;font-weight:500;color:var(--blue);border-bottom:1px solid #b7c9d8;padding-bottom:7px}.text-link span{margin-left:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:85px}.metrics>div{padding:35px 25px;border-right:1px solid var(--line);display:flex;align-items:end;gap:17px}.metrics>div:last-child{border:0}.metrics strong{font-size:32px;color:var(--blue);font-weight:500;white-space:nowrap}.metrics span{font-size:12px;line-height:1.45;color:var(--muted)}.solutions{background:var(--ink);color:#fff}.solution-head,.process-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:10vw;margin-bottom:60px}.solution-head p,.process-head p{font-size:16px;line-height:1.8;color:#aab8c6}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff25;border-left:1px solid #ffffff25}.solution-grid article{min-height:395px;border-right:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:26px;display:flex;flex-direction:column}.solution-no{font-size:11px;color:#73879a}.icon{width:48px;height:48px;margin:55px 0 25px;position:relative}.icon:before,.icon:after{content:"";position:absolute}.icon-camera:before{inset:8px 2px;border:2px solid #65bde8}.icon-camera:after{width:9px;height:9px;border:2px solid #65bde8;border-radius:50%;left:18px;top:17px}.icon-door:before{inset:0 8px;border:2px solid #65bde8}.icon-door:after{width:4px;height:4px;background:#65bde8;border-radius:50%;right:13px;top:23px}.icon-network:before{width:42px;height:22px;border:2px solid #65bde8;border-color:#65bde8 transparent transparent;border-radius:50%;top:12px}.icon-network:after{width:9px;height:9px;border:2px solid #65bde8;border-radius:50%;left:17px;bottom:2px}.icon-display:before{inset:3px 1px 12px;border:2px solid #65bde8}.icon-display:after{width:24px;height:2px;background:#65bde8;left:12px;bottom:5px}.solution-grid h3{font-size:20px;margin:0 0 15px;font-weight:400}.solution-grid p{color:#9eafbe;font-size:14px;line-height:1.7;margin:0}.solution-grid a{margin-top:auto;color:#73c6ec;font-size:12px;border-top:1px solid #ffffff1c;padding-top:17px}.solution-grid a span{float:right}.case-studies{background:var(--paper)}.case-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.case-card figure{margin:0;position:relative;overflow:hidden;background:#cdd5dd}.case-card img{width:100%;height:430px;object-fit:cover;filter:saturate(.8);transition:.4s}.case-card:hover img{transform:scale(1.025);filter:saturate(1)}.case-card figure span{position:absolute;top:0;left:0;width:45px;height:45px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:11px}.case-card>div{padding:22px 4px}.case-card small{font-size:10px;color:var(--blue);letter-spacing:.12em}.case-card h3{font-size:24px;font-weight:400;margin:8px 0}.case-card p{color:var(--muted);line-height:1.65;font-size:14px;max-width:600px}.case-card b{font-size:10px;letter-spacing:.1em;color:var(--blue)}.case-3{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.case-3 img{height:510px}.process{background:#102842;color:#fff}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff29}.process-steps article{padding:32px 30px 15px 0;border-right:1px solid #ffffff29;margin-right:30px;min-height:230px}.process-steps article:last-child{border:0}.process-steps b{font-size:11px;color:#6ec4ed}.process-steps h3{font-size:19px;font-weight:400;margin:48px 0 10px}.process-steps p{color:#a9b8c6;font-size:13px;line-height:1.7}.clients{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center}.client-copy h2{font-size:clamp(34px,4vw,52px);margin:25px 0}.client-copy p{color:var(--muted);line-height:1.8}.logo-wall{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.logo-wall>div{height:115px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center;padding:18px}.logo-wall img{max-width:85%;max-height:75px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.2s}.logo-wall>div:hover img{filter:none;opacity:1}.insights{background:var(--paper)}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.insight-grid a{background:#fff;border:1px solid var(--line);padding:30px;min-height:250px;display:flex;flex-direction:column}.insight-grid small{color:var(--blue)}.insight-grid h3{font-size:21px;font-weight:400}.insight-grid p{color:var(--muted)}.insight-grid b{font-size:10px;color:var(--blue);margin-top:auto}.cta-v2{background:linear-gradient(100deg,#071a2d 0%,#0b3151 100%);color:#fff;padding:100px max(7vw,30px);display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:center}.cta-v2 h2{margin:22px 0}.cta-v2 p{color:#afbdca}.cta-actions{display:grid}.cta-actions a{padding:23px 0;border-bottom:1px solid #ffffff32;display:grid;grid-template-columns:1fr auto;align-items:center}.cta-actions small{grid-column:1/-1;color:#77c7eb;font-size:9px;letter-spacing:.15em}.cta-actions strong{font-size:23px;font-weight:400}.cta-actions span{font-size:20px;color:#77c7eb}.site-footer{background:#051422;color:#aebbc7;padding:65px max(6vw,28px) 25px;display:grid;grid-template-columns:1.5fr .6fr 1fr;gap:6vw}.footer-brand{display:flex;gap:17px}.footer-brand img{width:55px;height:55px}.footer-brand strong{color:#fff;font-weight:500}.footer-brand p{font-size:12px;line-height:1.6}.site-footer>div:not(.footer-brand):not(.footer-bottom){display:grid;align-content:start;gap:10px}.site-footer small{color:#688095;margin-bottom:8px}.site-footer a,.site-footer p{font-size:12px;margin:0}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff1c;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px}.page-head{background:var(--ink);color:#fff;padding:90px max(7vw,28px)}.page-head h1{font-size:clamp(45px,6vw,72px);margin:15px 0}.page-head p{color:#b2c0cd}.section{padding:90px max(6vw,28px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid var(--line);background:#fff}.card img{width:100%;height:280px;object-fit:cover}.card>div{padding:23px}.card small{color:var(--blue)}.card h3{font-size:21px;font-weight:400}.card p{color:var(--muted);line-height:1.65}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.gallery img{width:100%;height:450px;object-fit:cover}.article{max-width:900px;margin:auto;padding:90px 28px}.article h1{font-size:48px}.article>img{width:100%}.article-body{line-height:1.9}.lead{font-size:19px;color:var(--muted)}
@media(max-width:1000px){.site-header nav{gap:17px}.site-header nav>a:nth-child(3){display:none}.intro-copy,.solution-head,.process-head,.clients{grid-template-columns:1fr;gap:35px}.metrics{grid-template-columns:repeat(2,1fr)}.solution-grid{grid-template-columns:repeat(2,1fr)}.process-steps{grid-template-columns:repeat(2,1fr)}.logo-wall{margin-top:20px}.cta-v2{grid-template-columns:1fr}.hero-proof{display:none}}
@media(max-width:700px){.site-header{height:74px;padding:0 18px}.brand img{width:43px;height:43px}.brand b{font-size:14px}.site-header nav>a{display:none}.site-header nav .nav-cta{display:block;padding:11px 14px}.hero-v2{height:auto;min-height:680px;padding:80px 23px}.hero-bg{background-position:62% center}.hero-content h1{font-size:43px}.hero-content>p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.trust-strip{display:none}.section-v2{padding:75px 22px}.section-label{margin-bottom:38px}.intro h2,.solution-head h2,.case-head h2,.process-head h2,.client-copy h2,.cta-v2 h2{font-size:35px}.metrics{grid-template-columns:1fr 1fr;margin-top:55px}.metrics>div{display:block;padding:24px 13px}.metrics strong,.metrics span{display:block}.metrics span{margin-top:5px}.solution-grid{grid-template-columns:1fr}.solution-grid article{min-height:340px}.icon{margin-top:40px}.case-head{display:block}.case-head .text-link{display:inline-block;margin-top:20px}.case-grid{grid-template-columns:1fr}.case-card img,.case-3 img{height:290px}.case-3{grid-column:auto;display:block}.process-steps{grid-template-columns:1fr}.process-steps article{min-height:190px}.process-steps h3{margin-top:25px}.logo-wall{grid-template-columns:repeat(3,1fr)}.logo-wall>div{height:95px;padding:12px}.insight-grid,.cards{grid-template-columns:1fr}.cta-v2{padding:75px 23px}.cta-actions strong{font-size:18px}.site-footer{grid-template-columns:1fr}.footer-bottom{grid-column:auto}.gallery{grid-template-columns:1fr}.gallery img{height:290px}}
:root .brand-symbol{display:block!important;position:relative}:root .brand-wordmark{display:grid!important;line-height:1}:root .brand-wordmark b{font-size:18px;letter-spacing:.025em;font-weight:600}:root .brand-wordmark b span{display:inline!important;color:var(--blue);font-weight:500}:root .brand-wordmark small{margin-top:6px;font-size:7px;letter-spacing:.15em}:root .footer-brand strong{font-size:18px;letter-spacing:.03em}:root .brand-year{color:#58b9e9}:root .footer-brand small{display:block;font-size:8px;letter-spacing:.12em;color:#668199;margin:5px 0 9px}
:root .hero-bg{background-image:linear-gradient(90deg,rgba(5,20,36,.98) 0%,rgba(5,20,36,.88) 48%,rgba(5,20,36,.28)),url('../legacy/assets/portfolio/project-1/image-02.jpg')!important}:root .quote-section{padding:100px max(7vw,28px);background:#eef3f6;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}:root .quote-copy h2{font-size:clamp(36px,4.5vw,58px);line-height:1.2;margin:25px 0}:root .quote-copy p{color:var(--muted);line-height:1.8}:root .quote-copy>div{display:grid;gap:7px;margin-top:30px;color:var(--blue)}:root .quote-form{background:#fff;padding:36px;border:1px solid var(--line)}:root .quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}:root .quote-grid label{display:grid;gap:7px;font-size:13px}:root .quote-grid .wide{grid-column:1/-1}:root .quote-grid input,:root .quote-grid select,:root .quote-grid textarea{width:100%;border:1px solid #cfd7df;padding:12px;font:inherit;background:#fff}:root .quote-grid .consent{display:flex;grid-template-columns:auto 1fr;align-items:center}:root .quote-grid .consent input{width:auto}:root .quote-grid .consent a{color:var(--blue);text-decoration:underline}:root .quote-form>.btn{border:0;margin-top:22px}:root .form-success{background:#e7f6ed;color:#167445;padding:13px;margin-bottom:18px}:root .form-error{background:#fff0ef;color:#b42318;padding:13px;margin-bottom:18px}:root .content-page{padding:100px max(7vw,28px);display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}:root .content-lead span{font-size:10px;letter-spacing:.15em;color:var(--blue)}:root .content-lead h2{font-size:clamp(34px,4vw,52px);line-height:1.25}:root .prose{max-width:720px;color:var(--muted);font-size:17px;line-height:1.9}:root .prose h3{color:var(--ink);font-size:23px;margin-top:35px}:root .service-page{padding:60px max(7vw,28px) 100px}:root .service-page article{display:grid;grid-template-columns:100px 1fr;border-top:1px solid var(--line);padding:45px 0}:root .service-page article>b{color:var(--blue)}:root .service-page h2{font-size:32px;margin:0}:root .service-page p{color:var(--muted);max-width:700px}:root .service-page a{font-size:13px;color:var(--blue)}:root .not-found{min-height:65vh;display:grid;place-content:center;text-align:center;padding:50px}:root .not-found>span{font-size:90px;color:#d8e1e8;font-weight:600}:root .not-found h1{font-size:40px;margin:0}:root .not-found .btn{margin:20px auto 0;color:#fff}@media(max-width:800px){:root .quote-section,:root .content-page{grid-template-columns:1fr}:root .quote-grid{grid-template-columns:1fr}:root .quote-grid .wide{grid-column:auto}:root .quote-form{padding:23px}:root .service-page article{grid-template-columns:45px 1fr}}
:root .project-meta{display:flex;gap:55px;margin-top:45px;padding-top:25px;border-top:1px solid #ffffff30}:root .project-meta span{display:grid;color:#fff}:root .project-meta small{font-size:9px;letter-spacing:.14em;color:#7dbfe0;margin-bottom:7px}:root .case-detail{padding:90px max(7vw,28px);display:grid;grid-template-columns:repeat(3,1fr);gap:40px;background:#f4f6f8}:root .case-detail article{border-top:2px solid var(--blue);padding-top:24px}:root .case-detail b{font-size:10px;color:var(--blue);letter-spacing:.12em}:root .case-detail h2{font-size:25px;font-weight:400}:root .case-detail p{color:var(--muted);line-height:1.8}@media(max-width:700px){:root .project-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px}:root .case-detail{grid-template-columns:1fr}}
:root .breadcrumb{padding:14px max(7vw,28px);display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}:root .breadcrumb a{color:var(--blue)}:root .service-hero .btn{display:inline-block;margin-top:25px;color:#fff}:root .service-content{padding:90px max(7vw,28px);display:grid;grid-template-columns:1fr 1fr;gap:8vw}:root .service-content article>span,:root .faq>span{font-size:10px;letter-spacing:.14em;color:var(--blue)}:root .service-content h2,:root .faq h2{font-size:36px;font-weight:400}:root .service-content ol,:root .service-content ul{padding:0;list-style:none;counter-reset:item}:root .service-content li{padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted)}:root .service-content ol li:before{counter-increment:item;content:counter(item,decimal-leading-zero);color:var(--blue);margin-right:18px;font-size:11px}:root .service-content ul li:before{content:'✓';color:var(--blue);margin-right:15px}:root .faq{padding:80px max(18vw,28px);background:var(--paper)}:root .faq details{border-top:1px solid var(--line);padding:20px 0}:root .faq summary{font-size:17px;font-weight:400;cursor:pointer}:root .faq details p{color:var(--muted);line-height:1.7}:root .mobile-contact{display:none}@media(max-width:700px){:root .service-content{grid-template-columns:1fr;padding:65px 22px}:root .faq{padding:65px 22px}:root .mobile-contact{position:fixed;display:grid;grid-template-columns:1fr 1fr;left:0;right:0;bottom:0;z-index:50;background:#fff;box-shadow:0 -4px 18px #0013}:root .mobile-contact a{padding:14px;text-align:center;font-size:14px;font-weight:400}:root .mobile-contact a:first-child{background:var(--blue);color:#fff}:root .site-footer{padding-bottom:85px}}