.why-hero{--why-surface:#fbfbfa;position:relative;isolation:isolate;margin-top:72px;min-height:620px;height:calc(100svh - 72px);max-height:980px}.why-hero,.why-hero-visual{overflow:hidden;background:var(--why-surface)}.why-hero-visual{position:absolute;inset:0 -10% 0 auto;width:78%;transform-origin:center}.why-hero-visual:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to right,var(--why-surface) 0,rgb(251 251 250/88%) 8%,rgb(251 251 250/36%) 19%,transparent 31%,transparent 88%,var(--why-surface) 100%),linear-gradient(to bottom,var(--why-surface),transparent 10%,transparent 84%,var(--why-surface))}.why-hero-visual video{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.08) contrast(1.03) saturate(.72);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000)}.why-hero-footer{position:absolute;inset:50% 0 auto;z-index:2;padding:0;transform:translateY(-50%)}.why-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.why-hero-inner>div:first-child{max-width:620px}.why-hero-subtitle{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.14em;color:#637e9c}.why-hero h1,html[lang=th] .why-hero h1{margin-top:26px;font-size:clamp(42px,4.2vw,62px);font-weight:600;line-height:1.25;white-space:pre-line;color:#10233f;letter-spacing:-.035em}.why-hero-description{margin-top:24px;max-width:495px;font-size:15px;line-height:1.9;color:#637e9c}.why-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;clip-path:none!important}.why-hero-bottom{position:absolute;inset:auto 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #dce4ee;font-size:11px;color:#637e9c;z-index:2}.why-hero-bottom a{display:inline-flex;align-items:center;gap:12px;color:#1f5d9f}.why-hero .button-outline{background:#ffffffb3;color:#111;border-color:#1113}.why-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.why-tags>span{padding:6px 13px;border:1px solid #1112;border-radius:999px;background:#ffffffe6;color:#49627f;font-size:11px}.why-hero .why-tags{flex-shrink:0;padding-bottom:6px}.why-story{padding-block:85px}.why-story-intro{text-align:center;max-width:760px;margin-inline:auto}.why-story h2{font-size:40px;line-height:1.2;color:#1c1c1e}.why-story h2>span{display:block;color:#168bfa}.why-story-intro h2{margin-top:16px}.why-story p{font-size:14px;color:#636366}.why-story-intro p{margin-top:20px}.why-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:38px 0 30px}.why-overview>div{background:#f2f7ff;border:1px solid #e4edf8;border-radius:22px;padding:22px}.why-overview>div>div{display:flex;justify-content:space-between;align-items:center}.why-overview svg{width:40px;height:40px;padding:10px;color:#168bfa;background:#fff;border-radius:13px;box-shadow:0 8px 20px #168bfa14}.why-overview>div>div>span{font-size:10px;color:#8e8e93}.why-overview h3{font-size:17px;margin-top:18px}.why-overview p{font-size:12px;margin-top:5px}.why-panel{overflow:hidden;padding:40px;border:1px solid #1111;border-radius:32px;box-shadow:0 24px 70px #143c780f}.why-panel+.why-panel{margin-top:26px}.why-panel .eyebrow{display:flex;align-items:center;gap:8px;color:#168bfa;font-weight:600}.why-panel h2,.why-panel p{margin-top:18px}.why-discover{background:#f2f7ff}.why-panel-intro{max-width:730px;margin:auto;text-align:center}.why-panel-intro .eyebrow,.why-panel-intro .why-tags{justify-content:center}.why-panel-intro .why-tags{margin-top:24px}.why-discover .why-tags>span{border-color:#168bfa1a}.why-media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.why-discover>.why-media-pair{max-width:980px;margin:32px auto 0}.why-media-card{min-width:0;margin:0;padding:12px;border:1px solid #fff;border-radius:26px;background:#fff;box-shadow:0 16px 38px #2d558714}.why-media-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px}.why-media-card figcaption>div{min-width:0}.why-media-card figcaption span{display:block;font-size:9px;letter-spacing:.13em;color:#76767d}.why-media-card figcaption strong{display:block;margin-top:5px;font-size:15px;color:#1c1c1e}.why-media-card figcaption>svg{width:38px;height:38px;padding:10px;color:#168bfa;background:#f2f7ff;border-radius:12px}.why-media-image{height:285px;overflow:hidden;background:#f7f9fc;border-radius:20px}.why-media-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.why-media-card:hover img{transform:scale(1.025)}.why-illustration{padding:18px;background:linear-gradient(180deg,#f9fbff,#eef6ff)}.why-illustration img{object-fit:contain;object-position:center}.why-shape{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:36px;background:#fff}.why-shape-image{position:relative;min-height:380px;border-radius:26px;overflow:hidden;background:#0a0d12}.why-shape-image>img{object-fit:cover;opacity:.8}.why-shape-image:after{position:absolute;content:"";inset:0;background:linear-gradient(180deg,#05091000,#050910b3)}.why-image-caption{position:absolute;z-index:1;inset:auto 20px 20px;display:flex;align-items:center;gap:14px;padding:18px;color:#fff;background:#0006;border:1px solid #fff3;border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.why-image-caption>svg{width:40px;height:40px;padding:9px;border-radius:13px;background:#fff;color:#168bfa}.why-image-caption span{display:block;font-size:9px;color:#ffffffb3;letter-spacing:.13em}.why-image-caption strong{display:block;font-size:14px;margin-top:5px}.why-design-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.why-design-points>span{padding:16px 8px;border-radius:16px;background:#f2f2f7;font-size:12px;text-align:center}.why-build{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:36px;background:#f2f2f7;padding-bottom:60px}.why-build-checks{border:1px solid #1111;border-radius:22px;overflow:hidden;background:#fff;margin-top:24px}.why-build-checks>div{display:flex;gap:12px;padding:18px}.why-build-checks>div+div{border-top:1px solid #1111}.why-build-checks svg{margin-top:4px;color:#248a3d;background:#34c75914;border-radius:50%;width:26px;height:26px;padding:5px}.why-build-checks h3{font-size:14px}.why-build-checks p{font-size:12px;margin-top:5px}.why-build .button{margin-top:24px}.why-build .why-media-pair>:last-child{translate:0 24px}.why-build .why-media-card{padding:12px}.why-build .why-media-image{height:270px}.seo-artwork{flex-direction:column;justify-content:center;gap:20px;min-height:400px;padding:36px}.seo-artwork,.seo-search{display:flex;border:1px solid #dce9f8}.seo-search{align-items:center;gap:12px;padding:17px 20px;border-radius:999px;background:#fff;color:#637e9c;font-size:12px;box-shadow:0 8px 24px #168bfa0a}.seo-search svg{color:#168bfa}.seo-result{padding:25px;border-radius:22px;background:#fff;box-shadow:0 15px 45px #168bfa12}.seo-result-site{display:flex;gap:8px;margin-top:18px;font-size:11px;color:#637e9c}.seo-result h2{font-size:24px;line-height:1.3;margin-top:10px;color:#174f91}.service-detail-grid .seo-result p{font-size:12px;margin-top:14px}.seo-checks{display:flex;justify-content:space-between;gap:10px;color:#1f5d9f}.seo-checks>span{display:flex;align-items:center;gap:6px;font-size:10px}@media (max-width:1100px){.why-hero .why-tags{display:none}.why-panel{padding:30px}.why-story h2{font-size:34px}.why-build{gap:25px}.why-build .why-media-image{height:230px}.why-build .why-media-card figcaption strong{font-size:13px}}@media (max-width:850px){.why-build,.why-shape{grid-template-columns:1fr;gap:30px}.why-build{padding-bottom:54px}.why-build .why-media-pair{max-width:620px;width:100%;margin-inline:auto}.why-hero{min-height:760px;height:calc(100svh - 72px)}.why-hero-visual{inset:auto 0 80px;width:100%;height:50%}.why-hero-visual video{object-fit:contain}.why-hero h1,html[lang=th] .why-hero h1{font-size:47px}.why-hero-footer{inset:48px 0 auto;transform:none;padding:0}.why-hero-inner>div:first-child{max-width:660px}}@media (max-width:600px){.why-hero{min-height:740px;max-height:none}.why-hero-visual{inset:auto 0 60px;height:330px}.why-hero-visual video{object-fit:contain}.why-hero-footer{inset:45px 0 auto;padding:0}.why-hero h1,html[lang=th] .why-hero h1{font-size:clamp(28px,8.8vw,38px);margin-top:22px}.why-hero-description{font-size:13px;margin-top:18px}.why-hero-subtitle{font-size:8px;letter-spacing:.06em}.why-hero-actions{margin-top:22px;gap:9px}.why-hero-actions .button{padding-inline:15px;font-size:11px}.why-hero-bottom{inset-block-end:20px;font-size:9px;gap:10px}.why-hero-bottom a{gap:4px}.why-story{padding-block:55px}.why-story h2{font-size:29px}.why-story p{font-size:13px}.why-overview{gap:8px;margin-top:26px}.why-overview>div{border-radius:16px;padding:12px}.why-overview svg{width:32px;height:32px;padding:8px}.why-overview h3{font-size:13px;margin-top:13px}.why-overview p{font-size:10px;line-height:1.65}.why-panel{padding:22px 16px;border-radius:24px}.why-panel+.why-panel{margin-top:20px}.why-media-pair{gap:10px}.why-media-card{padding:8px;border-radius:19px}.why-media-card figcaption{gap:6px;min-height:70px;padding:5px}.why-media-card figcaption span{font-size:7px;letter-spacing:.07em}.why-media-card figcaption strong{font-size:11px}.why-media-card figcaption>svg{display:none}.why-media-image{height:155px;border-radius:14px}.why-illustration{padding:9px}.why-shape-image{min-height:285px;border-radius:19px}.why-image-caption{inset:auto 12px 12px;padding:12px;gap:10px}.why-image-caption strong{font-size:12px}.why-design-points>span{font-size:11px}.why-build{padding-bottom:42px}.why-build .why-media-card{padding:8px}.why-build .why-media-image{height:170px}.why-build .why-media-card figcaption strong{font-size:11px}.seo-artwork{padding:22px;min-height:350px}.seo-result{padding:21px}.seo-result h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.why-media-image img{transition:none}}@media (max-width:900px){.why-hero-visual video{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent);filter:brightness(1.07) contrast(1.02) saturate(.74)}.why-hero-visual:after{background:linear-gradient(to bottom,var(--why-surface) 0,rgb(251 251 250/48%) 10%,transparent 24%,transparent 78%,var(--why-surface) 100%)}}.hero.product-hero{display:flex;flex-direction:column;min-height:0;isolation:isolate;overflow:hidden;padding:133px 0 0;background:linear-gradient(180deg,#fff,#fff 30%,#f7fcff 48%,#e5f6ff 76%,#f9fdff)}.product-hero .hero-glow{inset:-12% -8% -2%;opacity:.94;filter:blur(15px);background:radial-gradient(ellipse 34% 32% at 20% 70%,#8bd3ff73,transparent 85%),radial-gradient(ellipse 38% 36% at 80% 69%,#7ad1ff72,transparent 86%),radial-gradient(ellipse 46% 31% at 50% 89%,#2baeff4d,transparent 82%),radial-gradient(ellipse 30% 22% at 49% 51%,#d9efff69,transparent 84%)}.product-hero .hero-grid{display:none}.product-hero .hero-content{position:relative;z-index:5;padding-inline:20px}.product-hero .hero-content h1,html[lang=th] .product-hero .hero-content h1{max-width:1180px;margin-inline:auto;padding:0;font-size:clamp(44px,4.35vw,65px);font-weight:600;letter-spacing:-.04em;line-height:1.2}.product-hero .hero-content h1>.hero-headline-line:first-child{background:linear-gradient(103deg,#1599f3 15%,#168bfa 56%,#677c8d 96%);background-clip:text;-webkit-background-clip:text;color:transparent}.product-hero .hero-content h1>.hero-headline-secondary{margin-top:5px;font-size:clamp(32px,3.65vw,51px);font-weight:500;letter-spacing:-.035em;line-height:1.32;background:none;color:#2b3d52}.product-hero .hero-description{max-width:780px;margin:21px auto 0;padding:0;color:#62778c;font-size:14px;line-height:1.85}.product-hero .hero-actions{gap:13px;margin-top:26px}.product-hero .hero-actions .button{min-height:47px;padding-inline:24px;gap:13px;font-size:12px}.product-hero .hero-actions .button-blue{background:linear-gradient(110deg,#159af9,#1590f7);box-shadow:0 6px 16px #4aafff48,0 0 30px #6ac4ff50}.product-hero .hero-actions .button-blue:hover{background:linear-gradient(110deg,#0a8bea,#087be3);box-shadow:0 9px 23px #3f9ff65c,0 0 35px #6ac4ff66}.product-hero .hero-actions .button-text{color:#354a5e;padding-inline:21px;border:1px solid #ffffffd9;background:#ffffffa8;box-shadow:0 5px 24px #7ebde022,inset 0 1px 0 #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.product-hero .hero-actions .button-text:hover{background:#fff;box-shadow:0 8px 25px #7ebde03b}.product-hero .hero-depth{position:relative;z-index:1;margin:30px 0 0}.product-hero .hero-stage{position:relative;display:block;width:min(100%,1240px);max-width:1240px;height:540px;margin:0 auto;perspective:none;transform:none}.product-hero .hero-stage:before{content:"";position:absolute;top:20px;left:50%;width:min(930px,94vw);height:450px;transform:translateX(-50%);pointer-events:none;filter:blur(35px);background:radial-gradient(ellipse at center,#a4deff88 0,#d4f0ff55 43%,transparent 76%)}.product-hero .hero-single{position:absolute;bottom:0;left:50%;z-index:2;width:min(500px,43vw);margin:0;transform:translateX(-50%);translate:none;rotate:none;filter:drop-shadow(0 22px 32px #4776951b)}.product-hero .hero-single img{display:block;width:100%;height:auto;object-fit:contain}.product-hero .hero-service-card{position:absolute;z-index:3;display:flex;align-items:center;gap:16px;width:338px;min-height:136px;padding:13px;color:#23364b;text-decoration:none;border:1px solid rgb(255 255 255/90%);border-radius:26px;background:linear-gradient(125deg,rgb(255 255 255/80%),rgb(255 255 255/45%) 53%,rgb(230 246 255/59%));box-shadow:0 16px 48px rgb(52 115 171/13%),inset 0 1px 0 #fff,inset 0 -1px 0 rgb(102 172 232/15%);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);isolation:isolate;overflow:hidden;transform-origin:center;animation:hero-service-pop .8s cubic-bezier(.2,1.18,.32,1) both;transition:translate .3s ease,border-color .3s ease,box-shadow .3s ease}.product-hero .hero-service-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 75% 65% at 12% -12%,rgb(255 255 255/85%),transparent 74%),linear-gradient(155deg,rgb(255 255 255/32%),transparent 50%,rgb(101 180 242/7%));box-shadow:inset 1px 1px 1px rgb(255 255 255/94%)}.product-hero .hero-service-card:after{content:"";position:absolute;z-index:0;pointer-events:none;top:-45%;bottom:-45%;left:-35%;width:23%;background:linear-gradient(90deg,transparent,rgb(255 255 255/48%),transparent);filter:blur(10px);transform:translateX(-160%) rotate(16deg);animation:hero-glass-sheen 9s ease-in-out infinite}.product-hero .hero-service-card-2:after{animation-delay:-3s}.product-hero .hero-service-card-3:after{animation-delay:-6s}.product-hero .hero-service-card:hover{translate:0 -4px;border-color:#fff;box-shadow:0 22px 60px rgb(52 115 171/21%),inset 0 1px 0 #fff}.product-hero .hero-service-card:focus-visible{outline:3px solid #168bfa;outline-offset:4px}.product-hero .hero-service-card-1{left:3.5%;top:58px}.product-hero .hero-service-card-2{right:2%;top:164px}.product-hero .hero-service-card-3{left:2%;top:323px}.product-hero .hero-service-thumb{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 96px;width:96px;height:96px;border-radius:26px;overflow:hidden;border:1px solid rgb(255 255 255/86%);background:linear-gradient(145deg,rgb(255 255 255/62%),rgb(228 245 255/51%));box-shadow:inset 0 1px 0 #fff,inset 0 -8px 16px rgb(126 202 254/16%),0 9px 22px rgb(69 120 167/15%);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.product-hero .hero-service-thumb:before{content:"";position:absolute;inset:-11%;z-index:0;pointer-events:none;border-radius:40% 60% 59% 41%/48% 42% 58% 52%;background:radial-gradient(circle at 28% 23%,rgb(255 255 255/88%),transparent 40%),radial-gradient(circle at 72% 74%,rgb(96 188 255/27%),transparent 48%);animation:hero-liquid-morph 8s ease-in-out infinite}.product-hero .hero-service-thumb:after{content:"";position:absolute;z-index:3;pointer-events:none;left:11px;top:9px;width:57%;height:21%;border-radius:100%;background:linear-gradient(180deg,rgb(255 255 255/70%),rgb(255 255 255/5%));filter:blur(1.5px);transform:rotate(-9deg);animation:hero-liquid-reflection 5s ease-in-out infinite}.product-hero .hero-service-card-2 .hero-service-thumb:after,.product-hero .hero-service-card-2 .hero-service-thumb:before{animation-delay:-1.3s}.product-hero .hero-service-card-3 .hero-service-thumb:after,.product-hero .hero-service-card-3 .hero-service-thumb:before{animation-delay:-2.6s}.product-hero .hero-service-thumb img{position:relative;z-index:2;width:78%;height:78%;object-fit:cover;object-position:left top;border:1px solid rgb(255 255 255/68%);border-radius:15px;box-shadow:0 4px 12px rgb(24 65 96/11%)}.product-hero .hero-service-card-2 .hero-service-thumb img{object-fit:contain;background:#fff}.product-hero .hero-service-text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.product-hero .hero-service-text strong{color:#22364e;font:700 12px/1.35 var(--font-inter),var(--font-thai),sans-serif;letter-spacing:.065em}.product-hero .hero-service-text>span:not(.hero-service-link){font-size:11px;line-height:1.6;color:#5e7184}.product-hero .hero-service-link{display:inline-flex;align-items:center;gap:5px;margin-top:3px;border-bottom:1px solid #6a8bab;padding-bottom:2px;color:#1a538b;font-size:11px;font-weight:600}@keyframes hero-service-pop{0%{opacity:0;transform:translateY(24px) scale(.87)}65%{opacity:1;transform:translateY(-4px) scale(1.025)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-glass-sheen{0%,22%,to{opacity:0;transform:translateX(-160%) rotate(16deg)}31%{opacity:.95}51%,99%{opacity:0;transform:translateX(1050%) rotate(16deg)}}@keyframes hero-liquid-morph{0%,to{border-radius:40% 60% 59% 41%/48% 42% 58% 52%;transform:scale(1) rotate(0)}33%{border-radius:52% 48% 42% 58%/58% 44% 56% 42%;transform:scale(1.035) rotate(4deg)}67%{border-radius:57% 43% 62% 38%/41% 58% 42% 59%;transform:scale(.99) rotate(-3deg)}}@keyframes hero-liquid-reflection{0%,to{opacity:.65;transform:translateX(0) rotate(-9deg)}50%{opacity:.95;transform:translateX(7px) rotate(-5deg)}}@media (min-width:1600px){.hero.product-hero{padding-top:145px}.product-hero .hero-stage{height:565px}.product-hero .hero-single{width:min(540px,36vw)}}@media (max-width:1100px){.product-hero .hero-content h1,html[lang=th] .product-hero .hero-content h1{font-size:clamp(37px,5vw,55px)}.product-hero .hero-content h1>.hero-headline-secondary{font-size:clamp(30px,3.8vw,43px)}.product-hero .hero-stage{height:510px}.product-hero .hero-single{width:min(455px,42vw)}.product-hero .hero-service-card{width:clamp(238px,29vw,310px);min-height:117px;gap:10px;padding:10px;border-radius:18px}.product-hero .hero-service-thumb{flex-basis:72px;width:72px;height:72px;border-radius:20px}.product-hero .hero-service-link,.product-hero .hero-service-text strong,.product-hero .hero-service-text>span:not(.hero-service-link){font-size:10px}.product-hero .hero-service-card-1{left:1%;top:60px}.product-hero .hero-service-card-2{right:1%;top:165px}.product-hero .hero-service-card-3{left:1%;top:315px}}@media (max-width:700px){.hero.product-hero{padding:110px 0 0;background:linear-gradient(180deg,#fff,#fff 23%,#f5fbff 48%,#def3ff 81%,#f8fdff)}.product-hero .hero-content{padding-inline:18px}.product-hero .hero-content h1,html[lang=th] .product-hero .hero-content h1{max-width:540px;font-size:clamp(29px,7.6vw,41px);line-height:1.28;letter-spacing:-.03em}.product-hero .hero-content h1>.hero-headline-secondary{margin-top:9px;font-size:clamp(22px,5.7vw,31px);line-height:1.38}.product-hero .hero-description{max-width:370px;margin-top:16px;font-size:12px;line-height:1.8}.product-hero .hero-actions{gap:9px;margin-top:21px}.product-hero .hero-actions .button{min-height:42px;padding-inline:16px;gap:9px;font-size:11px}.product-hero .hero-actions .button-text{padding-inline:14px}.product-hero .hero-depth{margin-top:18px}.product-hero .hero-stage{width:calc(100% - 28px);max-width:540px;height:auto;padding-bottom:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.product-hero .hero-stage:before{width:100%;height:310px;top:20px;filter:blur(24px)}.product-hero .hero-single{position:relative;left:auto;bottom:auto;grid-column:1/-1;width:min(360px,77vw);margin:0 auto -4px;transform:none}.product-hero .hero-service-card,.product-hero .hero-service-card-1,.product-hero .hero-service-card-2,.product-hero .hero-service-card-3{position:relative;inset:auto;width:100%;min-height:104px;gap:9px;padding:9px;border-radius:15px}.product-hero .hero-service-card-3{grid-column:1/-1}.product-hero .hero-service-thumb{width:62px;height:62px;flex-basis:62px;border-radius:18px}.product-hero .hero-service-text{gap:4px}.product-hero .hero-service-text strong{font-size:9px}.product-hero .hero-service-link,.product-hero .hero-service-text>span:not(.hero-service-link){font-size:9px;line-height:1.45}}@media (max-width:520px){.product-hero .hero-stage{grid-template-columns:1fr;gap:10px}.product-hero .hero-service-card-3,.product-hero .hero-single{grid-column:1}.product-hero .hero-single{width:min(320px,79vw)}.product-hero .hero-service-card,.product-hero .hero-service-card-1,.product-hero .hero-service-card-2,.product-hero .hero-service-card-3{max-width:380px;min-height:93px;margin-inline:auto}.product-hero .hero-service-thumb{width:66px;height:66px;flex-basis:66px;border-radius:18px}.product-hero .hero-service-link,.product-hero .hero-service-text strong,.product-hero .hero-service-text>span:not(.hero-service-link){font-size:10px}}@media (max-width:380px){.product-hero .hero-content h1,html[lang=th] .product-hero .hero-content h1{font-size:28px}.product-hero .hero-content h1>.hero-headline-secondary{font-size:22px}.product-hero .hero-actions .button{font-size:10px;padding-inline:13px}}@media (prefers-reduced-motion:reduce){.product-hero .hero-service-card,.product-hero .hero-service-card:after,.product-hero .hero-service-thumb:after,.product-hero .hero-service-thumb:before{animation:none}.product-hero .hero-service-card:hover{translate:none}}.product-hero .hero-glow{opacity:1;filter:blur(23px);background:radial-gradient(ellipse 37% 29% at 14% 67%,#76ccff85,transparent 84%),radial-gradient(ellipse 37% 30% at 85% 70%,#79caff6b,transparent 86%),radial-gradient(ellipse 42% 26% at 51% 88%,#4fb4f654,transparent 85%)}.product-hero .hero-preview-card{gap:17px;width:379px;min-height:156px;padding:13px;border:1px solid #ffffff;border-radius:24px;background:linear-gradient(134deg,#ffffffef 2%,#f1f9ffed);box-shadow:0 19px 52px #35689129,0 4px 13px #357eb410,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%)}.product-hero .hero-preview-card:hover{translate:0 -5px;border-color:#c3e8ff;box-shadow:0 26px 60px #35689138,inset 0 1px 0 #fff}.product-hero .hero-preview-card:after{opacity:.36}.product-hero .hero-service-card-1.hero-preview-card{left:1.8%;top:66px}.product-hero .hero-service-card-3.hero-preview-card{left:.3%;top:316px}.product-hero .hero-preview-card .hero-service-thumb{flex:0 0 142px;width:142px;height:125px;border-radius:17px;border:1px solid #d5e7f6;background:#102947;box-shadow:0 8px 19px #123f6836;overflow:hidden}.product-hero .hero-service-card-3.hero-preview-card .hero-service-thumb{background:#d6f2ff;box-shadow:0 8px 20px #519ad628}.product-hero .hero-preview-card .hero-service-thumb img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border:0;border-radius:0;filter:none;box-shadow:none}.product-hero .hero-preview-card .hero-service-thumb:after,.product-hero .hero-preview-card .hero-service-thumb:before{display:none}.product-hero .hero-preview-card .hero-service-text{gap:7px}.product-hero .hero-service-category{display:block;font:700 9px/1.2 var(--font-inter),var(--font-thai),sans-serif;color:#228fe1!important;letter-spacing:.08em}.product-hero .hero-preview-card .hero-service-text strong{display:block;color:#12304d;font-size:13px;font-weight:800;letter-spacing:.035em}.product-hero .hero-preview-card .hero-service-text>span:not(.hero-service-link):not(.hero-service-category){color:#56718a;font-size:11px;line-height:1.5}.product-hero .hero-preview-card .hero-service-link{margin-top:8px;padding:0;border:0;color:#0878d1;font-size:11px;font-weight:700}.product-hero .hero-preview-card:hover .hero-service-link svg{transform:translate(2px,-2px)}.product-hero .hero-feedback-card{right:1.1%;top:144px;display:flex;align-items:stretch;flex-direction:column;gap:0;width:398px;min-height:326px;padding:8px;border:1px solid #ffffff;border-radius:26px;background:linear-gradient(155deg,#fffffff7,#edf8ffed 90%);box-shadow:0 23px 65px #2a62962e,0 5px 16px #549ed215,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}.product-hero .hero-feedback-card:hover{translate:0 -3px;border-color:#c8eaff;box-shadow:0 29px 75px #2a62963a,inset 0 1px 0 #fff}.product-hero .hero-feedback-content,.product-hero .hero-feedback-footer,.product-hero .hero-feedback-topline{position:relative;z-index:1}.product-hero .hero-feedback-topline{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:38px;padding:10px 15px;border-radius:18px 18px 7px 7px;background:linear-gradient(115deg,#117aca,#0f9bf2 74%,#52baff);box-shadow:0 7px 18px #238ce63b;color:#fff;font:800 10px/1.2 var(--font-inter),sans-serif;letter-spacing:.13em;white-space:nowrap}.product-hero .hero-feedback-topline-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#b3fff4;box-shadow:0 0 0 4px #c5fff427}.product-hero .hero-feedback-demo{margin-left:auto;padding:4px 8px;border:1px solid #ffffff4d;border-radius:6px;background:#ffffff24;font:750 9px/1 var(--font-inter),sans-serif;letter-spacing:.07em}.product-hero .hero-feedback-content{flex:1 1;margin-top:4px;padding:15px 14px 13px;border:1px solid #e8f2fa;border-radius:9px 9px 16px 16px;background:#ffffffeb}.product-hero .hero-feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.product-hero .hero-feedback-heading>div{display:flex;flex-direction:column;gap:5px;min-width:0}.product-hero .hero-feedback-eyebrow{color:#7b9ab4;font:750 9px/1 var(--font-inter),sans-serif;letter-spacing:.12em}.product-hero .hero-feedback-heading strong{display:block;font-size:16px;font-weight:750;color:#173550;line-height:1.35}.product-hero .hero-feedback-checked{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:6px 8px;border-radius:100px;background:#e7f8ed;color:#188452;font-size:10px;font-weight:700}.product-hero .hero-feedback-comments{display:grid;gap:13px}.product-hero .hero-feedback-comment{display:flex;align-items:flex-start;gap:10px;min-width:0;transform-origin:15% 50%;animation:hero-feedback-reveal .68s cubic-bezier(.2,1.1,.3,1) both}.product-hero .hero-feedback-comment-first{animation-delay:1s}.product-hero .hero-feedback-comment-second{animation-delay:1.42s}.product-hero .hero-feedback-avatar{position:relative;display:block;flex:0 0 38px;width:38px;height:38px;overflow:hidden;padding:0;border:2px solid white;border-radius:50%;background:#d9eafe;box-shadow:0 3px 10px #1b589f2b}.product-hero .hero-feedback-avatar img{display:block;width:100%;height:100%;object-fit:cover}.product-hero .hero-feedback-message{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:5px}.product-hero .hero-feedback-author{font-size:10px;font-weight:700;color:#41617e;line-height:1.3}.product-hero .hero-feedback-bubble{display:inline-block;max-width:100%;padding:9px 11px;border:1px solid #dfebf5;border-radius:5px 13px 13px 13px;background:linear-gradient(145deg,#eff7ff,#fff);color:#244059;font-size:11.5px;font-weight:500;line-height:1.55}.product-hero .hero-feedback-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:13px 11px 7px;color:#64819a}.product-hero .hero-feedback-count,.product-hero .hero-feedback-reaction{display:inline-flex;align-items:center;gap:6px;font-size:10px}.product-hero .hero-feedback-reaction{color:#ff6386;font-weight:700}@keyframes hero-feedback-reveal{0%{opacity:0;transform:translateY(14px) scale(.94)}72%{opacity:1;transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1180px){.product-hero .hero-preview-card{width:clamp(248px,29vw,343px);min-height:130px;gap:10px;padding:10px}.product-hero .hero-preview-card .hero-service-thumb{flex-basis:clamp(91px,11vw,123px);width:clamp(91px,11vw,123px);height:103px;border-radius:14px}.product-hero .hero-preview-card .hero-service-text strong{font-size:11px}.product-hero .hero-preview-card .hero-service-category{font-size:8px}.product-hero .hero-preview-card .hero-service-text>span:not(.hero-service-link):not(.hero-service-category){font-size:10px}.product-hero .hero-preview-card .hero-service-link{margin-top:3px}.product-hero .hero-feedback-card{width:clamp(260px,33vw,350px);min-height:308px}.product-hero .hero-feedback-content{padding:12px 10px}.product-hero .hero-feedback-bubble{font-size:10.5px}.product-hero .hero-feedback-heading strong{font-size:14px}.product-hero .hero-feedback-avatar{width:33px;height:33px;flex-basis:33px}}@media (max-width:700px){.product-hero .hero-preview-card,.product-hero .hero-service-card-1.hero-preview-card,.product-hero .hero-service-card-3.hero-preview-card{position:relative;inset:auto;width:100%;min-height:122px;padding:9px}.product-hero .hero-preview-card .hero-service-thumb{flex-basis:82px;width:82px;height:94px;border-radius:13px}.product-hero .hero-preview-card .hero-service-text{gap:5px}.product-hero .hero-preview-card .hero-service-text strong{font-size:10px}.product-hero .hero-preview-card .hero-service-link{font-size:9px}.product-hero .hero-service-card-3.hero-preview-card{grid-column:auto}.product-hero .hero-feedback-card,.product-hero .hero-service-card-2.hero-feedback-card{position:relative;inset:auto;grid-column:1/-1;width:100%;min-height:300px;padding:8px;border-radius:22px}.product-hero .hero-feedback-topline{padding:9px 12px}.product-hero .hero-feedback-content{padding:12px}.product-hero .hero-feedback-avatar{width:36px;height:36px;flex-basis:36px}.product-hero .hero-feedback-bubble{font-size:11px}}@media (max-width:520px){.product-hero .hero-preview-card,.product-hero .hero-service-card-1.hero-preview-card,.product-hero .hero-service-card-3.hero-preview-card{width:100%;max-width:380px;min-height:118px;margin-inline:auto}.product-hero .hero-preview-card .hero-service-thumb{flex-basis:112px;width:112px;height:93px}.product-hero .hero-preview-card .hero-service-text strong{font-size:12px}.product-hero .hero-preview-card .hero-service-text>span:not(.hero-service-link):not(.hero-service-category){font-size:11px}.product-hero .hero-feedback-card,.product-hero .hero-service-card-2.hero-feedback-card{grid-column:1;width:100%;max-width:380px;min-height:300px;margin-inline:auto}.product-hero .hero-feedback-bubble{font-size:11px}}@media (prefers-reduced-motion:reduce){.product-hero .hero-feedback-comment{animation:none}}.product-hero .hero-feedback-rotation{min-height:172px}.product-hero .hero-feedback-rotation .hero-feedback-comments{align-content:start;min-height:172px;gap:12px}.product-hero .hero-feedback-rotation .hero-feedback-comment{min-height:70px;animation:hero-feedback-reveal .6s cubic-bezier(.18,1.08,.32,1) both}.product-hero .hero-feedback-stars{display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;min-height:37px;padding:8px 12px;color:#f3ad35;background:linear-gradient(135deg,#fffaf0,#ffffff);border-color:#f7e5be;white-space:nowrap}.product-hero .hero-feedback-stars svg{flex-shrink:0}@media (max-width:1180px){.product-hero .hero-feedback-rotation,.product-hero .hero-feedback-rotation .hero-feedback-comments{min-height:184px}.product-hero .hero-feedback-rotation .hero-feedback-comment{min-height:76px}}@media (max-width:700px){.product-hero .hero-feedback-rotation,.product-hero .hero-feedback-rotation .hero-feedback-comments{min-height:178px}}@media (prefers-reduced-motion:reduce){.product-hero .hero-feedback-rotation .hero-feedback-comment{animation:none}}.playground-page{position:relative;min-height:100vh;overflow:hidden;padding:118px 16px 80px;background:#fff}.playground-page:before{content:"";position:absolute;inset:0 0 auto;height:920px;pointer-events:none;background:radial-gradient(circle at 50% 15%,rgba(99,102,241,.12),transparent 55%)}.playground-shell{position:relative;max-width:1440px;margin-inline:auto;overflow:hidden;border:1px solid #e3e4fb;border-radius:38px;background:radial-gradient(circle at 18% 12%,rgba(244,114,182,.13),transparent 28%),radial-gradient(circle at 82% 16%,rgba(96,165,250,.14),transparent 30%),linear-gradient(180deg,#fbfbff,#f5f4ff 55%,#fff);box-shadow:0 34px 100px rgba(77,69,150,.1)}.playground-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle,rgba(99,102,241,.28) 1px,transparent 0);background-size:30px 30px;-webkit-mask-image:linear-gradient(180deg,black,transparent 78%);mask-image:linear-gradient(180deg,black,transparent 78%)}.playground-shell-inner{position:relative;padding:32px 20px}.playground-hero{display:grid;align-items:center;gap:8px}.playground-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:720px;min-width:0;margin-inline:auto;text-align:center;animation:playground-enter .65s cubic-bezier(.22,1,.36,1) both}.playground-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(99,102,241,.12);border-radius:999px;background:rgba(255,255,255,.8);color:#6366f1;font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.05);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.playground-hero h1{margin-top:24px;color:#17172b;font-size:50px;font-weight:600;line-height:.92;letter-spacing:-.07em}html[lang=th] .playground-hero h1{font-size:38px;line-height:1.18;letter-spacing:-.015em}.playground-hero h1 span{display:block;margin-top:4px;background:linear-gradient(90deg,#6366f1,#ec4899,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}html[lang=th] .playground-hero h1 span{white-space:nowrap}.playground-hero-copy>p{max-width:650px;margin-top:20px;color:#6f7088;font-size:14px;line-height:28px}.playground-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px}.playground-count,.playground-explore{display:inline-flex;align-items:center;gap:8px;min-height:48px;border-radius:15px}.playground-explore{padding:0 20px;border:0;background:#17172b;color:#fff;font-size:14px;font-weight:600;box-shadow:0 14px 30px rgba(23,23,43,.2);transition:transform .2s,background .2s}.playground-explore:hover{transform:translateY(-2px);background:#2a2a45}.playground-count{padding:0 16px;border:1px solid #dedff3;background:rgba(255,255,255,.72);color:#71728a;font-size:11px;font-weight:500;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.playground-hero-art{position:relative;pointer-events:none;display:flex;align-items:center;justify-content:center;width:100%;max-width:560px;min-height:220px;margin-inline:auto;animation:playground-art-enter .78s cubic-bezier(.22,1,.36,1) .08s both}.playground-art-glow{position:absolute;width:70%;height:70%;border-radius:50%;background:rgba(139,92,246,.16);filter:blur(90px);animation:playground-glow 6s ease-in-out infinite paused}.playground-art-float{position:relative;z-index:1;flex-shrink:0;width:112%;max-width:500px;margin-top:0;animation:playground-float 5.5s ease-in-out infinite paused}.playground-art-float img{width:100%;height:auto;filter:drop-shadow(0 28px 50px rgba(63,48,125,.2))}.playground-shell.is-active .playground-art-float,.playground-shell.is-active .playground-art-glow{animation-play-state:running}.playground-games{position:relative;z-index:1;max-width:1180px;margin:24px auto 0;scroll-margin-top:112px}.playground-games-heading{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;text-align:center}.playground-section-kicker{color:#8a8ba6;font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.playground-games h2{margin-top:4px;color:#17172b;font-size:30px;font-weight:600;letter-spacing:-.04em}.playground-games-controls{display:flex;flex-direction:column;align-items:center;gap:12px}.playground-games-controls>p{max-width:360px;color:#8b8ca4;font-size:12px;line-height:20px}.playground-arrows{display:flex;gap:8px}.playground-arrows button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #dedff0;border-radius:50%;background:#fff;color:#303045;box-shadow:0 8px 22px rgba(54,52,102,.08);transition:transform .2s,background .2s}.playground-arrows button:last-child{border-color:#17172b;background:#17172b;color:white;box-shadow:0 10px 24px rgba(23,23,43,.16)}.playground-arrows button:hover{transform:translateY(-2px);background:#f8f8fd}.playground-arrows button:last-child:hover{background:#2a2a45}.playground-arrows button:active{transform:scale(.95)}.playground-games-row{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin-top:-12px;padding:12px 8px 12px 0}.playground-games-row::-webkit-scrollbar{display:none}.playground-game{display:block;flex:0 0 78%;min-width:0;scroll-snap-align:start;border-radius:24px}.playground-card{height:100%;overflow:hidden;border:1px solid #e7e7f2;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(54,52,102,.08);transition:transform .3s,border-color .3s}.playground-card[data-available=true]:hover{transform:translateY(-8px) scale(1.012);border-color:#d9d9ea}.playground-card-media{position:relative;aspect-ratio:1.12/1;overflow:hidden}.playground-card-image{object-fit:cover;transition:transform .5s}.playground-card:hover .playground-card-image{transform:scale(1.04)}.playground-category,.playground-new,.playground-time{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:9px;font-weight:600}.playground-category{top:12px;left:12px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.82);color:#303045;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.playground-new{top:12px;right:12px;gap:4px;background:#17172b;color:#fff;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.playground-time{bottom:12px;right:12px;background:rgba(255,255,255,.9);color:#303045;box-shadow:0 1px 2px rgba(0,0,0,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.playground-locked{position:absolute;inset:0;display:grid;place-items:center}.playground-locked>span{display:grid;place-items:center;width:96px;height:96px;border:1px solid #fff;border-radius:28px;background:rgba(255,255,255,.7);box-shadow:0 18px 40px rgba(38,80,60,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.playground-card-body{padding:16px}.playground-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.playground-card-heading p{color:#a0a1b3;font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.playground-card-heading h3{margin-top:4px;color:#17172b;font-size:19px;font-weight:600;letter-spacing:-.03em}.playground-game-icon{display:grid;flex-shrink:0;place-items:center;width:36px;height:36px;border-radius:12px}.playground-description{min-height:42px;margin-top:12px;color:#85869a;font-size:12px;line-height:20px}.playground-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid #eeeef5}.playground-status{display:flex;align-items:center;gap:8px;color:#74758b;font-size:10px;font-weight:600}.playground-status>span{width:10px;height:10px;border-radius:50%}.playground-play{display:inline-flex;align-items:center;gap:6px;background:#17172b;color:#fff;font-size:10px}.playground-play,.playground-soon{padding:8px 12px;border-radius:999px;font-weight:600}.playground-soon{background:#f3f3f7;color:#9a9aab;font-size:9px;letter-spacing:.08em;text-transform:uppercase}@keyframes playground-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes playground-art-enter{0%{opacity:0;transform:translateX(30px) scale(.96)}to{opacity:1;transform:none}}@keyframes playground-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes playground-glow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.08);opacity:.85}}@media (min-width:640px){.playground-page{padding-inline:24px}.playground-shell-inner{padding:64px 40px}.playground-hero{gap:32px}.playground-hero h1{font-size:68px}html[lang=th] .playground-hero h1{font-size:54px}.playground-hero-copy>p{font-size:16px}.playground-hero-art{min-height:380px}.playground-art-float{width:100%;margin-top:0}.playground-games{margin-top:40px}.playground-games-heading{flex-direction:row;justify-content:space-between;text-align:left}.playground-games h2{font-size:36px}.playground-games-controls{align-items:flex-end}.playground-games-controls>p{text-align:right}.playground-game{flex-basis:46%}.playground-card-body{padding:20px}}@media (min-width:768px){.playground-game{flex-basis:36%}}@media (min-width:1024px){.playground-page{padding-inline:32px}.playground-shell-inner{padding:80px 56px}.playground-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px}.playground-hero-copy{align-items:flex-start;margin-inline:0;text-align:left}.playground-hero h1{font-size:78px}html[lang=th] .playground-hero h1{font-size:64px}.playground-hero-actions{justify-content:flex-start}.playground-hero-art{min-height:470px}.playground-game{flex-basis:28%}}@media (min-width:1280px){.playground-hero h1{font-size:86px}.playground-game{flex-basis:24%}}@media (max-width:374px){html[lang=th] .playground-hero h1{font-size:32px}.playground-hero h1{font-size:44px}}@media (prefers-reduced-motion:reduce){.playground-page *,.playground-page :after,.playground-page :before{animation:none!important;transition:none!important;scroll-behavior:auto}}.build-system-section{position:relative;overflow:clip;padding-block:80px;color:var(--ink);background:var(--soft);border-block:1px solid #edf1f6}.build-system-heading{margin-bottom:18px}.build-system-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:80px;margin-top:32px}.build-team-stage{min-width:0;position:relative}.build-assembly-scene{position:relative;width:100%;max-width:640px;aspect-ratio:640/580;margin-inline:auto;isolation:isolate}.build-assembly-halo{position:absolute;inset:10% 8% 14%;border-radius:50%;background:radial-gradient(ellipse,#e0eeff 0,#edf5ff 42%,transparent 72%);z-index:-1}.build-assembly-depth,.build-assembly-perspective{width:100%;height:100%}.build-assembly-perspective{transform:perspective(1100px) rotateX(var(--assembly-rx,0deg)) rotateY(var(--assembly-ry,0deg));transform-style:preserve-3d}.build-assembly-art{display:block;width:100%;height:100%;overflow:visible}.build-assembly-ground{stroke:#aec8e7;stroke-width:1.1;opacity:.65}.build-assembly-shadow,.build-assembly-shadow-inner,.build-module-entry,.build-module-motion{transform-box:fill-box;transform-origin:center}.build-module-entry,.build-module-motion{cursor:pointer}.build-module-top{stroke:#e7f3ff;stroke-width:1;stroke-linejoin:round;transition:stroke .3s,stroke-width .3s}.build-module-left,.build-module-right{stroke-width:.6;stroke:#2e76c930;stroke-linejoin:round}.build-module-edge{fill:none;stroke:#e2f0ff;stroke-width:1;opacity:.6}.build-module-etch{fill:none;stroke:#fff;stroke-width:1;opacity:.42;stroke-dasharray:650}.build-module-face{color:#234f89}.build-module-motion[data-module-index="2"] .build-module-face,.build-module-motion[data-module-index="4"] .build-module-face{color:#e5f2ff}.build-module-face-grid{fill:none;stroke:currentColor;stroke-width:.7;opacity:.16}.build-module-face-label{fill:currentColor;font:600 20px var(--font-inter),sans-serif;letter-spacing:-.03em}.build-module-face-number{fill:currentColor;font:500 9px var(--font-inter),sans-serif;opacity:.55}.build-module-face-dots{stroke:currentColor;stroke-width:3;stroke-linecap:round;opacity:.5}.build-module-side-label{fill:#edf6ff;opacity:.8;font:500 8px var(--font-inter),sans-serif;letter-spacing:.1em;pointer-events:none}.build-module-motion.is-active .build-module-top,.build-module-motion:hover .build-module-top{stroke:#fff;stroke-width:2}.build-module-motion:focus-visible{outline:none}.build-module-motion:focus-visible .build-module-top{stroke:#173f7a;stroke-width:3}.build-assembly-brand{position:absolute;left:50%;bottom:1%;translate:-50% 0;width:max-content;max-width:100%;pointer-events:none}.build-assembly-avatars,.build-assembly-brand{display:flex;align-items:center}.build-assembly-avatars img{width:32px;height:32px;border:2px solid #fff;border-radius:50%;background:#fff;margin-left:-7px}.build-assembly-avatars img:first-child{margin-left:0}.build-assembly-brand strong{display:block;color:#254564;font:600 19px/1.25 var(--font-inter),sans-serif;letter-spacing:-.045em}.build-assembly-brand span{display:block;color:#8398b0;font:400 7px/1.7 var(--font-inter),sans-serif;letter-spacing:.15em;margin-top:3px}.build-specialist-index{min-width:0;padding:22px 0 10px}.build-specialist-index-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:20px;color:#7e8fa6;font:400 10px/1.5 var(--font-inter),sans-serif;letter-spacing:.12em}.build-specialist-row{position:relative;border-top:1px solid #dce6f3}.build-specialist-row:last-of-type{border-bottom:1px solid #dce6f3}.build-specialist-trigger{display:flex;align-items:center;gap:20px;width:100%;min-height:73px;padding:18px 0;text-align:left;border:0;background:transparent}.build-specialist-number{color:#8c9eb5;font:400 11px/1 var(--font-inter),sans-serif;transition:color .3s}.build-specialist-name{color:#2f415b;font:500 clamp(16px,1.45vw,20px)/1.4 var(--font-inter),sans-serif;letter-spacing:-.035em;transition:color .3s}.build-specialist-plus{margin-left:auto;color:#8c9eb5;transition:rotate .4s,color .3s}.build-specialist-row.is-active .build-specialist-name,.build-specialist-row.is-active .build-specialist-number,.build-specialist-row.is-active .build-specialist-plus{color:#1877e9}.build-specialist-row.is-active .build-specialist-plus{rotate:45deg}.build-specialist-detail{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1),visibility .45s}.build-specialist-detail>div{min-height:0;overflow:hidden}.build-specialist-detail p{margin:0 24px 0 34px;padding-bottom:0;color:#61738d;line-height:1.8;transition:padding-bottom .45s}.build-specialist-row.is-active .build-specialist-detail{grid-template-rows:1fr;visibility:visible}.build-specialist-row.is-active .build-specialist-detail p{padding-bottom:22px}@media (max-width:1100px){.build-system-grid{gap:36px}.build-specialist-trigger{gap:14px;min-height:64px}.build-specialist-detail p{margin-left:28px}}@media (max-width:850px){.build-system-section{padding-block:60px}}@media (max-width:800px){.build-system-grid{grid-template-columns:1fr;gap:34px;margin-top:26px}.build-assembly-scene{max-width:560px}.build-specialist-index{padding:0;max-width:560px;width:100%;margin-inline:auto}.build-specialist-trigger{min-height:69px;gap:18px}.build-specialist-name{font-size:19px}.build-specialist-detail p{margin-left:32px;font-size:14px}}@media (max-width:480px){.build-assembly-brand strong{font-size:16px}.build-assembly-brand span{font-size:6px}.build-assembly-avatars img{width:27px;height:27px}.build-assembly-brand{gap:9px}.build-system-grid{gap:28px}}@media (prefers-reduced-motion:reduce){.build-system-section *,.build-system-section :after,.build-system-section :before{transition:none!important}}.build-system-section{background:radial-gradient(ellipse 49% 47% at 11% 58%,#c5ecffb3,transparent 79%),radial-gradient(ellipse 36% 34% at 91% 12%,#d6f1ff91,transparent 82%),linear-gradient(126deg,#ffffff,#f7fcff 48%,#eff9ff 76%,#ffffff);border-block:1px solid #e3f0fb;padding-block:92px 100px;isolation:isolate}.build-system-section:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(#8ccef80d 1px,transparent 0);background-size:24px 24px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 60%);mask-image:linear-gradient(90deg,#000,transparent 60%)}.build-system-section>.container{position:relative;z-index:1}.build-system-heading{margin-bottom:28px}.build-system-heading .eyebrow{color:#178bed;font-weight:700;letter-spacing:.14em}.build-system-heading h2{color:#112a49;font-size:clamp(30px,3vw,40px);font-weight:720;letter-spacing:-.045em}.build-system-heading .text-link{color:#087ed7;font-weight:700;transition:color .25s ease,translate .25s ease}.build-system-heading .text-link:hover{translate:4px 0;color:#0860ad}.build-system-grid{gap:clamp(36px,5vw,80px);margin-top:24px}.build-team-stage:before{content:"";position:absolute;inset:12% 2% 13%;pointer-events:none;background:radial-gradient(ellipse at 49% 52%,#83c7ff77 0,#bce5ff48 42%,transparent 76%);filter:blur(34px);z-index:-1}.build-assembly-halo{inset:10% 4% 14%;background:radial-gradient(ellipse at 50% 46%,#ffffffea,#d9f0ffb6 39%,#8ccffe35 62%,transparent 75%)}.build-assembly-art{filter:drop-shadow(0 20px 24px #368fd128)}.build-assembly-ground{stroke:#7db9e9;opacity:.48}.build-assembly-brand{bottom:2%;gap:12px;padding:11px 17px;border:1px solid #ffffffd9;border-radius:16px;background:#fffffff0;box-shadow:0 11px 28px #407dbb1e,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.build-assembly-brand strong{color:#102f57;font-weight:700}.build-assembly-brand span{color:#6491b7;font-weight:600}.build-specialist-index{display:grid;gap:10px;padding:10px 0 12px}.build-specialist-index-head{padding:0 17px 11px;color:#397ea9;font-size:10px;font-weight:700}.build-specialist-row,.build-specialist-row:last-of-type{overflow:hidden;border:1px solid #e1eefb;border-radius:17px;background:linear-gradient(122deg,#fff,#f9fdff);box-shadow:0 6px 22px #497ead12,inset 0 1px 0 #fff;transition:border-color .28s ease,box-shadow .28s ease,translate .28s ease,background .28s ease}.build-specialist-row:hover{translate:0 -2px;border-color:#b1dfff;box-shadow:0 13px 29px #338ac21f,inset 0 1px 0 #fff}.build-specialist-row.is-active{border-color:#95d2ff;background:linear-gradient(128deg,#eff9ff,#ffffff 84%);box-shadow:0 15px 34px #239cef27,inset 0 1px 0 #fff}.build-specialist-trigger{gap:15px;min-height:75px;padding:15px 17px}.build-specialist-number{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:11px;background:#edf7ff;color:#2b8ed8;font-weight:700}.build-specialist-name{color:#1b3553;font-weight:650;font-size:clamp(16px,1.5vw,20px)}.build-specialist-plus{flex:0 0 36px;width:36px;height:36px;padding:9px;border-radius:11px;background:#edf7ff;color:#2389dc;transition:rotate .4s,color .25s,background .25s}.build-specialist-row:hover .build-specialist-plus{background:#dff1ff;color:#067bd7}.build-specialist-row.is-active .build-specialist-number{background:#d8ecff;color:#096ed4}.build-specialist-row.is-active .build-specialist-plus{background:#138df0;color:#fff}.build-specialist-detail p{margin:0 20px 0 67px;color:#516e88;font-size:13px;line-height:1.75}.build-specialist-row.is-active .build-specialist-detail p{padding-bottom:18px}@media (max-width:1100px){.build-specialist-trigger{gap:11px}.build-specialist-detail p{margin-left:63px}}@media (max-width:800px){.build-system-section{padding-block:76px}.build-system-grid{gap:26px}.build-specialist-index{max-width:610px}.build-specialist-trigger{min-height:72px;gap:15px}.build-specialist-detail p{margin-left:67px;font-size:13px}}@media (max-width:480px){.build-system-section{padding-block:60px 72px}.build-system-heading{margin-bottom:20px}.build-assembly-brand{padding:8px 12px;border-radius:13px}.build-specialist-index{gap:9px}.build-specialist-trigger{padding:12px;min-height:66px;gap:10px}.build-specialist-number{width:30px;height:30px;flex-basis:30px}.build-specialist-plus{width:31px;height:31px;flex-basis:31px;padding:8px}.build-specialist-name{font-size:clamp(15px,4.25vw,18px)}.build-specialist-detail p{margin:0 13px 0 52px;font-size:12px}.build-specialist-index-head{padding-inline:11px}}@media (prefers-reduced-motion:reduce){.build-specialist-row:hover,.build-system-heading .text-link:hover{translate:none}}.services-section.journey-section{position:relative;isolation:isolate;overflow:hidden;padding-block:94px 104px;background:radial-gradient(ellipse 52% 38% at 96% 5%,#c1e9ffb3,transparent 80%),radial-gradient(ellipse 50% 42% at 0 90%,#d3f2ff8c,transparent 82%),linear-gradient(142deg,#ffffff,#f8fdff 38%,#edf8ff 72%,#ffffff);border:0}.services-section.journey-section:before{content:"";position:absolute;width:100%;height:4px;top:0;left:0;background:linear-gradient(90deg,#1699ff,#85d9ff 30%,#e6f8ff 75%,transparent);opacity:.85}.services-section.journey-section:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.36;background-image:radial-gradient(#9ed0ed .65px,transparent .75px);background-size:24px 24px;-webkit-mask-image:linear-gradient(90deg,transparent 45%,#000);mask-image:linear-gradient(90deg,transparent 45%,#000)}.services-section.journey-section>.container{position:relative;z-index:1}.services-section .section-heading{margin-bottom:34px}.services-section .section-heading .eyebrow{display:inline-block;color:#1086df;font-weight:700;letter-spacing:.13em}.services-section .section-heading h2{color:#102946;font-size:clamp(28px,3.2vw,41px);font-weight:740;letter-spacing:-.044em}.services-section .section-heading>.text-link{color:#0879cc;font-weight:700;transition:color .22s ease,translate .22s ease}.services-section .section-heading>.text-link:hover{color:#0754a8;translate:4px 0}.services-section .service-list{display:grid;gap:10px;border-top:0}.services-section .service-row{position:relative;isolation:isolate;min-height:89px;padding:15px 19px;border:1px solid #dceaf6;border-radius:17px;background:#fffffff0;box-shadow:0 5px 22px #4286bd0e,inset 0 1px 0 #fff;transition:translate .29s cubic-bezier(.2,.8,.2,1),background .29s ease,box-shadow .29s ease,border-color .29s ease,padding .29s ease}.services-section .service-row:before{content:"";position:absolute;z-index:1;pointer-events:none;top:12px;bottom:12px;left:0;width:4px;border-radius:0 8px 8px 0;background:linear-gradient(180deg,#1889f6,#6dd8f1);transform:scaleY(.12);opacity:0;transform-origin:center;transition:transform .3s ease,opacity .3s ease}.services-section .service-row:after{display:none}.services-section .service-row:focus-visible,.services-section .service-row:hover{translate:0 -3px;padding:15px 19px;border-color:#89cffe;background:linear-gradient(112deg,#ffffff,#ecf9ff);box-shadow:0 16px 36px #3b95df24,inset 0 1px 0 #fff}.services-section .service-row:focus-visible:before,.services-section .service-row:hover:before{transform:scaleY(1);opacity:1}.services-section .service-row:focus-visible{outline:2px solid #078bf0;outline-offset:3px}.services-section .service-number{color:#308dd6;font-size:11px;font-weight:750;letter-spacing:.07em}.services-section .service-name{gap:16px}.services-section .service-name svg{flex-shrink:0;width:42px;height:42px;padding:10px;border:1px solid #d7ecff;border-radius:12px;background:linear-gradient(140deg,#ecf8ff,#e1f1ff);color:#1685df;transition:background .3s ease,color .3s ease,scale .3s ease}.services-section .service-row:hover .service-name svg{color:#fff;background:linear-gradient(135deg,#168af5,#3eb6f5);scale:1.06}.services-section .service-name h3{color:#122944;font-size:22px;font-weight:710;letter-spacing:-.03em}.services-section .service-row>p{color:#58758f;font-size:12px;line-height:1.5}.services-section .row-arrow{width:43px;height:43px;background:#eaf6ff;color:#1183eb;border:1px solid #d9ecfd;border-radius:13px}.services-section .service-row:hover .row-arrow{background:#168cf3;border-color:#168cf3;color:white}@media (max-width:1100px){.services-section .service-name h3{font-size:19px}.services-section .service-row{gap:13px}}@media (max-width:760px){.services-section.journey-section{padding-block:72px 78px}.services-section .section-heading{margin-bottom:26px}.services-section .service-row{grid-template-columns:24px minmax(0,1fr) 42px;gap:10px;min-height:83px;padding:13px 12px}.services-section .service-row:hover{padding:13px 12px}.services-section .service-row>p{display:none}.services-section .service-name{gap:11px;min-width:0}.services-section .service-name svg{width:36px;height:36px;padding:8px;border-radius:11px}.services-section .service-name h3{font-size:clamp(15px,3.8vw,19px);letter-spacing:-.028em}.services-section .service-number{font-size:9px}.services-section .row-arrow{width:36px;height:36px;border-radius:11px}}@media (max-width:380px){.services-section .service-row{grid-template-columns:20px minmax(0,1fr) 34px;gap:8px}.services-section .service-name{gap:8px}.services-section .service-name h3{font-size:14px}.services-section .service-name svg{width:33px;height:33px}}@media (prefers-reduced-motion:reduce){.services-section .section-heading>.text-link,.services-section .service-name svg,.services-section .service-row,.services-section .service-row:before{transition:none}.services-section .service-row:hover{translate:none}}.product-card-grid .product-artwork-visual{position:relative;isolation:isolate;overflow:hidden;height:280px;min-height:280px;border-radius:0}.product-card-grid .product-artwork-bdxa{background:#08101e}.product-card-grid .product-artwork-simple-pos{background:#ffffff}.product-card-grid .product-artwork-visual>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-position:center center;object-fit:contain;translate:none;transform:none;filter:none;transition:none}.product-card-grid .product-artwork-bdxa>img{object-fit:contain;object-position:center;transform:none}.product-card-grid .product-artwork-simple-pos>img{object-fit:cover;object-position:center center;transform:scale(1.08)}.product-card-grid .product-static-card{transition:box-shadow .3s ease,translate .3s ease}.product-card-grid .product-static-card:hover{translate:0 -6px;box-shadow:0 26px 70px #2b59921c}.product-card-grid .product-static-card:hover .row-arrow{transform:rotate(45deg);rotate:none;color:#ffffff;background:var(--blue)}[data-motion=ready] .product-card-grid .product-static-card:hover .row-arrow{transform:rotate(45deg);rotate:none}[data-motion=ready] .product-card-grid .product-static-card .product-artwork-visual,[data-motion=ready] .product-card-grid .product-static-card:hover .product-artwork-visual{transform:none;translate:none}.product-card-grid .product-static-card:hover .product-artwork-simple-pos>img{transform:scale(1.08)}.product-card-grid .product-static-card:hover .product-artwork-bdxa>img{transform:none}[data-motion=ready] .product-card-grid .product-static-card .product-artwork-visual:after{display:none}.product-card-grid .product-static-card:focus-visible{outline:3px solid #168bfa;outline-offset:4px}@media (max-width:700px){.product-card-grid .product-artwork-visual{height:280px;min-height:280px}}@media (prefers-reduced-motion:reduce){.product-card-grid .product-static-card{transition:none}.product-card-grid .product-static-card:hover{translate:none}}.build-system-section .build-assembly-halo{inset:12% 5% 16%;opacity:.34;background:radial-gradient(ellipse at 50% 46%,#edfaff 0,#e1f5ff9e 40%,#bce7ff36 62%,transparent 76%)}.build-system-section .build-team-stage:before{opacity:.27}.build-system-section .build-assembly-avatars img{width:38px;height:38px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 6px 14px #3286b925}.build-system-section .build-assembly-avatars img:not(:first-child){margin-left:-9px}.journey-section-last>.cta-section.legacy-cta{background:radial-gradient(ellipse 45% 70% at 6% 80%,#d1eeff99,transparent 90%),radial-gradient(ellipse 42% 80% at 96% 14%,#cbeaff82,transparent 88%),linear-gradient(130deg,#f1faff,#e7f6ff 52%,#eaf8ff);border-top:1px solid #dceffb}.journey-section-last>.cta-section.legacy-cta .legacy-cta-card{box-shadow:0 24px 64px #397fb719}@media (max-width:480px){.build-system-section .build-assembly-avatars img{width:30px;height:30px}.journey-section-last>.cta-section.legacy-cta{background:linear-gradient(160deg,#f4fbff,#e4f5ff)}}.services-landing{overflow:clip;background:#fff}.services-landing-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #dceefd;background:radial-gradient(ellipse 48% 78% at 85% 46%,#b2e3ffb3,transparent 82%),radial-gradient(ellipse 30% 48% at 2% 83%,#e2f5ff9c,transparent 85%),linear-gradient(117deg,#ffffff,#f9fdff 43%,#eaf7ff)}.services-landing-hero:before{content:"";position:absolute;width:530px;height:530px;top:-260px;right:-155px;border-radius:50%;border:1px solid #ffffffc5;box-shadow:0 0 0 80px #ffffff14,0 0 0 166px #ffffff12;pointer-events:none}.services-landing-hero:after{content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#61b8f6 .75px,transparent 0);background-size:25px 25px;-webkit-mask-image:linear-gradient(90deg,transparent 38%,#000);mask-image:linear-gradient(90deg,transparent 38%,#000);pointer-events:none}.services-landing-hero-inner{position:relative;z-index:1;padding-top:125px;padding-bottom:94px}.services-landing-hero .breadcrumb{margin-bottom:50px}.services-landing-hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:clamp(35px,5vw,80px)}.services-hero-copy{min-width:0}.services-hero-eyebrow{display:inline-flex;align-items:center;gap:11px;color:#177ed1;font-size:11px;letter-spacing:.17em;font-weight:750}.services-hero-copy h1{margin-top:23px;max-width:760px;font-size:clamp(43px,4.3vw,69px);font-weight:730;line-height:1.2;letter-spacing:-.055em;white-space:pre-line;color:#102846}html[lang=th] .services-hero-copy h1{font-size:clamp(40px,4.05vw,63px);line-height:1.29;letter-spacing:-.042em}.services-hero-description{max-width:580px;margin-top:26px;color:#57738e;font-size:clamp(13px,1.05vw,15px);line-height:1.9}.services-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:33px}.services-hero-actions .button-blue{display:inline-flex;align-items:center;gap:13px;padding:14px 22px;border-radius:999px;box-shadow:0 9px 22px #108ff53c,0 0 30px #7bd7ff42}.services-hero-contact{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:45px;padding:10px 19px;border-radius:999px;border:1px solid #d3e9fb;background:#ffffffbc;color:#24517b;font-weight:650;font-size:12px;box-shadow:0 3px 15px #69a5d511;transition:background .25s,border-color .25s,translate .25s}.services-hero-contact:hover{background:#fff;border-color:#8acdfb;translate:0 -2px}.services-hero-capabilities{display:flex;flex-wrap:wrap;gap:9px;margin-top:43px}.services-hero-capabilities span{color:#6991b0;font:700 9px/1.2 var(--font-inter),sans-serif;letter-spacing:.1em;padding:9px 12px;border:1px solid #d7ecfa;border-radius:8px;background:#ffffffae}.services-hero-visual{position:relative;display:grid;place-items:center;min-height:500px;padding:32px 0}.services-visual-orbit{position:absolute;width:95%;aspect-ratio:1;border-radius:50%;pointer-events:none}.services-visual-orbit-one{background:radial-gradient(circle,#99d9ff7d,#c5eaff4f 38%,transparent 69%);filter:blur(13px)}.services-visual-orbit-two{width:110%;border:1px solid #86ccfa66;transform:rotateX(70deg) rotate(-12deg)}.services-visual-panel{position:relative;width:min(100%,475px);min-height:428px;z-index:1;padding:15px;border:1px solid #ffffff;border-radius:30px;background:linear-gradient(142deg,#fffefef5,#f7fcfffa);box-shadow:0 30px 70px #2c7db430,0 6px 15px #1f7abc12,inset 0 1px #fff;transform:rotate(-2deg);animation:services-panel-in .9s cubic-bezier(.2,1,.22,1) both}.services-visual-panel-head{display:flex;align-items:center;gap:10px;padding:9px 8px 17px;border-bottom:1px solid #e8f1f9;color:#142c4b;font-size:13px;font-weight:760}.services-visual-logomark{display:grid;place-items:center;width:37px;height:37px;background:linear-gradient(145deg,#0e80ef,#1eb5fd);color:#fff;border-radius:12px;box-shadow:0 5px 13px #1e9ae545}.services-visual-panel-head>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.services-visual-panel-head small{font-size:8px;color:#83a1b9;letter-spacing:.1em}.services-visual-online{display:inline-flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap;padding:7px 10px;background:#e4f9f0;border-radius:50px;color:#19895a;font:700 9px/1 var(--font-inter),sans-serif}.services-visual-float-light,.services-visual-online span{width:6px;height:6px;border-radius:50%;background:#26be8d;box-shadow:0 0 0 4px #26be8d21}.services-visual-panel-title{padding:23px 10px 18px}.services-visual-panel-title>span{color:#1689e7;font:800 10px/1.2 var(--font-inter),sans-serif;letter-spacing:.13em}.services-visual-panel-title strong{display:block;margin-top:9px;color:#153453;font-size:clamp(19px,1.65vw,24px);font-weight:750;line-height:1.3}.services-visual-panel-title p{margin-top:7px;color:#7693aa;font-size:11px;line-height:1.6}.services-visual-steps{display:grid;gap:7px;padding:0 5px}.services-visual-step{display:grid;grid-template-columns:34px minmax(0,1fr) auto 23px;align-items:center;gap:10px;min-height:48px;padding:7px 12px;border:1px solid #e4f0f9;border-radius:13px;background:#f6fbff;transition:transform .25s ease,border-color .25s ease,background .25s ease}.services-visual-step:hover{transform:translateX(4px);border-color:#bbdfff;background:#eef9ff}.services-visual-step:nth-child(3){border-color:#b6dcfc;background:#eaf6ff}.services-visual-step-number{display:grid;place-items:center;width:32px;height:32px;color:#137de2;font:750 10px/1 var(--font-inter),sans-serif;border-radius:9px;background:#e0f1ff}.services-visual-step-name{font-weight:700;color:#1c3c5e;font-size:12px}.services-visual-step-type{font:700 8px/1 var(--font-inter),sans-serif;color:#92aac0;letter-spacing:.05em}.services-visual-step-status{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e2f8eb;color:#30a875}.services-visual-panel-footer{display:flex;align-items:center;gap:8px;padding:17px 8px 1px;font:750 9px/1.3 var(--font-inter),sans-serif;color:#6290b3;letter-spacing:.06em}.services-visual-progress{display:inline-flex;align-items:center;gap:4px;margin-right:auto}.services-visual-progress i{width:15px;height:5px;border-radius:3px;background:#43b5ef}.services-visual-progress i:nth-child(2){background:#1e96f3}.services-visual-progress i:nth-child(3){background:#54cdea}.services-visual-progress i:nth-child(4){background:#c6eaf8}.services-visual-panel-footer>svg{color:#118bec}.services-visual-float{position:absolute;z-index:2;white-space:nowrap;padding:11px 15px;border:1px solid #fff;border-radius:13px;background:#fffffff2;box-shadow:0 11px 30px #458ac026;color:#366b99;font:750 9px/1 var(--font-inter),sans-serif;letter-spacing:.09em;animation:services-float 6s ease-in-out infinite}.services-visual-float-top{top:13px;right:-12px;transform:rotate(7deg)}.services-visual-float-top span{margin-left:8px;color:#149bfc;font-size:17px}.services-visual-float-bottom{display:inline-flex;align-items:center;gap:10px;bottom:21px;left:-16px;background:#123b68;color:#fff;animation-delay:-3s}@keyframes services-panel-in{0%{opacity:0;transform:translateY(25px) rotate(-5deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(-2deg) scale(1)}}@keyframes services-float{0%,to{translate:0 0}50%{translate:0 -8px}}.services-landing-list.section-space{padding-top:88px;padding-bottom:112px;scroll-margin-top:125px}.services-landing-list-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:35px}.services-landing-list-heading .eyebrow{color:#198be6;font-weight:740;letter-spacing:.12em}.services-landing-list-heading h2{margin-top:13px;font-size:clamp(27px,3vw,38px);line-height:1.35;color:#112b49;font-weight:730;letter-spacing:-.038em}.services-landing-list-heading>p{max-width:330px;font-size:12px;line-height:1.75;color:#6c86a0;text-align:right}.services-landing-list .service-list{display:grid;gap:11px;border:0}.services-landing-list.section-space .service-row{position:relative;min-height:110px;padding:20px 24px;border:1px solid #e0ecf9;border-radius:20px;background:#ffffff;box-shadow:0 4px 17px #3e82b00e;transition:translate .27s ease,border-color .27s ease,box-shadow .27s ease,background .27s ease}.services-landing-list.section-space .service-row:focus-visible,.services-landing-list.section-space .service-row:hover{translate:0 -4px;padding:20px 24px;border-color:#a4d7fa;background:linear-gradient(110deg,#fff,#eff9ff);box-shadow:0 17px 38px #4795cf1c}.services-landing-list .service-number{color:#3b9bec;font-size:11px;font-weight:780}.services-landing-list .service-name{gap:19px}.services-landing-list .service-name svg{width:48px;height:48px;flex-shrink:0;padding:12px;border:1px solid #d7edff;border-radius:14px;background:#ecf8ff;color:#1595f5;transition:color .25s,background .25s,border-color .25s}.services-landing-list .service-row:hover .service-name svg{color:white;background:linear-gradient(135deg,#147ef3,#36b8fa);border-color:#188ff6}.services-landing-list.section-space .service-name h3{font-size:clamp(20px,2vw,26px);color:#133150;font-weight:730;letter-spacing:-.03em}.services-landing-list .service-row>p{color:#607e9b;line-height:1.6;font-size:12px}.services-landing-list .row-arrow{width:44px;height:44px;border-radius:13px;color:#188df2;background:#eef7ff;transition:color .25s,background .25s,transform .25s}.services-landing-list .service-row:hover .row-arrow{color:#fff;background:#168bfa;transform:rotate(45deg)}.services-landing-list .service-row:focus-visible{outline:3px solid #138bf1;outline-offset:3px}.services-landing .service-work-section{padding-top:86px;padding-bottom:111px;position:relative;isolation:isolate}.services-landing .service-work-section:before{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);top:0;width:100vw;height:100%;background:linear-gradient(145deg,#f4fbff,#eaf7ff 58%,#f8fdff);border-block:1px solid #e4f1fb}.services-landing .service-work-section .section-heading{gap:26px;margin-bottom:34px}.services-landing .service-work-section .section-heading h2{color:#14324f;line-height:1.3;font-size:clamp(26px,3.1vw,36px)}.services-landing .service-work-section .service-work-intro{max-width:320px;line-height:1.8;color:#6283a2;font-size:12px}.services-landing .service-work-section .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 22px}.services-landing .service-work-section .portfolio-item{min-width:0;border:1px solid #dfedf9;border-radius:21px;padding:10px 10px 15px;overflow:hidden;background:#fff;text-align:left;box-shadow:0 7px 30px #5287b415;transition:translate .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer}.services-landing .service-work-section .portfolio-item:hover{translate:0 -5px;border-color:#a4d8ff;box-shadow:0 17px 35px #4d93c02a}.services-landing .service-work-section .portfolio-item:focus-visible{outline:3px solid #168bfa;outline-offset:3px}.services-landing .service-work-section .portfolio-image{aspect-ratio:16/9;padding:0;border:1px solid #e8f1f9;border-radius:13px;background:linear-gradient(135deg,#eef7fd,#edf1f8)}.services-landing .service-work-section .portfolio-image img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:12px}.services-landing .service-work-section .portfolio-item>div:last-child{margin:16px 7px 0;align-items:flex-start;gap:7px}.services-landing .service-work-section .portfolio-item h3{color:#13314c;font-size:clamp(15px,1.55vw,20px);font-weight:730}.services-landing .service-work-section .portfolio-item p{color:#6f8aa2;font-size:11px;line-height:1.5}.services-landing .service-work-section .portfolio-item>div:last-child>svg{flex-shrink:0;color:#188be8;width:19px;height:19px}.services-landing .note-section{position:relative;margin-top:75px;margin-bottom:90px;padding:54px clamp(24px,5vw,72px);border:1px solid #d4eafc;border-radius:27px;background:radial-gradient(ellipse 40% 85% at 100% 0,#d4edff9e,transparent 100%),linear-gradient(125deg,#fff,#f0f9ff)}.services-landing .note-section h2{font-size:clamp(29px,3vw,45px);color:#153555}.services-landing .note-section p{color:#5f7892}@media (max-width:1100px){.services-landing-hero-grid{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.services-visual-panel{transform:none;animation:none}.services-visual-float-top{right:0}.services-visual-float-bottom{left:0}.services-landing .service-work-section .portfolio-grid{gap:18px}.services-landing .service-work-section .portfolio-image{aspect-ratio:16/9}}@media (max-width:850px){.services-landing-hero-inner{padding-top:104px;padding-bottom:65px}.services-landing-hero .breadcrumb{margin-bottom:34px}.services-landing-hero-grid{grid-template-columns:1fr;gap:24px}.services-hero-copy h1,html[lang=th] .services-hero-copy h1{max-width:740px}.services-hero-visual{min-height:465px;padding:30px 30px 20px}.services-hero-capabilities{margin-top:25px}.services-landing-list.section-space{padding-top:65px;padding-bottom:80px}.services-landing .service-work-section .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-landing-list-heading{align-items:start}.services-landing-list-heading>p{max-width:280px}}@media (max-width:650px){.services-landing-hero-inner{padding-top:92px;padding-bottom:42px}.services-landing-hero .breadcrumb{margin-bottom:28px}.services-hero-copy h1,html[lang=th] .services-hero-copy h1{font-size:clamp(32px,8vw,44px);line-height:1.32;letter-spacing:-.04em}.services-hero-description{margin-top:19px;font-size:12px}.services-hero-actions{margin-top:23px;gap:10px}.services-hero-actions .button-blue{font-size:11px;padding:12px 15px}.services-hero-contact{font-size:11px;padding:9px 14px}.services-hero-capabilities{gap:6px;margin-top:22px}.services-hero-capabilities span{font-size:8px;padding:7px 9px}.services-hero-visual{min-height:416px;padding:22px 9px}.services-visual-panel{min-height:0;padding:9px;border-radius:21px}.services-visual-panel-head{padding:9px 5px 12px}.services-visual-panel-title{padding:16px 6px 14px}.services-visual-panel-title strong{font-size:20px}.services-visual-step{min-height:42px;padding:6px 8px;gap:6px;grid-template-columns:30px minmax(0,1fr) 20px}.services-visual-step-number{width:28px;height:28px}.services-visual-step-type{display:none}.services-visual-float-top{top:-2px;right:0;font-size:8px}.services-visual-float-bottom{bottom:3px;left:0;font-size:8px}.services-landing-list-heading{flex-direction:column;gap:9px;margin-bottom:26px}.services-landing-list-heading>p{max-width:100%;text-align:left}.services-landing-list.section-space .service-row{grid-template-columns:24px minmax(0,1fr) 39px;gap:10px;padding:15px 11px;min-height:87px;border-radius:15px}.services-landing-list.section-space .service-row:hover{padding:15px 11px}.services-landing-list .service-name{min-width:0;gap:10px}.services-landing-list .service-name svg{width:35px;height:35px;padding:9px;border-radius:10px}.services-landing-list.section-space .service-name h3{font-size:clamp(15px,4.1vw,20px)}.services-landing-list .service-row>p{display:none}.services-landing-list .row-arrow{width:37px;height:37px;border-radius:10px}.services-landing .service-work-section{padding-top:60px;padding-bottom:70px}.services-landing .service-work-section .section-heading{align-items:flex-start;flex-direction:column;gap:10px}.services-landing .service-work-section .service-work-intro{max-width:100%;text-align:left}.services-landing .service-work-section .portfolio-grid{grid-template-columns:1fr;gap:20px}.services-landing .service-work-section .portfolio-image{aspect-ratio:16/9;padding:0}.services-landing .service-work-section .portfolio-item h3{font-size:19px}.services-landing .note-section{margin-top:55px;margin-bottom:65px;padding:34px 22px}}@media (max-width:380px){.services-hero-visual{min-height:405px}.services-visual-panel-title strong{font-size:17px}.services-visual-panel-title p{font-size:10px}.services-visual-panel-head{font-size:11px}.services-visual-online{font-size:8px;padding:6px}.services-landing-list.section-space .service-row{grid-template-columns:21px minmax(0,1fr) 32px}.services-landing-list .service-name{gap:7px}.services-landing-list .service-name svg{width:32px;height:32px}.services-landing-list .row-arrow{width:33px;height:33px}}@media (prefers-reduced-motion:reduce){.services-visual-float,.services-visual-panel{animation:none}.services-hero-contact,.services-landing .portfolio-item,.services-landing-list .service-row{transition:none}.services-hero-contact:hover,.services-landing .portfolio-item:hover,.services-landing-list .service-row:hover{translate:none}}