:root{--blue:#004aad;--ink:#0c1727;--muted:#5d6876;--paper:#f5f7f9;--line:#dce3ea;--orange:#ffae22;--cyan:#19b7de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:IBM Plex Sans Thai,sans-serif}.container{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}.nav-wrap{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#f5f7f9e6;border-bottom:1px solid #0c172714;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:30px;height:82px;display:flex}.brand{color:var(--ink);letter-spacing:.04em;align-items:center;gap:11px;font-family:Space Grotesk;font-size:13px;font-weight:600;line-height:.92;text-decoration:none;display:flex}.brand b{color:var(--blue)}.brand-mark{background:var(--blue);color:#fff;width:36px;height:36px;box-shadow:4px 4px 0 var(--cyan);border-radius:9px;place-items:center;font:700 12px Space Grotesk;display:grid}.nav-links{gap:30px;display:flex}.nav-links a,.text-link{color:var(--muted);font-size:14px;text-decoration:none;transition:all .2s}.nav-links a:hover,.text-link:hover{color:var(--blue)}.nav-cta,.button{border-radius:5px;justify-content:center;align-items:center;gap:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.nav-cta{color:#fff;background:var(--blue);padding:13px 19px;font-size:13px}.nav-cta:hover,.button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #004aad33}.menu-toggle{background:0 0;border:0;font-size:25px;display:none}.hero{grid-template-columns:1fr .92fr;align-items:center;gap:36px;min-height:640px;padding-top:66px;padding-bottom:70px;display:grid}.eyebrow{color:var(--blue);letter-spacing:.16em;font:700 11px Space Grotesk}.eyebrow span{background:var(--orange);vertical-align:middle;width:26px;height:2px;margin-right:10px;display:inline-block}.hero h1,.quality h2,.contact h2{letter-spacing:-.06em;margin:24px 0 20px;font:700 clamp(48px,6vw,82px)/1.03 IBM Plex Sans Thai}.hero h1 em,.quality h2 em,.calc-intro h2 em,.contact h2 em{color:var(--blue);font-style:normal}.hero p{color:var(--muted);margin-bottom:32px;font-size:18px;line-height:1.8}.hero-actions{align-items:center;gap:26px;display:flex}.button{padding:16px 23px;font-size:14px}.button-primary{background:var(--blue);color:#fff}.button-light{color:var(--blue);background:#fff}.text-link{color:var(--blue);font-weight:600}.text-link span,.button span,.nav-cta span{font-size:20px;line-height:0}.trust-row{border-top:1px solid var(--line);gap:32px;margin-top:54px;padding-top:18px;display:flex}.trust-row div{flex-direction:column;display:flex}.trust-row strong{font:700 22px Space Grotesk}.trust-row span{color:var(--muted);font-size:12px}.hero-art{height:470px;position:relative}.hero-image{border:8px solid #fff;border-radius:4px 110px 4px 4px;width:73%;height:415px;position:absolute;top:20px;right:0;overflow:hidden;box-shadow:15px 18px #dfe8f0}.hero-image img{object-fit:cover;filter:saturate(.75)contrast(1.08);width:100%;height:100%}.art-glow{background:#d8e8fa;border-radius:45% 20% 45% 15%;width:69%;height:400px;position:absolute;top:4%;right:3%;transform:rotate(9deg)}.concrete-card{z-index:2;background:var(--blue);color:#fff;width:185px;height:185px;box-shadow:8px 8px 0 var(--orange);flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:absolute;bottom:48px;left:0}.concrete-card span{letter-spacing:.18em;color:#80ddf1;font:700 10px Space Grotesk}.concrete-card strong{font-size:27px;line-height:1.05}.concrete-card small{color:#c5dbf5;font-size:11px;line-height:1.5}.floating-badge{z-index:3;background:#fff;padding:13px 17px;font-size:12px;position:absolute;bottom:26px;right:-4px;box-shadow:0 9px 25px #152b4525}.floating-badge b{color:var(--blue);margin-left:5px}.pulse{background:#15bd6b;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.coordinate{color:#8da0b6;letter-spacing:.12em;font:10px/1.5 Space Grotesk;position:absolute;top:-16px;right:10px}.ticker{background:var(--blue);color:#fff;white-space:nowrap;padding:12px 0;overflow:hidden}.ticker-track{letter-spacing:.12em;justify-content:space-around;align-items:center;gap:40px;font:11px Space Grotesk;display:flex}.ticker i{color:var(--orange);font-size:18px;font-style:normal}.section{padding-top:110px;padding-bottom:110px}.section-head{justify-content:space-between;align-items:end;margin-bottom:38px;display:flex}.section h2,.calc-intro h2{letter-spacing:-.05em;margin:14px 0 0;font-size:48px;line-height:1.1}.section-head p{color:var(--muted);text-align:right;margin:0;font-size:15px;line-height:1.7}.service-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.service-card{border:1px solid var(--line);background:#fff;flex-direction:column;min-height:250px;padding:25px 23px;transition:all .25s;display:flex}.service-card:hover{border-color:var(--cyan);transform:translateY(-7px);box-shadow:0 15px 28px #1c3a5112}.service-top{color:var(--blue);justify-content:space-between;align-items:start;font:700 28px Space Grotesk;display:flex}.service-top small{color:#a7b1bd;font:11px Space Grotesk}.service-card h3{margin:30px 0 7px;font-size:20px}.service-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.service-card a{color:var(--blue);margin-top:auto;padding-top:20px;font-size:12px;font-weight:600;text-decoration:none}.service-card a span{margin-left:5px;font-size:18px}.quality{background:var(--ink);color:#fff;overflow:hidden}.quality-inner{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.eyebrow.light{color:#79dff2}.quality h2,.contact h2{margin-top:18px}.quality h2 em{color:#38c9e8}.quality-copy>p{color:#aeb9c8;max-width:430px;line-height:1.8}.check-list{border-top:1px solid #fff2;margin:32px 0}.check-list div{border-bottom:1px solid #fff2;gap:23px;padding:14px 0;font-size:14px;display:flex}.check-list b{color:var(--orange);font:12px Space Grotesk}.quality-visual{background:#101e31;height:410px;position:relative;overflow:hidden}.slab{background:linear-gradient(125deg,#d7dde2,#929eaa 45%,#516071);position:absolute;inset:20px 30px -30px 90px;transform:rotate(-12deg);box-shadow:18px 23px #004aad}.slab:after{content:"";background:repeating-linear-gradient(120deg,#0000 0 33px,#ffffff16 34px 36px);position:absolute;inset:0}.roundel{z-index:2;color:#6fd9ea;text-align:center;letter-spacing:.15em;border:1px solid #6fd9ea;border-radius:50%;width:145px;height:145px;padding:34px 0;font:11px/1.4 Space Grotesk;position:absolute;top:32px;left:22px;transform:rotate(-15deg)}.roundel b{color:#fff}.roundel span{color:var(--orange);margin-top:9px;display:block}.quality-note{z-index:2;color:#132031;background:#fff;padding:12px 16px;font:10px/1.4 Space Grotesk;position:absolute;bottom:25px;right:20px}.quality-note b{color:var(--blue)}.calculator{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.calc-intro p{color:var(--muted);max-width:400px;line-height:1.8}.calc-box{border:1px solid var(--line);background:#fff;padding:27px;box-shadow:14px 15px #e3eaf1}.calc-box-top{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:17px;font-weight:600;display:flex}.status{color:#16a768;font:11px Space Grotesk}.inputs{grid-template-columns:repeat(3,1fr);gap:11px;margin:25px 0;display:grid}.inputs label{color:var(--muted);font-size:11px}input,select,textarea{width:100%;color:var(--ink);background:#fbfcfd;border:1px solid #d3dde6;border-radius:3px;margin-top:7px;padding:12px 13px;font:14px IBM Plex Sans Thai}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:2px solid #19b7de66}.calc-result{text-align:center;background:#e8faf2;border:1px solid #b5ead0;margin-bottom:14px;padding:15px}.calc-result small,.calc-result span{color:#4f8068;font-size:11px;display:block}.calc-result strong{color:#139256;margin:3px;font:700 32px Space Grotesk;display:block}.full{cursor:pointer;border:0;width:100%}.projects{padding-top:30px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px;display:grid}.project-card{background:#fff}.project-photo{height:290px;position:relative;overflow:hidden}.project-photo img{object-fit:cover;filter:none;width:100%;height:100%}.project-card:first-child .project-photo{height:290px}.project-photo span{color:var(--blue);background:#fff;padding:7px 10px;font-size:11px;position:absolute;bottom:14px;left:14px}.project-meta{justify-content:space-between;padding:17px 18px;display:flex}.project-meta h3{margin:0 0 2px;font-size:16px}.project-meta p{color:var(--muted);margin:0;font-size:11px}.project-meta>span{color:var(--blue);font-size:22px}.contact{background:var(--blue);color:#fff}.contact-inner{grid-template-columns:1fr .8fr;align-items:center;gap:90px;display:grid}.contact h2 em{color:#75def1}.contact-copy>p{color:#c6d5f1;max-width:430px;line-height:1.8}.contact-direct{gap:38px;margin-top:42px;display:flex}.contact-direct a{color:#fff;border-top:1px solid #ffffff45;flex-direction:column;gap:5px;padding-top:11px;text-decoration:none;display:flex}.contact-direct span{color:#acd1e9;font-size:11px}.contact-direct b{font:15px Space Grotesk}.quote-form{color:var(--ink);background:#fff;padding:27px;box-shadow:13px 13px #003579}.form-label{margin-bottom:17px;font-size:19px;font-weight:600}.form-label span{float:right;color:#8291a0;margin-top:6px;font-size:11px;font-weight:400}.quote-form input,.quote-form select,.quote-form textarea{margin-top:9px;margin-bottom:5px}.quote-form .button{margin-top:9px}.form-message{color:#12985a;text-align:center;min-height:19px;padding-top:10px;font-size:12px}footer{color:#fff;background:#091322;padding:55px 0 22px}.footer-inner{justify-content:space-between;align-items:start;gap:30px;display:flex}.footer-inner .brand{color:#fff}.footer-inner p{color:#9cabbc;margin:0;font-size:12px;line-height:1.7}.footer-links{gap:23px;display:flex}.footer-links a{color:#fff;font-size:13px;text-decoration:none}.footer-bottom{color:#718096;border-top:1px solid #ffffff1c;justify-content:space-between;margin-top:40px;padding-top:18px;font:10px Space Grotesk;display:flex}.floating-line{z-index:8;color:#fff;background:#11b66b;border-radius:40px;align-items:center;gap:9px;padding:11px 17px;font-size:12px;text-decoration:none;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 22px #00152c55}.floating-line span{border:1px solid #fff8;border-radius:50%;padding:4px;font:9px Space Grotesk}.floating-line b{font-weight:600}.desktop{display:block}@media (width<=800px){.nav{height:70px}.nav-links{background:#fff;flex-direction:column;gap:18px;padding:22px;display:none;position:absolute;top:70px;left:20px;right:20px;box-shadow:0 12px 30px #00152c18}.nav-links.open{display:flex}.nav-cta{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:0;padding-top:55px}.hero-art{height:365px;margin-top:20px}.hero-image{width:78%;height:315px}.concrete-card{width:155px;height:155px;padding:18px;bottom:22px}.concrete-card strong{font-size:22px}.floating-badge{bottom:2px}.section{padding-top:75px;padding-bottom:75px}.service-grid{grid-template-columns:1fr 1fr}.quality-inner,.calculator,.contact-inner{grid-template-columns:1fr;gap:40px}.quality-visual{height:310px}.project-grid{grid-template-columns:1fr}.project-card:first-child .project-photo,.project-photo{height:250px}.contact-direct{flex-direction:column;gap:15px}.contact-direct a{width:max-content}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%}.section-head{flex-direction:column;align-items:start;gap:15px}.section-head p{text-align:left}.desktop{display:none}}@media (width<=480px){.container{padding-left:20px;padding-right:20px}.hero h1{font-size:52px}.hero p{font-size:15px}.hero-actions{flex-direction:column;align-items:start;gap:17px}.trust-row{gap:18px}.trust-row strong{font-size:18px}.service-grid{grid-template-columns:1fr}.inputs{grid-template-columns:1fr 1fr}.inputs label:last-child{grid-column:span 2}.quality-visual{height:275px}.contact h2,.quality h2{font-size:46px}.form-label span{float:none;display:block}.footer-bottom{flex-direction:column;gap:10px}.floating-line{bottom:15px;right:15px}}.service-photo{object-fit:cover;width:calc(100% + 46px);max-width:none;height:170px;margin:-25px -23px 22px;display:block}.service-card{overflow:hidden}.service-card h3{margin-top:18px}.quality-photo{object-fit:cover;object-position:center 60%;width:100%;height:100%;display:block}.quality-visual .roundel{background:#0c1727d9;width:108px;height:108px;padding:24px 0;font-size:10px;top:16px;left:16px}.quality-note{font-size:12px}.quality-note b{font-family:IBM Plex Sans Thai,sans-serif}.hero-image img,.slide img{filter:none}@media (width<=480px){.service-photo{height:210px}}.hero-image:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 42%,#fff9 49%,#fff 50%,#0000 57%);animation:6s ease-in-out infinite shineSweep;position:absolute;inset:-10% -30%;transform:translate(-75%)rotate(7deg)}.hero-slider{background:#d8e8fa}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity .8s}.slide.active{opacity:1}.slide img{object-fit:cover;filter:saturate(.75)contrast(1.08);width:100%;height:100%}.slide span{color:#fff;letter-spacing:.12em;background:#004aad;padding:7px 10px;font:10px Space Grotesk;position:absolute;top:18px;left:18px}.slider-controls{z-index:5;align-items:center;gap:9px;display:flex;position:absolute;bottom:16px;right:16px}.slider-arrow,.slider-dot{cursor:pointer;border:0}.slider-arrow{color:#004aad;background:#fff;border-radius:50%;width:30px;height:30px;font-size:16px;box-shadow:0 4px 12px #00152c22}.slider-dots{gap:5px;display:flex}.slider-dot{background:#fff8;border-radius:50%;width:6px;height:6px;padding:0;transition:all .2s}.slider-dot.active{background:#ffae22;border-radius:5px;width:18px}.art-glow{animation:7s ease-in-out infinite softFloat}.sparkle-field{z-index:4;pointer-events:none;position:absolute;inset:-35px -25px;overflow:hidden}.sparkle{color:#ffb52a;text-shadow:0 0 12px #ffb52a99;opacity:.15;font-size:18px;font-style:normal;animation:3.8s ease-in-out infinite twinkle;position:absolute}.s1{animation-delay:-.4s;top:19%;left:13%}.s2{font-size:12px;animation-delay:-2.1s;top:6%;left:78%}.s3{color:#19b7de;font-size:23px;animation-delay:-1.4s;top:30%;left:91%}.s4{font-size:11px;animation-delay:-3s;top:60%;left:5%}.s5{font-size:13px;animation-delay:-1.9s;top:5%;left:42%}.s6{font-size:12px;animation-delay:-.8s;top:76%;left:71%}.s7{color:#19b7de;font-size:11px;animation-delay:-2.7s;top:88%;left:22%}.s8{font-size:13px;animation-delay:-1.1s;top:58%;left:96%}.orbit{border:1px solid #19b7de55;border-radius:50%;animation:14s linear infinite orbitSpin;position:absolute}.orbit-a{width:330px;height:330px;top:40px;right:-55px;transform:rotate(25deg)}.orbit-b{border-color:#ffb52a55;width:215px;height:215px;animation-duration:10s;animation-direction:reverse;top:100px;right:65px}@keyframes twinkle{0%,to{opacity:.08;transform:scale(.6)rotate(0)}45%{opacity:1;transform:scale(1.35)rotate(22deg)}65%{opacity:.3;transform:scale(.8)rotate(45deg)}}@keyframes shineSweep{0%,34%{opacity:0;transform:translate(-75%)rotate(7deg)}45%{opacity:.8}62%,to{opacity:0;transform:translate(75%)rotate(7deg)}}@keyframes softFloat{0%,to{transform:rotate(9deg)translateY(0)}50%{transform:rotate(11deg)translateY(-10px)}}@keyframes orbitSpin{to{transform:rotate(385deg)}}@media (prefers-reduced-motion:reduce){.sparkle,.orbit,.art-glow,.hero-image:after{animation:none}.slide{transition:none}}.footer-contact{gap:25px;display:flex}.footer-contact>a{color:#fff;border-left:1px solid #ffffff2c;flex-direction:column;gap:4px;padding-left:15px;text-decoration:none;display:flex}.footer-contact span{color:#79dff2;font-size:10px}.footer-contact b{font:13px Space Grotesk}.line-contact{border-left:1px solid #ffffff2c;flex-direction:column;gap:5px;padding-left:15px;display:flex}.line-qr-wrap{width:66px;height:66px;position:relative}.line-contact>a,.line-qr-wrap>a{background:#fff;border-radius:5px;width:66px;height:66px;padding:4px;display:block}.line-contact img{object-fit:cover;width:100%;height:100%;display:block}.line-contact small{color:#9cabbc;font-size:10px}.qr-preview{opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #dce3ea;border-radius:8px;width:220px;padding:9px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,8px)scale(.92);box-shadow:0 14px 35px #0005}.qr-preview:after{content:"";background:#fff;border-bottom:1px solid #dce3ea;border-right:1px solid #dce3ea;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.qr-preview img{width:100%;height:auto}.line-qr-wrap:hover .qr-preview,.line-qr-wrap:focus-within .qr-preview{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.footer-inner{align-items:center}@media (width<=800px){.footer-contact{order:2;gap:20px;width:100%}.footer-links{order:4}.footer-inner p{order:3;width:100%}.footer-contact>a,.line-contact{border-left:0;padding-left:0}}