/* ThaiDataWeb v4.6: B2B visual refresh. Completely scoped; V4.5 quote/admin unaffected. */
.tdw46{--tdw46-navy:#0d2342;--tdw46-blue:#215ce5;--tdw46-text:#15263c;--tdw46-muted:#63748b;--tdw46-border:#e4eaf3;--tdw46-paper:#fff;--tdw46-light:#f6f9fd;color:var(--tdw46-text);background:#fff;font-family:inherit;overflow:clip}
.tdw46 *, .tdw46 *::before,.tdw46 *::after{box-sizing:border-box}
.tdw46 .container{width:min(1240px,calc(100% - 64px))!important;max-width:1240px!important;margin-inline:auto!important;padding:0!important}
.tdw46 h1,.tdw46 h2,.tdw46 h3,.tdw46 p{margin-block-start:0}
.tdw46 a{text-decoration:none}
.tdw46-hero{position:relative;padding:91px 0 78px;background:radial-gradient(ellipse at 86% 10%,#e7f0ff 0%,transparent 44%),linear-gradient(180deg,#fff 0%,#f7faff 100%)}
.tdw46-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(35px,5.4vw,84px)}
.tdw46-label{display:inline-flex;gap:10px;align-items:center;padding:9px 13px 9px 10px;border:1px solid #d9e6ff;border-radius:30px;background:#f2f7ff;color:#31558c;font-size:11px;font-weight:800;letter-spacing:.13em}
.tdw46-label-pip{height:7px;width:7px;flex-shrink:0;border-radius:50%;background:#2467ee;box-shadow:0 0 0 4px #dce9ff}
.tdw46-hero h1{font-weight:850;font-size:clamp(42px,4.45vw,65px);letter-spacing:-.05em;line-height:1.22;color:#10294a;margin:27px 0 23px;max-width:710px}
.tdw46-hero h1 span{display:block;color:#2563eb}
.tdw46-hero-copy>p{font-size:17px;line-height:1.9;color:#586b84;max-width:560px;margin-bottom:29px}
.tdw46-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tdw46-button{display:inline-flex;align-items:center;justify-content:center;gap:19px;border-radius:11px;min-height:53px;padding:12px 21px;font-weight:750;font-size:14px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.tdw46-button:hover{transform:translateY(-2px)}
.tdw46-button-primary{background:#225fe8;color:#fff!important;border:1px solid #225fe8;box-shadow:0 10px 23px #2057d029}
.tdw46-button-primary:hover{background:#134bc3;box-shadow:0 14px 28px #2057d03f}
.tdw46-button-secondary{background:white;color:#17365e!important;border:1px solid #cfdaea}
.tdw46-button-secondary:hover{background:#eff5ff}
.tdw46-hero-principles{margin-top:31px;display:flex;align-items:center;flex-wrap:wrap;gap:11px 20px;color:#6b7e96;font-size:12px;font-weight:650}
.tdw46-hero-principles span{display:inline-flex;align-items:center;gap:6px}
.tdw46-hero-principles span:before{content:'✓';color:#1764e8;font-weight:900}
.tdw46-hero-visual{min-width:0}
.tdw46-preview-overline{font-size:11px;letter-spacing:.04em;color:#526a87;margin:0 0 12px;display:flex;align-items:center;gap:8px;font-weight:720}
.tdw46-preview-dot{height:8px;width:8px;border-radius:50%;background:#2563eb}
.tdw46-demo-tag{margin-left:auto;background:#e8eef9;padding:5px 8px;border-radius:6px;color:#365477;font-size:9px;letter-spacing:.1em}
.tdw46-app-mock{border:1px solid #e3e9f4;border-radius:15px;background:#fff;box-shadow:0 38px 75px #163b6b1c,0 6px 20px #1b3f7010;overflow:hidden}
.tdw46-app-top{height:46px;background:#0c2244;color:#d9e7ff;display:flex;align-items:center;gap:12px;padding:0 16px}
.tdw46-app-mark{display:grid;place-items:center;background:#2563eb;color:#fff;border-radius:6px;width:26px;height:26px;font-size:14px;font-weight:900;letter-spacing:-.04em}
.tdw46-app-mark span{color:#a2c4ff}
.tdw46-app-name{font-size:11px;font-weight:800;letter-spacing:.02em}
.tdw46-app-search{height:15px;width:70px;border:1px solid #496080;border-radius:5px;margin-left:auto;opacity:.65}
.tdw46-app-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#28466e;font-size:9px;font-weight:800}
.tdw46-app-main{display:grid;grid-template-columns:44px minmax(0,1fr);min-height:363px}
.tdw46-app-side{background:#132d52;padding:16px 7px;display:flex;gap:13px;align-items:center;flex-direction:column;color:#9eafca;font-size:14px}
.tdw46-app-side span{width:29px;height:29px;display:grid;place-items:center;border-radius:7px}
.tdw46-app-side .is-active{background:#2563eb;color:white}
.tdw46-app-content{background:#f7f9fd;padding:23px 20px 19px;overflow:hidden}
.tdw46-app-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
.tdw46-app-heading div{display:grid;gap:5px}
.tdw46-app-heading small{color:#8b9aaf;font-size:8px;font-weight:800;letter-spacing:.1em}
.tdw46-app-heading strong{color:#1c3251;font-size:16px;font-weight:850}
.tdw46-app-period{font-size:8px;background:#fff;border:1px solid #e2e8f2;color:#7b8ba0;padding:7px 9px;border-radius:6px;white-space:nowrap}
.tdw46-app-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.tdw46-app-metrics>div{min-width:0;display:grid;gap:4px;background:#fff;border:1px solid #e9edf5;border-radius:8px;padding:12px 10px}
.tdw46-app-metrics small{color:#8494aa;font-size:9px}
.tdw46-app-metrics strong{font-size:11px;color:#254266;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tdw46-app-metrics span{color:#92a1b6;font-size:8px}
.tdw46-app-chart{background:#fff;border:1px solid #e9edf5;padding:14px 14px 12px;border-radius:9px;margin-bottom:10px}
.tdw46-app-chart>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}
.tdw46-app-chart strong,.tdw46-app-table-head strong{font-size:11px;color:#294266}
.tdw46-app-chart small{font-size:8px;color:#8496af;text-align:right}
.tdw46-app-bars{height:90px;display:flex;align-items:flex-end;gap:9px;padding-top:20px;border-bottom:1px solid #ecf0f7}
.tdw46-app-bars i{display:block;flex:1;background:linear-gradient(180deg,#4c87fa,#c3d9ff);border-radius:3px 3px 0 0;min-width:4px}
.tdw46-app-bars i:nth-child(3n){background:linear-gradient(180deg,#1b4eb3,#83aae8)}
.tdw46-app-table{background:#fff;border:1px solid #e9edf5;border-radius:9px;overflow:hidden}
.tdw46-app-table>div{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;border-bottom:1px solid #eef1f7;font-size:10px;gap:8px}
.tdw46-app-table>div:last-child{border-bottom:0}
.tdw46-app-table>div>span{display:flex;align-items:center;gap:7px;color:#516783;min-width:0}
.tdw46-app-table b{font-size:9px;font-weight:700;color:#567392;background:#f2f6fc;border-radius:4px;padding:4px 7px;white-space:nowrap}
.tdw46-app-table-head span{color:#4b8c6a!important;font-size:9px}
.tdw46-indicator{display:block;width:7px;height:7px;border-radius:50%}
.tdw46-indicator.blue{background:#3778df}.tdw46-indicator.cyan{background:#22a2b9}.tdw46-indicator.violet{background:#8273ce}
.tdw46-visual-note{color:#77879b;font-size:11px;line-height:1.6;margin:11px 0 0}
.tdw46-approach{background:#102747;color:#fff}
.tdw46-approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 0!important}
.tdw46-approach-grid>div{display:flex;align-items:center;gap:17px;padding:7px 25px;border-right:1px solid #49608061}
.tdw46-approach-grid>div:first-child{padding-left:0}
.tdw46-approach-grid>div:last-child{border:0}
.tdw46-approach-grid strong{color:#7aa9ff;font-size:13px}
.tdw46-approach-grid span{font-weight:700;color:#e0ebfb;font-size:13px}
.tdw46-section{padding:92px 0}
.tdw46-kicker{display:block;color:#2260dc;font-size:11px;letter-spacing:.15em;font-weight:850;margin-bottom:16px}
.tdw46-section-intro{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}
.tdw46-section-intro>div{flex:1;min-width:0}
.tdw46-section-intro>p{max-width:370px;margin:0 0 4px!important;line-height:1.85;font-size:14px;color:#61738a}
.tdw46-section-intro h2{font-size:clamp(29px,3vw,42px);line-height:1.33;font-weight:850;letter-spacing:-.036em;color:#142c4b;margin:0;max-width:760px}
.tdw46-services{background:#fff}
.tdw46-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tdw46-service-card{border:1px solid #e3eaf4;border-radius:15px;padding:29px 27px 25px;background:#fff;display:flex;flex-direction:column;min-height:370px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.tdw46-service-card:hover{transform:translateY(-4px);border-color:#bfd2f9;box-shadow:0 18px 40px #26487812}
.tdw46-service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}
.tdw46-service-number{font-size:12px;font-weight:800;color:#8da0b7}
.tdw46-service-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#edf4ff;color:#215de1}
.tdw46-service-icon svg{height:22px;width:22px;stroke:currentColor;fill:none}
.tdw46-service-card h3{font-size:20px;line-height:1.45;font-weight:800;color:#172f4d;margin-bottom:12px}
.tdw46-service-card>p{font-size:14px;line-height:1.8;color:#687a90;margin:0 0 21px}
.tdw46-service-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;margin-bottom:21px}
.tdw46-service-tags>span{font-size:10px;color:#4e6889;background:#f0f5fc;border-radius:5px;padding:7px 8px;font-weight:650}
.tdw46-service-card>a{border-top:1px solid #edf0f5;padding-top:17px;color:#1b56cb;font-size:13px;font-weight:800;display:flex;justify-content:space-between}
.tdw46-work{background:#f7f9fd}
.tdw46-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tdw46-work-card{background:#fff;border:1px solid #e6ebf4;border-radius:13px;padding:21px 18px 17px;min-height:306px;display:flex;flex-direction:column;transition:transform .2s ease}
.tdw46-work-card:hover{transform:translateY(-3px)}
.tdw46-work-upper{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em;color:#7b8eab;font-weight:800}
.tdw46-work-upper span:last-child{font-size:17px;color:#336bd8}
.tdw46-work-symbol{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#eaf1ff;color:#2558c1;font-size:17px;font-weight:800;margin:30px 0 22px}
.tdw46-work-card:nth-child(2n) .tdw46-work-symbol{background:#eff2fb;color:#5368af}
.tdw46-work-card h3{font-size:17px;line-height:1.48;font-weight:800;color:#173455;margin-bottom:10px}
.tdw46-work-card p{font-size:12px;line-height:1.7;color:#6b7d94;margin-bottom:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.tdw46-work-card>a{margin-top:auto;border-top:1px solid #edf1f6;padding-top:14px;display:flex;flex-wrap:wrap;gap:5px;font-size:11px;color:#1c5ed0;font-weight:750;overflow-wrap:anywhere}
.tdw46-work-card>a>span:first-child{width:100%;color:#8090a3;font-size:10px;font-weight:550}
.tdw46-work-empty{grid-column:1/-1;border:1px dashed #bdcde5;border-radius:12px;padding:24px}
.tdw46-work-empty p{margin:7px 0 0;color:#71829a}
.tdw46-text-link{display:inline-flex;align-items:center;gap:12px;color:#215dd1;font-weight:800;font-size:13px;margin-top:27px}
.tdw46-method{background:#fff}
.tdw46-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.tdw46-step{min-height:167px;padding:23px 18px 17px;border:1px solid #e1e9f4;border-radius:12px;background:#fff;display:flex;flex-direction:column}
.tdw46-step span{font-size:25px;font-weight:850;color:#cedbf0;margin-bottom:26px}
.tdw46-step strong{font-size:14px;color:#1d3757;margin-bottom:7px;line-height:1.4}
.tdw46-step small{font-size:11px;color:#73859b;line-height:1.7}
.tdw46-quote{padding:65px 0;background:#102b53;color:#fff}
.tdw46-quote-grid{display:grid;grid-template-columns:1.45fr 0.55fr;gap:40px;align-items:center}
.tdw46-quote .tdw46-kicker{color:#83b6ff}
.tdw46-quote h2{color:#fff;font-size:clamp(28px,3.05vw,42px);font-weight:850;line-height:1.35;letter-spacing:-.03em;margin-bottom:14px}
.tdw46-quote p{font-size:14px;line-height:1.9;color:#b8cbe7;margin:0;max-width:725px}
.tdw46-quote-actions{display:flex;flex-direction:column;align-items:stretch;gap:15px}
.tdw46-button-white{background:#fff!important;color:#0e3e83!important}
.tdw46-button-white:hover{background:#eaf2ff!important}
.tdw46-quote-link{color:#d9e8ff!important;text-align:center;font-size:12px;font-weight:700}
.tdw46-insights{background:#fff}
.tdw46-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.tdw46-insight-grid>article{border-top:1px solid #d7e3f0;padding-top:19px}
.tdw46-insight-grid>article>span{font-size:11px;font-weight:700;color:#8392a8}
.tdw46-insight-grid h3{color:#1a3657;font-size:17px;font-weight:800;line-height:1.5;margin:14px 0 10px}
.tdw46-insight-grid p{color:#718198;font-size:13px;line-height:1.8;margin-bottom:17px}
.tdw46-insight-grid a{font-size:12px;font-weight:800;color:#2563df}
/* Main navigation: a consistent professional look, without a promotional ticker on homepage. */
body:has(#tdw46-home)>.promo{display:none!important}
body:has(#tdw46-home) .site-header{background:#fff!important;box-shadow:0 1px 0 #e8edf5!important}
body:has(#tdw46-home) .site-header .navlinks a{font-weight:650}
body:has(#tdw46-home) .desktop-theme,body:has(#tdw46-home) .mobile-theme-grid,body:has(#tdw46-home) .mobile-pref-section:has(.mobile-theme-grid){display:none!important}
body:has(#tdw46-home) .tdw-promo{display:none!important}
body:has(#tdw46-home) main#main{overflow:visible!important}
@media(max-width:1100px){.tdw46-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tdw46-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.tdw46-hero-grid{grid-template-columns:1fr;gap:38px}.tdw46-hero{padding:60px 0}.tdw46-hero-copy>p{max-width:780px}.tdw46-hero h1{font-size:clamp(38px,6vw,54px)}.tdw46-hero-visual{max-width:760px;width:100%;margin-inline:auto}.tdw46-service-grid{grid-template-columns:1fr 1fr}.tdw46-quote-grid{grid-template-columns:1fr}.tdw46-quote-actions{align-items:flex-start}}
@media(max-width:680px){.tdw46 .container{width:calc(100% - 36px)!important}.tdw46-hero{padding:39px 0 45px}.tdw46-label{font-size:9px;letter-spacing:.06em}.tdw46-hero h1{font-size:clamp(33px,9.2vw,43px);margin:19px 0 17px;line-height:1.28;letter-spacing:-.035em}.tdw46-hero-copy>p{font-size:15px;line-height:1.85}.tdw46-hero-actions{display:grid;grid-template-columns:1fr}.tdw46-button{width:100%;justify-content:space-between}.tdw46-hero-principles{font-size:11px;gap:9px 15px;margin-top:22px}.tdw46-app-main{grid-template-columns:31px minmax(0,1fr);min-height:0}.tdw46-app-side{padding:12px 2px;gap:10px}.tdw46-app-side span{width:23px;height:23px;font-size:11px}.tdw46-app-content{padding:13px 10px}.tdw46-app-heading strong{font-size:13px}.tdw46-app-period{display:none}.tdw46-app-metrics{gap:5px}.tdw46-app-metrics>div{padding:8px 5px}.tdw46-app-metrics strong{font-size:9px}.tdw46-app-metrics small,.tdw46-app-metrics span{font-size:8px}.tdw46-app-chart{padding:10px}.tdw46-app-chart small{display:none}.tdw46-app-bars{height:70px;gap:5px}.tdw46-app-table>div{padding:7px 9px;font-size:9px}.tdw46-app-table b{font-size:8px}.tdw46-approach-grid{grid-template-columns:1fr;padding:14px 0!important}.tdw46-approach-grid>div,.tdw46-approach-grid>div:first-child{padding:9px 0;border:0;gap:13px}.tdw46-section{padding:60px 0}.tdw46-section-intro{display:block;margin-bottom:24px}.tdw46-section-intro h2{font-size:29px}.tdw46-section-intro>p{margin-top:14px!important;max-width:none;font-size:13px}.tdw46-service-grid,.tdw46-work-grid,.tdw46-insight-grid{grid-template-columns:1fr}.tdw46-service-card{min-height:0;padding:24px}.tdw46-service-top{margin-bottom:17px}.tdw46-steps{grid-template-columns:1fr 1fr;gap:9px}.tdw46-step{padding:18px 13px;min-height:153px}.tdw46-step span{font-size:21px;margin-bottom:20px}.tdw46-step strong{font-size:12px}.tdw46-work-card{min-height:0}.tdw46-work-symbol{margin:17px 0}.tdw46-quote{padding:49px 0}.tdw46-quote h2{font-size:29px}.tdw46-quote-actions{align-items:stretch}.tdw46-insight-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){.tdw46 *{transition:none!important;scroll-behavior:auto!important}}

/* Portfolio: label published URLs vs conceptual references; no simulated client screenshots. */
.tdw46-portfolio-page{background:#fff;color:#142d4d;--tdw46-blue:#215ce5}
.tdw46-portfolio-page .container{width:min(1240px,calc(100% - 64px))!important;max-width:1240px!important;margin-inline:auto!important;padding:0!important}
.tdw46-portfolio-hero{background:#f5f8fd;border-bottom:1px solid #e6edf6;padding:83px 0 75px}
.tdw46-portfolio-hero h1{color:#152d4c;font-size:clamp(36px,4.1vw,56px);line-height:1.25;letter-spacing:-.045em;max-width:850px;margin:0 0 22px;font-weight:850}
.tdw46-portfolio-hero p{color:#5d7089;font-size:16px;line-height:1.85;max-width:760px;margin:0}
.tdw46-portfolio-page .tdw46-section{padding:72px 0}
.tdw46-portfolio-page .tdw46-work-card{min-height:325px}
.tdw46-designs{background:#f7f9fd}
.tdw46-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.tdw46-concept-card{background:#fff;border:1px solid #e2e9f3;border-radius:13px;overflow:hidden}
.tdw46-concept-art{height:178px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,#102747,#2859ae)}
.tdw46-concept-card:nth-child(3n+2) .tdw46-concept-art{background:linear-gradient(135deg,#18425c,#206a90)}
.tdw46-concept-card:nth-child(3n+3) .tdw46-concept-art{background:linear-gradient(135deg,#213552,#475b7c)}
.tdw46-concept-art>span{font-size:10px;font-weight:800;letter-spacing:.14em;opacity:.8}
.tdw46-concept-art b{font-size:58px;line-height:1;font-weight:850;letter-spacing:-.08em;position:relative;z-index:1}
.tdw46-concept-art>i{position:absolute;border:1px solid #ffffff4d;transform:rotate(-28deg);width:250px;height:200px;border-radius:24px;right:-120px;top:25px}
.tdw46-concept-info{padding:21px 22px 24px}
.tdw46-concept-info>span{color:#597db0;font-size:10px;letter-spacing:.06em;font-weight:800}
.tdw46-concept-info h3{color:#193556;font-size:18px;margin:10px 0;font-weight:800;line-height:1.45}
.tdw46-concept-info p{color:#6b7d95;font-size:13px;line-height:1.75;margin:0}
@media(max-width:1000px){.tdw46-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.tdw46-portfolio-page .container{width:calc(100% - 36px)!important}.tdw46-portfolio-hero{padding:54px 0}.tdw46-portfolio-hero h1{font-size:34px}.tdw46-portfolio-hero p{font-size:14px}.tdw46-portfolio-page .tdw46-section{padding:55px 0}.tdw46-concept-grid{grid-template-columns:1fr}}