:root{color-scheme:light;--color-ink:#102033;--color-muted:#536171;--color-navy:#0d2742;--color-navy-2:#173d61;--color-blue:#177ddc;--color-blue-soft:#e7f3ff;--color-sky:#68bdf6;--color-line:#d8e5f2;--color-surface:#fff;--color-surface-alt:#f5f9fd;--color-focus:#f6b84b;--shadow-soft:0 18px 50px #0d27421f;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--content:min(1120px, calc(100vw - 32px));--font-sans:"Inter", "Noto Sans Thai", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--color-surface);color:var(--color-ink);font-family:var(--font-sans);scroll-behavior:smooth}body{min-width:320px;margin:0}body,button,input,textarea{font:inherit}a{color:inherit;text-underline-offset:.18em;text-decoration-color:#177ddc73}a:hover{color:var(--color-blue)}img,svg{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.skip-link{background:var(--color-ink);color:#fff;z-index:20;padding:10px 14px;transition:transform .16s;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:10;backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #d8e5f2cc;position:sticky;top:0}.site-nav,.site-footer,.section,.breadcrumbs{width:var(--content);margin-inline:auto}.site-nav{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.wordmark{color:var(--color-navy);letter-spacing:0;font-size:1.45rem;font-weight:800;text-decoration:none;display:inline-flex}.nav-links,.footer-links{align-items:center;gap:6px;display:flex}.nav-links a,.footer-links a{border-radius:var(--radius-sm);color:var(--color-muted);padding:10px 12px;font-size:.96rem;font-weight:650;text-decoration:none}.nav-links a:hover,.footer-links a:hover{background:var(--color-blue-soft);color:var(--color-navy)}.menu-toggle{background:var(--color-navy);border-radius:var(--radius-sm);color:#fff;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:0;display:none}.menu-toggle__bar{background:currentColor;border-radius:999px;width:20px;height:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.breadcrumbs{color:var(--color-muted);padding-top:24px;font-size:.9rem}.breadcrumbs ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:8px}.hero{border-bottom:1px solid var(--color-line);background:radial-gradient(circle at 82% 22%,#68bdf62e,#0000 32%),linear-gradient(135deg,#f7fbff 0%,#fff 42%,#eaf5ff 100%)}.hero__inner{min-height:calc(100svh - 72px);width:var(--content);grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:44px;margin-inline:auto;padding:72px 0 56px;display:grid}.eyebrow{color:var(--color-blue);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.82rem;font-weight:800}h1,h2,h3{color:var(--color-navy);margin:0;line-height:1.12}h1{max-width:820px;font-size:clamp(2.4rem,6vw,5.8rem)}h2{font-size:clamp(1.85rem,3vw,3rem)}h3{font-size:1.28rem}p{color:var(--color-muted);line-height:1.8}.lead{max-width:700px;font-size:clamp(1.08rem,2vw,1.32rem)}.hero__actions,.button-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{border:1px solid var(--color-line);border-radius:var(--radius-sm);align-items:center;min-height:46px;padding:12px 16px;font-weight:800;text-decoration:none;display:inline-flex}.button--primary{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.button--primary:hover{background:var(--color-blue);border-color:var(--color-blue);color:#fff}.button--secondary{color:var(--color-navy);background:#fff}.section{padding:78px 0}.section--tint{background:var(--color-surface-alt);border-block:1px solid var(--color-line);width:100%}.section--tint>.section__inner{width:var(--content);margin-inline:auto}.section__header{grid-template-columns:minmax(0,.9fr) minmax(280px,.7fr);gap:18px;margin-bottom:34px;display:grid}.service-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.service-link,.product-summary,.process-step,.info-panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:0 1px #0d27420a}.service-link{min-height:220px;padding:22px;text-decoration:none;display:flex}.service-link:hover{box-shadow:var(--shadow-soft);border-color:#177ddc73;transform:translateY(-2px)}.service-link p,.product-summary p,.process-step p{margin-bottom:0}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.process-step{padding:26px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.product-summary{flex-direction:column;justify-content:space-between;min-height:310px;padding:24px;display:flex}.product-summary a{text-decoration:none}.product-summary__footer{flex-direction:column;align-items:flex-start;gap:14px;margin-top:24px;display:flex}.status-badge{background:var(--color-blue-soft);color:var(--color-navy);border:1px solid #177ddc2e;border-radius:999px;align-self:flex-start;padding:7px 10px;font-size:.86rem;font-weight:800}.text-link{color:var(--color-blue);text-underline-offset:.18em;font-weight:800;text-decoration:underline #177ddc59}.split{grid-template-columns:minmax(0,.9fr) minmax(300px,.75fr);align-items:start;gap:36px;display:grid}.skill-list,.plain-list{flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none;display:flex}.skill-list li,.plain-list li{background:var(--color-blue-soft);color:var(--color-navy);border-radius:999px;padding:8px 11px;font-weight:750}.info-panel{padding:28px}.info-panel ul,.notice ul,.scope-list{color:var(--color-muted);padding-left:1.3rem;line-height:1.8}.concept-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);color:#fff;background:#071a2d;margin:0;overflow:hidden}.concept-panel__chrome{border-bottom:1px solid #ffffff1f;gap:7px;padding:16px;display:flex}.concept-panel__chrome span{background:#ffffff80;border-radius:50%;width:10px;height:10px}.concept-panel__body{gap:24px;min-height:320px;padding:28px;display:grid}.concept-panel__label{color:var(--color-sky);margin:0 0 8px;font-weight:800}.concept-panel h2{color:#fff}.concept-panel__grid{grid-template-columns:repeat(3,1fr);align-self:end;gap:12px;display:grid}.concept-panel__grid span{border-radius:var(--radius-sm);background:linear-gradient(145deg,#68bdf657,#ffffff14);border:1px solid #ffffff1f;min-height:76px}.concept-panel figcaption{color:#ffffffc2;background:#ffffff0f;padding:14px 20px 18px;font-size:.9rem;line-height:1.7}.page-hero{padding:70px 0 40px}.page-hero__inner{width:var(--content);margin-inline:auto}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.notice{border-radius:var(--radius-md);background:#fff8e8;border:1px solid #f4d28d;padding:24px}.contact-list{gap:14px;padding:0;list-style:none;display:grid}.contact-list li{border-bottom:1px solid var(--color-line);justify-content:space-between;padding:12px 0;display:flex}.site-footer{border-top:1px solid var(--color-line);justify-content:space-between;align-items:start;gap:24px;padding:36px 0;display:flex}@media (prefers-reduced-motion:no-preference){.service-link,.button{transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}}@media (width<=900px){.menu-toggle{display:inline-flex}.nav-links{border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#fff;flex-direction:column;padding:10px;display:none;position:absolute;top:64px;left:16px;right:16px}.nav-links[data-open]{display:flex}.nav-links a{width:100%}.hero__inner,.section__header,.split,.scope-grid{grid-template-columns:1fr}.hero__inner{min-height:auto;padding-top:48px}.service-list,.product-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){:root{--content:min(100% - 24px, 1120px)}.service-list,.product-grid,.process-grid{grid-template-columns:1fr}.section{padding:54px 0}.site-footer,.contact-list li{flex-direction:column}.footer-links{flex-direction:column;align-items:flex-start}}