.web{--ink:#172b38;--blue:#0c6983;--muted:#6e838d;color:var(--ink);background:#f7f8f5;min-height:100vh;font-family:Arial,Noto Sans Thai,Noto Sans SC,sans-serif}.web *{box-sizing:border-box}.web button,.web select{cursor:pointer}.web a{color:inherit;text-decoration:none}.web-header{background:#f7f8f5;align-items:center;gap:28px;max-width:1440px;margin:auto;padding:22px 5%;display:flex}.web-brand{white-space:nowrap;align-items:center;gap:12px;font-weight:800;display:flex}.web-mark{color:#fff;background:#0a687e;border-radius:8px;place-items:center;width:40px;height:40px;font-size:15px;display:grid}.web-header nav{gap:24px;margin-left:auto;font-size:14px;display:flex}.web-header nav a:hover{color:var(--blue)}.web-header select{background:#fff;border:1px solid #d8e2e2;border-radius:6px;padding:9px}.web-hero{background:#e5f1ef;border-radius:18px;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;max-width:1320px;min-height:510px;margin:10px auto 0;padding:74px 7%;display:grid;overflow:hidden}.web-eyebrow{letter-spacing:.19em;color:#0e788d;font-size:12px;font-weight:800}.web-hero h1{max-width:760px;margin:25px 0;font-size:clamp(38px,5vw,70px);line-height:1.12}.web-hero p:not(.web-eyebrow){color:#54717b;max-width:640px;font-size:18px;line-height:1.8}.web-primary{background:#096a80;border:0;border-radius:7px;justify-content:center;align-items:center;gap:20px;margin-top:18px;padding:15px 24px;font-weight:700;display:inline-flex;color:#fff!important}.web-primary:disabled{opacity:.5;cursor:not-allowed}.web-hero-art{color:#fff;background:linear-gradient(145deg,#0b526a,#092f45);border-radius:18px;flex-direction:column;justify-content:center;min-height:345px;padding:45px;display:flex;position:relative;box-shadow:28px 28px #bdd9d5}.web-hero-art>span{letter-spacing:.12em;border-bottom:1px solid #6293a1;font-size:clamp(32px,4vw,56px);font-weight:900;line-height:1.2}.web-hero-art strong{font-size:65px;line-height:1;position:absolute;bottom:32px;right:25px}.web-hero-art strong span{color:#7ad2dc;font-size:26px}.web-hero-art small{letter-spacing:.3em;margin-top:30px}.web-section{max-width:1320px;margin:auto;padding:85px 30px}.web-section-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.web h2{margin:8px 0 28px;font-size:35px}.web-section-heading input{width:min(360px,100%)}.web input,.web textarea{font:inherit;background:#fff;border:1px solid #d1dfe0;border-radius:7px;padding:13px}.web-cats{flex-wrap:wrap;gap:9px;margin:8px 0 30px;display:flex}.web-cats button,.web-secondary{color:var(--ink);background:#fff;border:1px solid #d2dddd;border-radius:30px;padding:9px 17px}.web-cats .selected{color:#fff;background:#113d4d}.web-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;display:grid}.web-card{background:#fff;border:1px solid #e4eaea;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #09354a08}.web-photo{color:#a4b6bb;background:#e8eeee;place-items:center;height:225px;font-size:45px;font-weight:900;display:grid}.web-photo img{object-fit:cover;width:100%;height:100%}.web-card-body{padding:20px}.web-card small{color:var(--blue);font-weight:700}.web-card h3{min-height:55px;font-size:17px;line-height:1.5}.web-card-bottom{color:var(--muted);justify-content:space-between;align-items:end;gap:7px;font-size:12px;display:flex}.web-card-bottom strong{color:#163343;font-size:20px}.web-card-bottom button{color:#0c6074;background:#dcedec;border:0;border-radius:5px;padding:10px;font-weight:700}.web-workspace{grid-template-columns:1fr 1fr;gap:22px;max-width:1320px;margin:0 auto 75px;padding:0 30px;display:grid}.web-panel{background:#fff;border:1px solid #e1e9e8;border-radius:14px;padding:30px}.web-panel textarea{resize:vertical;width:100%;height:94px;margin-top:16px}.web-line{border-bottom:1px solid #e6eeee;align-items:center;gap:14px;padding:14px 0;display:flex}.web-line span{flex:1}.web-line input{width:75px}.web-line button{background:0 0;border:0;font-size:24px}.web-tabs{gap:15px;margin:14px 0;display:flex}.web-tabs button{color:var(--muted);background:0 0;border:0;padding:10px}.web-tabs .active{color:var(--blue);border-bottom:2px solid var(--blue)}.web-panel form{gap:12px;display:grid}.web-panel form .web-primary{margin:3px 0}.web-order{border-top:1px solid #e4eded;gap:6px;padding:14px 0;display:grid}.web-order span{color:var(--blue)}.web-order small{color:var(--muted)}.web-message{color:var(--blue);line-height:1.5}.web footer{color:#fff;background:#102f3e;justify-content:space-between;padding:38px max(5%,50vw - 630px);display:flex}@media (max-width:950px){.web-grid{grid-template-columns:repeat(2,1fr)}.web-header nav{gap:10px;font-size:12px}.web-hero{margin:0 14px}}@media (max-width:650px){.web-header{flex-wrap:wrap;padding:14px}.web-header nav{order:3;justify-content:space-between;width:100%;margin:0;overflow:auto}.web-hero{grid-template-columns:1fr;padding:42px 25px}.web-hero-art{min-height:240px}.web-section{padding:55px 16px}.web-section-heading{display:block}.web-section-heading input{width:100%}.web-grid{grid-template-columns:1fr 1fr;gap:9px}.web-photo{height:135px}.web-card-body{padding:12px}.web-card h3{font-size:14px}.web-card-bottom{display:block}.web-card-bottom button{margin-top:10px}.web-workspace{grid-template-columns:1fr;padding:0 16px}.web-panel{padding:20px}}.web-photo{min-height:0;overflow:hidden}.web-photo img{object-fit:cover;width:100%;min-width:0;max-width:none;height:100%;min-height:0;display:block}.web-card-body{background:#fff;position:relative}.web-card-bottom del{color:#8a9a9f;margin-top:3px;display:block}.web-card-bottom em{color:#b04032;margin-top:3px;font-style:normal;font-weight:700;display:inline-block}.web-calc-button{color:#0c6983;background:0 0;border:1px solid #c7dce1;border-radius:6px;width:100%;margin-top:16px;padding:10px;font-weight:700;display:block}.web-modal-backdrop{z-index:10000;background:#0c2838ad;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.web-modal{color:#172b38;background:#fff;border-radius:14px;width:min(520px,100%);max-height:90vh;padding:30px;position:relative;overflow:auto;box-shadow:0 24px 70px #0004}.web-modal h2{margin:8px 0;font-size:28px}.web-modal-close{background:0 0;border:0;font-size:28px;position:absolute;top:14px;right:18px}.web-modal-product{color:#5d737e;margin-bottom:22px}.web-calc-field{gap:8px;margin:15px 0;font-weight:600;display:grid}.web-calc-field input{width:100%}.web-calc-result{border-bottom:1px solid #e2ecec;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.web-calc-result strong{font-size:18px}.web-calc-highlight{color:#0a6279;background:#e7f4f3;border-radius:8px;margin-top:16px;padding:16px}.web-calc-disclaimer{color:#576c77;margin-top:18px;font-size:13px;line-height:1.7}.web-info-hero{background:linear-gradient(125deg,#e5f1ef,#cde0de);border-radius:18px;max-width:1320px;min-height:280px;margin:10px auto 0;padding:85px 7%}.web-info-hero h1{margin:20px 0;font-size:clamp(40px,5vw,68px)}.web-info-hero>p:last-child{color:#54717b;font-size:20px}.web-info-content{max-width:1320px;margin:0 auto;padding:75px 30px 100px}.web-info-intro{max-width:900px;margin-bottom:50px}.web-info-intro>p:last-child,.web-info-grid p{white-space:pre-line;color:#526b77;font-size:17px;line-height:1.85}.web-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0 60px;display:grid}.web-info-grid article{background:#fff;border:1px solid #e0e9e8;border-radius:14px;min-height:230px;padding:35px}.web-info-grid article>span{letter-spacing:.2em;color:#0c6983;font-size:13px;font-weight:800}.web-info-grid h2,.web-info-grid h3{margin:20px 0 14px}.web-info-grid a{color:#0c6983;text-decoration:underline}.web-info-grid strong{color:#172b38}@media (max-width:650px){.web-info-hero{margin:0 14px;padding:60px 25px}.web-info-content{padding:50px 16px}.web-info-grid{grid-template-columns:1fr}.web-info-grid article{min-height:0;padding:24px}}.web-cases{max-width:1320px;margin:0 auto;padding:75px 30px}.web-cases-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;display:flex}.web-cases-heading h2{margin:8px 0}.web-cases-heading p:last-child{color:#526b77}.web-cases-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.web-case{background:#fff;border:1px solid #e0e9e8;border-radius:13px;overflow:hidden}.web-case img{object-fit:cover;width:100%;height:250px;display:block}.web-case div{padding:18px}.web-case h3{margin:0 0 8px;font-size:18px}.web-case p{color:#526b77;white-space:pre-line;margin:0;line-height:1.6}.web-cases-empty{text-align:center;color:#687f89;border:1px dashed #b8cfd0;border-radius:13px;padding:45px}@media (max-width:900px){.web-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.web-cases{padding:50px 16px}.web-cases-heading{display:block}.web-cases-grid{grid-template-columns:1fr}.web-case img{height:210px}}.web-mark-image{background:#fff;border:1px solid #d8e2e2;overflow:hidden}.web-mark-image img{object-fit:contain;width:100%;height:100%;display:block}.web{--ink:#102d55;--blue:#1769c2;--muted:#5d7290;background:#f5f8fc}.web-header{background:#f5f8fc}.web-mark{background:#0b2a55}.web-mark-image{background:#fff}.web-hero{background:#eaf2fc}.web-hero-art{background:linear-gradient(145deg,#1769c2,#0b2a55);box-shadow:28px 28px #cbdff7}.web-hero-art>span{border-color:#79a7e1}.web-hero-art strong span{color:#a8d0ff}.web-eyebrow{color:#1769c2}.web-primary{background:#1257ab}.web-cats .selected{background:#0b2a55}.web-card-bottom button{color:#1257ab;background:#e4efff}.web-calc-button,.web-info-grid a{color:#1769c2}.web-calc-button{border-color:#c8dafa}.web-calc-button:hover{background:#edf4ff}.web-calc-highlight{color:#0b2a55;background:#eaf2fc}.web-info-hero{background:linear-gradient(125deg,#eaf2fc,#d3e5fa)}.web footer{background:#0b2a55}.web-order span,.web-message,.web-card small,.web-tabs .active{color:#1769c2}.web-cases-empty{border-color:#c8dafa}.web-info-grid article>span{color:#1769c2}