.sh-page{--sh-line:#16384a20}.sh-hero{border-bottom:1px solid var(--sh-line);background:radial-gradient(at 85% 85%,#ccebf03b,#0000 55%),linear-gradient(120deg,#fbf9f5,#f4efe7);padding:145px 0 70px}.sh-hero-layout{grid-template-columns:1fr 1.15fr;align-items:center;gap:40px;display:grid}.sh-page h1{letter-spacing:-.055em;max-width:600px;font-size:clamp(47px,5vw,74px);line-height:1.02}.sh-hero-copy>p:not(.eyebrow){max-width:470px;margin-top:25px;font-size:16px;line-height:1.8}.sh-hero-copy{z-index:1;position:relative}.sh-hero-art{margin:0 -30px 0 0;position:relative}.sh-hero-art img{mix-blend-mode:multiply;border-radius:18px 50px 18px 18px;width:100%;height:auto;display:block}.sh-hero-art figcaption{color:#56717e;letter-spacing:.08em;margin:15px 0 0 25px;font-size:10px}.sh-index{letter-spacing:.15em;color:#56717e;background:#ffffff75;border:1px solid #fffc;border-radius:5px;padding:12px 16px;font-size:9px;position:absolute;top:0;right:20px;box-shadow:0 8px 20px -15px #17394a80}.sh-core{padding-top:65px}.sh-service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;max-width:1080px;margin:35px auto 0;display:grid}.sh-module{background:linear-gradient(125deg,#fff9,#faf8f380);border:1px solid #ffffffd9;border-color:#ffffffd9 #c6d5d96b #d7d9d9 #ffffffd9;border-radius:12px;flex-direction:column;grid-column:span 2;align-items:flex-start;min-width:0;padding:26px 27px 25px;scroll-margin-top:100px;display:flex;position:relative;box-shadow:0 16px 30px -27px #0b38475c,inset 0 1px #fff}.sh-module-3{grid-column:2/span 2}.sh-module-number{letter-spacing:.15em;color:#52727e;font-size:10px}.sh-module>.service-object{align-self:center;margin:-10px 0 7px}.sh-module-1>.service-object{transform:rotate(-5deg)}.sh-module-2>.service-object{transform:scale(.92)translateY(-5px)}.sh-module-4>.service-object{transform:rotate(5deg)}.sh-module-copy{flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.sh-module h3{font-family:var(--font-editorial), Georgia, serif;letter-spacing:-.035em;max-width:270px;margin-bottom:16px;font-size:29px;font-weight:500;line-height:1.08}.sh-module h3 a:hover{color:#007e96}.sh-module-copy>p{font-size:14px;line-height:1.8}.sh-fit{border-top:1px solid var(--sh-line);margin-top:23px;padding-top:16px}.sh-fit>span{color:#4c7483;letter-spacing:.1em;font-size:9px}.sh-fit p{margin-top:6px;font-size:12px;line-height:1.8}.sh-module-link{color:#2f667c;align-items:center;gap:12px;min-height:44px;margin-top:20px;font-size:11px;line-height:1.6;display:flex}.sh-module-link svg{border:1px solid #9ebac3;border-radius:50%;flex-shrink:0;width:30px;height:30px;padding:6px}.sh-module-link:hover svg{background:#e6f4f5;border-color:#007e96}.sh-selection{background:linear-gradient(125deg,#eaf0f1b0,#f1f3f0b0);border-block:1px solid #ffffffd9}.sh-decision-map{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:32px 0 0;padding:0;list-style:none;display:grid;position:relative}.sh-decision-map:before{content:"";background:#8fb9c688;height:1px;position:absolute;top:42px;left:4%;right:4%}.sh-decision-map li{border:1px solid #fff;background:linear-gradient(130deg,#ffffffe0,#f9f8f4bd);border-bottom-color:#d1dcdf;border-radius:9px;flex-direction:column;padding:21px 17px;display:flex;position:relative;box-shadow:0 12px 18px -18px #16445a66}.sh-decision-number{color:#6d8893;letter-spacing:.1em;font-size:10px}.sh-decision-map li>p{margin:16px 0 20px;font-size:13px;line-height:1.7}.sh-decision-map a{color:#326d85;align-items:center;gap:9px;min-height:44px;margin-top:auto;font-size:12px;display:flex}.sh-decision-arrow{border:1px solid #89b3c0;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.sh-decision-arrow svg{width:16px}.sh-decision-map a:hover{color:#003f5c}.sh-system-heading{grid-template-columns:235px 1fr;align-items:center;gap:36px;max-width:950px;display:grid}.sh-system-art{background:linear-gradient(135deg,#e5ebed,#f7f4ed);border:1px solid #fff;border-radius:12px;place-items:center;height:180px;display:grid;box-shadow:inset 1px 1px #fff,0 15px 30px -28px #143949}.sh-system-art .service-object{transform:scale(1.25)}.sh-system-heading p:not(.eyebrow){margin-top:20px;font-size:14px;line-height:1.8}.sh-illustration-label{color:#607b85;margin-top:12px;font-size:10px;line-height:1.6;display:block}.sh-flow{background:linear-gradient(135deg,#edf2f3ad,#fbf8f15e);border:1px solid #ffffffd9;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:40px 0 0;padding:0;list-style:none;display:grid;box-shadow:inset 0 1px #fff,0 14px 20px -22px #123e5b66}.sh-flow li{text-align:center;min-width:0;padding:12px 22px 28px;position:relative}.sh-flow .service-object{transform-origin:50% 30%;width:180px;height:115px;margin:0 auto;transform:scale(.62)}.sh-flow h3{margin-bottom:8px;font-size:14px;font-weight:500}.sh-flow p{max-width:180px;margin:auto;font-size:12px;line-height:1.7}.sh-flow-arrow{color:#4e899f;z-index:1;position:absolute;top:70px;right:-8px}.sh-software-path{background:#fff6;border:1px solid #d9e3e7;border-top:0;border-radius:0 0 12px 12px;align-items:center;gap:22px;margin:0 24px;padding:24px 30px;display:flex}.sh-software-path>span{color:#3b829e;font-size:30px}.sh-software-path h3{font-size:14px;font-weight:500;line-height:1.8}.sh-software-path p{max-width:800px;margin-top:8px;font-size:12px;line-height:1.8}.sh-prepare{border-top:1px solid var(--sh-line);grid-template-columns:.9fr 1.3fr auto;align-items:center;gap:30px;margin-top:35px;padding-top:35px;display:grid}.sh-prepare h3{font-family:var(--font-editorial), Georgia, serif;font-size:27px;font-weight:500;line-height:1.15}.sh-prepare p{font-size:13px;line-height:1.8}html[lang=th] .sh-module h3,html[lang=th] .sh-prepare h3{font-family:var(--font-thai), sans-serif;letter-spacing:-.025em;font-size:24px;line-height:1.5}html[lang=th] .sh-page h1{font-size:clamp(38px,4vw,58px);line-height:1.25}@media (max-width:1050px){.sh-hero-layout{gap:15px}.sh-module{padding-inline:20px}.sh-module h3{font-size:25px}.sh-decision-map{grid-template-columns:repeat(3,minmax(0,1fr))}.sh-decision-map:before{display:none}.sh-prepare{grid-template-columns:1fr 1.4fr}.sh-prepare a{grid-column:2}.sh-flow li{padding-inline:12px}.sh-flow .service-object{left:-5px}}@media (max-width:800px){.sh-hero{padding:115px 0 40px}.sh-hero-layout{grid-template-columns:1fr;gap:35px}.sh-hero-copy{max-width:620px}.sh-page h1{max-width:530px;font-size:56px}.sh-hero-art{justify-self:center;max-width:620px;margin:0}.sh-hero-art figcaption{margin-left:0}.sh-core{padding-top:45px}.sh-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sh-module,.sh-module-3{grid-column:auto}.sh-module:last-child{grid-column:1/-1;grid-template-columns:.8fr 1fr;column-gap:30px;display:grid}.sh-module:last-child>.service-object{grid-area:2/1}.sh-module:last-child .sh-module-copy{grid-area:1/2/3}.sh-system-heading{grid-template-columns:150px 1fr;gap:25px}.sh-system-art .service-object{transform:scale(.8)}.sh-system-art{height:160px}.sh-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.sh-flow li{padding:12px 22px 25px}.sh-flow li:nth-child(2) .sh-flow-arrow{display:none}.sh-flow .service-object{left:0;transform:scale(.7)}.sh-software-path{margin-inline:12px;padding:20px}.sh-prepare{grid-template-columns:1fr;gap:18px}.sh-prepare a{grid-column:auto;justify-self:start}}@media (max-width:540px){.sh-hero{padding-top:105px}.sh-page h1{max-width:350px;font-size:46px}.sh-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.8}.sh-hero-layout{gap:30px}.sh-hero-art{margin-inline:-12px}.sh-index{font-size:8px;top:-8px;right:5px}.sh-hero-art figcaption{margin-left:12px;font-size:9px}.sh-hero .wd-actions{gap:10px}.sh-hero .button,.sh-hero .wd-contact{padding-inline:18px;font-size:11px}.sh-service-grid{grid-template-columns:1fr;gap:18px;margin-top:26px}.sh-module,.sh-module:last-child{grid-template-columns:1fr 110px;gap:0 4px;min-height:0;padding:24px;display:grid}.sh-module-number{grid-area:1/1}.sh-module>.service-object,.sh-module:last-child>.service-object{transform-origin:0 0;grid-area:1/2/3;align-self:start;width:200px;height:95px;margin:-4px 0 -10px -16px;transform:scale(.65)}.sh-module-copy,.sh-module:last-child .sh-module-copy{grid-area:3/1/auto/-1}.sh-module h3{max-width:220px;margin:13px 0 14px;font-size:29px}.sh-module-copy>p{font-size:14px}.sh-fit{margin-top:18px}.sh-fit p{font-size:12px}.sh-module-link{margin-top:13px}.sh-decision-map{grid-template-columns:1fr;gap:12px;margin-top:25px}.sh-decision-map li{grid-template-columns:25px 1fr;gap:6px 10px;padding:16px 18px;display:grid}.sh-decision-number{grid-row:1/3;margin-top:4px}.sh-decision-map li>p{margin:0;font-size:13px}.sh-decision-map a{grid-column:2;min-height:44px;font-size:12px}.sh-decision-arrow{width:24px;height:24px}.sh-system-heading{grid-template-columns:1fr;gap:24px}.sh-system-art{width:125px;height:105px}.sh-system-art .service-object{transform:scale(.68)}.sh-system-heading h2{max-width:340px}.sh-flow{margin-top:25px}.sh-flow li{padding:8px 12px 22px}.sh-flow .service-object{transform-origin:40% 20%;width:125px;height:90px;transform:scale(.55)}.sh-flow-arrow{top:48px}.sh-flow h3{font-size:13px}.sh-flow p{font-size:11px}.sh-software-path{gap:13px;margin-inline:6px;padding:17px 14px}.sh-software-path h3{font-size:12px}.sh-software-path p{font-size:11px}.sh-prepare{margin-top:28px;padding-top:28px}.sh-prepare h3{font-size:28px}.sh-page .wd-insights-heading h2{max-width:320px}html[lang=th] .sh-page h1{font-size:38px}html[lang=th] .sh-module h3{max-width:255px;font-size:24px}}