@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap');
.brand img.brand-mark{display:block;width:42px;height:42px;object-fit:contain;background:transparent;border-radius:0;font-size:0}
.showcase{padding:0 clamp(24px,8vw,130px) 120px}.showcase-intro{max-width:620px;padding:105px 0 55px}.showcase-intro h2{font-size:clamp(36px,4.4vw,65px);margin:0}.showcase-intro>p:last-child{max-width:530px;font-size:15px;line-height:1.8;color:#b8cbd0;margin:24px 0 0}.showcase-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.showcase-card{position:relative;isolation:isolate;min-height:300px;overflow:hidden;background-position:center;background-size:cover}.showcase-card:before{position:absolute;content:'';inset:0;background:linear-gradient(180deg,rgba(3,13,25,.05),rgba(3,13,25,.88));z-index:-1}.showcase-card div{position:absolute;left:24px;right:24px;bottom:23px}.showcase-card span{font:10px 'DM Mono',monospace;letter-spacing:1px;color:var(--cyan)}.showcase-card h3{font-size:23px;margin:8px 0}.showcase-card p{font-size:12px;line-height:1.65;margin:0;color:#d4e4e8}.showcase-card.service{grid-column:span 5;background-image:url('assets/image-3-1.png')}.showcase-card.telecom{grid-column:span 7;background-image:url('assets/image-4-1.png')}.showcase-card.security{grid-column:span 4;background-image:url('assets/image-5-1.png')}.showcase-card.environment{grid-column:span 4;background-image:url('assets/image-6-1.png')}.showcase-card.international{grid-column:span 4;background-image:url('assets/image-7-1.png')}.product-items article{position:relative;min-height:170px;padding-left:190px}.product-items article img{position:absolute;left:0;top:18px;width:155px;height:110px;object-fit:contain;background:#fff}.products{background-image:linear-gradient(rgba(6,21,34,.82),rgba(6,21,34,.92)),url('assets/image-8-1.png');background-size:cover;background-position:center}.contact{background-image:linear-gradient(135deg,rgba(227,238,236,.95),rgba(251,250,244,.95)),url('assets/image-9-1.png');background-size:cover;background-position:center}@media(max-width:760px){.showcase{padding:0 24px 80px}.showcase-intro{padding:75px 0 35px}.showcase-grid{grid-template-columns:1fr;gap:10px}.showcase-card,.showcase-card.service,.showcase-card.telecom,.showcase-card.security,.showcase-card.environment,.showcase-card.international{grid-column:1;min-height:240px}.product-items article{padding-left:135px;min-height:145px}.product-items article img{width:115px;height:94px;top:14px}}
.showcase{background:#edf2f0;color:var(--ink)}.showcase-intro>p:last-child{color:#516a71}.showcase-card{min-height:255px;border:1px solid #c9d4d3}.products{background-image:none}.contact{background-image:none}
.product-items article{position:static;min-height:0;padding:23px 0}.product-items article img{display:none}.products{background:var(--navy)}.contact{background:linear-gradient(135deg,#e3eeec,#fbfaf4)}
.hero{background-image:linear-gradient(90deg,rgba(2,15,24,.97) 0%,rgba(2,15,24,.94) 43%,rgba(4,21,45,.48) 62%,rgba(4,21,45,.12) 100%),url('assets/hero.png')}.hero-inner{max-width:500px;left:clamp(24px,9vw,140px)}.hero-copy{max-width:450px}.hero h1{font-size:clamp(42px,4.6vw,70px)}
@media(min-width:761px){.hero-inner{top:43%;transform:translateY(-50%)}}
@media(min-width:761px){.hero-inner{max-width:900px}.hero h1{max-width:none;white-space:nowrap}.hero-copy{max-width:540px}}
@media(min-width:761px){.hero-inner{top:28%}}
@media(min-width:761px){.hero-inner{top:12%}}
@media(min-width:761px){.hero-inner{top:50%;transform:translateY(-50%)}}
:root{--ink:#071926;--navy:#061522;--blue:#0d4d9b;--cyan:#6ce8ee;--orange:#f65322;--cream:#edf2f0;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans Thai',Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:83px;position:absolute;z-index:4;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);color:#fff}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;line-height:1}.brand small{display:block;margin-top:5px;font-family:'DM Mono',monospace;font-size:7px;font-weight:400;letter-spacing:.7px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:linear-gradient(145deg,#ff7b24,#d62d20);border-radius:50% 50% 50% 10%;font-size:23px;font-weight:800;font-style:italic;color:#0d4590}nav{display:flex;gap:28px;align-items:center;font-size:14px}nav a{opacity:.85}nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.7);padding:10px 17px;opacity:1!important}.menu-toggle{display:none}.hero{min-height:770px;height:100vh;position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(2,15,24,.7),rgba(4,21,45,.2)),url('assets/hero.png') center/cover no-repeat;color:#fff}.hero-inner{position:absolute;z-index:1;left:clamp(24px,12vw,180px);top:49%;transform:translateY(-45%);max-width:650px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:1.5px;color:var(--cyan);margin:0 0 20px}.eyebrow.dark{color:#14758b}.hero h1,h2{letter-spacing:-1.8px;line-height:1.18;font-size:clamp(45px,5.3vw,80px);margin:0;font-weight:600}em{font-style:normal;color:var(--orange)}.hero-copy{max-width:510px;font-size:17px;line-height:1.8;margin:26px 0 34px;color:#dbe9ed}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;gap:25px;background:var(--orange);padding:15px 19px;font-weight:600}.button span{font-size:25px;line-height:.6}.text-link{font-size:14px;border-bottom:1px solid var(--cyan);padding-bottom:4px}.hero-scroll{position:absolute;z-index:1;bottom:28px;left:clamp(24px,5vw,80px);font:10px 'DM Mono',monospace;letter-spacing:1.2px;display:flex;align-items:center;gap:12px}.hero-scroll span{display:block;width:55px;height:1px;background:var(--cyan)}.section{padding:120px clamp(24px,8vw,130px)}.section-label{font:10px 'DM Mono',monospace;letter-spacing:1.4px;color:#5b7177}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px}.about-copy{max-width:660px}.about h2{font-size:clamp(35px,4vw,60px)}.about-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:600px}.numbers{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border-top:1px solid #bdc8c5}.numbers div{padding:24px 20px 0;border-right:1px solid #bdc8c5}.numbers div:first-child{padding-left:0}.numbers strong{display:block;font:500 clamp(38px,4vw,60px) 'DM Mono',monospace;color:var(--blue);letter-spacing:-4px}.numbers strong span{color:var(--orange);font-size:.6em}.numbers small{font-size:13px}.dark-bg{background:var(--navy);color:#fff}.solutions-heading{display:grid;grid-template-columns:1fr 2fr;gap:50px}.solutions h2,.products h2{font-size:clamp(35px,4.2vw,62px)}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:68px}.solution-card{min-height:295px;padding:24px 26px 25px;border-right:1px solid var(--line);position:relative}.solution-card:last-child{border-right:0}.solution-card>span{font:11px 'DM Mono',monospace;color:var(--cyan)}.icon{font-size:42px;color:var(--orange);margin:48px 0 25px}.solution-card h3{font-size:17px;margin:0 0 8px}.solution-card p{font-size:13px;line-height:1.7;margin:0;color:#b5c5cc}.experience{display:grid;grid-template-columns:1fr 2fr;gap:50px}.experience-title h2{font-size:clamp(35px,4vw,60px)}.project-list{grid-column:2;margin-top:21px;border-top:1px solid #bdc8c5}.project-list article{display:grid;grid-template-columns:50px 1fr 110px;gap:18px;padding:24px 0;border-bottom:1px solid #bdc8c5;align-items:start}.project-no{font:11px 'DM Mono',monospace;color:var(--orange);padding-top:6px}.project-list h3{margin:0 0 7px;font-size:18px}.project-list p{margin:0;line-height:1.7;font-size:13px;max-width:480px}.project-list strong{font:500 24px 'DM Mono',monospace;color:var(--blue);text-align:right}.project-list strong small{display:block;font:10px 'DM Mono',monospace;color:#657879}.products-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:42px}.product-items{border-top:1px solid var(--line)}.product-items article{padding:23px 0;border-bottom:1px solid var(--line)}.product-items span{font:11px 'DM Mono',monospace;color:var(--cyan);letter-spacing:1px}.product-items h3{font-size:21px;margin:7px 0}.product-items p{font-size:13px;line-height:1.75;margin:0;color:#b5c5cc}.contact{text-align:center;padding-top:145px;padding-bottom:145px;background:linear-gradient(135deg,#e3eeec,#fbfaf4)}.contact h2{font-size:clamp(39px,5vw,70px)}.contact-intro{max-width:600px;margin:28px auto 45px;line-height:1.8}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1000px;margin:auto;border-top:1px solid #afbfbc}.contact-grid a{position:relative;text-align:left;padding:20px;border-right:1px solid #afbfbc;border-bottom:1px solid #afbfbc}.contact-grid a:first-child{border-left:1px solid #afbfbc}.contact-grid small{display:block;font:10px 'DM Mono',monospace;letter-spacing:1px;color:#658084;margin-bottom:8px}.contact-grid span{font-size:15px;font-weight:600}.contact-grid b{float:right;font-size:21px;color:var(--orange)}footer{background:var(--ink);color:#e9f4f3;padding:42px clamp(24px,5vw,80px);display:flex;justify-content:space-between;align-items:center}footer p{font-size:12px;line-height:1.8;color:#91a9af}footer>a:last-child{font-size:13px;color:var(--cyan)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:760px){.site-header{height:72px}.site-header nav{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;gap:18px;padding:25px;background:#071926;align-items:flex-start}.site-header nav.open{display:flex}.menu-toggle{display:block;border:0;background:none;color:#fff;font-size:24px}.hero{min-height:650px}.hero-inner{left:24px;right:24px}.section{padding:80px 24px}.about,.experience,.solutions-heading{grid-template-columns:1fr;gap:30px}.numbers,.project-list{grid-column:1}.numbers{grid-template-columns:1fr;margin-top:0}.numbers div{padding:16px 0;border-right:0;border-bottom:1px solid #bdc8c5}.solution-grid{grid-template-columns:1fr 1fr;margin-top:40px}.solution-card{min-height:240px;padding:18px;border-bottom:1px solid var(--line)}.icon{margin:35px 0 18px}.project-list article{grid-template-columns:32px 1fr 73px;gap:9px}.project-list h3{font-size:15px}.project-list p{font-size:12px}.project-list strong{font-size:17px}.products-content{grid-template-columns:1fr;gap:38px}.contact-grid{grid-template-columns:1fr}.contact-grid a,.contact-grid a:first-child{border-left:1px solid #afbfbc;border-right:1px solid #afbfbc}footer{display:block}footer p{margin:25px 0}.brand small{font-size:6px}.hero-scroll{display:none}}