body.frontend-v2{margin:0;background:#f6f7fb!important}.frontend-v2 #art-main{height:1px!important;min-height:0!important;overflow:hidden!important;opacity:0;pointer-events:none}.v2-home{background:#f6f7fb}.v2-hero{padding:70px 0;background:linear-gradient(135deg,#fff 0,#f5f7fb 65%,#fff0e7 100%)}.v2-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:65px}.v2-eyebrow{display:inline-flex;padding:7px 12px;border-radius:99px;color:#d54b04;background:#fff0e7;font-size:14px;font-weight:800}.v2-hero h1{margin:18px 0 15px;color:#121925}.v2-hero-copy{margin:0;color:#586276;font-size:18px}.v2-hero-actions,.v2-cta-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.v2-highlights{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.v2-highlights span{color:#354052;font-size:14px;font-weight:700}.v2-highlights span:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;border-radius:50%;color:#fff;background:#16a05d}.v2-hero-media{position:relative}.v2-hero-media img{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:26px;box-shadow:0 25px 60px #18202e29}.v2-hero-badge{position:absolute;left:-18px;bottom:22px;padding:15px 20px;border-radius:15px;background:#fff;box-shadow:0 12px 35px #17203326;font-weight:800}.v2-services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.v2-service-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:14px;background:#fff0e7;font-size:27px}.v2-card h3{margin:0 0 9px;font-size:20px}.v2-card p{margin:0;color:#687183}.v2-more{display:inline-block;margin-top:18px;color:#e65309!important;text-decoration:none;font-weight:750}.v2-download-section{background:#eef1f6}.v2-downloads{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.v2-download-card{display:grid;grid-template-rows:78px auto 1fr auto;justify-items:center;gap:10px;text-align:center}.v2-download-card img{display:block;align-self:center;justify-self:center;max-width:76px;max-height:70px;object-fit:contain}.v2-download-card h3{font-size:18px}.v2-download-card .v2-btn{width:100%;margin-top:8px}.v2-cta{padding:54px;border-radius:25px;color:#fff;background:linear-gradient(135deg,#111827,#f45a0b);box-shadow:0 20px 50px #17203326}.v2-cta h2{margin:0;color:#fff}.v2-cta p{margin:8px 0 0;color:#ffe4d5;font-size:17px}

/* Center download cards when admin hides some programs */
.v2-downloads{grid-template-columns:repeat(auto-fit,minmax(240px,286px))!important;justify-content:center!important;align-items:stretch!important}.v2-download-card{align-content:center!important;min-height:368px;text-align:center!important}.v2-download-card p{max-width:100%;text-align:center}.v2-download-error{display:grid;place-items:center;min-height:220px;width:min(560px,100%);margin:0 auto;padding:28px;border:1px dashed #cbd5e1;border-radius:16px;color:#536175;background:#fff;text-align:center}

/* Published-only sections supplied by the homepage API. */
.v2-managed-section{padding:54px 0}.v2-managed-section:nth-child(even){background:#eef1f6}.v2-managed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.v2-managed-card{padding:24px;border:1px solid #dfe5ee;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.06)}.v2-managed-card h3{margin:0 0 8px;color:#172033;font-size:19px}.v2-managed-card p{margin:0;color:#5b6576}.v2-managed-card a{display:inline-block;margin-top:14px;color:#d54b04;font-weight:800;text-decoration:none}.v2-managed-section .v2-section-head{margin-bottom:24px}@media(max-width:640px){.v2-managed-section{padding:36px 0}.v2-managed-grid{grid-template-columns:1fr}}

/* Make homepage download cards easier to scan and tap. */
.v2-download-card{min-height:450px!important;padding:34px 24px 28px!important;border-color:#dfe7ef!important;box-shadow:0 18px 42px rgba(15,23,42,.10)!important}.v2-download-card img{max-width:156px!important;max-height:142px!important;margin-bottom:12px!important}.v2-download-card h3{font-size:24px!important;line-height:1.25!important;color:#111827!important}.v2-download-card p{font-size:16px!important;line-height:1.65!important;color:#4b5563!important}.v2-download-card .v2-btn{min-height:60px!important;border:0!important;border-radius:15px!important;color:#fff!important;background:linear-gradient(135deg,#ff7a1a,#f05a13)!important;box-shadow:0 14px 26px rgba(240,90,19,.24)!important;font-size:18px!important;font-weight:900!important}.v2-download-card .v2-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}

/* Modern technology timeline: scoped to the Admin-driven steps section only. */
.v2-steps-section{overflow:hidden;background:linear-gradient(180deg,#f8fbff 0,#fff 48%,#f7fafc 100%)!important}.v2-steps-section .v2-section-head{text-align:center}.v2-steps-timeline{--line-gradient:linear-gradient(90deg,#1557b0 0%,#21a5df 38%,#18a66a 68%,#f27421 100%);position:relative;display:grid;grid-template-columns:repeat(var(--step-count),minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none}.v2-steps-timeline:before{content:"";position:absolute;z-index:0;top:50%;left:calc(50% / var(--step-count));right:calc(50% / var(--step-count));height:4px;border-radius:99px;background:var(--line-gradient);box-shadow:0 0 16px rgba(33,165,223,.2);transform-origin:left center}.v2-step{position:relative;display:grid;grid-template-rows:minmax(145px,1fr) 58px minmax(145px,1fr);min-width:0;padding:0 7px}.v2-step-node{z-index:2;grid-row:2;align-self:center;justify-self:center;display:grid;place-items:center;width:46px;height:46px;border:5px solid #fff;border-radius:50%;color:#fff;background:#1557b0;box-shadow:0 5px 18px rgba(15,82,157,.26);font-size:15px;font-weight:900}.v2-step:nth-child(3n+2) .v2-step-node{background:#159bd1}.v2-step:nth-child(3n) .v2-step-node{background:#15945f}.v2-step:last-child .v2-step-node{background:#e7661b}.v2-step-card{position:relative;align-self:end;min-width:0;padding:20px 16px;border:1px solid rgba(192,207,225,.75);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(15,42,74,.09);backdrop-filter:blur(8px)}.v2-step:nth-child(even) .v2-step-card{grid-row:3;align-self:start}.v2-step:nth-child(odd) .v2-step-card{grid-row:1}.v2-step-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:12px;border-radius:12px;color:#1557b0;background:#e9f3ff;font-size:20px;font-style:normal;font-weight:900}.v2-step:nth-child(3n) .v2-step-icon{color:#138250;background:#e7f7ef}.v2-step:last-child .v2-step-icon{color:#d65b16;background:#fff0e7}.v2-step-card h3{margin:0;color:#142033;font-size:17px;line-height:1.42}.v2-step-card p{margin:8px 0 0;color:#5a6678;line-height:1.6}.v2-step-card a{display:inline-block;margin-top:12px;border-radius:7px;color:#c94d08;font-weight:800;text-decoration:none}.v2-step-card a:focus-visible{outline:3px solid #1769c2;outline-offset:4px}.v2-steps-timeline[style*="--step-count: 1"]{display:block;max-width:460px;margin-inline:auto}.v2-steps-timeline[style*="--step-count: 1"]:before{display:none}.v2-steps-timeline[style*="--step-count: 1"] .v2-step{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto;min-height:0;padding:0}.v2-steps-timeline[style*="--step-count: 1"] .v2-step-node{grid-column:1;grid-row:1}.v2-steps-timeline[style*="--step-count: 1"] .v2-step-card{grid-column:2;grid-row:1;align-self:center}.v2-steps-animate .v2-steps-timeline:before{transform:scaleX(0);transition:transform 480ms ease}.v2-steps-animate .v2-step-node{opacity:0;transform:scale(.85);transition:opacity 360ms ease var(--step-delay),transform 360ms ease var(--step-delay)}.v2-steps-animate .v2-step-card{opacity:0;transform:translateY(14px);transition:opacity 420ms ease var(--step-delay),transform 420ms ease var(--step-delay)}.v2-steps-animate.is-visible .v2-steps-timeline:before{transform:scaleX(1)}.v2-steps-animate.is-visible .v2-step-node,.v2-steps-animate.is-visible .v2-step-card{opacity:1;transform:none}
@media(max-width:1199px){.v2-steps-timeline{display:block}.v2-steps-timeline:before{top:29px;bottom:29px;left:50%;right:auto;width:4px;height:auto;background:linear-gradient(180deg,#1557b0 0%,#21a5df 38%,#18a66a 68%,#f27421 100%);transform-origin:center top}.v2-step{grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);grid-template-rows:auto;min-height:126px;padding:8px 0}.v2-step-node{grid-column:2;grid-row:1;align-self:start}.v2-step-card,.v2-step:nth-child(odd) .v2-step-card{grid-column:1;grid-row:1;align-self:start}.v2-step:nth-child(even) .v2-step-card{grid-column:3;grid-row:1;align-self:start}.v2-steps-animate .v2-steps-timeline:before{transform:scaleY(0)}.v2-steps-animate.is-visible .v2-steps-timeline:before{transform:scaleY(1)}}
@media(max-width:767px){.v2-steps-section{padding:40px 0!important}.v2-steps-section .v2-section-head{text-align:left}.v2-steps-timeline:before{left:23px;top:27px;bottom:27px}.v2-step,.v2-steps-timeline[style*="--step-count: 1"] .v2-step{display:grid;grid-template-columns:47px minmax(0,1fr);grid-template-rows:auto;min-height:0;padding:0 0 24px}.v2-step:last-child{padding-bottom:0}.v2-step-node,.v2-steps-timeline[style*="--step-count: 1"] .v2-step-node{grid-column:1;grid-row:1;width:40px;height:40px;border-width:4px;align-self:start}.v2-step-card,.v2-step:nth-child(odd) .v2-step-card,.v2-step:nth-child(even) .v2-step-card,.v2-steps-timeline[style*="--step-count: 1"] .v2-step-card{grid-column:2;grid-row:1;align-self:start;padding:18px 16px;border-radius:18px}.v2-step-card h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.v2-steps-animate .v2-steps-timeline:before,.v2-steps-animate .v2-step-node,.v2-steps-animate .v2-step-card{opacity:1;transform:none;transition:none}}

/* Homepage WOW Tech - Phase B: Hero, services, feature modules and timeline. */
.v2-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(31,164,221,.16),transparent 26%),radial-gradient(circle at 8% 82%,rgba(242,116,33,.12),transparent 24%),linear-gradient(135deg,#fff 0,#f4f9ff 62%,#fff4eb 100%)}.v2-hero:before{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;background-image:linear-gradient(rgba(21,87,176,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,87,176,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 78%)}.v2-tech-decoration{position:absolute;z-index:-1;top:10%;right:4%;width:min(40vw,560px);aspect-ratio:1;pointer-events:none;border:1px solid rgba(33,165,223,.16);border-radius:50%;background:radial-gradient(circle,transparent 44%,rgba(33,165,223,.055) 45%,transparent 46%),repeating-radial-gradient(circle,transparent 0 38px,rgba(21,87,176,.045) 39px 40px);opacity:.72}.v2-hero-grid{position:relative;z-index:1}.v2-eyebrow{border:1px solid rgba(230,83,9,.15);box-shadow:0 8px 20px rgba(230,83,9,.08)}.v2-hero-actions .v2-btn{position:relative;overflow:hidden;transition:transform 240ms ease,box-shadow 240ms ease}.v2-hero-actions .v2-btn:after{content:"";position:absolute;inset:-40% auto -40% -35%;width:22%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:skewX(-18deg);transition:left 360ms ease}.v2-hero-actions .v2-btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,42,74,.17)}.v2-hero-actions .v2-btn:hover:after{left:115%}.v2-hero-microcopy{display:block;margin-top:12px;color:#526174;font-size:13px;font-weight:700}.v2-hero-microcopy:before{content:"i";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border:1px solid #9cc9ef;border-radius:50%;color:#1557b0;font-size:11px}.v2-hero-media{transform-style:preserve-3d;transition:transform 300ms ease}.v2-hero-media:before{content:"";position:absolute;z-index:-1;inset:5% -5% -5% 8%;border-radius:28px;background:linear-gradient(135deg,rgba(21,87,176,.2),rgba(33,165,223,.08),rgba(242,116,33,.16));filter:blur(20px)}
.v2-tech-status{display:flex;width:min(1180px,calc(100% - 40px));margin:-22px auto 34px;padding:10px;border:1px solid rgba(188,207,226,.8);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(15,42,74,.1);backdrop-filter:blur(12px);overflow-x:auto;scroll-snap-type:x proximity}.v2-tech-status-item{position:relative;display:flex;align-items:center;gap:9px;flex:1 0 max-content;min-height:46px;padding:7px 16px;border-radius:12px;color:#26364a;scroll-snap-align:start;outline:none}.v2-tech-status-item:hover,.v2-tech-status-item:focus-visible{background:#edf7ff}.v2-tech-status-item:focus-visible{box-shadow:inset 0 0 0 2px #1769c2}.v2-tech-status-item i{width:9px;height:9px;border-radius:50%;background:#19a363;box-shadow:0 0 0 4px rgba(25,163,99,.12)}.v2-tech-status-item small{max-width:0;overflow:hidden;color:#607086;opacity:0;white-space:nowrap;transition:max-width 300ms ease,opacity 240ms ease}.v2-tech-status-item:hover small,.v2-tech-status-item:focus-visible small{max-width:240px;opacity:1}
.v2-tool-card,.v2-feature-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #dce7f2!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;transition:transform 260ms ease,border-color 260ms ease,box-shadow 260ms ease}.v2-tool-card:before,.v2-feature-card:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(21,87,176,.07),transparent 32%,transparent 68%,rgba(33,165,223,.07));opacity:.55}.v2-tool-card:after,.v2-feature-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#1769c2,#21a5df,#f27421);opacity:0;pointer-events:none;transition:opacity 260ms ease;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.v2-tool-card:hover,.v2-feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(15,42,74,.13)!important}.v2-tool-card:hover:after,.v2-feature-card:hover:after{opacity:1}.v2-tool-card .v2-service-icon{transition:transform 260ms ease,background 260ms ease}.v2-tool-card:hover .v2-service-icon{transform:rotate(-4deg) translateY(-2px);background:#e7f3ff}.v2-tool-card .v2-more{opacity:.76;transition:opacity 220ms ease,transform 220ms ease}.v2-tool-card:hover .v2-more,.v2-tool-card:focus-within .v2-more{opacity:1;transform:translateX(3px)}.v2-feature-card{padding-left:76px}.v2-feature-status{position:absolute;top:22px;left:22px;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#1557b0,#21a5df);box-shadow:0 8px 20px rgba(21,87,176,.2);font-weight:900}.v2-managed-section--why_choose_us{background:linear-gradient(180deg,#eef5fb,#f8fbff)!important}.v2-managed-section--why_choose_us .v2-managed-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.v2-step-node,.v2-step-card{transition-property:opacity,transform,box-shadow,border-color}.v2-step:hover .v2-step-node,.v2-step:focus-within .v2-step-node{box-shadow:0 0 0 7px rgba(33,165,223,.12),0 8px 24px rgba(15,82,157,.3);transform:scale(1.04)}.v2-step:hover .v2-step-card,.v2-step:focus-within .v2-step-card{border-color:#9fc7e9;box-shadow:0 16px 36px rgba(15,42,74,.13)}.v2-reveal{opacity:0;transform:translateY(14px);transition:opacity 420ms ease,transform 420ms ease}.v2-reveal.is-visible{opacity:1;transform:none}
@media(max-width:767px){.v2-tech-status{width:calc(100% - 24px);margin:-18px auto 24px;border-radius:15px}.v2-tech-status-item{flex:0 0 auto}.v2-tech-status-item small{display:none}.v2-feature-card{padding-left:68px}.v2-tech-decoration{right:-30%;width:90vw}.v2-hero-media{transform:none!important}}
@media(prefers-reduced-motion:reduce){.v2-hero-actions .v2-btn,.v2-hero-actions .v2-btn:after,.v2-hero-media,.v2-tech-status-item small,.v2-tool-card,.v2-feature-card,.v2-tool-card .v2-service-icon,.v2-tool-card .v2-more,.v2-step-node,.v2-step-card,.v2-reveal{transition:none!important}.v2-reveal{opacity:1;transform:none}.v2-hero-actions .v2-btn:hover,.v2-tool-card:hover,.v2-feature-card:hover,.v2-step:hover .v2-step-node{transform:none}}

/* Homepage WOW Tech - Phase C: toolkit and command center. */
.v2-highlights{min-height:54px}.v2-toolkit-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#eef4fa,#f8fbff)!important}.v2-toolkit-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(21,87,176,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,87,176,.035) 1px,transparent 1px);background-size:30px 30px}.v2-toolkit-section>.v2-container{position:relative}.v2-toolkit-eyebrow{display:inline-flex;margin-bottom:9px;padding:6px 10px;border:1px solid #b8d9ef;border-radius:99px;color:#1557b0;background:#edf7ff;font-size:12px;font-weight:900;letter-spacing:.08em}.v2-downloads{grid-auto-rows:1fr}.v2-download-card.v2-toolkit-card{position:relative;grid-template-rows:120px auto auto 1fr auto auto!important;align-content:start!important;min-height:0!important;height:100%;padding:26px 24px!important;border-color:#d8e5f0!important;background:linear-gradient(150deg,#fff,#f8fbff)!important;transition:transform 240ms ease,box-shadow 240ms ease,border-color 240ms ease}.v2-download-card.v2-toolkit-card:hover{transform:translateY(-4px);border-color:#91c6e8!important;box-shadow:0 18px 38px rgba(15,42,74,.13)!important}.v2-download-card.v2-toolkit-card img{width:156px!important;height:120px!important;max-width:100%!important;max-height:120px!important;margin:0!important;object-fit:contain}.v2-download-status{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:99px;color:#087744;background:#e5f8ef;font-size:12px;font-weight:900}.v2-download-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#19a363}.v2-download-purpose{color:#607086;font-size:13px}.v2-toolkit-safety{display:flex;align-items:center;justify-content:center;gap:9px;width:min(680px,100%);margin:22px auto 0;padding:12px 16px;border:1px solid #f3c698;border-radius:12px;color:#8a430d;background:#fff8ed;font-weight:750;text-align:center}.v2-toolkit-safety:before{content:"!";display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;color:#fff;background:#e66a18;font-weight:900}
.v2-command-center{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.14),transparent 28%),linear-gradient(135deg,#101827 0,#173a64 46%,#ef5e0d 100%)}.v2-command-center:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent)}.v2-command-center:after{content:"COMMAND CENTER";position:absolute;z-index:-1;right:28px;top:20px;color:rgba(255,255,255,.11);font-size:clamp(32px,5vw,70px);font-weight:950;letter-spacing:.08em}.v2-command-center .v2-cta-actions{position:relative}.v2-command-center .v2-btn{transition:transform 220ms ease,box-shadow 220ms ease}.v2-command-center .v2-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.2)}
@media(max-width:560px){.v2-highlights{min-height:76px}.v2-download-card.v2-toolkit-card{grid-template-columns:1fr!important;grid-template-rows:96px auto auto 1fr auto auto!important;padding:22px 18px!important}.v2-download-card.v2-toolkit-card img{width:130px!important;height:96px!important}.v2-command-center{padding:30px 20px!important}.v2-command-center:after{right:12px;top:12px;font-size:28px}.v2-command-center .v2-cta-actions{grid-template-columns:1fr!important}.v2-toolkit-safety{align-items:flex-start;text-align:left}}
@media(prefers-reduced-motion:reduce){.v2-download-card.v2-toolkit-card,.v2-command-center .v2-btn{transition:none}.v2-download-card.v2-toolkit-card:hover,.v2-command-center .v2-btn:hover{transform:none}}

/* Phase D: ผลงานจริงและพื้นที่ที่มีหน้ารองรับ */
.v2-case-section{background:linear-gradient(180deg,#f8fbff,#eef5fb)!important}.v2-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.v2-case-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid #d9e5f1;border-radius:20px;background:#fff;box-shadow:0 13px 32px rgba(15,42,74,.09);transition:transform 280ms ease,box-shadow 280ms ease,border-color 280ms ease}.v2-case-card:hover,.v2-case-card:focus-within{transform:translateY(-4px);border-color:#8dbfe4;box-shadow:0 19px 40px rgba(15,42,74,.14)}.v2-case-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#eaf1f7}.v2-case-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 320ms ease}.v2-case-card:hover .v2-case-image img,.v2-case-card:focus-within .v2-case-image img{transform:scale(1.03)}.v2-case-body{display:flex;align-items:flex-start;flex:1;flex-direction:column;padding:20px}.v2-case-badge{display:inline-flex;margin-bottom:10px;padding:5px 9px;border-radius:999px;color:#075b91;background:#e5f4ff;font-size:12px;font-weight:850}.v2-case-body h3{margin:0;color:#142033;font-size:19px;line-height:1.45}.v2-case-body p{margin:9px 0;color:#627086}.v2-case-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:15px}.v2-case-meta span{padding:4px 8px;border-radius:7px;color:#536276;background:#f0f4f8;font-size:12px}.v2-case-link{display:inline-flex;min-height:44px;align-items:center;margin-top:16px;color:#c94d08;font-weight:850;text-decoration:none}.v2-case-link:focus-visible,.v2-case-image:focus-visible{outline:3px solid #1769c2;outline-offset:3px}
.v2-area-section{position:relative;overflow:hidden;background:linear-gradient(150deg,#f7fbff,#fffaf5)!important}.v2-area-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(21,87,176,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,87,176,.035) 1px,transparent 1px);background-size:34px 34px}.v2-area-section>.v2-container{position:relative}.v2-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.v2-area-card{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:11px;align-items:center;min-height:112px;padding:16px;color:#223047;border:1px solid #d9e5f1;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 9px 22px rgba(15,42,74,.07);text-decoration:none;transition:transform 240ms ease,border-color 240ms ease,box-shadow 240ms ease}.v2-area-card:hover,.v2-area-card:focus-visible{transform:translateY(-3px);border-color:#83bde3;box-shadow:0 14px 29px rgba(15,42,74,.12);outline:0}.v2-area-pin{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#1557b0,#21a5df);font-size:23px;transition:transform 240ms ease}.v2-area-card:hover .v2-area-pin,.v2-area-card:focus-visible .v2-area-pin{transform:translateY(-2px)}.v2-area-copy{display:block;min-width:0}.v2-area-copy strong,.v2-area-copy small,.v2-area-copy>span{display:block}.v2-area-copy strong{font-size:17px}.v2-area-copy small{margin:2px 0 5px;color:#69778a}.v2-area-copy>span{display:-webkit-box;overflow:hidden;color:#536276;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.v2-area-arrow{color:#e05a0c;font-size:20px;font-weight:900}.v2-area-all{display:flex;align-items:center;justify-content:center;width:max-content;min-height:46px;margin:24px auto 0;padding:10px 20px;color:#fff;background:linear-gradient(135deg,#1557b0,#1769c2);border-radius:12px;text-decoration:none;font-weight:850;transition:transform 220ms ease,box-shadow 220ms ease}.v2-area-all:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(21,87,176,.2)}.v2-area-all:focus-visible{outline:3px solid rgba(21,87,176,.28);outline-offset:3px}
@media(max-width:1024px){.v2-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.v2-case-grid{grid-template-columns:1fr}.v2-case-body{padding:17px}.v2-area-grid{grid-template-columns:1fr}.v2-area-card{min-height:104px}.v2-area-all{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.v2-case-card,.v2-case-image img,.v2-area-card,.v2-area-pin,.v2-area-all{transition:none!important}.v2-case-card:hover,.v2-case-card:focus-within,.v2-case-card:hover .v2-case-image img,.v2-case-card:focus-within .v2-case-image img,.v2-area-card:hover,.v2-area-card:focus-visible,.v2-area-card:hover .v2-area-pin,.v2-area-card:focus-visible .v2-area-pin,.v2-area-all:hover{transform:none!important}}
.v2-command-center:after{content:"ศูนย์สั่งการงานซ่อม"}
.v2-skip-link{position:fixed;z-index:100000;top:10px;left:10px;padding:10px 14px;border-radius:8px;color:#fff!important;background:#111827;box-shadow:0 5px 20px #0004;transform:translateY(-150%);transition:transform .16s ease}.v2-skip-link:focus{transform:translateY(0);outline:3px solid #f45a0b;outline-offset:3px}

.v2-experience-section{background:linear-gradient(180deg,#f7fbff 0%,#edf5fc 100%)!important}.v2-experience-section .v2-container{position:relative}.v2-experience-overview{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:24px;align-items:start}.v2-experience-profile,.v2-experience-years,.v2-experience-skills,.v2-experience-timeline,.v2-experience-trust{border:1px solid #d7e5f1;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 16px 40px rgba(25,61,96,.08)}.v2-experience-profile{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:26px}.v2-experience-photo{display:grid;place-items:center;aspect-ratio:1;border-radius:20px;overflow:hidden;background:#eef5fb;border:1px solid #d5e4f0}.v2-experience-photo img{width:100%;height:100%;object-fit:contain}.v2-experience-profile-copy>span{display:inline-block;margin-bottom:5px;color:#1764ad;font-size:13px;font-weight:800;letter-spacing:.06em}.v2-experience-profile h3,.v2-experience-years h3,.v2-experience-skills h3,.v2-experience-timeline h3,.v2-experience-trust h3{margin:0 0 8px;color:#10273d}.v2-experience-profile strong{display:block;margin-bottom:12px;color:#31536f}.v2-experience-profile p,.v2-experience-years p,.v2-experience-skills p,.v2-experience-trust p{margin:0;color:#52677a}.v2-experience-bio{margin-top:10px!important}.v2-experience-meta{display:grid;gap:6px;margin:16px 0 0;padding:0;list-style:none}.v2-experience-meta li{position:relative;padding-left:18px;color:#344f67}.v2-experience-meta li:before{content:'✓';position:absolute;left:0;color:#15915e;font-weight:900}.v2-experience-contacts,.v2-experience-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.v2-experience-contacts a,.v2-experience-links a{display:inline-flex;min-height:42px;align-items:center;padding:8px 13px;border:1px solid #c9dced;border-radius:999px;color:#185895;background:#fff;font-weight:800;text-decoration:none}.v2-experience-contacts a:hover,.v2-experience-contacts a:focus-visible,.v2-experience-links a:hover,.v2-experience-links a:focus-visible{border-color:#1764ad;box-shadow:0 0 0 3px rgba(23,100,173,.12)}.v2-experience-expertise{display:grid;gap:18px}.v2-experience-years{padding:26px;background:linear-gradient(145deg,#0f5eaa,#178dcc);color:#fff}.v2-experience-years>strong{display:block;font-size:clamp(56px,7vw,86px);line-height:.9;letter-spacing:-.06em}.v2-experience-years>strong small{font-size:.3em;letter-spacing:0}.v2-experience-years h3,.v2-experience-years p{color:#fff}.v2-experience-years h3{margin-top:16px}.v2-experience-years p{opacity:.9}.v2-experience-skills{padding:24px}.v2-experience-skills>article{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-top:1px solid #e4edf5}.v2-experience-skills>article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e7f4ff;color:#1467b2;font-weight:900}.v2-experience-skills h4,.v2-experience-trust h4,.v2-experience-timeline h4{margin:0 0 4px;color:#17334c}.v2-experience-skills a,.v2-experience-trust a{display:inline-block;margin-top:7px;color:#1262a8;font-weight:800;text-decoration:none}.v2-experience-timeline,.v2-experience-trust{margin-top:24px;padding:26px}.v2-experience-timeline ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:18px 0 0;padding:0;list-style:none}.v2-experience-timeline li{position:relative;padding:18px;border-left:3px solid #1d8bc6;background:#f4f9fd;border-radius:0 14px 14px 0}.v2-experience-timeline time{display:block;margin-bottom:6px;color:#1764ad;font-weight:900}.v2-experience-trust>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.v2-experience-trust article{padding:18px;border:1px solid #e0e9f1;border-radius:16px;background:#fbfdff}.v2-experience-links{justify-content:center}.v2-experience-links .v2-experience-cta{color:#fff;background:#1268b2;border-color:#1268b2}.v2-experience-section a:focus-visible{outline:3px solid #f18b3a;outline-offset:3px}@media(max-width:1024px){.v2-experience-overview{grid-template-columns:1fr}.v2-experience-trust>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.v2-experience-profile{grid-template-columns:1fr;padding:20px}.v2-experience-photo{width:min(190px,70%);margin:auto}.v2-experience-years,.v2-experience-skills,.v2-experience-timeline,.v2-experience-trust{padding:20px;border-radius:18px}.v2-experience-trust>div{grid-template-columns:1fr}.v2-experience-links{justify-content:flex-start}.v2-experience-links a{flex:1 1 145px;justify-content:center}}@media(prefers-reduced-motion:reduce){.v2-experience-section *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.v2-experience-contact-heading{margin-top:18px!important;font-size:16px}.v2-experience-contact-heading+.v2-experience-contacts{margin-top:9px}
@media(min-width:641px){.v2-experience-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start}.v2-experience-skills>h3{grid-column:1/-1;margin-bottom:2px}.v2-experience-skills>article{height:100%;padding:18px;border:1px solid #e0e9f1;border-radius:16px;background:#fbfdff}.v2-experience-skills>article:first-of-type{border-top:1px solid #e0e9f1}}@media(min-width:1025px){.v2-experience-overview{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch}.v2-experience-profile{grid-column:1;grid-row:1;height:100%;grid-template-columns:138px minmax(0,1fr);padding:24px}.v2-experience-expertise{display:contents}.v2-experience-years{grid-column:2;grid-row:1;display:flex;min-height:100%;flex-direction:column;justify-content:center;padding:32px}.v2-experience-years>strong{font-size:clamp(64px,6vw,82px)}.v2-experience-skills{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;padding:26px}.v2-experience-skills>article{min-height:150px}}

/* Keep primary mobile interactions at the WCAG-recommended 44px touch size. */
@media(max-width:768px){.v2-more,.v2-experience-skills a,.v2-experience-trust a,.v2-experience-contacts a,.v2-experience-links a,.v2-footer a{display:inline-flex;min-height:44px;align-items:center}.v2-footer a{width:100%;padding-block:10px}}
