.wd-page{--wd-cyan:#007e96;--wd-border:#102e3e1c;--wd-muted:#58666d;background:var(--ivory);overflow:clip}.wd-page h1,.wd-page h2{text-wrap:balance}.wd-page h2{font-size:clamp(34px,3.3vw,49px);line-height:1.1}.wd-page p{color:var(--wd-muted)}.wd-section{padding-block:56px}.wd-page .eyebrow{color:#607379;letter-spacing:.16em;margin-bottom:14px;font-size:11px;line-height:1.7}.wd-page .text-button{gap:12px;min-height:44px;font-size:14px}.wd-hero{border-bottom:1px solid var(--wd-border);background:radial-gradient(at 80% 88%,#bce9ed35,#0000 48%),linear-gradient(120deg,#fbf9f5,#f5f0e8 78%,#f8f6f2);padding:132px 0 58px;position:relative}.wd-breadcrumbs ol{color:#63737a;flex-wrap:wrap;gap:8px 12px;margin:0 0 36px;padding:0;font-size:12px;line-height:1.6;list-style:none;display:flex}.wd-breadcrumbs li+li:before{content:"›";color:#859297;margin-right:12px}.wd-breadcrumbs li:last-child{color:var(--navy)}.wd-breadcrumbs a:hover{color:var(--wd-cyan)}.wd-hero-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);align-items:center;gap:38px;display:grid}.wd-hero-copy{z-index:1;position:relative}.wd-page h1{letter-spacing:-.055em;max-width:600px;font-size:clamp(44px,4.5vw,65px);line-height:1.04}.wd-hero-copy>p:not(.eyebrow){max-width:490px;margin-top:26px;font-size:17px;line-height:1.8}.wd-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.wd-actions .button,.wd-contact{min-height:48px;padding:14px 23px;font-size:13px}.wd-contact{color:var(--navy);background:#ffffff45;border:1px solid #0a2b3a38;border-radius:99px;align-items:center;gap:15px;transition:background .2s,border-color .2s;display:inline-flex}.wd-contact:hover{border-color:var(--wd-cyan);background:#fff9}.wd-hero-visual{isolation:isolate;margin:20px -28px 0 0;position:relative}.wd-hero-visual>img{border:1px solid #ffffffb0;border-radius:18px 60px 18px 18px;width:100%;height:auto;display:block;position:relative;box-shadow:0 28px 55px -35px #16374765,inset 0 1px #fff}.wd-image-aura{z-index:-1;background:radial-gradient(#91d9e744,#d6e5e922 50%,#0000 70%);border-radius:50%;position:absolute;inset:-45px -40px -25px 20px}.wd-device-note{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#1c4a5c;letter-spacing:.12em;background:linear-gradient(125deg,#fffd,#ecf3f6b0);border:1px solid #fff;border-radius:12px;align-items:center;gap:14px;padding:15px 20px;font-size:10px;line-height:1.7;display:flex;position:absolute;bottom:43px;left:-20px;box-shadow:0 15px 32px -22px #143b506b,inset 1px 1px #fff}.wd-device-note b{color:#688087;font-size:9px;font-weight:400}.wd-page figure>figcaption{color:#66797e;margin-top:12px;font-size:10px;line-height:1.7}.wd-hero-visual>figcaption{text-align:right}.wd-editorial-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr);align-items:center;gap:64px;display:grid}.wd-editorial-image{border-radius:13px;height:285px;margin:0;position:relative;overflow:hidden;box-shadow:0 18px 30px -28px #102e3e70}.wd-editorial-image img{object-fit:cover;object-position:45% 60%}.wd-editorial-image>figcaption{z-index:1;background:#f8f6f2df;border-radius:4px;padding:5px 9px;position:absolute;inset:auto 12px 12px;margin:0!important}.wd-editorial-layout>div>p:not(.eyebrow){max-width:660px;margin-top:18px;line-height:1.85}.wd-build{background:radial-gradient(at 50% 80%,#e8e5dc80,#0000 65%),#f5f2ec;border-block:1px solid #e6e1d660}.wd-centered-heading{text-align:center;max-width:800px;margin:0 auto 34px}.wd-centered-heading>p:not(.eyebrow){max-width:730px;margin:17px auto 0}.wd-build-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.wd-build-card{background:linear-gradient(145deg,#ffffffd9,#fcfaf5aa);border:1px solid #fff;border-radius:12px;flex-direction:column;min-width:0;padding:26px 24px 23px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 12px 23px -20px #0d283d65,inset 0 1px #fff}.wd-build-card:nth-child(3){border-color:#abd8df9c;box-shadow:0 18px 30px -25px #00829770,inset 0 1px #fff}.wd-build-card:hover{transform:translateY(-4px);box-shadow:0 18px 28px -22px #0d283d65}.wd-card-icon{color:#345764;justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.wd-card-icon>span{letter-spacing:.1em;color:#71878c;font-size:10px}.wd-page .wd-build-card h3{font-family:var(--font-editorial), Georgia, serif;letter-spacing:-.03em;margin-bottom:15px;font-size:26px;font-weight:500;line-height:1.15}.wd-build-card>p{margin-bottom:24px;font-size:14px;line-height:1.8}.wd-card-detail{border-top:1px solid var(--wd-border);color:#55747e;margin-top:auto;padding-top:15px;font-size:10px;line-height:1.8}.wd-approach-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;margin-bottom:38px;display:grid}.wd-approach-heading>p{font-size:14px;line-height:1.8}.wd-timeline{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.wd-timeline li{min-width:0;position:relative}.wd-timeline li:before{content:"";background:linear-gradient(90deg,#b9dce0,#d8dfdf);height:1px;position:absolute;inset:19px -22px auto 0}.wd-timeline li:last-child:before{right:0}.wd-step-number{color:#345c69;background:linear-gradient(145deg,#fff,#edf1f2);border:1px solid #bccfd15c;border-radius:50%;place-items:center;width:40px;height:40px;margin-bottom:20px;font-size:11px;display:grid;position:relative;box-shadow:0 5px 12px -7px #0a4e6a70,inset 0 1px #fff}.wd-timeline h3{margin-bottom:10px;font-size:14px;font-weight:500;line-height:1.5}.wd-timeline p{font-size:12px;line-height:1.8}.wd-related{background:linear-gradient(110deg,#e8eff04d,#f1eee6b0 60%,#f6f3ed);box-shadow:inset 0 1px #fff8,inset 0 -1px #e6e2d544}.wd-related-layout{grid-template-columns:.85fr 1.4fr;align-items:center;gap:50px;display:grid}.wd-related-intro>p:not(.eyebrow){margin-block:20px}.wd-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.wd-related-grid article{background:linear-gradient(120deg,#ffffffc9,#ffffff60);border:1px solid #ffffffd9;border-radius:11px;padding:22px;box-shadow:0 7px 20px -19px #0a3c4d7d}.wd-related-grid svg{color:#526f78;width:24px;height:24px;margin-bottom:14px}.wd-related-grid h3{font-family:var(--font-editorial), Georgia, serif;margin-bottom:10px;font-size:22px;font-weight:500;line-height:1.2}.wd-related-grid p{font-size:12px;line-height:1.8}.wd-scope-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;display:grid}.wd-scope-layout>div>p:not(.eyebrow){margin-top:18px}.wd-checklist{margin-block:25px;padding:0;list-style:none}.wd-checklist li{color:#50636c;align-items:baseline;gap:13px;margin-top:9px;font-size:14px;display:flex}.wd-checklist span{color:var(--wd-cyan);font-size:14px}.wd-scope-note{background:linear-gradient(90deg,#e6eff040,#0000);border-left:2px solid #90bdc5;padding:16px 18px;font-size:13px}.wd-scope .text-button{margin-top:18px}.wd-scope-visual{margin:0 0 0 10px;position:relative}.wd-scope-visual>img{border-radius:14px;width:100%;height:auto;display:block;position:relative;box-shadow:0 24px 40px -32px #0d334b80}.wd-scope-glass{background:linear-gradient(140deg,#e1e5e885,#b8dfe529);border:1px solid #fff;border-radius:14px;position:absolute;inset:-22px 22px 40px -22px;transform:rotate(-3deg)}.wd-insights{padding-block:15px 35px}.wd-insights-surface{background:radial-gradient(at 10% 100%,#badce239,#0000 65%),#edf1f2;border:1px solid #ffffffc0;border-radius:15px;padding:32px;box-shadow:inset 0 1px #fff}.wd-insights-heading{justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px;display:flex}.wd-insights-heading h2{font-size:37px}.wd-insights-heading p:not(.eyebrow){margin-top:13px;font-size:13px}.wd-insights-heading>a{flex-shrink:0}.wd-article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.wd-article-grid article{min-width:0}.wd-article-grid article>a{background:#fcfaf6;border:1px solid #ffffffd0;border-radius:9px;grid-template-columns:.75fr 1.25fr;height:100%;min-height:170px;transition:transform .25s;display:grid;overflow:hidden;box-shadow:0 9px 18px -17px #0d334b80}.wd-article-grid article>a:hover{transform:translateY(-3px)}.wd-article-image{min-height:100%;position:relative}.wd-article-image img{object-fit:cover}.wd-article-copy{flex-direction:column;padding:17px 14px;display:flex}.wd-article-copy .eyebrow{margin-bottom:9px;font-size:8px;line-height:1.6}.wd-article-copy h3{margin-bottom:15px;font-size:12px;font-weight:500;line-height:1.6}.wd-article-arrow{border:1px solid #1233463b;border-radius:50%;align-self:end;place-items:center;width:24px;height:24px;margin-top:auto;display:grid}.wd-article-arrow svg{width:13px}.wd-faq{padding-block:40px 65px}.wd-faq-layout{grid-template-columns:.8fr 1.2fr;align-items:start;gap:70px;display:grid}.wd-questions details{border-bottom:1px solid var(--wd-border)}.wd-questions summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding-block:17px;font-size:14px;line-height:1.65;list-style:none;display:flex}.wd-questions summary::-webkit-details-marker{display:none}.wd-questions summary>span{color:#57747e;flex-shrink:0;font-size:21px;font-weight:400;transition:transform .2s}.wd-questions details[open] summary>span{transform:rotate(45deg)}.wd-questions details>p{padding:0 28px 22px 0;font-size:13px;line-height:1.9}.wd-questions summary:focus-visible{outline:2px solid var(--wd-cyan);outline-offset:4px}.wd-final{padding-block:0 55px}.wd-final-surface{isolation:isolate;background:radial-gradient(at 10% 30%,#1b5366,#0000 54%),#071d2b;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:38px;padding:47px 46px 47px 140px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 32px -25px #092b4266,inset 0 1px #8db4bd44}.wd-final .eyebrow{color:#a7c8d0}.wd-final h2{color:#f8f6f2;max-width:700px;font-size:38px}.wd-final-copy>p:not(.eyebrow){color:#bdcdd2;max-width:630px;margin-top:20px;font-size:13px}.wd-final .wd-actions{flex-direction:column;align-items:stretch;margin:0}.wd-final .wd-contact{color:#e6eff1;background:#ffffff05;border-color:#aacbd255;justify-content:center}.wd-final-lines{z-index:-1;width:200px;height:240px;position:absolute;bottom:-35px;left:-56px;transform:rotate(-24deg)}.wd-final-lines span{background:linear-gradient(90deg,#d0f4fc13,#bdeafc38,#4fc1de12);border:1px solid #9bdbef44;width:65px;height:230px;position:absolute;transform:skewY(-20deg);box-shadow:inset 1px 0 #ffffff39,10px 4px 35px #0b243633}.wd-final-lines span:nth-child(2){top:50px;left:65px}.wd-final-lines span:nth-child(3){top:100px;left:130px}html[lang=th] .wd-page h1{letter-spacing:normal;font-size:clamp(36px,3.55vw,53px);line-height:1.5}html[lang=th] .wd-page h2{font-size:clamp(28px,2.5vw,38px);line-height:1.55}html[lang=th] .wd-page .eyebrow{letter-spacing:normal}html[lang=th] .wd-page .wd-build-card h3,html[lang=th] .wd-related-grid h3{font-family:var(--font-thai), sans-serif;letter-spacing:normal;font-size:19px;font-weight:400;line-height:1.65}@media (max-width:1100px){.wd-page h1{font-size:49px}.wd-hero-layout{gap:26px}.wd-hero-visual{margin-right:0}.wd-build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-editorial-layout,.wd-scope-layout,.wd-related-layout,.wd-approach-heading,.wd-faq-layout{gap:35px}.wd-timeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}.wd-timeline li:nth-child(3):before{right:0}.wd-article-grid{gap:12px}.wd-article-grid article>a{grid-template-columns:.65fr 1.35fr}.wd-insights-surface{padding:26px}.wd-final-surface{grid-template-columns:1fr;padding:40px 40px 40px 125px}.wd-final .wd-actions{flex-direction:row;align-items:center}}@media (max-width:800px){.wd-section{padding-block:40px}.wd-hero{padding-top:115px;padding-bottom:32px}.wd-breadcrumbs ol{margin-bottom:28px;font-size:11px}.wd-hero-layout,.wd-editorial-layout,.wd-scope-layout,.wd-related-layout,.wd-approach-heading,.wd-faq-layout{grid-template-columns:1fr;gap:28px}.wd-page h1{max-width:650px;font-size:clamp(40px,7.2vw,55px)}.wd-hero-copy>p:not(.eyebrow){max-width:600px}.wd-hero-visual{margin:10px 0 0}.wd-device-note{bottom:44px;left:10px}.wd-editorial-image{height:245px}.wd-approach-heading{margin-bottom:30px}.wd-scope-visual{margin:12px 0 0 12px}.wd-insights-heading{flex-direction:column;align-items:start;gap:14px}.wd-article-grid{grid-template-columns:1fr}.wd-article-grid article>a{grid-template-columns:110px 1fr;min-height:140px}.wd-article-copy h3{font-size:14px}.wd-article-copy .eyebrow{font-size:9px}.wd-final h2{font-size:35px}}@media (max-width:500px){.wd-page .eyebrow{font-size:10px}.wd-hero-copy>p:not(.eyebrow){margin-top:20px;font-size:16px}.wd-actions{gap:12px;margin-top:24px}.wd-actions .button,.wd-contact{padding:13px 18px;font-size:12px}.wd-build-grid,.wd-related-grid{grid-template-columns:1fr}.wd-build-card{padding:24px}.wd-card-icon,.wd-build-card>p{margin-bottom:18px}.wd-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.wd-timeline li:nth-child(3):before{right:-22px}.wd-timeline li:nth-child(2n):before{right:0}.wd-insights-surface{padding:23px 18px}.wd-insights-heading h2{font-size:32px}.wd-article-grid article>a{grid-template-columns:90px 1fr}.wd-questions summary{font-size:14px}.wd-final-surface{gap:28px;padding:35px 25px}.wd-final-lines{opacity:.35}.wd-final .wd-actions{flex-direction:column;align-items:stretch}.wd-final .button{justify-content:center}html[lang=th] .wd-page h1{font-size:36px}html[lang=th] .wd-page h2{font-size:28px}}@media (prefers-reduced-motion:reduce){.wd-page *,.wd-page :before,.wd-page :after{transition:none!important}.wd-build-card:hover,.wd-article-grid article>a:hover{transform:none}}.wd-build-object{border-bottom:1px solid #d7e2e677;justify-content:center;height:145px;margin:-10px -10px 20px;display:flex;position:relative}.wd-build-object>.service-object{transform-origin:50% 45%;transform:scale(.86)}.wd-build-object>span{letter-spacing:.12em;color:#6b8490;font-size:9px;position:absolute;top:12px;right:12px}.wd-timeline{gap:14px;padding:24px 0 10px}.wd-timeline li{background:linear-gradient(135deg,#ffffffb5,#e8f1f469);border:1px solid #fff;border-bottom-color:#d0e0e5;border-radius:10px;padding:0 14px 20px;box-shadow:0 15px 22px -22px #0e466766,inset 1px 1px #fff}.wd-timeline li:nth-child(2n){translate:0 18px}.wd-timeline li:before{z-index:0;background:linear-gradient(90deg,#a6cdd9,#d4e5eb);inset:19px -15px auto 0}.wd-step-number{background:linear-gradient(145deg,#fff,#d7ecf2);border-color:#c0d9e2;border-radius:11px;margin-top:-20px;margin-bottom:18px;transform:rotate(-5deg);box-shadow:3px 4px #64adc328,0 8px 12px -9px #173e57,inset 1px 1px #fff}.wd-timeline h3,.wd-timeline p{position:relative}.wd-timeline p{font-size:11px}.wd-approach{padding-bottom:80px}.wd-scope-study{perspective:900px;background:radial-gradient(at 70% 20%,#c3e6ed6b,#0000 55%),linear-gradient(135deg,#f1eee7,#edf2f2);border:1px solid #ffffffce;border-radius:14px;min-width:0;min-height:370px;padding:42px 22px 50px 34px;position:relative;box-shadow:inset 0 1px #fff,0 20px 30px -30px #153d55}.wd-study-label{letter-spacing:.13em;color:#567b8b;margin-bottom:24px;font-size:9px;display:block}.wd-study-window{background:#ffffffad;border-top:1px solid #fff;border-bottom:4px solid #a6c5d0;border-left:1px solid #fff;border-right:4px solid #90b9c999;border-radius:10px;position:relative;overflow:hidden;transform:rotateY(-10deg)rotate(-4deg);box-shadow:15px 18px 20px -19px #143c5566}.wd-study-bar{background:#e5eef0;border-bottom:1px solid #c7dce4;align-items:center;gap:5px;height:28px;padding-left:13px;display:flex}.wd-study-bar i{background:#3b6f8599;border-radius:50%;width:4px;height:4px}.wd-study-body{grid-template-columns:52px 1fr;min-height:235px;display:grid}.wd-study-sidebar{background:#f5f8f9;border-right:1px solid #d5e3e9;padding:25px 10px}.wd-study-sidebar i{background:#8aaebf6b;border-radius:4px;height:4px;margin-bottom:15px;display:block}.wd-study-content{padding:15px 22px 23px}.wd-study-content .service-object{transform-origin:50% 0;width:210px;max-width:100%;height:105px;margin:auto;transform:scale(.75)}.wd-study-content>span{background:#8aafbf59;border-radius:4px;width:76%;height:6px;margin-top:12px;display:block}.wd-study-content>span+span{width:55%}.wd-study-content>div:last-child{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px;display:grid}.wd-study-content>div:last-child>i{background:linear-gradient(135deg,#d9ecf2aa,#ffffff80);border:1px solid #b7d3de;border-radius:4px;height:45px}.wd-study-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:20px;left:18px;right:18px}.wd-study-tags span{color:#345d70;background:#ffffffd9;border:1px solid #fff;border-bottom-color:#b4d0db;border-radius:5px;padding:6px 10px;font-size:10px;line-height:1.8;box-shadow:0 9px 14px -12px #1b597c}.wd-study-tags span:nth-child(2){translate:0 -7px}@media (max-width:1050px){.wd-timeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:48px}.wd-timeline li:nth-child(2n){translate:none}.wd-timeline li:nth-child(3n):before{right:0}}@media (max-width:800px){.wd-scope-study{max-width:600px;min-height:360px}.wd-build-object{margin-bottom:15px}.wd-build-object>.service-object{transform:scale(.8)}.wd-approach{padding-bottom:50px}}@media (max-width:540px){.wd-timeline{grid-template-columns:1fr 1fr;gap:35px 16px}.wd-timeline li{padding:0 14px 18px}.wd-timeline li:nth-child(2n){translate:0 12px}.wd-timeline li:nth-child(3n):before{right:-15px}.wd-timeline li:nth-child(2n):before{right:0}.wd-timeline h3{font-size:13px}.wd-timeline p{font-size:11px}.wd-scope-study{min-height:340px;padding:27px 17px 60px}.wd-study-label{margin-bottom:22px;font-size:8px}.wd-study-body{grid-template-columns:35px 1fr;min-height:210px}.wd-study-content{padding-inline:14px}.wd-study-tags span{padding:5px 8px;font-size:9px}.wd-build-object{height:115px;margin:-7px -5px 18px}.wd-build-object>.service-object{transform-origin:50% 20%;transform:scale(.7)}}
