.services-page{background:#fff}.services-page .svc-header{position:absolute;background:rgba(255,255,255,.78);border-bottom:1px solid rgba(212,231,244,.55);backdrop-filter:blur(15px)}.services-page .nav-links{left:49%;width:clamp(390px,36vw,540px)}.services-page .nav-links a:first-child{color:#092548}.services-page .nav-links a:first-child::after{display:none}.services-page .nav-links a.active{color:var(--blue)}.services-page .nav-links a.active::after{content:"";position:absolute;right:0;bottom:-9px;left:0;height:2px;border-radius:99px;background:var(--blue)}
.svc-hero{position:relative;min-height:700px;overflow:hidden;padding-top:84px;background:#fff;isolation:isolate}.svc-hero::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 36%,rgba(255,255,255,.86) 47%,rgba(255,255,255,.14) 72%);pointer-events:none}.svc-hero-media{position:absolute;inset:84px 0 0 42%;overflow:hidden}.svc-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,80,133,.02),rgba(8,62,108,.1)),radial-gradient(circle at 78% 22%,rgba(76,197,255,.28),transparent 36%)}.svc-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.96) contrast(1.02);transform:scale(1.015)}.svc-hero-inner{position:relative;z-index:3;display:flex;min-height:616px;align-items:center}.svc-hero-copy{width:58%;max-width:720px;padding:69px 0 106px}.svc-hero-copy .kicker{margin-bottom:18px}.svc-hero-copy h1{max-width:730px;margin-bottom:20px;font-size:clamp(52px,4.8vw,74px);line-height:1.03}.svc-hero-copy h1 em{display:inline;color:var(--blue)}.svc-hero-lead{max-width:620px;margin:0;color:#34526b;font-size:16px;line-height:1.72}.svc-hero-actions{display:flex;align-items:center;gap:18px;margin:28px 0 30px}.svc-trust-points{display:flex;flex-wrap:wrap;gap:17px 27px}.svc-trust-points span{display:flex;align-items:center;gap:8px;color:#183a5b;font-size:11px}.svc-trust-points svg{width:20px;height:20px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svc-hero-card{position:absolute;z-index:4;right:0;bottom:108px;width:286px;padding:25px 26px 24px;border:1px solid rgba(255,255,255,.85);border-radius:26px;background:rgba(245,252,255,.9);box-shadow:0 20px 54px rgba(16,72,110,.18);backdrop-filter:blur(16px) saturate(1.05)}.svc-hero-card>img{float:left;width:44px;height:44px;margin:0 13px 5px 0;object-fit:contain}.svc-hero-card>p{margin:1px 0 2px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.svc-hero-card h2{margin:0 0 17px;font-size:20px;line-height:1.2}.svc-hero-card ul{clear:both;margin:0;padding:0;list-style:none}.svc-hero-card li{position:relative;margin-top:10px;padding-left:23px;color:#274763;font-size:12px;font-weight:650}.svc-hero-card li::before{content:"✓";position:absolute;left:0;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:10px}.svc-wave{position:absolute;z-index:5;right:0;bottom:-1px;left:0;width:100%;height:94px}.svc-wave path{fill:#edf8ff}
.svc-offers{position:relative;padding:74px 0 102px;background:linear-gradient(180deg,#edf8ff 0%,#eaf7ff 100%);border-radius:0 0 68px 68px}.svc-section-head{display:grid;grid-template-columns:1.08fr .82fr;align-items:end;gap:80px;margin-bottom:38px}.svc-section-head h2,.svc-why h2,.svc-tech h2{margin:0;font-size:clamp(37px,3vw,49px);line-height:1.08;letter-spacing:-.045em}.svc-section-head>p,.svc-tech-head>p{max-width:490px;margin:0;color:#536e86;font-size:15px;line-height:1.72}.svc-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.svc-tile{position:relative;display:flex!important;min-height:520px;flex-direction:column;overflow:hidden;border:1px solid rgba(192,220,239,.92);border-radius:15px;background:#fff;box-shadow:0 13px 32px rgba(20,70,106,.08);transition:transform .22s ease,box-shadow .22s ease}.svc-tile:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(20,70,106,.14)}.svc-tile-copy,.svc-tile-side>div,.svc-tile-wide>div:first-child{display:flex;min-height:286px;flex-direction:column;padding:24px 22px 23px}.svc-tile .svc-icon{position:absolute;z-index:2;top:214px;left:20px;display:grid;width:42px;height:42px;margin:0;place-items:center;border:5px solid #fff;border-radius:50%;background:#eff8ff;color:var(--blue);box-shadow:0 5px 14px rgba(13,91,157,.16)}.svc-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svc-tile .kicker{margin:0 0 7px;color:#1680e9;font-size:9px}.svc-tile h3{margin:0 0 8px;font-size:20px;line-height:1.2;letter-spacing:-.025em}.svc-tile p:not(.kicker){margin:0 0 11px;color:#506c84;font-size:13px;line-height:1.55}.svc-tile ul{margin:0 0 13px;padding:0;list-style:none;color:#203e5d;font-size:11px}.svc-tile li{position:relative;margin-top:5px;padding-left:17px}.svc-tile li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}.svc-tile a{margin-top:auto;color:var(--blue);font-size:12px;font-weight:800}.svc-tile-media,.svc-wide-visual{order:-1;width:100%;height:238px;min-height:238px;padding:0;background:#dfeffc}.svc-tile-media img,.svc-tile-side>img,.svc-wide-visual img{display:block;width:100%;height:238px;min-height:238px;object-fit:cover;object-position:center}.svc-tile-side>img{order:-1}.svc-tile-main,.svc-tile-side,.svc-tile-wide{grid-column:auto;grid-row:auto}.svc-tile-main .svc-tile-copy{order:2}.svc-tile-main .svc-tile-media{order:1}
.svc-process{padding:91px 0 96px;background:#fff}.svc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none}.svc-steps li{position:relative;display:flex;gap:17px;align-items:flex-start;padding:10px 28px 10px 0}.svc-steps li:not(:last-child)::after{content:"→";position:absolute;top:27px;right:14px;color:#9cc9e7;font-size:20px}.svc-steps li>span{display:grid;width:54px;height:54px;flex:0 0 54px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#1d8bfb,#0966d1);color:#fff;box-shadow:0 9px 23px rgba(16,113,220,.21);font-size:20px;font-weight:800}.svc-steps h3{margin:2px 0 5px;font-size:17px}.svc-steps p{margin:0;color:#5b7287;font-size:13px;line-height:1.55}
.svc-why{overflow:hidden;padding:90px 0 102px;background:linear-gradient(180deg,#f4fbff,#eaf7ff);border-radius:66px 66px 0 0}.svc-why-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:58px}.svc-why-title p:last-child{max-width:360px;color:#536e86}.svc-compare{overflow:hidden;border:1px solid #cee4f2;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.svc-compare>div{display:grid;grid-template-columns:1.3fr .85fr .85fr;min-height:57px;align-items:center;border-bottom:1px solid #e3eff6}.svc-compare>div:last-child{border-bottom:0}.svc-compare>div>*{display:flex;height:100%;align-items:center;gap:5px;padding:13px 17px;border-left:1px solid #e3eff6;font-size:13px;font-style:normal}.svc-compare>div>*:first-child{border-left:0;font-weight:700}.svc-compare-head{background:#f5f9fc}.svc-compare-head b:nth-child(2){justify-content:center;background:var(--blue);color:#fff;font-size:14px}.svc-compare-head b:last-child{justify-content:center;color:#526d84}.svc-compare b{color:var(--blue)}.svc-compare i{color:#8599a9}.svc-compare small{color:inherit;font-size:11px;font-weight:600}
.svc-results{position:relative;min-height:430px;overflow:hidden;padding:88px 0 130px;color:#fff;background:#062c54;border-radius:68px 0 68px 0;isolation:isolate}.svc-results-photo{position:absolute;z-index:-3;inset:0;background:url("impact-bangkok-ultrawide.webp") center 56%/cover no-repeat}.svc-results-tree{position:absolute;z-index:-1;right:-92px;bottom:-240px;width:520px;height:780px;background:url("impact-tree-right.webp") center/contain no-repeat;filter:saturate(.94);pointer-events:none}.svc-results::after{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,38,75,.94),rgba(4,57,103,.7) 54%,rgba(2,44,80,.25))}.svc-results .shell{position:relative;display:grid;grid-template-columns:.86fr 1.14fr;align-items:end;gap:65px}.svc-results h2{max-width:500px;margin:0 0 15px;font-size:clamp(37px,3.3vw,52px);line-height:1.06;letter-spacing:-.04em}.svc-results-copy>p:last-child{max-width:480px;margin:0;color:#d9e8f2;font-size:15px;line-height:1.62}.svc-results-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-right:136px}.svc-results-stats div{padding-left:15px;border-left:1px solid rgba(255,255,255,.38)}.svc-results-stats strong{display:block;font:800 clamp(29px,2.8vw,43px)/1 Manrope,sans-serif}.svc-results-stats span{display:block;margin-top:7px;color:#d7e7f1;font-size:11px;line-height:1.35}.svc-insight-card{position:absolute;right:0;bottom:-52px;display:flex;width:150px;height:176px;flex-direction:column;padding:25px 23px;border:1px solid rgba(255,255,255,.18);border-radius:25px 25px 25px 6px;background:linear-gradient(145deg,rgba(10,66,116,.92),rgba(4,40,79,.94));box-shadow:0 18px 40px rgba(0,17,39,.28);backdrop-filter:blur(12px)}.svc-insight-card span{color:#96c9eb;font-size:9px;font-weight:800;letter-spacing:.18em}.svc-insight-card strong{margin-top:7px;color:#fff;font:700 12px/1.55 Manrope,sans-serif;letter-spacing:.14em}.svc-insight-card a{display:grid;width:29px;height:29px;margin:auto 0 0 auto;place-items:center;border-radius:50%;background:#fff;color:var(--blue);font-size:16px;font-weight:800}.svc-results-wave{position:absolute;right:0;bottom:-1px;left:0;width:100%;height:83px}.svc-results-wave path{fill:#fff}
.svc-tech{padding:68px 0 82px;background:#fff}.svc-tech-head{display:grid;grid-template-columns:1.1fr .8fr;align-items:end;gap:65px;margin-bottom:28px}.svc-tech-list{display:flex;flex-wrap:wrap;gap:11px}.svc-tech-list span{display:inline-flex;min-height:46px;align-items:center;padding:10px 19px;border:1px solid #d7e8f3;border-radius:999px;background:#f8fcff;color:#234361;box-shadow:0 6px 16px rgba(22,73,112,.06);font-size:12px;font-weight:800}.svc-final{height:470px}.svc-final .cta-photo{background-position:center 48%}.svc-final .cta-layout h2{font-size:clamp(39px,3.8vw,58px)}
@media(max-width:1100px){.services-page .nav-links{width:auto}.services-page .nav-links a.active::after{display:none}.svc-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-results-stats{padding-right:120px}.svc-results .shell{gap:30px}}
@media(max-width:960px){.svc-hero-media{left:32%}.svc-hero-copy{width:68%}.svc-hero-card{right:24px;width:255px}.svc-steps{grid-template-columns:repeat(2,1fr);gap:20px}.svc-steps li:nth-child(2)::after{display:none}.svc-why-grid,.svc-results .shell{grid-template-columns:1fr}.svc-results-stats{padding-right:165px}.svc-insight-card{bottom:-55px}}
@media(max-width:680px){.svc-hero{min-height:810px;padding-top:64px}.svc-hero::before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.98) 46%,rgba(255,255,255,.3) 66%,rgba(255,255,255,.05))}.svc-hero-media{inset:405px 0 0}.svc-hero-media img{object-position:center}.svc-hero-inner{min-height:746px;align-items:flex-start}.svc-hero-copy{width:100%;padding:52px 0 0}.svc-hero-copy h1{font-size:40px;line-height:1.08}.svc-hero-lead{font-size:14px;line-height:1.62}.svc-hero-actions{margin:21px 0 20px;gap:9px}.svc-hero-actions .button{padding-inline:15px;font-size:12px}.svc-trust-points{display:none}.svc-hero-card{right:14px;bottom:65px;width:224px;padding:19px;border-radius:21px}.svc-hero-card h2{font-size:17px}.svc-wave{height:52px}.svc-offers{padding:63px 0 74px;border-radius:0 0 38px 38px}.svc-section-head,.svc-tech-head{grid-template-columns:1fr;gap:17px;margin-bottom:27px}.svc-section-head h2,.svc-why h2,.svc-tech h2{font-size:34px}.svc-section-head>p,.svc-tech-head>p{font-size:14px}.svc-bento{grid-template-columns:1fr;gap:14px}.svc-tile{min-height:0;border-radius:17px}.svc-tile-media,.svc-wide-visual,.svc-tile-media img,.svc-tile-side>img,.svc-wide-visual img{height:218px;min-height:218px}.svc-tile .svc-icon{top:194px}.svc-tile-copy,.svc-tile-side>div,.svc-tile-wide>div:first-child{min-height:273px;padding:25px 22px 22px}.svc-tile h3{font-size:22px}.svc-tile p:not(.kicker){font-size:14px}.svc-process{padding:66px 0}.svc-steps{grid-template-columns:1fr;gap:12px}.svc-steps li{padding:12px 0}.svc-steps li::after{display:none}.svc-why{padding:67px 0 77px;border-radius:38px 38px 0 0}.svc-why-grid{gap:29px}.svc-compare{overflow-x:auto}.svc-compare>div{min-width:610px}.svc-results{min-height:665px;padding:72px 0 116px;border-radius:42px 0 42px 0}.svc-results .shell{gap:34px}.svc-results h2{font-size:38px}.svc-results-stats{grid-template-columns:repeat(2,1fr);gap:25px;padding-right:105px}.svc-results-tree{right:-130px;bottom:-175px;width:380px;height:580px;opacity:.9}.svc-insight-card{right:4px;bottom:-119px;width:105px;height:148px;padding:17px 14px;border-radius:20px 20px 20px 5px}.svc-insight-card strong{font-size:9px}.svc-insight-card span{font-size:7px}.svc-insight-card a{width:25px;height:25px}.svc-results-wave{height:50px}.svc-tech{padding:53px 0 62px}.svc-tech-list{gap:8px}.svc-tech-list span{min-height:44px;padding-inline:15px}.svc-final{height:520px}.svc-final .cta-photo{background-position:59% center}.svc-final .cta-script{font-size:36px}}
@media(prefers-reduced-motion:reduce){.svc-tile:hover{transform:none}}