/*
Theme Name: EA-MT5 Phase 18
Description: Thai/English sales, quotation and secure customer portal theme.
Version: 18.0.0
Text Domain: eamt5
*/
:root{--navy:#071426;--panel:#0e223b;--panel2:#102b49;--cyan:#32d6ff;--gold:#ffc857;--text:#f5f9ff;--muted:#a9bdd2;--line:#23415f;--ok:#4ade80;--danger:#fb7185}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#06111f,#0a1c32 55%,#081629);color:var(--text);font-family:Arial,"Noto Sans Thai",Tahoma,sans-serif;line-height:1.7}a{color:var(--cyan)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.wrap{width:min(1180px,92%);margin:auto}.narrow{width:min(820px,92%)}.site-header{position:sticky;top:0;z-index:30;background:#071426f2;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{min-height:72px;display:flex;align-items:center;gap:18px}.brand{font-weight:900;color:#fff;text-decoration:none;font-size:1.2rem}.nav nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-left:auto}.nav nav a{text-decoration:none;color:var(--muted)}.nav nav a:hover{color:#fff}.nav-quote{color:#03111e!important;background:var(--cyan);padding:7px 12px;border-radius:8px;font-weight:800}.lang{border:1px solid var(--line);padding:5px 10px;border-radius:99px}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 11px}.hero,.service-hero,.page-hero{padding:88px 0 64px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:40px;align-items:center}.hero-panel{background:linear-gradient(145deg,#102b49,#0b1d32);border:1px solid #31516e;border-radius:22px;padding:28px;box-shadow:0 24px 80px #0005}.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:.09em;font-size:.83rem}.hero h1,.service-hero h1,.page-hero h1{font-size:clamp(2.25rem,5.5vw,4.6rem);line-height:1.08;margin:.25em 0}.service-hero h1,.page-hero h1{font-size:clamp(2.15rem,5vw,3.8rem)}.lead{max-width:800px;color:var(--muted);font-size:1.17rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;border:0;border-radius:10px;padding:12px 18px;background:var(--cyan);color:#03111e!important;text-decoration:none;font-weight:800;cursor:pointer}.btn.secondary{background:transparent;color:var(--text)!important;border:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.case-card,.article-card{background:#0d2138;border:1px solid var(--line);border-radius:16px;padding:22px}.card h2,.card h3,.case-card h2,.case-card h3,.article-card h2{margin-top:0}.card h3 a{text-decoration:none;color:#fff}.muted{color:var(--muted)}section{padding:54px 0}.price{color:var(--gold);font-size:1.25rem;font-weight:800}.trust-strip{background:#0b1d32;border-block:1px solid var(--line);padding:26px 0}.trust-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center}.trust-grid p{margin:.25rem 0;color:var(--muted)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.problem-card{background:#0b1c30;border:1px solid var(--line);border-radius:12px;padding:16px}.why{background:#07182a}.process-visual{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:0}.process-visual li{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;font-weight:700}.process-visual span{display:block;color:var(--cyan);font-size:1.5rem}.scope-note,.price-box,.final-cta{background:linear-gradient(135deg,#112d4d,#0e223b);border:1px solid #31516e;border-radius:18px;padding:26px;margin-top:28px}.portfolio-grid,.article-grid,.portfolio-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-platform,.status-pill{display:inline-block;font-size:.78rem;color:var(--cyan);border:1px solid #31516e;border-radius:99px;padding:3px 9px}.case-card h3{font-size:.9rem;color:var(--gold);margin-bottom:.2rem}.article-card span:first-child{color:var(--cyan);font-weight:800}.article-card h2{font-size:1.15rem}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.sidebar{position:sticky;top:94px}.prose{font-size:1.04rem}.prose h2{margin-top:2.2rem;line-height:1.25}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:0;list-style:none}.feature-list li{background:#0b1c30;border:1px solid var(--line);border-radius:9px;padding:10px 12px}.process-list li{margin-bottom:10px}.legal{padding-block:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-weight:700}input,select,textarea{width:100%;margin-top:6px;padding:12px;border-radius:9px;border:1px solid #31516e;background:#071728;color:#fff;font:inherit}textarea{min-height:130px}.full{grid-column:1/-1}.notice{padding:14px;border-left:4px solid var(--gold);background:#2d260f}.quote-progress{display:flex;gap:8px;margin-bottom:20px}.quote-progress span{height:7px;flex:1;background:#29445f;border-radius:99px}.quote-progress span.active{background:var(--cyan)}.quote-step[hidden]{display:none}.step-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.site-footer{border-top:1px solid var(--line);padding:40px 0 86px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.mobile-cta{display:none}.final-section{padding-bottom:80px}details{background:#0b1c30;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:10px}summary{font-weight:800;cursor:pointer}
@media(max-width:900px){.hero-grid,.content-layout{grid-template-columns:1fr}.sidebar{position:static}.grid,.portfolio-grid,.article-grid,.portfolio-preview{grid-template-columns:repeat(2,1fr)}.process-visual{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:1fr}.problem-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{padding-bottom:62px}.grid,.form-grid,.portfolio-grid,.article-grid,.portfolio-preview,.problem-grid,.feature-list,.footer-grid{grid-template-columns:1fr}.nav{align-items:center;padding:12px 0}.menu-toggle{display:block;margin-left:auto}.nav nav{display:none;position:absolute;left:0;right:0;top:70px;background:#071426;border-bottom:1px solid var(--line);padding:16px 4%;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.nav nav a{padding:8px 0}.hero,.service-hero,.page-hero{padding-top:50px}.hero h1,.service-hero h1,.page-hero h1{font-size:clamp(2rem,11vw,3rem)}.process-visual{grid-template-columns:1fr 1fr}.mobile-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:40;left:0;right:0;bottom:0;background:#06111f;border-top:1px solid var(--line);padding:8px;gap:8px}.mobile-cta a{text-align:center;text-decoration:none;padding:9px;border-radius:8px;background:#15314e;color:#fff;font-weight:800}.mobile-cta a:last-child{background:var(--cyan);color:#03111e}.site-footer{padding-bottom:30px}}
/* Phase 18.2 premium conversion layer */
.brand{display:flex;align-items:center;gap:.65rem}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(80,220,199,.48);border-radius:12px;background:linear-gradient(145deg,#123149,#0a1828);color:#6de6d2;font-weight:800}.brand small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.08em}.language-switch{display:flex;gap:.42rem;align-items:center}.language-switch i{opacity:.35}.language-switch .active{color:#6de6d2}.nav-quote{padding:.7rem 1rem;border-radius:10px;background:#4ed7bf;color:#06151a!important;font-weight:800}.menu-toggle span{display:block;width:22px;height:2px;margin:4px;background:currentColor}.menu-toggle b{font-size:.7rem}.hero-copy h1 span{display:block;color:#b4c7d8;font-size:.58em;line-height:1.3;margin-top:.35rem}.hero-visual{min-height:470px;display:grid;place-items:center}.hero-visual svg{width:100%;height:auto;filter:drop-shadow(0 25px 65px rgba(0,0,0,.38))}.v-shell{fill:#0a1727;stroke:#33526a}.v-panel{fill:#0d2132;stroke:#28455b}.v-grid{stroke:#284459;stroke-width:1;opacity:.35}.v-chart{fill:none;stroke:#55dec9;stroke-width:4}.v-candle-up{fill:#53dcc6}.v-candle-down{fill:#ef7182}.v-code{fill:#7894a8}.v-code-hot{fill:#5cdcca}.v-node{fill:#102d3c;stroke:#57d9c7}.v-link{fill:none;stroke:#4389a2;stroke-width:2;stroke-dasharray:5 6}.v-label{fill:#a9c4d6;font:600 13px Arial}.tech-trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.tech-trust-row span{padding:.55rem .85rem;border:1px solid var(--border);border-radius:999px;background:rgba(14,34,50,.75)}.service-card,.problem-card,.case-card,.article-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.service-card:hover,.problem-card:hover,.case-card:hover,.article-card:hover{transform:translateY(-4px);border-color:rgba(81,220,198,.55);box-shadow:0 18px 45px rgba(0,0,0,.18)}.service-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(68,221,197,.2),rgba(37,109,162,.18));color:#6ee9d4;font-weight:800}.problem-card{display:block;color:inherit;text-decoration:none}.footer-grid{grid-template-columns:1.35fr repeat(4,1fr);gap:2.2rem}.footer-grid strong{display:block;margin-bottom:.8rem;color:#e9f5ff}.footer-grid a{line-height:2}.portfolio-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.6rem}.portfolio-filters button{border:1px solid var(--border);border-radius:999px;padding:.6rem .9rem;background:#102436;color:#bcd0df;cursor:pointer}.portfolio-filters button.active{background:#55ddc7;color:#06161c;border-color:#55ddc7}.case-card[hidden]{display:none}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.before-after>div{padding:1.2rem;border:1px solid var(--border);border-radius:14px;background:#0d2030}.before-after span{display:block;color:#65dfcc;font-size:.8rem;text-transform:uppercase;margin-bottom:.5rem}.case-detail,.article-detail{padding-top:1rem;padding-bottom:4rem}.featured-article{padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(87,222,201,.32);border-radius:24px;background:radial-gradient(circle at 80% 20%,rgba(48,161,160,.18),transparent 42%),#0c1d2d;margin-bottom:2rem}.featured-article>div{max-width:760px}.blog-tools{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0}.blog-search{min-width:300px;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--border);background:#0b1c2b;color:#eef8ff}.blog-categories{display:flex;flex-wrap:wrap;gap:.5rem}.blog-categories span{font-size:.8rem;padding:.45rem .7rem;border:1px solid var(--border);border-radius:999px}.article-meta{color:#8da9bc}.article-detail>section{margin:2.2rem 0}.article-detail details{border:1px solid var(--border);border-radius:12px;padding:1rem;margin:.7rem 0}.article-cta{padding:1.5rem;border:1px solid rgba(80,220,199,.4);border-radius:18px;background:linear-gradient(135deg,#102b3b,#0b1b2b)}.article-cta .actions{display:flex;gap:.7rem;flex-wrap:wrap}.card,.case-card,.article-card,.service-card{border-color:rgba(128,171,198,.18)}
@media(max-width:1000px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.hero-visual{min-height:350px}}
@media(max-width:760px){.hero-visual{min-height:280px;margin-top:1rem}.hero-copy h1 span{font-size:.62em}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.before-after{grid-template-columns:1fr}.blog-tools{align-items:stretch;flex-direction:column}.blog-search{min-width:0;width:100%}.nav-quote{display:block}.portfolio-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:.4rem}.portfolio-filters button{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.tech-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.tech-row span{padding:.55rem .85rem;border:1px solid var(--line);border-radius:999px;background:rgba(14,34,50,.75)}.v-top{fill:#132e43}.v-top+circle,.v-top+circle+circle,.v-top+circle+circle+circle{fill:#5bdcc8}.hero-visual text{fill:#a9c4d6}.v-chart{fill:#0b1c2c;stroke:#43d8c3;stroke-width:2}.v-line{fill:none;stroke:url(#chartLine);stroke-width:5}.candles{fill:#4bd9bb;stroke:#4bd9bb}.v-code{fill:#dbe8ef}.code-title{fill:#193247!important}.code-lines rect{fill:#28506a}.logic rect{fill:#15364a;stroke:#4bd8c1}.logic path{stroke:#4389a2;stroke-width:3}.logic circle{fill:#57dfc9}.logic text{fill:#d6e9f2}
.article-detail>section{padding:0}
.fastwork-proof{margin-top:1.5rem;padding:clamp(1.3rem,3vw,2rem);border:1px solid rgba(80,220,199,.35);border-radius:20px;background:linear-gradient(135deg,rgba(16,46,62,.9),rgba(8,25,40,.95));display:grid;grid-template-columns:1.1fr 1.7fr auto;gap:1.5rem;align-items:center}.fastwork-proof h2{margin:.25rem 0}.fastwork-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.fastwork-metrics div{padding:.8rem .5rem;border-left:1px solid var(--line)}.fastwork-metrics strong,.fastwork-metrics span{display:block}.fastwork-metrics strong{color:#6ce2d0;font-size:1.35rem}.fastwork-metrics span{font-size:.74rem;color:var(--muted)}@media(max-width:1000px){.fastwork-proof{grid-template-columns:1fr}.fastwork-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.fastwork-metrics{grid-template-columns:repeat(2,1fr)}}