:root{--black:#11110f;--yellow:#ffd633;--red:#e53d2f;--paper:#f2f0e8;--white:#fff;--line:#b9b6ab;--muted:#68665e;--display:"Chakra Petch","IBM Plex Sans Thai",sans-serif;--body:"IBM Plex Sans Thai",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:var(--body);line-height:1.55}img{display:block;max-width:100%}button,a,input{font:inherit}a{color:inherit}.demo-notice{display:flex;justify-content:center;gap:20px;padding:8px 16px;background:var(--black);color:#fff;font-size:10px;text-align:center}.demo-notice strong{color:var(--yellow);font-family:var(--display)}.site-header{position:sticky;z-index:20;top:0;display:flex;justify-content:space-between;align-items:center;min-height:72px;padding:9px clamp(18px,5vw,70px);border-bottom:2px solid var(--black);background:rgba(242,240,232,.96);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{position:relative;width:42px;height:42px;background:var(--yellow);border:2px solid var(--black);transform:rotate(45deg)}.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";position:absolute;left:17px;top:5px;width:4px;height:28px;background:var(--black)}.brand-mark:after{transform:rotate(90deg)}.brand-mark i{transform:rotate(45deg)}.brand strong,.brand small{display:block}.brand strong{font:700 20px/1 var(--display)}.brand small{margin-top:4px;font:600 8px/1 var(--display)}.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav a{font-size:12px;font-weight:600;text-decoration:none}.nav-cta{padding:9px 14px;background:var(--black);color:var(--yellow)}.hero{position:relative;display:grid;grid-template-columns:1.2fr .8fr;min-height:calc(100svh - 100px);overflow:hidden;background:var(--yellow)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(65px,8vw,125px) clamp(20px,7vw,110px)}.hero-copy>p:first-child,.finder-head>span,.field-copy>span,.fees-title>span,.scope-head>span,.photo-guide>div>span,.contact>div>span{font:700 10px var(--display)}.hero h1{margin:28px 0;font:700 clamp(66px,9vw,138px)/.82 var(--display);text-transform:uppercase}.hero h1 span{display:block;color:var(--red);-webkit-text-stroke:1px var(--black)}.hero-copy>p:nth-of-type(2){max-width:610px;font-size:18px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.hero-actions>a{display:flex;justify-content:space-between;width:min(360px,100%);padding:16px 18px;background:var(--black);color:#fff;font-weight:700;text-decoration:none}.hero-actions>span{font-size:11px}.hero-actions b{font:700 30px/1 var(--display)}.manual-index{display:flex;flex-direction:column;justify-content:flex-end;padding:60px clamp(20px,5vw,80px);background:var(--black);color:#fff}.manual-index>span{color:var(--yellow);font:700 11px var(--display)}.manual-index ol{margin:25px 0 0;padding:0;border-top:1px solid #52524a;list-style:none}.manual-index li{padding:17px 0;border-bottom:1px solid #52524a;font:600 13px var(--display)}.manual-index li b{display:inline-grid;width:28px;height:28px;margin-right:14px;place-content:center;background:var(--yellow);color:var(--black)}.hazard-line{position:absolute;left:0;right:0;bottom:0;height:18px;background:repeating-linear-gradient(135deg,var(--black) 0 18px,var(--yellow) 18px 36px)}.finder{padding:clamp(80px,10vw,150px) clamp(18px,7vw,110px);background:var(--paper)}.finder-head{display:grid;grid-template-columns:180px 1fr 1fr;gap:40px;align-items:end;margin-bottom:45px}.finder-head h2{margin:0;font:700 clamp(48px,7vw,92px)/.9 var(--display)}.finder-head p{max-width:470px;margin:0;color:var(--muted)}.fault-buttons{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--black)}.fault-buttons button{min-height:150px;padding:20px;border:0;border-right:2px solid var(--black);background:#fff;color:var(--black);text-align:left;cursor:pointer}.fault-buttons button:last-child{border-right:0}.fault-buttons span,.fault-buttons strong,.fault-buttons small{display:block}.fault-buttons span{font:700 11px var(--display)}.fault-buttons strong{margin:13px 0 5px;font:700 28px var(--display)}.fault-buttons small{color:var(--muted)}.fault-buttons button.is-active{background:var(--yellow);box-shadow:inset 0 -10px 0 var(--black)}.dispatch-board{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:auto auto;border:2px solid var(--black);border-top:0;background:#fff}.dispatch-board>div{padding:24px;border-right:2px solid var(--black)}.dispatch-board>div:nth-child(3){border-right:0}.dispatch-label{grid-row:1/3}.dispatch-label>span,.dispatch-tech>span,.dispatch-fee>span,.dispatch-photos>span{font:700 9px var(--display)}.dispatch-label strong{display:block;margin:20px 0 7px;font:700 34px var(--display)}.dispatch-label p{color:var(--muted)}.dispatch-tech strong,.dispatch-fee strong{display:block;margin:12px 0 5px;font:700 25px var(--display)}.dispatch-board small{color:var(--muted)}.dispatch-photos{grid-column:2/4;border-top:2px solid var(--black);border-right:0!important}.dispatch-photos ol{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:0;margin:15px 0 0;counter-reset:photos;list-style:none}.dispatch-photos li{padding-left:20px;font-size:11px;position:relative}.dispatch-photos li:before{counter-increment:photos;content:counter(photos);position:absolute;left:0;color:var(--red);font-weight:700}.emergency{display:flex;align-items:center;gap:15px;margin-top:18px;padding:17px;border:2px solid var(--black);background:#fff;cursor:pointer}.emergency input{position:absolute;opacity:0}.toggle{position:relative;flex:0 0 48px;width:48px;height:26px;background:#aaa;border:2px solid var(--black)}.toggle:after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;background:var(--black);transition:transform .18s}.emergency input:checked+.toggle{background:var(--red)}.emergency input:checked+.toggle:after{transform:translateX(22px);background:#fff}.emergency strong,.emergency small{display:block}.emergency small{color:var(--muted)}.emergency-panel{padding:18px 22px;background:var(--red);color:#fff;border:2px solid var(--black);border-top:0}.emergency-panel b{font-size:18px}.emergency-panel p{margin:5px 0}.dispatch-action{display:flex;justify-content:space-between;margin-top:10px;padding:18px 22px;background:var(--black);color:var(--yellow);font-weight:700;text-decoration:none}.field-visual{display:grid;grid-template-columns:1.1fr .9fr;min-height:720px;background:var(--black);color:#fff}.field-visual figure,.photo-guide figure{position:relative;margin:0;min-height:600px}.field-visual img,.photo-guide img{width:100%;height:100%;object-fit:cover}.field-visual figcaption,.photo-guide figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:8px;background:rgba(17,17,15,.9);font-size:9px}.field-copy{padding:clamp(60px,8vw,120px)}.field-copy>span{color:var(--yellow)}.field-copy h2,.fees-title h2,.scope-head h2,.photo-guide h2,.contact h2{margin:28px 0;font:700 clamp(50px,7vw,96px)/.9 var(--display)}.field-copy>p{color:#c7c5ba;font-size:17px}.field-copy dl{margin-top:40px;border-top:1px solid #555}.field-copy dl div{display:grid;grid-template-columns:90px 1fr;padding:13px 0;border-bottom:1px solid #555}.field-copy dt{color:var(--yellow);font-weight:700}.field-copy dd{margin:0}.fees{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;padding:clamp(90px,11vw,160px) clamp(18px,7vw,110px);background:var(--red);color:#fff}.fees-title>span{color:var(--yellow)}.fee-sheet{background:var(--paper);color:var(--black);border:2px solid var(--black);box-shadow:12px 12px 0 var(--yellow)}.fee-sheet>div{display:grid;grid-template-columns:100px 1fr 1.4fr auto;gap:18px;align-items:center;padding:24px;border-bottom:2px solid var(--black)}.fee-sheet>div:last-child{border-bottom:0}.fee-sheet span{font:700 9px var(--display)}.fee-sheet h3{margin:0;font:700 22px var(--display)}.fee-sheet p{margin:0;color:var(--muted)}.fee-sheet strong{white-space:nowrap}.scope{padding:clamp(90px,11vw,160px) clamp(18px,7vw,110px)}.scope-head{display:grid;grid-template-columns:.6fr 1.4fr;align-items:end;margin-bottom:50px}.scope-head h2{margin:0}.scope-table{border:2px solid var(--black)}.scope-row{display:grid;grid-template-columns:.7fr 1.5fr .6fr;border-bottom:1px solid var(--line)}.scope-row:last-child{border-bottom:0}.scope-row>*{padding:18px}.table-head{background:var(--black);color:#fff;font:700 10px var(--display)}.scope-row strong{text-align:center}.accept{background:var(--yellow)}.refer{background:var(--red);color:#fff}.photo-guide{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--yellow)}.photo-guide>div{padding:clamp(60px,8vw,120px)}.photo-guide h2{font-size:clamp(52px,7vw,90px)}.photo-guide ul{padding:0;margin:35px 0 0;border-top:2px solid var(--black);list-style:none}.photo-guide li{padding:13px 0;border-bottom:1px solid rgba(17,17,15,.45)}.photo-guide li:before{content:"■";margin-right:12px}.faq{display:grid;grid-template-columns:1fr 1fr;padding:clamp(80px,10vw,140px) clamp(18px,7vw,110px);background:#fff}.faq details{padding:22px;border:1px solid var(--line);margin:-1px 0 0 -1px}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted)}.contact{display:flex;align-items:end;justify-content:space-between;gap:70px;padding:clamp(80px,10vw,140px) clamp(18px,7vw,110px);background:var(--red);color:#fff}.contact>div>span{color:var(--yellow)}.contact h2{margin-bottom:15px}.contact p{max-width:600px}.contact>a{min-width:360px;display:flex;justify-content:space-between;padding:18px;border:2px solid #fff;color:#fff;font-weight:700;text-decoration:none}footer{display:flex;justify-content:space-between;gap:30px;padding:22px clamp(18px,5vw,70px);background:var(--black);color:#aaa;font:500 10px var(--display)}:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(max-width:950px){.site-header nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr}.manual-index{min-height:350px}.finder-head{grid-template-columns:1fr}.fault-buttons{grid-template-columns:1fr 1fr}.fault-buttons button:nth-child(2){border-right:0}.fault-buttons button{border-bottom:2px solid var(--black)}.dispatch-board{grid-template-columns:1fr 1fr}.dispatch-label{grid-column:1/-1;grid-row:auto;border-right:0!important;border-bottom:2px solid var(--black)}.dispatch-tech{border-bottom:2px solid var(--black)}.dispatch-fee{border-right:0!important;border-bottom:2px solid var(--black)}.dispatch-photos{grid-column:1/-1;border-top:0}.field-visual,.fees,.photo-guide{grid-template-columns:1fr}.fee-sheet>div{grid-template-columns:80px 1fr auto}.fee-sheet p{grid-column:2/4}.scope-head{grid-template-columns:1fr}.contact{align-items:flex-start;flex-direction:column}.contact>a{min-width:0;width:100%}}
@media(max-width:560px){.hero h1{font-size:58px}.hero-copy{padding:60px 20px}.hero-actions{align-items:flex-start;flex-direction:column}.fault-buttons{grid-template-columns:1fr}.fault-buttons button{min-height:0;border-right:0}.dispatch-board{grid-template-columns:1fr}.dispatch-tech,.dispatch-fee{border-right:0!important}.dispatch-photos ol{grid-template-columns:1fr}.fee-sheet{box-shadow:7px 7px 0 var(--yellow)}.fee-sheet>div{grid-template-columns:1fr}.fee-sheet p{grid-column:auto}.scope-row{grid-template-columns:1fr}.table-head{display:none}.scope-row strong{text-align:left}.photo-guide>div,.field-copy{padding:60px 20px}.photo-guide figure,.field-visual figure{min-height:420px}.faq{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.contact{padding-left:20px;padding-right:20px}.contact h2{font-size:54px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toggle:after{transition:none}}