:root{--navy:#0d0b25;--purple:#302163;--pink:#f72578;--muted:#51536e;--pearl:#f6f7ff;color-scheme:light;font-family:Manrope,"Noto Sans Thai",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--navy);background:var(--pearl)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7750c6;outline-offset:5px}.skip{position:fixed;z-index:100;left:20px;top:12px;padding:12px 20px;background:white;transform:translateY(-160%)}.skip:focus{transform:none}.site-header{height:80px;background:rgba(255,255,255,.98);position:relative;z-index:20}.header-inner{height:100%;width:calc(100% - 128px);max-width:1440px;margin:auto;display:flex;align-items:center;gap:48px}.brand{flex-shrink:0;width:194px}.brand img{width:194px;height:auto}.navigation{display:flex;align-items:center;gap:32px;margin-right:auto;white-space:nowrap}.navigation a,.navigation button{border:0;padding:10px 0;background:none;font-size:14px;font-weight:600;color:var(--navy)}.navigation a:hover,.navigation button:hover{color:#a323a6}.header-actions{display:flex;align-items:center;gap:20px}.icon-button{padding:10px;border:0;background:none;display:grid;place-items:center;color:var(--purple);width:42px;height:42px}.icon-button svg{width:21px;height:21px}.languages{display:flex;gap:8px;align-items:center;font-size:12px;white-space:nowrap;border-left:1px solid #e2e3ed;padding-left:15px}.languages button{border:0;padding:8px 0;background:none;font-weight:600;color:var(--purple)}.languages span{color:#cbc5dc}.languages button[aria-pressed=true]{color:#d82b7e}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:17px 25px;min-height:52px;border-radius:15px;color:white;background:linear-gradient(115deg,#fa286a,#ed2e8d 60%,#ce2da4);font-size:15px;font-weight:700;border:1px solid transparent;transition:box-shadow .2s,background .2s}.button:hover{box-shadow:0 7px 23px #e72f8b35}.button span{font-size:22px;line-height:1}.button.compact{font-size:13px;padding:12px 20px;min-height:48px;gap:12px;border-radius:14px;white-space:nowrap}.button.compact span{font-size:19px}.secondary{color:var(--navy);background:rgba(255,255,255,.5);border-color:#7d659e;gap:10px;padding:15px 22px}.secondary svg{width:19px;height:19px}.menu-button{display:none}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.2em;color:#6a33a7;margin:0 0 18px}.hero{height:700px;position:relative;overflow:hidden;background:#f1f7ff}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-copy{position:relative;z-index:2;width:calc(100% - 190px);max-width:1380px;margin:auto;padding-top:110px;pointer-events:none}.hero-copy>*{pointer-events:auto}.core{letter-spacing:.23em;font-size:14px;display:flex;gap:18px;align-items:center}.core b{color:#da3a98;font-weight:600;font-size:16px}.hero h1{font-size:80px;line-height:1.01;letter-spacing:-.046em;font-weight:800;margin:0 0 24px;width:max-content}.gradient-text{color:#b22baa;background:linear-gradient(100deg,#f52c78 5%,#ce2aa0 46%,#6134b4 96%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:21px;font-weight:700;letter-spacing:-.035em;margin:0 0 23px}.hero-description{font-family:"Noto Sans Thai",Manrope,sans-serif;font-size:22px;line-height:1.55;margin:0 0 34px;color:#252244;max-width:570px}.hero-actions{display:flex;gap:20px;align-items:center}.art-label{position:absolute;color:white;font-size:22px;font-weight:700;z-index:2;pointer-events:none}.people-label{top:29%;left:47%;transform:rotate(9deg)}.system-label{top:19%;right:13%;font-size:16px;color:#302163;transform:rotate(-9deg)}.data-label{top:70.8%;right:7.3%;transform:rotate(-13deg)}.ribbon-caption{position:absolute;z-index:2;left:59.4%;top:65.7%;font-size:12px;line-height:1.4;letter-spacing:.12em;text-align:center;color:white;transform:rotate(14deg);pointer-events:none}.hero-marginal{position:absolute;right:5.6%;bottom:66px;font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.12em;z-index:3}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:105px;z-index:1}.challenge{position:relative;background:var(--pearl);min-height:580px;padding:2px 0 20px}.challenge:before{content:"";position:absolute;inset:0;background:linear-gradient(164deg,transparent 49%,#e8ebfb9c 49.1%,#fff8 71%,transparent 71.1%);pointer-events:none}.challenge-inner{width:calc(100% - 190px);max-width:1380px;margin:auto;display:grid;grid-template-columns:43% 57%;align-items:center;position:relative;z-index:1}.challenge-copy{padding-bottom:15px;position:relative;z-index:2}.challenge h2{font-size:69px;letter-spacing:-.045em;line-height:1.1;margin:0 0 26px;font-weight:800;white-space:nowrap}.challenge-lead{font-family:"Noto Sans Thai",Manrope,sans-serif;font-size:27px;line-height:1.42;margin:0 0 26px;letter-spacing:-.018em}.challenge-body{font-family:"Noto Sans Thai",Manrope,sans-serif;font-size:20px;line-height:1.55;max-width:510px;color:#555575;margin:0}.challenge-visual{position:relative;aspect-ratio:1.25;width:calc(100% + 10px);margin-left:-8px;margin-top:-9px}.challenge-visual>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 83%,transparent);mask-composite:intersect}.challenge-center{position:absolute;left:38.4%;top:45.5%;width:25%;font-family:"Noto Sans Thai",Manrope,sans-serif;text-align:center;font-size:24px;line-height:1.45;font-weight:600;margin:0;color:#151332}.speech{position:absolute;font-family:"Noto Sans Thai",Manrope,sans-serif;font-size:17px;line-height:1.35;font-weight:500;text-align:center;padding:16px 21px;border-radius:17px;background:#ffffffec;box-shadow:0 9px 23px #6462901c;color:#292656;margin:0;min-width:166px;z-index:2}.speech:after{content:"";position:absolute;left:-11px;top:18px;border-width:7px 12px 7px 0;border-style:solid;border-color:transparent #ffffffec transparent transparent}.speech-one{left:24%;top:11%}.speech-two{right:-1%;top:11%}.speech-three{left:23%;bottom:13%}.speech-four{right:-2%;bottom:12%}.advantage{position:relative;background:var(--navy);color:white;padding:140px 0 35px;min-height:1210px;isolation:isolate}.dark-wave{position:absolute;left:0;top:-121px;height:125px;width:100%;z-index:1}.advantage-art-wrap{position:absolute;inset:0 0 auto;height:1010px;z-index:-1;overflow:hidden}.advantage-art-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0d0b2500 84%,#0d0b25 99%)}.advantage-art{width:100%;height:100%;object-fit:cover;object-position:center 53%;opacity:1}.advantage-copy{width:calc(100% - 190px);max-width:1380px;margin:auto;position:relative;z-index:2;margin-top:-93px;pointer-events:none}.advantage-copy>*{pointer-events:auto}.advantage .eyebrow{color:#cacde9;font-size:13px;letter-spacing:.17em}.advantage h2{font-size:54px;line-height:1.07;font-weight:700;letter-spacing:-.025em;margin:0 0 20px;width:max-content;text-shadow:0 2px 30px #0d0b2540}.advantage h2 span{color:#f92d89}.advantage-copy>p:last-child{font-family:"Noto Sans Thai",Manrope,sans-serif;font-size:19px;line-height:1.65;color:#c6c8e1;max-width:625px;margin:0}.system-note{position:absolute;right:5.4%;z-index:2;width:125px;font-size:12px;line-height:1.5;transform:rotate(-6deg);text-shadow:0 2px 10px #0d0b25}.system-note strong,.system-note span{display:block}.channels-note{top:3%}.systems-note{top:31%}.benefit-cards{width:calc(100% - 105px);max-width:1420px;margin:520px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative;z-index:3}.benefit{position:relative;display:flex;gap:20px;min-height:235px;padding:38px 27px 30px;border:1px solid #7f5aa649;border-radius:21px;background:linear-gradient(130deg,#30264dc9,#181635cc);box-shadow:inset 0 1px 0 #ffffff10,0 5px 40px #100a2029;backdrop-filter:blur(22px)}.benefit-icon{width:67px;height:67px;flex-shrink:0;margin-top:3px;filter:drop-shadow(0 0 12px #d444a65c)}.pink{color:#ff58a1}.purple{color:#c066ed}.benefit h3{font-size:39px;line-height:1.18;margin:0 0 19px;font-weight:700;letter-spacing:-.03em}.benefit h3 span{display:block;color:#fa338a;font-size:24px;margin-top:5px;font-weight:600;letter-spacing:-.025em;white-space:nowrap}.benefit h3.customer-heading{font-size:29px;margin-top:4px;margin-bottom:25px}.benefit p{font-family:"Noto Sans Thai",Manrope,sans-serif;font-size:18px;line-height:1.55;margin:0;color:#d4d3e4}.round-link{position:absolute;left:31px;bottom:43px;width:39px;height:39px;border:1px solid #a474c5;border-radius:50%;background:linear-gradient(140deg,#3f276c,#7d3f99);font-size:25px;color:white;display:grid;place-items:center;line-height:1;transition:background .2s}.round-link:hover{background:#a33ba4}.study-footer{width:calc(100% - 110px);max-width:1410px;margin:40px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#9693b2;font-size:11px;line-height:1.6}.study-footer p{margin:0;max-width:800px;text-align:center}.study-footer a{white-space:nowrap}.study-footer a:hover{color:white}dialog{width:min(700px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:44px;border:1px solid #e6def1;border-radius:23px;box-shadow:0 20px 90px #100a2055;background:#faf9ff;color:#201b42}dialog::backdrop{background:#0d0b25ae;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:14px}.dialog-kicker{font-size:11px;color:#8c319a;letter-spacing:.15em;font-weight:700;margin:0 0 15px}.dialog-title{font-size:35px;line-height:1.2;letter-spacing:-.035em;margin:0 0 20px}.dialog-copy{font-family:"Noto Sans Thai",Manrope,sans-serif;font-size:17px;line-height:1.7;color:#55506c}.dialog-image{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:15px;margin-bottom:25px}.dialog-actions{display:flex;align-items:center;gap:16px;margin-top:25px}.story-dots{display:flex;gap:8px;margin-right:auto}.story-dots button{width:10px;height:10px;border-radius:50%;padding:0;border:0;background:#cbbfdc}.story-dots button[aria-current=true]{background:#d53093}.search-input{width:100%;padding:14px 17px;border:1px solid #d6cce6;border-radius:12px;background:white;color:var(--navy)}.search-results{display:grid;gap:10px;margin-top:20px}.search-results a{padding:15px;border-radius:10px;background:white;border:1px solid #e7e1f0}.search-results a:hover{border-color:#b541a7}.dialog-copy ul{padding-left:20px}.dialog-copy li{margin:8px 0}
@media(min-width:1600px){.hero{height:780px}.hero-copy{padding-top:125px}.hero h1{font-size:92px}.challenge{padding-bottom:65px}.challenge-inner{grid-template-columns:43% 57%}.advantage{min-height:1330px}.advantage-art-wrap{height:1120px}.benefit-cards{margin-top:680px}.system-note{right:8%}}
@media(max-width:1270px){.header-inner{width:calc(100% - 70px);gap:30px}.brand,.brand img{width:170px}.navigation{gap:21px}.navigation a,.navigation button{font-size:12px}.header-actions{gap:13px}.button.compact{padding:12px 16px;font-size:12px}.hero{height:610px}.hero-copy,.challenge-inner,.advantage-copy{width:calc(100% - 150px)}.hero-copy{padding-top:97px}.hero h1{font-size:68px}.hero-subtitle{font-size:18px}.hero-description{font-size:19px;max-width:470px}.hero-actions .button{font-size:13px;padding:15px 22px}.people-label{font-size:19px}.challenge{min-height:510px}.challenge h2{font-size:58px}.challenge-lead{font-size:23px}.challenge-body{font-size:18px;max-width:435px}.challenge-center{font-size:20px}.speech{font-size:14px;min-width:132px;padding:13px 16px}.advantage{min-height:1080px;padding-top:125px}.advantage-art-wrap{height:900px}.advantage h2{font-size:45px}.advantage-copy>p:last-child{font-size:17px;max-width:520px}.benefit-cards{margin-top:510px;width:calc(100% - 75px);gap:17px}.benefit{min-height:208px;padding:30px 20px;gap:16px}.benefit-icon{width:52px;height:52px}.benefit h3{font-size:34px}.benefit h3 span{font-size:20px}.benefit h3.customer-heading{font-size:25px}.benefit p{font-size:15px}.round-link{left:23px;bottom:38px;width:34px;height:34px;font-size:20px}.system-note{font-size:10px;width:108px}.study-footer{width:calc(100% - 85px);font-size:10px}}
@media(max-width:1050px){.header-inner{width:calc(100% - 50px);gap:25px}.brand,.brand img{width:160px}.navigation{gap:19px}.header-actions{gap:9px}.search-button{display:none}.languages{padding-left:0;border:0}.site-header{height:70px}.hero{height:470px}.hero-copy,.challenge-inner,.advantage-copy{width:calc(100% - 130px)}.hero-copy{padding-top:83px}.hero h1{font-size:60px;margin-bottom:20px}.hero-subtitle{font-size:16px;margin-bottom:20px}.hero-description{font-size:17px;max-width:405px;margin-bottom:25px}.core{font-size:12px;gap:13px}.hero-actions{gap:15px}.hero-actions .button{min-height:44px;font-size:12px;border-radius:12px;padding:12px 19px}.hero-wave{height:85px}.art-label{font-size:16px}.system-label{font-size:11px}.data-label{top:70%}.ribbon-caption{font-size:8px;left:60%;top:65%}.hero-marginal{font-size:9px;bottom:49px}.challenge{min-height:420px;padding-bottom:25px}.challenge h2{font-size:50px;margin-bottom:20px}.eyebrow{font-size:11px;margin-bottom:14px}.challenge-lead{font-size:20px;margin-bottom:22px}.challenge-body{font-size:16px;max-width:370px}.challenge-visual{width:calc(100% + 30px)}.challenge-center{font-size:18px}.speech{font-size:12px;min-width:118px;padding:12px 15px;border-radius:14px}.advantage{min-height:885px;padding-top:110px}.dark-wave{height:100px;top:-98px}.advantage-art-wrap{height:760px}.advantage h2{font-size:40px}.advantage .eyebrow{font-size:11px}.advantage-copy>p:last-child{font-size:15px;max-width:445px}.benefit-cards{margin-top:360px;width:calc(100% - 70px);gap:14px}.benefit{padding:26px 18px;min-height:185px;gap:14px;border-radius:15px}.benefit-icon{width:48px;height:48px}.benefit h3{font-size:30px;margin-bottom:16px}.benefit h3 span{font-size:18px}.benefit h3.customer-heading{font-size:21px;margin-bottom:22px}.benefit p{font-size:13px}.round-link{width:29px;height:29px;left:23px;bottom:31px;font-size:19px}.system-note{right:3.6%;font-size:9px;width:97px}.study-footer{margin-top:26px;font-size:9px;gap:15px}}
@media(max-width:850px){.header-inner{gap:20px}.navigation{display:none;position:absolute;left:20px;right:20px;top:75px;background:#fff;box-shadow:0 10px 30px #3021631f;border:1px solid #e6dff0;border-radius:16px;flex-direction:column;align-items:stretch;padding:17px;gap:3px;white-space:normal}.navigation.open{display:flex}.navigation a,.navigation button{text-align:left;padding:12px;font-size:15px}.header-actions{margin-left:auto;gap:12px}.menu-button{display:grid}.hero{height:510px}.hero-copy,.challenge-inner,.advantage-copy{width:calc(100% - 80px)}.hero-copy{padding-top:80px}.hero h1{font-size:49px}.hero-subtitle{font-size:14px;max-width:335px}.hero-description{font-size:16px;max-width:335px}.core{font-size:10px;gap:11px}.hero-art{object-position:60% center}.hero-copy{background:linear-gradient(90deg,#f3f7ff6b,transparent 60%)}.hero-actions{gap:10px}.hero-actions .button{font-size:11px;padding:12px 15px}.people-label,.ribbon-caption,.hero-marginal{display:none}.system-label{right:13%;top:19%}.challenge{min-height:430px;padding-bottom:55px}.challenge-inner{grid-template-columns:42% 58%;gap:0}.challenge h2{font-size:39px;white-space:normal;line-height:1.08}.challenge-lead{font-size:17px}.challenge-lead br{display:none}.challenge-body{font-size:15px}.challenge-visual{width:calc(100% + 18px);margin-left:0}.challenge-center{font-size:15px}.speech{font-size:10px;padding:10px;min-width:95px;border-radius:12px}.speech-two,.speech-four{right:0}.advantage{min-height:840px}.advantage-art-wrap{height:710px}.advantage h2{font-size:37px}.advantage-copy>p:last-child{font-size:14px;max-width:420px}.benefit-cards{width:calc(100% - 55px);margin-top:260px;gap:11px}.benefit{min-height:190px;gap:11px;padding:24px 14px}.benefit-icon{width:35px;height:35px}.benefit h3{font-size:28px}.benefit h3 span{font-size:15px}.benefit h3.customer-heading{font-size:18px}.benefit p{font-size:11px;line-height:1.7}.benefit p br{display:none}.round-link{left:18px;width:25px;height:25px;bottom:38px;font-size:17px}.system-note{display:none}.study-footer{width:calc(100% - 55px);flex-wrap:wrap}.study-footer p{order:3;flex-basis:100%;text-align:left}}
@media(max-width:600px){html{scroll-padding-top:20px}.site-header{height:72px}.header-inner{width:calc(100% - 32px);gap:5px}.brand,.brand img{width:152px}.header-actions{gap:7px}.expert-link{display:none}.languages{font-size:11px;gap:6px}.menu-button{width:38px}.hero{height:auto;min-height:0;padding:42px 22px 330px}.hero-copy{width:100%;padding:0;background:none}.core{font-size:10px;gap:12px;margin-bottom:19px}.hero h1{font-size:47px;letter-spacing:-.048em;margin-bottom:20px;line-height:1.06}.hero-subtitle{font-size:14px;max-width:none;margin-bottom:20px;letter-spacing:-.035em}.hero-description{font-size:16px;max-width:100%;line-height:1.6;margin-bottom:23px}.hero-description br{display:none}.hero-actions{gap:10px;flex-wrap:wrap}.hero-actions .button{font-size:12px;padding:12px 15px;min-height:47px;gap:10px}.secondary svg{width:16px;height:16px}.hero-art{inset:auto 0 0;width:100%;height:350px;object-fit:cover;object-position:83% center}.hero:before{content:"";position:absolute;z-index:1;left:0;bottom:240px;height:110px;width:100%;background:linear-gradient(#f1f7ff,transparent);pointer-events:none}.art-label{display:none}.hero-wave{height:46px}.challenge{padding:24px 22px 84px;min-height:0}.challenge-inner{width:100%;display:block}.challenge-copy{padding:0}.eyebrow{font-size:10px;letter-spacing:.18em}.challenge h2{font-size:44px;line-height:1.1;margin-bottom:20px}.challenge-lead{font-size:20px;line-height:1.5;margin-bottom:20px}.challenge-body{font-size:16px;line-height:1.65;max-width:none}.challenge-visual{width:calc(100% + 26px);margin:15px 0 0 -13px;min-height:310px;aspect-ratio:1.13}.challenge-visual img{width:100%;height:100%;object-fit:fill}.challenge-center{font-size:13px;left:34%;top:45%;width:33%}.speech{font-size:11px;min-width:104px;padding:10px 12px}.speech-one{left:18%;top:11%}.speech-two{right:0;top:9%}.speech-three{left:18%;bottom:11%}.speech-four{right:-1%;bottom:10%;max-width:130px}.speech:after{border-width:5px 8px 5px 0;left:-8px}.advantage{padding:55px 22px 25px;min-height:0}.dark-wave{height:60px;top:-58px}.advantage-copy{width:100%;margin-top:0}.advantage .eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:20px}.advantage h2{font-size:34px;line-height:1.12;margin-bottom:20px}.advantage-copy>p:last-child{font-size:16px;line-height:1.7;max-width:none}.advantage-copy>p:last-child br{display:none}.advantage-art-wrap{position:relative;inset:auto;width:calc(100% + 44px);height:390px;margin:0 0 0 -22px;z-index:0;order:2;top:0}.advantage-art{object-fit:contain;object-position:center}.advantage-art-wrap{position:absolute;top:290px;left:0;right:0;width:100%;margin-left:0}.advantage-art-wrap:after{background:linear-gradient(#0d0b25 0%,#0d0b2500 13%,#0d0b2500 78%,#0d0b25 100%)}.benefit-cards{width:100%;margin:365px 0 0;display:grid;grid-template-columns:1fr;gap:15px}.benefit{min-height:171px;padding:27px 23px;gap:22px;border-radius:18px}.benefit-icon{width:55px;height:55px}.benefit h3{font-size:33px;margin-bottom:16px}.benefit h3 span{font-size:21px;margin-top:6px}.benefit h3.customer-heading{font-size:27px;margin-bottom:17px}.benefit p{font-size:14px;line-height:1.7}.benefit p br{display:block}.round-link{left:33px;bottom:30px;width:33px;height:33px;font-size:21px}.study-footer{width:100%;margin-top:25px;gap:10px;font-size:10px}.study-footer p{margin-top:7px;line-height:1.8}dialog{padding:38px 23px 27px;border-radius:19px}.dialog-title{font-size:28px}.dialog-copy{font-size:16px}.dialog-actions .button{font-size:13px;padding:12px 16px}.dialog-image{aspect-ratio:1.5;object-position:65%}}
@media(max-width:360px){.brand,.brand img{width:133px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:40px}.hero-subtitle{font-size:13px}.hero-actions .button{font-size:10px;padding:12px}.hero-description{font-size:15px}.challenge{padding-left:18px;padding-right:18px}.challenge h2{font-size:39px}.challenge-lead{font-size:18px}.challenge-center{font-size:13px}.speech{font-size:10px;min-width:94px;padding:9px}.advantage{padding-left:18px;padding-right:18px}.advantage h2{font-size:29px}.advantage-art-wrap{top:325px;width:100%;margin-left:0;height:345px}.benefit-cards{margin-top:345px}.benefit{padding:25px 18px;gap:16px}.benefit-icon{width:45px;height:45px}.benefit h3 span{font-size:19px}.benefit h3.customer-heading{font-size:24px}.benefit p{font-size:13px}.round-link{left:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}