:root{--navy:#102d57;--navy-2:#091d3b;--blue:#5caed8;--pale:#dceef7;--ink:#162333;--muted:#647080;--line:#dce3e8;--off:#f6f8f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"IBM Plex Sans Thai",sans-serif;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{background:var(--navy-2);color:#b7c8dd;font-family:Manrope,sans-serif;font-size:11px;letter-spacing:.04em}.topbar-inner{height:34px;display:flex;align-items:center;gap:22px}.topbar-inner a:first-of-type{margin-left:auto}.site-header{height:86px;background:#fff;position:sticky;z-index:10;top:0;box-shadow:0 1px 0 rgba(16,45,87,.08)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-family:Manrope,sans-serif;color:var(--navy);line-height:1}.brand img{width:57px;height:57px;object-fit:contain}.brand strong{font-size:16px;letter-spacing:.12em;display:block}.brand small{font-size:8px;letter-spacing:.27em;display:block;margin-top:5px;color:#52708f}.nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.nav>a:not(.nav-cta){color:#4e5a69}.nav>a.active,.nav>a:hover{color:var(--navy)}.lang{border:0;background:transparent;color:#2e4a6e;font:600 12px Manrope,sans-serif;cursor:pointer}.lang span{color:#9ca9b5}.nav-cta,.button.primary{color:#fff;background:var(--navy);padding:13px 17px;font-weight:700}.nav-cta b{font-size:18px;margin-left:8px;color:var(--blue)}.menu-toggle{display:none}.hero{color:#fff;min-height:615px;background:linear-gradient(115deg,#071934 0%,#102d57 54%,#195180 100%);position:relative;overflow:hidden}.hero-content{position:relative;z-index:2;padding:104px 0 70px}.eyebrow{font:700 11px Manrope,sans-serif;letter-spacing:.18em;margin:0 0 16px;color:#a9d9ef}.eyebrow.blue{color:#337ba9}.hero h1,.section h2,.about h2,.industries h2{font:800 clamp(38px,5vw,64px)/1.08 Manrope,sans-serif;letter-spacing:-.05em;margin:0}.hero h1 em{color:#78c5e7;font-style:normal}.hero-copy{max-width:535px;line-height:1.8;font-size:17px;color:#d6e5ef;margin:24px 0 31px}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;font-size:14px;border:0;cursor:pointer}.button.primary span{font-size:22px;color:#79c9ed}.button.ghost{border:1px solid rgba(210,235,248,.5);color:#fff;padding:13px 17px}.hero-facts{display:flex;margin-top:80px;gap:0}.hero-facts div{border-left:1px solid rgba(190,222,240,.35);padding:0 28px}.hero-facts div:first-child{padding-left:0;border:0}.hero-facts strong{display:block;font:800 24px Manrope,sans-serif;color:#86d1ef}.hero-facts span{font-size:12px;color:#c8dae6}.hero-visual{position:absolute;right:0;top:0;width:48%;height:100%;background:radial-gradient(ellipse at center,rgba(103,186,221,.25),transparent 58%)}.hero-lines{position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0,transparent 68px,rgba(157,211,236,.08) 69px,transparent 71px);opacity:.7}.metal-disc{position:absolute;border-radius:50%;background:linear-gradient(145deg,#d9eef8,#659ab8 37%,#254d76 43%,#a7d5e8 61%,#153c68 69%,#7dbbd6);box-shadow:24px 28px 40px #05142b88}.disc-a{width:300px;height:300px;right:95px;top:112px}.disc-b{width:160px;height:160px;right:-34px;top:375px}.steel-pipe{position:absolute;border-radius:8px;background:linear-gradient(110deg,#254d73 5%,#d9f0fa 26%,#568cac 41%,#dff6ff 62%,#244a70 92%);box-shadow:15px 20px 35px #06162c88}.pipe-one{width:380px;height:60px;right:-48px;top:130px;transform:rotate(-32deg)}.pipe-two{width:330px;height:54px;right:120px;bottom:82px;transform:rotate(-32deg)}.measure{position:absolute;right:80px;bottom:55px;font:700 10px/1.6 Manrope,sans-serif;letter-spacing:.17em;color:#b5deef}.section{padding:105px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.section-head h2,.about h2{font-size:44px}.section-head>p{width:340px;color:var(--muted);line-height:1.8;margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{min-height:331px;padding:26px 29px;position:relative;overflow:hidden;color:#fff}.product-card.stainless{background:#153e65}.product-card.carbon{background:#263542}.product-card.aluminium{background:#5a9ebe}.product-no{font:700 12px Manrope,sans-serif;color:#a4d5ea}.product-card h3{font:800 32px/1.05 Manrope,sans-serif;letter-spacing:-.05em;margin:54px 0 14px}.product-card p{font-size:13px;line-height:1.7;max-width:225px;color:#d8e6ec}.product-card a{position:absolute;bottom:26px;font-weight:700;font-size:13px}.product-card a span{font-size:20px;color:#8fd1eb;margin-left:8px}.material-icon{position:absolute;right:-19px;top:18px;opacity:.55;transform:rotate(-25deg)}.material-icon i{display:block;width:115px;height:18px;border-radius:9px;margin:8px;background:linear-gradient(180deg,#e1f6ff,#5797b9 52%,#e0f5ff);box-shadow:0 3px 2px #0004}.profile-strip{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--off);padding:21px 25px;margin-top:18px}.profile-strip span{color:#738193;font-size:13px;margin-right:auto}.profile-strip strong{font-size:13px;color:var(--navy)}.about{background:#f1f6f8;padding:100px 0}.about-grid{display:grid;grid-template-columns:43% 1fr;gap:9%;align-items:center}.about-art{height:503px;background:linear-gradient(145deg,#0d2d54,#3579a3);position:relative;overflow:hidden}.square-tube{width:290px;height:290px;border:47px solid #d6edf7;position:absolute;left:100px;top:105px;transform:rotate(35deg);box-shadow:25px 24px 0 #071b37,54px 50px 60px #071b3788}.about-badge{position:absolute;bottom:22px;left:23px;background:#e8f7fd;padding:17px 19px;color:var(--navy);display:flex;align-items:center;gap:12px}.about-badge b{font:800 20px Manrope}.about-badge span{font:700 9px/1.5 Manrope;letter-spacing:.1em}.about-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;margin:23px 0 28px}.advantage-list>div{display:flex;border-top:1px solid #cfdbdf;padding:16px 0;gap:20px}.advantage-list span{font:800 13px Manrope;color:#5aaed5}.advantage-list h3{margin:0;font-size:16px}.advantage-list p{margin:4px 0 0;color:#718091;font-size:13px}.services{background:#fff}.text-link{font-weight:700;font-size:14px;color:var(--navy)}.text-link span{font-size:21px;color:var(--blue);margin-left:8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-grid article{padding:31px 31px 31px 0;border-right:1px solid var(--line);margin-right:31px}.service-grid article:last-child{border:0}.service-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--pale);color:#176590;font:400 29px Manrope}.service-grid h3{font:800 20px Manrope;margin:21px 0 8px;letter-spacing:-.03em}.service-grid p{font-size:14px;color:var(--muted);line-height:1.7;max-width:260px}.industries{background:var(--navy);color:#fff;padding:82px 0}.industries h2{font-size:43px;max-width:810px}.industry-list{margin-top:44px;display:flex;flex-wrap:wrap;gap:9px}.industry-list span{border:1px solid #5a7492;padding:11px 17px;color:#d1e0ec;font-size:14px}.quote{background:#f4f8fa}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.quote-copy h2{font-size:44px}.quote-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:370px}.quote-contact{margin-top:35px;display:grid;gap:8px;color:var(--navy);font:700 16px Manrope}.quote-form{background:#fff;padding:32px;box-shadow:0 14px 35px #18335012;display:grid;gap:17px}.quote-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#465466}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-form input,.quote-form select,.quote-form textarea{border:1px solid #d6e0e5;padding:12px;font:400 13px "IBM Plex Sans Thai",sans-serif;color:var(--ink);background:#fff;resize:vertical}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:2px solid #7dc6e5;border-color:transparent}.submit{padding:13px 19px;width:max-content;margin-top:3px}.form-note{margin:0;color:#26734d;font-size:13px}footer{background:#091c38;color:#cfdae5;padding-top:60px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:60px;padding-bottom:47px}.footer-brand{color:#fff}.footer-brand img{background:#fff;border-radius:50%}.footer-grid>div>p{font-size:13px;line-height:1.8;color:#9db1c6;margin-top:18px}.footer-grid h3{color:#79c9ed;font:700 11px Manrope;letter-spacing:.16em;text-transform:uppercase;margin:6px 0 18px}.footer-grid a{display:block;font-size:13px;margin:9px 0}.footer-grid a small{color:#8497ab}.footer-bottom{border-top:1px solid #213956;padding:19px 0;display:flex;justify-content:space-between;font:500 11px Manrope;color:#718aa4}.footer-bottom a{color:#a4d5eb}@media(max-width:800px){.container{width:min(100% - 34px,600px)}.topbar{display:none}.site-header{height:68px}.brand img{width:47px;height:47px}.brand strong{font-size:13px}.nav{display:none;position:absolute;left:0;top:68px;width:100%;padding:17px;background:#fff;box-shadow:0 12px 20px #112b4815;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a:not(.nav-cta),.nav .lang{padding:13px 5px;border-bottom:1px solid #edf0f3;text-align:left}.nav-cta{text-align:center;margin-top:12px}.menu-toggle{display:grid;gap:5px;border:0;background:none;padding:8px;cursor:pointer}.menu-toggle i{width:23px;height:2px;background:var(--navy);display:block}.hero{min-height:650px}.hero-content{padding:83px 0 45px}.hero h1{font-size:45px}.hero-copy{font-size:15px;width:70%}.hero-visual{width:68%;opacity:.55;right:-27%;top:31%}.disc-a{width:240px;height:240px;right:30px;top:70px}.pipe-one{width:300px}.hero-facts{margin-top:66px}.hero-facts div{padding:0 13px}.hero-facts strong{font-size:19px}.hero-facts span{font-size:10px}.section{padding:70px 0}.section-head{display:block;margin-bottom:29px}.section-head h2,.about h2,.quote-copy h2{font-size:34px}.section-head>p{width:auto;margin-top:15px;font-size:14px}.product-grid,.about-grid,.quote-grid{grid-template-columns:1fr;gap:15px}.product-card{min-height:275px}.profile-strip{gap:13px}.profile-strip span{width:100%}.about{padding:65px 0}.about-grid{gap:35px}.about-art{height:355px}.square-tube{width:195px;height:195px;border-width:32px;left:82px;top:77px}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid var(--line);padding:25px 0;margin:0}.industries{padding:67px 0}.industries h2{font-size:33px}.form-pair{grid-template-columns:1fr}.quote-form{padding:24px}.footer-grid{grid-template-columns:1fr;gap:26px}.footer-bottom{margin-top:0}.hero-actions{flex-wrap:wrap}.button{font-size:13px}}@media(max-width:390px){.hero h1{font-size:40px}.hero-copy{width:85%}.hero-facts{gap:0}.hero-facts div{padding:0 9px}.hero-facts strong{font-size:16px}.hero-facts span{font-size:9px}.about-art{height:310px}.square-tube{left:61px;top:65px}}
