/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--blue:#092bd8;--blue2:#0878f9;--mint:#dbffe9;--pink:#ff8cc8;--yellow:#ffd83d;--ink:#171a28;--gray:#f2f3f6;--line:#dcdde4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{color:var(--ink);background:#fff;margin:0;font-family:IBM Plex Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.lang-th{font-family:Kanit,IBM Plex Sans,sans-serif}.lang-th .eyebrow,.lang-th .kicker,.lang-th .ticker,.lang-th .language,.lang-th .service-info h3,.lang-th .service-info small,.lang-th .value-list h3,.lang-th footer{font-family:IBM Plex Sans,sans-serif}.skip-link{z-index:1000;background:var(--ink);color:#fff;border-radius:10px;padding:12px 16px;font-weight:600;transition:transform .2s;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.header{z-index:20;background:#fff;border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;width:min(1320px,100% - 48px);height:90px;padding:0 28px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #081c5f14}.logo-link{align-items:center;width:160px;height:54px;display:flex;overflow:hidden}.logo-link img{object-fit:contain;width:155px;height:auto}.nav{align-items:center;gap:30px;margin-left:auto;display:flex}.nav>a{white-space:nowrap;font-size:14px;font-weight:500}.nav>a:not(.nav-cta){position:relative}.nav>a:not(.nav-cta):after{content:"";background:var(--blue);width:0;height:2px;transition:all .25s;position:absolute;bottom:-7px;left:0}.nav>a:hover:after{width:100%}.nav-cta{background:var(--blue);color:#fff;border-radius:100px;align-items:center;gap:28px;margin-left:12px;padding:13px 18px;display:flex}.nav-cta span{font-size:18px}.header-tools{align-items:center;gap:15px;margin-left:18px;display:flex}.language{color:#9b9da8;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:10px;display:flex}.language b{font-weight:500}.language .active{color:var(--blue);font-weight:700}.language i{background:#ccc;width:1px;height:12px}.menu{display:none}.hero{background:linear-gradient(120deg,#edfff4 0%,#f8fff8 48%,#dfe7ff 100%);grid-template-columns:1.03fr .97fr;align-items:center;gap:4vw;min-height:830px;padding:190px max(7vw,50vw - 660px) 105px;display:grid;position:relative}.hero:before{content:"";background:radial-gradient(circle,#0878f933,#0878f900 68%);border-radius:50%;width:65vw;height:65vw;position:absolute;bottom:-22vw;right:-12vw}.hero-copy{z-index:2;position:relative}.eyebrow,.kicker{color:var(--blue);letter-spacing:2.2px;margin:0 0 24px;font-size:11px;font-weight:700}.hero h1,.section h2{white-space:pre-line;letter-spacing:-5px;margin:0;font-size:clamp(60px,6.4vw,104px);font-weight:600;line-height:.96}.hero h1 em{color:var(--blue);font-style:normal}.hero-body{color:#525869;max-width:640px;margin:35px 0 0;font-size:17px;font-weight:300;line-height:1.85}.hero-actions{gap:12px;margin-top:36px;display:flex}.button{white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:32px;min-height:56px;padding:0 22px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.button span{font-size:20px}.button.dark{background:var(--ink);color:#fff}.button.ghost{background:#ffffff73;border:1px solid #afb3be}.button:hover{transform:translateY(-3px)}.hero-art{height:540px;position:relative}.browser-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffb8;border:1px solid #fffc;border-radius:30px;width:390px;height:300px;padding:18px;position:absolute;box-shadow:0 35px 70px #1836a730}.card-back{background:linear-gradient(145deg,#fff,#d8ffe9);top:0;right:8%;transform:rotate(8deg)}.card-front{background:linear-gradient(145deg,#fff,#dce2ff);bottom:0;left:2%;transform:rotate(-6deg)}.browser-top{border-bottom:1px solid #d9dce5;gap:5px;padding-bottom:14px;display:flex}.browser-top i{background:var(--pink);border-radius:50%;width:7px;height:7px}.browser-top i:nth-child(2){background:var(--yellow)}.browser-top i:nth-child(3){background:#7edfa7}.mock-title{background:var(--blue);border-radius:8px;width:66%;height:28px;margin:32px 0 18px}.mock-title.short{width:48%}.mock-lines{background:#c7cad3;border-radius:4px;width:78%;height:8px;box-shadow:0 18px #dfe1e7,0 36px #dfe1e7}.mock-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:72px;display:grid}.mock-grid i{background:#c7f8db;border-radius:12px;height:75px}.mock-grid i:nth-child(2){background:#d5dcff}.mock-grid i:nth-child(3){background:#ffd6ec}.brand-tool{background:var(--blue);color:#fff;border-radius:22px;justify-content:center;align-items:center;width:82px;height:82px;font-size:52px;font-weight:700;display:flex;position:absolute;top:60px;right:25px}.brand-tool span{font-size:17px;position:absolute;top:4px;left:8px}.mock-pill{background:var(--pink);border-radius:30px;width:120px;height:35px}.mock-chart{background:#fff;border-radius:15px;align-items:flex-end;gap:10px;height:110px;margin-top:22px;padding:15px;display:flex}.mock-chart i{background:var(--blue);border-radius:10px 10px 3px 3px;flex:1}.mock-chart i:first-child{height:32%}.mock-chart i:nth-child(2){background:var(--pink);height:62%}.mock-chart i:nth-child(3){background:var(--yellow);height:48%}.mock-chart i:nth-child(4){background:#42da8d;height:82%}.float-shape{z-index:4;position:absolute}.float-shape.pink{filter:drop-shadow(0 20px 20px #ff6cbb4d);background:linear-gradient(145deg,#ffb6de,#ff6cbb);border-radius:18px 50%;width:72px;height:72px;top:38%;right:1%;transform:rotate(25deg)}.float-shape.yellow{background:var(--yellow);border-radius:50%;width:45px;height:45px;top:3%;left:7%;box-shadow:0 0 0 12px #ffd83d38}.float-ball{z-index:5;width:66px;height:66px;color:var(--blue);background:linear-gradient(145deg,#fff,#9eb2ff);border-radius:50%;justify-content:center;align-items:center;font-size:26px;display:flex;position:absolute;bottom:3%;right:24%;box-shadow:0 18px 35px #0328be38}.cursor-tag{z-index:6;background:var(--ink);color:#fff;letter-spacing:1.5px;border-radius:8px;padding:10px 14px;font-size:10px;position:absolute;bottom:22%;right:0}.cursor-tag span{color:var(--pink)}.ticker{background:var(--blue);color:#fff;width:max-content;padding:16px 0;animation:24s linear infinite marquee;display:flex}.ticker span{letter-spacing:1.5px;align-items:center;gap:30px;padding:0 30px;font-size:11px;font-weight:600;display:flex}.ticker b{color:var(--pink);font-size:18px}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:120px max(7vw,50vw - 640px)}.section h2{letter-spacing:-3px;font-size:clamp(42px,4.5vw,70px);line-height:1.06}.lang-th .section h2{letter-spacing:-2px;line-height:1.14}.about{grid-template-columns:.95fr 1.05fr;align-items:center;gap:8vw;display:grid}.about-images{position:relative}.about-images img{aspect-ratio:1.15;object-fit:cover;border-radius:38px;width:100%;display:block}.experience-badge{background:var(--ink);color:#fff;border-radius:100px;align-items:center;gap:12px;padding:15px 20px;display:flex;position:absolute;bottom:30px;right:-38px;box-shadow:0 16px 35px #0000002e}.experience-badge b,.experience-badge span,.experience-badge em{font-size:13px;font-style:normal}.experience-badge span{color:var(--pink)}.experience-badge em{color:var(--yellow)}.body-copy{color:#555c6c;margin:35px 0 0;font-size:16px;font-weight:300;line-height:1.9}.mission{border-top:1px solid var(--line);align-items:flex-start;gap:18px;margin-top:32px;padding-top:26px;display:flex}.mission>span{color:var(--blue);font-size:30px}.mission p{color:#555c6c;margin:7px 0 0;font-size:14px}.stats{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:repeat(3,1fr);margin:0 max(7vw,50vw - 640px);display:grid;overflow:hidden}.stats article{text-align:center;border-right:1px solid var(--line);padding:34px}.stats article:last-child{border:0}.stats b{color:var(--blue);font-size:30px}.stats p{color:#666d7c;margin:7px 0 0;font-size:13px}.services{background:#f6f7fa}.section-head{grid-template-columns:1.25fr .65fr;align-items:end;gap:8vw;margin-bottom:60px;display:grid}.section-head>p{color:#5b6271;margin:0;font-size:15px;line-height:1.85}.service-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.service-card{background:#fff;border:1px solid #e0e2e9;border-radius:28px;flex-direction:column;min-height:470px;padding:22px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-7px);box-shadow:0 26px 60px #141c401f}.service-card.service-1,.service-card.featured{grid-column:span 2}.service-top{z-index:3;align-items:center;gap:12px;display:flex;position:relative}.service-top>span{color:var(--blue);font-size:10px;font-weight:700}.service-top>small{color:#7b8191;letter-spacing:1.5px;font-family:IBM Plex Sans,sans-serif;font-size:9px;font-weight:600}.service-top>a{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:39px;height:39px;margin-left:auto;font-size:18px;transition:all .25s;display:flex}.service-card:hover .service-top>a{background:var(--blue);transform:rotate(8deg)}.service-visual{background:linear-gradient(140deg,#edf1ff,#d9ffe8);border-radius:21px;height:270px;margin:18px 0 23px;position:relative;overflow:hidden}.service-1 .service-visual{background:linear-gradient(140deg,#102fd9,#087cf8)}.service-2 .service-visual{background:linear-gradient(140deg,#ffe2f2,#eef0ff)}.service-3 .service-visual{background:linear-gradient(140deg,#dfffea,#f6fff7)}.service-4 .service-visual{background:linear-gradient(140deg,#e6eaff,#cfd8ff)}.service-5 .service-visual{background:linear-gradient(140deg,#1537db,#0f1fa3)}.service-6 .service-visual{background:linear-gradient(140deg,#fff3b6,#fffbe6)}.service-7 .service-visual{background:linear-gradient(120deg,#d9ffe9,#e5e9ff)}.visual-axis{background:#092bd82b;position:absolute}.axis-x{height:1px;top:50%;left:0;right:0}.axis-y{width:1px;top:0;bottom:0;left:50%}.service-1 .visual-axis,.service-5 .visual-axis{background:#fff3}.visual-chip{color:var(--blue);letter-spacing:1.3px;background:#ffffffdb;border-radius:100px;padding:7px 11px;font-family:IBM Plex Sans,sans-serif;font-size:8px;font-weight:700;position:absolute;bottom:16px;left:18px}.visual-spark{color:var(--pink);font-size:26px;position:absolute;top:17px;right:20px}.visual-object{width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-object i{display:block;position:absolute}.service-1 .visual-object{background:#fffffff2;border-radius:24px;width:230px;height:170px;padding:22px;transform:translate(-50%,-50%)rotate(-6deg);box-shadow:22px 24px #ff8cc88c}.service-1 .visual-object:before{content:"B";color:var(--blue);font-size:54px;font-weight:700;position:absolute;top:18px;left:25px}.service-1 .visual-object:after{content:"";height:10px;box-shadow:0 -25px 0 var(--blue);background:#d7d9e2;border-radius:10px;position:absolute;bottom:26px;left:26px;right:26px}.service-1 .visual-object i{border-radius:8px;width:22px;bottom:24px;right:24px}.service-1 .visual-object i:first-child{background:var(--pink);height:35px}.service-1 .visual-object i:nth-child(2){background:var(--yellow);height:55px;right:52px}.service-1 .visual-object i:nth-child(3){background:#45db8e;height:78px;right:80px}.service-1 .visual-object i:nth-child(4){display:none}.service-2 .visual-object{border:7px solid var(--blue);width:115px;height:185px;box-shadow:17px 17px 0 var(--pink);background:#fff;border-radius:26px}.service-2 .visual-object:before{content:"";border-top:25px solid #0000;border-bottom:25px solid #0000;border-left:38px solid var(--blue);width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-42%,-50%)}.service-2 .visual-object i:first-child{background:#c9cdd8;border-radius:5px;width:30px;height:5px;bottom:9px;left:37px}.service-3 .visual-object{border:4px solid var(--blue);background:#fff;border-radius:32px;width:190px;height:118px;box-shadow:15px 16px #77e7a4}.service-3 .visual-object:after{content:"";border-left:4px solid var(--blue);background:#fff;width:36px;height:36px;position:absolute;bottom:-25px;right:24px;transform:skewY(-40deg)}.service-3 .visual-object i{background:var(--blue);border-radius:9px;height:9px;left:30px}.service-3 .visual-object i:first-child{width:125px;top:27px}.service-3 .visual-object i:nth-child(2){background:var(--pink);width:90px;top:51px}.service-3 .visual-object i:nth-child(3){background:#d4d7e1;width:110px;top:75px}.service-4 .visual-object{border:8px solid var(--blue);perspective:300px;background:#fff;border-bottom-width:16px;width:200px;height:140px}.service-4 .visual-object:before{content:"";background:linear-gradient(120deg,var(--blue),var(--blue2));height:55px;box-shadow:0 25px 0 var(--pink);position:absolute;top:25px;left:36px;right:36px;transform:skewY(-7deg)}.service-4 .visual-object i:first-child{background:var(--blue);width:14px;height:27px;bottom:-27px;left:18px}.service-4 .visual-object i:nth-child(2){background:var(--blue);width:14px;height:27px;bottom:-27px;right:18px}.service-5 .visual-object{background:linear-gradient(145deg,#fff,#a9b6ff);border-radius:46px;width:155px;height:155px;transform:translate(-50%,-50%)rotate(12deg);box-shadow:18px 20px #ff8cc8a6}.service-5 .visual-object:before{content:"✓";color:var(--blue);justify-content:center;align-items:center;font-size:76px;font-weight:700;display:flex;position:absolute;inset:0;transform:rotate(-12deg)}.service-5 .visual-object i:first-child{background:var(--yellow);border-radius:50%;width:48px;height:48px;top:20px;right:-26px}.service-6 .visual-object{border:5px solid var(--blue);background:#fff;border-radius:18px;width:190px;height:125px;box-shadow:0 18px #ffc837}.service-6 .visual-object:before{content:"";background:var(--blue);height:15px;box-shadow:0 30px 0 #d7dae4,0 57px 0 var(--pink);border-radius:10px;position:absolute;top:20px;left:18px;right:18px}.service-6 .visual-object i:first-child{background:var(--blue);border-radius:8px 8px 0 0;width:14px;height:30px;top:-30px;left:30px}.service-6 .visual-object i:nth-child(2){background:var(--blue);border-radius:8px 8px 0 0;width:14px;height:30px;top:-30px;right:30px}.service-7 .visual-object{background:#fff;border-radius:22px;width:240px;height:150px;box-shadow:18px 20px #092bd82b}.service-7 .visual-object:before{content:"";background:#d8dae3;height:2px;position:absolute;bottom:28px;left:22px;right:22px}.service-7 .visual-object i{background:var(--blue);border-radius:9px 9px 2px 2px;width:28px;bottom:30px}.service-7 .visual-object i:first-child{height:37px;left:30px}.service-7 .visual-object i:nth-child(2){background:var(--pink);height:67px;left:70px}.service-7 .visual-object i:nth-child(3){background:var(--yellow);height:52px;left:110px}.service-7 .visual-object i:nth-child(4){background:#43da8c;height:95px;left:150px}.service-info{margin-top:auto}.service-info h3{color:var(--blue);letter-spacing:-.7px;margin:0;font-family:IBM Plex Sans,sans-serif;font-size:23px;line-height:1.2}.service-info p{margin:7px 0 15px;font-size:14px;font-weight:500}.service-info small{color:#858a97;letter-spacing:.45px;font-size:9px}.service-card.featured{grid-template-columns:1.15fr .85fr;column-gap:25px;display:grid}.service-card.featured .service-top{grid-column:1/3}.service-card.featured .service-visual{grid-row:2/4;height:315px}.service-card.featured .service-info{align-self:center}.philosophy{background:linear-gradient(130deg,#e5fff0,#f4f6ff);grid-template-columns:.9fr 1.1fr;gap:10vw;display:grid}.philosophy-copy>p:last-child{color:#565d6c;max-width:650px;margin:32px 0 0;font-size:16px;line-height:1.9}.value-list{border-top:1px solid var(--ink)}.value-list article{border-bottom:1px solid #bdc5c5;grid-template-columns:42px 140px 1fr 28px;align-items:center;gap:18px;min-height:102px;display:grid;position:relative}.value-list span{color:var(--blue);font-size:10px}.value-list h3{margin:0;font-size:23px}.value-list p{color:#5b6270;margin:0;font-size:13px}.value-list b{color:var(--blue);font-size:25px;font-weight:300}.work{background:#fff}.work-grid{grid-template-columns:1.12fr .88fr;gap:18px;display:grid}.case-card{background:#f7f8fb;border:1px solid #e0e2e9;border-radius:28px;flex-direction:column;min-height:360px;padding:22px;transition:all .3s;display:flex;overflow:hidden}.case-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px #1118361f}.case-large{grid-row:span 2;min-height:738px}.case-meta{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.case-meta span{color:var(--blue);letter-spacing:1px;font-size:9px;font-weight:700}.case-meta small{color:#787e8d;letter-spacing:.5px;font-size:9px}.case-visual{border-radius:21px;flex:1;min-height:230px;position:relative;overflow:hidden}.case-identity .case-visual{background:linear-gradient(145deg,#0e31dc,#0878f9)}.case-experience .case-visual{background:linear-gradient(145deg,#ffe3f2,#dce3ff)}.case-growth .case-visual{background:linear-gradient(145deg,#dbffe9,#f9fff8)}.case-canvas{background:#fffffff0;border-radius:21px;width:72%;height:64%;padding:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg);box-shadow:20px 24px #ff8cc88c}.case-experience .case-canvas{width:70%;height:70%;transform:translate(-50%,-50%)rotate(6deg);box-shadow:18px 22px #092bd833}.case-growth .case-canvas{width:76%;height:68%;transform:translate(-50%,-50%);box-shadow:16px 18px #43da8c66}.case-bar{border-bottom:1px solid #dfe1e8;gap:5px;padding-bottom:12px;display:flex}.case-bar i{background:var(--pink);border-radius:50%;width:6px;height:6px}.case-bar i:nth-child(2){background:var(--yellow)}.case-bar i:nth-child(3){background:#43da8c}.case-title-line{background:var(--blue);border-radius:8px;width:55%;height:16px;margin:20px 0 15px}.case-layout{grid-template-columns:1.2fr .8fr .8fr;gap:8px;display:grid}.case-layout i{background:#d9ffe9;border-radius:10px;height:85px}.case-layout i:nth-child(2){background:#e2e6ff}.case-layout i:nth-child(3){background:#ffd9ed}.case-badge{background:var(--blue);color:#fff;border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;font-size:36px;font-weight:700;display:flex;position:absolute;top:18px;right:18px}.case-badge span{color:#fff;font-size:12px;position:absolute;top:3px;left:6px}.case-orbit{border:1px solid #ffffff59;border-radius:50%;width:220px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-orbit:before,.case-orbit:after{content:"";background:#ffffff4d;position:absolute}.case-orbit:before{width:1px;height:130%;top:-15%;left:50%}.case-orbit:after{width:130%;height:1px;top:50%;left:-15%}.case-orbit i{background:var(--yellow);border-radius:50%;width:16px;height:16px;position:absolute}.case-orbit i:first-child{top:20%;left:5%}.case-orbit i:nth-child(2){background:var(--pink);top:55%;right:4%}.case-orbit i:nth-child(3){background:#43da8c;bottom:-4%;left:40%}.case-experience .case-orbit,.case-growth .case-orbit{border-color:#092bd829}.case-experience .case-orbit:before,.case-experience .case-orbit:after,.case-growth .case-orbit:before,.case-growth .case-orbit:after{background:#092bd821}.case-label{background:var(--ink);color:#fff;letter-spacing:1px;border-radius:100px;padding:8px 11px;font-size:8px;position:absolute;bottom:18px;left:18px}.case-label span{color:var(--pink)}.case-info{grid-template-columns:35px 1fr 40px;align-items:center;gap:12px;padding-top:20px;display:grid}.case-info>span{color:var(--blue);font-size:10px;font-weight:700}.case-info h3{margin:0;font-size:19px;line-height:1.25}.case-info p{color:#7b8190;margin:4px 0 0;font-size:11px}.case-info a{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.case-large .case-visual{min-height:555px}.case-large .case-canvas{width:70%;height:52%}.case-large .case-layout i{height:145px}.case-large .case-orbit{width:390px;height:390px}.choose{background:var(--blue);color:#fff;grid-template-columns:1fr .9fr;align-items:center;gap:7vw;display:grid}.choose-visual img{border-radius:30px;width:100%;display:block;box-shadow:25px 25px #ffffff1a}.choose .kicker{color:var(--pink)}.choose-copy ul{gap:11px;margin:35px 0 0;padding:0;list-style:none;display:grid}.choose-copy li{color:var(--ink);background:#fff;border-radius:100px;align-items:center;gap:12px;padding:16px 18px;font-size:14px;display:flex}.choose-copy li span{color:var(--blue);font-weight:700}.process{grid-template-columns:.75fr 1.25fr;gap:8vw;display:grid}.process-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(2,1fr);display:grid}.process-grid article{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:185px;padding:27px}.process-grid span{color:var(--blue);font-size:10px}.process-grid h3{margin:35px 0 8px;font-size:22px}.process-grid p{color:#656b78;margin:0;font-size:13px;line-height:1.6}.faq{background:linear-gradient(135deg,#effff5 0%,#f7f9ff 52%,#e8edff 100%);grid-template-columns:.78fr 1.22fr;gap:8vw;display:grid}.faq-intro>p:last-child{color:#5b6271;max-width:560px;margin:28px 0 0;font-size:16px;line-height:1.8}.faq-list{border-top:1px solid var(--ink)}.faq-list details{border-bottom:1px solid #bfc5d0}.faq-list summary{cursor:pointer;grid-template-columns:34px 1fr 30px;align-items:center;gap:16px;min-height:102px;padding:20px 0;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--blue);align-self:start;padding-top:7px;font-family:IBM Plex Sans,sans-serif;font-size:11px;font-weight:700}.faq-list h3{margin:0;font-size:20px;font-weight:500;line-height:1.4}.faq-list summary>.icon{width:24px;height:24px;color:var(--blue);transition:transform .25s}.faq-list details[open] summary>.icon{transform:rotate(45deg)}.faq-list details>p{color:#555c6c;max-width:720px;margin:-5px 46px 25px 50px;font-size:15px;line-height:1.8}.contact{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;grid-template-columns:1fr .45fr;align-items:center;display:grid;position:relative}.contact .kicker{color:#fff}.contact h2{font-size:clamp(52px,5.8vw,88px)}.contact-copy>p:not(.kicker){color:#dce4ff;max-width:650px;margin:30px 0 0;font-size:16px;line-height:1.8}.contact-actions{gap:12px;margin-top:35px;display:flex}.button.white{color:var(--blue);background:#fff}.button.outline{color:#fff;border:1px solid #ffffffa6}.contact-mark{aspect-ratio:1;background:#ffffff1f;border-radius:40%;justify-content:center;align-items:center;width:min(29vw,360px);display:flex;position:relative;transform:rotate(12deg)}.contact-mark b{font-size:clamp(130px,15vw,220px);line-height:1}.contact-mark span{color:var(--pink);font-size:50px;position:absolute;top:14%;left:17%}footer{background:var(--ink);color:#fff;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:165px;padding:35px max(7vw,50vw - 640px);display:grid}footer img{width:150px;height:auto}footer p{color:#abb0bd;letter-spacing:1.1px;margin:0;font-size:10px}footer>div{flex-direction:column;align-items:flex-end;gap:8px;font-size:11px;display:flex}footer>div span{color:#737987}@media (width<=1000px){.header{width:calc(100% - 30px);height:78px;padding:0 18px}.logo-link{width:140px}.logo-link img{width:138px}.nav{opacity:0;visibility:hidden;background:#fff;border-radius:22px;flex-direction:column;align-items:stretch;gap:0;padding:16px 22px 25px;transition:all .3s;display:flex;position:fixed;top:83px;left:15px;right:15px;transform:translateY(-130%);box-shadow:0 20px 50px #08165026}.nav.open{opacity:1;visibility:visible;transform:translateY(0)}.nav>a{border-bottom:1px solid var(--line);padding:15px 0}.nav-cta{justify-content:space-between;margin:12px 0 0!important;padding:14px 18px!important}.menu{background:0 0;border:0;flex-direction:column;justify-content:center;gap:7px;width:34px;height:34px;display:flex}.menu span{background:var(--blue);width:23px;height:2px;transition:all .25s;display:block}.menu.active span:first-child{transform:translateY(4px)rotate(45deg)}.menu.active span:last-child{transform:translateY(-5px)rotate(-45deg)}.hero{grid-template-columns:1fr;min-height:auto;padding-top:150px}.hero-art{justify-self:center;width:min(650px,100%);height:520px}.section{padding:90px 6vw}.about,.philosophy,.choose,.process{grid-template-columns:1fr;gap:60px}.about-images{max-width:650px}.stats{margin:0 6vw}.section-head{grid-template-columns:1fr;gap:25px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card.service-1,.service-card.featured{grid-column:span 2}.work-grid{grid-template-columns:1fr 1fr}.case-large{grid-area:auto/span 2;min-height:620px}.case-large .case-visual{min-height:440px}.process-title{max-width:650px}.contact{grid-template-columns:1fr .32fr}.contact-mark{width:250px}footer{grid-template-columns:1fr 1fr}footer p{display:none}}@media (width<=640px){.header-tools{margin-left:5px}.language{display:none}.hero{padding:125px 21px 75px}.hero h1{letter-spacing:-3px;font-size:clamp(48px,14vw,65px)}.lang-th .hero h1{letter-spacing:-2px;font-size:clamp(43px,12vw,58px)}.hero-body{font-size:15px}.hero-actions,.contact-actions{flex-direction:column}.button{justify-content:space-between;width:100%}.hero-art{height:370px}.browser-card{border-radius:20px;width:270px;height:210px;padding:12px}.card-back{right:1%}.card-front{left:0}.mock-title{height:18px;margin:20px 0 13px}.mock-grid{margin-top:47px}.mock-grid i{height:48px}.brand-tool{border-radius:15px;width:57px;height:57px;font-size:36px;top:42px;right:16px}.mock-pill{width:82px;height:24px}.mock-chart{height:72px;margin-top:13px}.float-shape.pink,.float-ball{width:48px;height:48px}.ticker span{padding:0 18px}.section{padding:75px 21px}.section h2{letter-spacing:-1.8px;font-size:39px}.about{gap:45px}.experience-badge{bottom:-20px;right:10px}.body-copy{font-size:14px}.stats{grid-template-columns:1fr;margin:0 21px}.stats article{border-right:0;border-bottom:1px solid var(--line);padding:23px}.service-grid{grid-template-columns:1fr}.service-card,.service-card.service-1,.service-card.featured{grid-column:auto;min-height:455px;display:flex}.service-card.featured .service-top{grid-column:auto}.service-card.featured .service-visual,.service-visual{grid-row:auto;height:245px}.service-info h3{font-size:20px}.visual-object{transform:translate(-50%,-50%)scale(.88)}.service-1 .visual-object{transform:translate(-50%,-50%)rotate(-6deg)scale(.84)}.philosophy{gap:45px}.value-list article{grid-template-columns:30px 90px 1fr 20px;gap:8px}.value-list h3{font-size:18px}.value-list p{font-size:11px}.work-grid{grid-template-columns:1fr}.case-large{grid-column:auto;min-height:500px}.case-large .case-visual{min-height:330px}.case-large .case-canvas{width:78%;height:62%}.case-large .case-layout i{height:85px}.case-large .case-orbit{width:260px;height:260px}.case-info h3{font-size:16px}.case-meta small{text-align:right;max-width:170px;line-height:1.4}.choose{gap:45px}.choose-copy li{border-radius:20px;line-height:1.5}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:150px}.contact{grid-template-columns:1fr;padding-bottom:40px}.contact h2{font-size:44px}.contact-mark{display:none}footer{grid-template-columns:1fr;gap:20px;padding:35px 21px}footer>div{align-items:flex-start}}.icon{flex:none;width:1.25em;height:1.25em;display:block}.nav-cta .icon,.button .icon{width:20px;height:20px}.brand-tool .icon{width:18px;height:18px;position:absolute;top:5px;left:7px}.float-ball .icon{width:28px;height:28px}.cursor-tag{align-items:center;gap:7px;display:flex}.cursor-tag .icon{width:13px;height:13px;color:var(--pink)}.ticker .icon{width:18px;height:18px;color:var(--pink)}.mission>.icon{width:30px;height:30px;color:var(--blue)}.service-top>a .icon,.case-info a .icon{width:19px;height:19px}.visual-spark .icon{width:26px;height:26px}.object-check{display:none}.service-5 .visual-object:before{content:none}.service-5 .object-check{width:87px;height:87px;color:var(--blue);stroke-width:2.4px;display:block;position:absolute;inset:34px;transform:rotate(-12deg)}.value-list article>.icon{width:24px;height:24px;color:var(--blue)}.case-badge .icon{width:13px;height:13px;position:absolute;top:4px;left:5px}.case-label{align-items:center;gap:6px;display:inline-flex}.case-label .icon{width:12px;height:12px;color:var(--pink)}.case-info a .icon{color:#fff}.choose-copy li>.icon{width:20px;height:20px;color:var(--blue);stroke-width:2.4px}.contact-mark>.icon{width:52px;height:52px;color:var(--pink);position:absolute;top:14%;left:17%}body{font-size:16px}.nav>a{font-size:15px}.language{font-size:11px}.eyebrow,.kicker{font-size:12px;line-height:1.45}.hero-body{font-size:18px}.button{font-size:15px;line-height:1.35}.body-copy{font-size:17px}.mission b{font-size:16px}.mission p{font-size:15px}.stats p{font-size:14px}.section-head>p{font-size:16px}.service-top>span{font-size:11px}.service-top>small{font-size:10px}.visual-chip{font-size:9px}.service-info p{font-size:15px;line-height:1.5}.service-info small{font-size:11px;line-height:1.5}.philosophy-copy>p:last-child{font-size:17px}.value-list p{font-size:14px;line-height:1.55}.case-info h3{font-size:20px}.case-info p{font-size:12px}.choose-copy li{font-size:15px;line-height:1.55}.process-grid p{font-size:14px}.contact-copy>p:not(.kicker){font-size:17px}footer p,footer>div{font-size:12px}.hero h1,.section h2{text-wrap:balance}.service-info h3,.case-info h3{overflow-wrap:break-word}@media (width<=1200px) and (width>=1001px){.header{width:calc(100% - 32px);padding:0 22px}.nav{gap:20px}.nav-cta{gap:16px;margin-left:4px}.hero{padding-left:5vw;padding-right:5vw}.hero h1{font-size:clamp(56px,6.1vw,78px)}.section{padding-left:5vw;padding-right:5vw}.service-info h3{font-size:21px}}@media (width<=780px){.service-grid{grid-template-columns:1fr}.service-card,.service-card.service-1,.service-card.featured{grid-column:auto;min-height:455px;display:flex}.service-card.featured .service-top{grid-column:auto}.service-card.featured .service-visual,.service-visual{grid-row:auto;height:255px}.work-grid{grid-template-columns:1fr}.case-large{grid-column:auto;min-height:570px}.case-large .case-visual{min-height:390px}.contact{grid-template-columns:1fr}.contact-mark{display:none}}@media (width<=640px){.header{border-radius:0 0 19px 19px;width:calc(100% - 20px);height:72px;padding:0 14px}.logo-link{width:126px;height:46px}.logo-link img{width:125px}.nav{top:77px;left:10px;right:10px}.nav>a{font-size:16px}.hero{padding:112px 20px 66px}.hero h1{letter-spacing:-2.5px;font-size:clamp(42px,13vw,56px);line-height:1.02}.lang-th .hero h1{font-size:clamp(40px,11.8vw,52px);line-height:1.12}.hero-body{margin-top:26px;font-size:16px;line-height:1.75}.button{min-height:54px;padding:0 20px;font-size:15px}.section{padding:70px 20px}.section h2,.contact h2{letter-spacing:-1.5px;font-size:clamp(36px,10.5vw,43px);line-height:1.15}.section-head{margin-bottom:42px}.section-head>p,.body-copy,.philosophy-copy>p:last-child,.contact-copy>p:not(.kicker){font-size:15px;line-height:1.75}.eyebrow,.kicker{letter-spacing:1.7px;font-size:11px}.service-card{border-radius:23px;padding:18px}.service-info h3{font-size:21px}.service-info p{font-size:15px}.service-info small{font-size:11px;line-height:1.55;display:block}.value-list article{grid-template-columns:30px 1fr 28px;gap:8px;min-height:116px;padding:18px 0}.value-list article>span{grid-area:1/1/3;align-self:start;padding-top:5px}.value-list article>h3{grid-area:1/2;font-size:19px}.value-list article>p{grid-area:2/2;font-size:14px}.value-list article>.icon{grid-area:1/3/3;align-self:center}.case-card{border-radius:23px;padding:18px}.case-info{grid-template-columns:28px 1fr 38px;gap:9px}.case-info h3{font-size:17px}.case-info p{font-size:12px}.case-meta span,.case-meta small{font-size:9.5px}.choose-copy li{padding:15px 16px;font-size:14px}.process-grid h3{font-size:21px}.process-grid p{font-size:14px}.contact-actions .button{white-space:nowrap;width:100%}.contact-actions .button .icon{margin-left:auto}footer>div{overflow-wrap:anywhere;max-width:100%}}@media (width<=380px){.hero,.section{padding-left:16px;padding-right:16px}.hero-art{transform-origin:top;margin-bottom:-25px;transform:scale(.92)}.experience-badge{gap:8px;padding:13px 15px;right:0}.experience-badge b,.experience-badge span,.experience-badge em{font-size:11px}.service-visual{height:225px}.visual-object{transform:translate(-50%,-50%)scale(.8)}.service-1 .visual-object{transform:translate(-50%,-50%)rotate(-6deg)scale(.76)}.case-meta{align-items:flex-start;gap:10px}.case-meta small{max-width:150px}.contact-actions .button{font-size:14px}}@media (width<=1000px){.faq{grid-template-columns:1fr;gap:60px}.faq-intro{max-width:650px}}@media (width<=640px){.language{padding:8px 2px;display:flex!important}.faq{gap:42px}.faq-list summary{grid-template-columns:26px 1fr 24px;gap:10px;min-height:92px;padding:17px 0}.faq-list h3{font-size:17px}.faq-list details>p{margin:-2px 34px 22px 36px;font-size:14px;line-height:1.75}}.header{color:#fff;-webkit-backdrop-filter:blur(18px);background:linear-gradient(110deg,#071e9ae0,#051364b8);border:1px solid #fff3;border-radius:24px;width:min(1480px,100% - 44px);height:88px;padding:0 26px;top:18px;box-shadow:0 18px 55px #00105a47}.logo-link{width:166px;height:58px}.logo-link img{width:158px}.nav>a{color:#ffffffe0}.nav>a:not(.nav-cta):after{background:var(--mint)}.nav>a.nav-cta{background:var(--mint);color:#06237b;box-shadow:inset 0 0 0 1px #ffffff80}.nav>a.nav-cta:hover{color:#06237b;background:#fff}.language{color:#ffffff80}.language .active{color:var(--mint)}.language i{background:#ffffff52}.hero{isolation:isolate;color:#fff;background:radial-gradient(circle at 78% 33%,#0091ff61,#0000 29%),radial-gradient(circle at 54% 108%,#1a74ff8c,#0000 38%),linear-gradient(135deg,#071c99 0%,#071571 47%,#020a41 100%);grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);gap:3.5vw;min-height:940px;padding:154px max(5vw,50vw - 720px) 160px;overflow:hidden}.hero:before{z-index:-1;background:radial-gradient(circle,#0878f973,#0878f900 67%);width:71vw;height:71vw;bottom:-28vw;right:-11vw}.hero:after{content:"";z-index:-2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 2%,#000 38% 100%);mask-image:linear-gradient(90deg,#0000 2%,#000 38% 100%)}.hero-copy{z-index:3;align-self:center;padding-bottom:18px}.hero .eyebrow{color:#aaffdc}.hero h1{color:#fff;letter-spacing:-4px;text-shadow:0 10px 35px #000c5a38;max-width:770px;font-size:clamp(64px,6vw,94px);font-weight:600;line-height:.98}.lang-th .hero h1{letter-spacing:-3px;line-height:1.06}.hero h1 em{color:#aaffdc}.hero-body{color:#ffffffc7;max-width:650px;font-size:19px;font-weight:300;line-height:1.75}.hero-actions{gap:14px;margin-top:38px}.hero .button{min-height:60px;padding:0 25px}.hero .button.dark{background:var(--mint);color:#082066;box-shadow:0 14px 32px #0000002e}.hero .button.ghost{color:#fff;background:#ffffff0e;border:1px solid #ffffff94}.hero .button:hover{transform:translateY(-3px);box-shadow:0 18px 38px #00000038}.hero .button .icon{transition:transform .25s}.hero .button:hover .icon{transform:translate(3px,-3px)}.hero-art{z-index:2;filter:drop-shadow(0 32px 55px #0009414d);align-self:center;height:610px;position:relative}.hero-gridlines{opacity:.43;background-image:linear-gradient(#68c5ff2e 1px,#0000 1px),linear-gradient(90deg,#68c5ff2e 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:2% 0 4% 1%;-webkit-mask-image:radial-gradient(#000 25%,#0000 73%);mask-image:radial-gradient(#000 25%,#0000 73%)}.hero-panel{z-index:4;-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#2371ff57,#04197587);border:1px solid #a8deffb3;animation:7s ease-in-out infinite heroFloat;position:absolute;box-shadow:inset 0 1px #ffffff2e,0 24px 55px #000a4847}.hero-panel small{color:#bde9ff;letter-spacing:1.5px;font-family:IBM Plex Sans,sans-serif;font-size:8px;font-weight:600;display:block}.hero-core{z-index:3;background:linear-gradient(145deg,#51a6ff52,#071d858f);border-radius:26px;justify-content:center;align-items:center;width:47%;height:61%;animation-duration:8s;display:flex;top:14%;left:28%;box-shadow:inset 0 0 42px #46b8ff29,0 0 0 6px #268cff14,0 28px 70px #00083c66}.hero-core:before{content:"";border:1px solid #77d2ff45;border-radius:50%;position:absolute;inset:17%;box-shadow:0 0 0 42px #2d8fff0a}.hero-core-logo{z-index:3;background:#010d4e42;border:1px solid #ffffff1f;border-radius:22px;width:72%;padding:27px 20px;position:relative;box-shadow:0 12px 35px #00073740}.hero-core-logo img{width:100%;height:auto;display:block}.hero-core-axis{z-index:1;background:#7ed4ff38;position:absolute}.hero-core-axis.axis-one{height:1px;top:50%;left:8%;right:8%}.hero-core-axis.axis-two{width:1px;top:8%;bottom:8%;left:50%}.corner{border-style:solid;border-color:#dff9ff;width:24px;height:24px;position:absolute}.corner-a{border-width:2px 0 0 2px;top:16px;left:16px}.corner-b{border-width:2px 2px 0 0;top:16px;right:16px}.corner-c{border-width:0 0 2px 2px;bottom:16px;left:16px}.corner-d{border-width:0 2px 2px 0;bottom:16px;right:16px}.panel-brand{border-radius:18px;width:168px;height:205px;padding:15px;animation-delay:-1.2s;top:8%;left:4%}.brand-blueprint{background-image:linear-gradient(#96dbff2b 1px,#0000 1px),linear-gradient(90deg,#96dbff2b 1px,#0000 1px);background-size:18px 18px;border:1px solid #9edfffa6;width:100%;height:118px;margin-top:13px;position:relative}.brand-blueprint:before,.brand-blueprint:after{content:"";border:1px solid #b2ebffb8;position:absolute}.brand-blueprint:before{border-radius:50%;inset:16px 23px}.brand-blueprint:after{border-width:0 0 0 1px;width:1px;top:0;bottom:0;left:50%}.brand-blueprint i{background:#98e8ff;position:absolute}.brand-blueprint i:first-child{height:1px;top:50%;left:18%;right:18%}.brand-blueprint i:nth-child(2){width:1px;top:18%;bottom:18%;left:50%}.color-dots{gap:10px;margin-top:12px;display:flex}.color-dots i{background:#aaffdc;border-radius:50%;width:13px;height:13px;box-shadow:0 0 12px #aaffdc73}.color-dots i:nth-child(2){background:var(--pink)}.color-dots i:nth-child(3){background:var(--yellow)}.panel-strategy{border-radius:19px;width:185px;height:190px;padding:16px;animation-delay:-3.8s;bottom:7%;left:7%}.strategy-radar{border:1px solid #c6f1ffc7;border-radius:50%;width:88px;height:88px;margin:12px auto 10px;position:relative;box-shadow:inset 0 0 0 20px #5dbfff0e,inset 0 0 0 21px #c6f1ff6b}.strategy-radar:before,.strategy-radar:after{content:"";background:#c6f1ff99;position:absolute}.strategy-radar:before{width:1px;height:100%;top:0;left:50%}.strategy-radar:after{width:100%;height:1px;top:50%;left:0}.strategy-radar i{background:var(--mint);width:6px;height:6px;box-shadow:0 0 12px var(--mint);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(22px,-28px)}.panel-strategy>span,.panel-campaign>span{background:#c2e6ff47;border-radius:5px;height:4px;margin-top:7px;display:block}.panel-strategy>span:first-of-type{width:85%}.panel-strategy>span:nth-of-type(2){width:63%}.panel-strategy>span:nth-of-type(3){width:72%}.panel-campaign{border-radius:18px;width:160px;height:187px;padding:16px;animation-delay:-2.4s;top:17%;right:2%}.campaign-bars{border-bottom:1px solid #c6f1ff6b;align-items:flex-end;gap:7px;height:82px;margin:14px 0 10px;padding:0 7px 9px;display:flex}.campaign-bars i{background:#72ddff;border-radius:4px 4px 0 0;flex:1;height:34%}.campaign-bars i:nth-child(2){background:#aaffdc;height:56%}.campaign-bars i:nth-child(3){background:#9baeff;height:74%}.campaign-bars i:nth-child(4){background:var(--yellow);height:92%}.panel-campaign>span:first-of-type{width:80%}.panel-campaign>span:nth-of-type(2){width:55%}.panel-execution{border-radius:18px;width:190px;height:156px;padding:16px;animation-delay:-5.1s;bottom:10%;right:0}.panel-execution>div{align-items:center;gap:9px;margin-top:14px;display:flex}.panel-execution .icon{width:14px;height:14px;color:var(--mint)}.panel-execution>div span{background:#c2e6ff4f;border-radius:5px;flex:1;height:5px}.hero-orbit{z-index:1;border:1px solid #88dbff80;border-radius:50%;width:79%;height:64%;animation:8s ease-in-out infinite orbitPulse;position:absolute;top:18%;left:14%;transform:rotate(-15deg)}.hero-orbit.orbit-two{border-color:#ffffff3d;width:61%;height:48%;animation-delay:-3s;top:27%;left:22%;transform:rotate(24deg)}.hero-orbit i{background:var(--mint);border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 16px #aaffdce6}.hero-orbit i:first-child{background:var(--pink);top:19%;left:8%}.hero-orbit i:nth-child(2){top:36%;right:4%}.hero-orbit i:nth-child(3){background:var(--yellow);bottom:-5px;left:37%}.orbit-two i:first-child{background:#83e5ff;top:9%;left:17%}.orbit-two i:nth-child(2){background:var(--pink);bottom:12%;right:9%}.hero-pedestal{z-index:2;border:1px solid #53c5ff9e;border-radius:50%;height:90px;position:absolute;bottom:1%;left:19%;right:11%;box-shadow:inset 0 0 22px #1492ff4d,0 0 30px #056bff33}.hero-pedestal i{border:1px solid #54caff7a;border-radius:50%;height:54px;position:absolute;left:9%;right:9%}.hero-pedestal i:first-child{top:-19px}.hero-pedestal i:nth-child(2){top:-34px;left:17%;right:17%}.hero-pedestal i:nth-child(3){top:-49px;left:25%;right:25%}.hero-system-label{z-index:7;color:#dff7ff;letter-spacing:1.5px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(110deg,#082ca6e6,#2c7aff7a);border:1px solid #a8e2ffbf;border-radius:13px;min-width:340px;padding:13px 21px;font-family:IBM Plex Sans,sans-serif;font-size:10px;font-weight:500;animation:6s ease-in-out -2s infinite heroFloat;position:absolute;bottom:8%;left:50%;transform:translate(-38%);box-shadow:0 14px 30px #00073d4d}.hero-system-label b{color:var(--mint);font-weight:500}.hero-proof{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(100deg,#071b8bb8,#0c27a15c);border:1px solid #fff3;border-radius:24px;grid-template-columns:repeat(3,1fr);min-height:100px;display:grid;position:absolute;bottom:24px;left:max(5vw,50vw - 720px);right:max(5vw,50vw - 720px);box-shadow:inset 0 1px #ffffff17}.hero-proof>div{border-right:1px solid #ffffff2b;grid-template-columns:32px 1fr;align-items:center;gap:15px;padding:20px 28px;display:grid}.hero-proof>div:last-child{border:0}.hero-proof>div>span{color:var(--mint);letter-spacing:1px;font-family:IBM Plex Sans,sans-serif;font-size:10px;font-weight:600}.hero-proof p{margin:0}.hero-proof b,.hero-proof small{display:block}.hero-proof b{font-family:IBM Plex Sans,sans-serif;font-size:18px;font-weight:500}.hero-proof small{color:#ffffffad;margin-top:4px;font-size:12px;font-weight:300}.ticker{box-shadow:0 -12px 30px #000c5b2e}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes orbitPulse{0%,to{opacity:.62;filter:brightness()}50%{opacity:1;filter:brightness(1.2)}}@media (width<=1200px) and (width>=1001px){.header{top:14px}.hero{grid-template-columns:.96fr 1.04fr;min-height:900px;padding-left:4vw;padding-right:4vw}.hero h1{font-size:clamp(58px,5.8vw,76px)}.hero-art{transform-origin:50%;height:570px;transform:scale(.94)}.hero-proof{left:4vw;right:4vw}.panel-brand{left:0}.panel-strategy{left:2%}.panel-campaign{right:0}.panel-execution{right:-2%}}@media (width<=1000px){.header{background:#041776f0;width:calc(100% - 24px);height:78px;top:10px}.nav{background:#041466f7;border:1px solid #ffffff24;top:94px;box-shadow:0 22px 55px #00083a5c}.nav>a{color:#fff}.nav>a.nav-cta{color:#06237b}.menu span{background:#fff}.hero{grid-template-columns:1fr;gap:28px;min-height:1450px;padding:135px 6vw 150px}.hero-copy{max-width:780px;padding-bottom:0}.hero h1{font-size:clamp(67px,9vw,94px)}.hero-art{justify-self:center;width:min(720px,100%);height:650px}.hero-proof{left:6vw;right:6vw}.panel-brand{left:3%}.panel-strategy{left:5%}.panel-campaign{right:2%}.panel-execution{right:1%}}@media (width<=640px){.header{border-radius:18px;width:calc(100% - 16px);height:70px;padding:0 13px;top:8px}.logo-link{width:128px;height:48px}.logo-link img{width:125px}.nav{top:84px;left:8px;right:8px}.language{display:flex!important}.hero{gap:12px;min-height:auto;padding:112px 20px 24px}.hero h1{letter-spacing:-2.2px;font-size:clamp(45px,12.4vw,58px);line-height:1.02}.lang-th .hero h1{font-size:clamp(43px,11.7vw,54px);line-height:1.1}.hero-body{color:#ffffffc7;margin-top:25px;font-size:16px;line-height:1.7}.hero-actions{margin-top:28px}.hero .button{min-height:56px}.hero-art{filter:drop-shadow(0 22px 35px #00053240);width:100%;height:430px;margin-top:12px}.hero-core{border-radius:20px;width:58%;height:60%;top:16%;left:21%}.hero-core-logo{border-radius:16px;width:76%;padding:20px 13px}.panel-brand{border-radius:14px;width:126px;height:158px;padding:11px;top:8%;left:0}.brand-blueprint{background-size:14px 14px;height:87px;margin-top:9px}.color-dots{gap:7px;margin-top:8px}.color-dots i{width:9px;height:9px}.panel-campaign{border-radius:14px;width:114px;height:139px;padding:11px;top:18%;right:0}.campaign-bars{gap:4px;height:60px;margin:10px 0 7px}.panel-strategy,.panel-execution{display:none}.hero-pedestal{height:65px;bottom:0;left:12%;right:8%}.hero-system-label{min-width:270px;padding:10px 13px;font-size:8px;bottom:6%;transform:translate(-50%)}.hero-orbit{width:88%;height:62%;top:18%;left:6%}.hero-orbit.orbit-two{width:70%;height:43%;top:28%;left:15%}.hero-proof{border-radius:20px;grid-template-columns:1fr;margin-top:10px;position:relative;bottom:auto;left:auto;right:auto}.hero-proof>div{border-bottom:1px solid #ffffff26;border-right:0;grid-template-columns:28px 1fr;min-height:74px;padding:14px 18px}.hero-proof>div:last-child{border-bottom:0}.hero-proof b{font-size:15px}.hero-proof small{font-size:11px}.ticker{margin-top:0}}@media (width<=380px){.hero{padding-left:16px;padding-right:16px}.hero-art{height:370px}.panel-brand{transform-origin:0 0;transform:scale(.88)}.panel-campaign{transform-origin:100% 0;transform:scale(.88)}.hero-system-label{letter-spacing:1px;min-width:245px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker,.hero-panel,.hero-orbit,.hero-system-label{animation:none!important}*{transition:none!important}}:where(a,button,summary):focus-visible{outline:3px solid var(--yellow);outline-offset:4px;border-radius:8px}.nav-line{display:none!important}.section-intro{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.section-intro>p{color:#5b6271;margin:0;font-size:16px;line-height:1.85}.section-line-link{color:#163b30;background:#fff;border:1px solid #b9c0cb;border-radius:100px;align-items:center;gap:10px;min-height:48px;padding:0 17px;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s,border-color .25s;display:inline-flex}.section-line-link>.icon:first-child{color:#06c755;width:22px;height:22px}.section-line-link>.icon:last-child{width:17px;height:17px;color:var(--blue);margin-left:7px}.section-line-link:hover{border-color:#06c755;transform:translateY(-2px);box-shadow:0 12px 30px #06c75521}.why-system{isolation:isolate;background:radial-gradient(circle at 76% 24%,#00c1ff61,#0000 30%),linear-gradient(145deg,#071b9a 0%,#0628cf 52%,#063aaf 100%);border:1px solid #ffffff38;border-radius:34px;min-height:540px;position:relative;overflow:hidden;box-shadow:25px 25px #ffffff1a,0 28px 70px #000a5347}.why-system:before{content:"";z-index:-1;background:radial-gradient(circle,#66ddff30 0 1px,#0000 2px) 0 0/22px 22px;position:absolute;inset:-18%;transform:rotate(12deg)}.why-grid{background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 82%);mask-image:linear-gradient(135deg,#000,#0000 82%)}.why-orbit{border:1px solid #a9e5ff8c;border-radius:50%;width:72%;height:72%;position:absolute;top:12%;left:14%;transform:rotate(-18deg)}.why-orbit:before,.why-orbit:after{content:"";border:1px solid #a9e5ff40;border-radius:50%;position:absolute;inset:14%}.why-orbit:after{inset:29%}.why-orbit i{background:var(--mint);border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:0 0 18px #aaffdce6}.why-orbit i:first-child{background:var(--pink);top:27%;left:6%}.why-orbit i:nth-child(2){background:var(--yellow);top:15%;right:9%}.why-orbit i:nth-child(3){background:#7de8ff;bottom:25%;right:4%}.why-brand-card{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#2c7dff6b,#031265b8);border:1px solid #ccf1ffa6;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:54%;min-height:180px;padding:26px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)rotate(-2deg);box-shadow:inset 0 1px #fff3,0 30px 60px #00074259}.why-brand-card img{width:min(220px,85%)!important;height:auto!important;box-shadow:none!important;border-radius:0!important}.why-brand-card small{color:#bfeeff;letter-spacing:2px;font-size:9px;font-weight:600}.why-signal{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041777b8;border:1px solid #ccf1ffa3;border-radius:17px;grid-template-columns:34px 1fr;align-items:center;gap:10px;width:176px;min-height:72px;padding:13px 14px;display:grid;position:absolute;box-shadow:0 18px 38px #00084547}.why-signal span{color:var(--mint);font-size:9px}.why-signal b{color:#fff;letter-spacing:1.3px;font-size:10px}.why-signal i{background:linear-gradient(90deg,var(--mint) 68%,#ffffff29 68%);border-radius:4px;grid-column:1/3;height:4px}.signal-strategy{top:12%;left:4%;transform:rotate(-3deg)}.signal-creative{top:24%;right:3%;transform:rotate(4deg)}.signal-creative i{background:linear-gradient(90deg,var(--pink) 82%,#ffffff29 82%)}.signal-result{bottom:14%;left:6%;transform:rotate(2deg)}.signal-result i{background:linear-gradient(90deg,var(--yellow) 91%,#ffffff29 91%)}.why-outcome{z-index:5;background:var(--mint);color:#06227f;border-radius:100px;align-items:center;gap:10px;padding:11px 15px;display:flex;position:absolute;bottom:8%;right:6%;box-shadow:0 14px 30px #0008413d}.why-outcome .icon{stroke-width:2.6px;width:18px;height:18px}.why-outcome span{letter-spacing:1.2px;font-size:9px;font-weight:700}.contact-actions{flex-wrap:wrap}.button.line{color:#fff;background:#06c755;box-shadow:0 15px 32px #005f273d}.button.line:hover{background:#05b94e}.button.line>.icon:first-child{width:22px;height:22px}.footer-line{color:#8ff0b4;align-items:center;gap:7px;display:flex}.footer-line .icon{width:17px;height:17px}.floating-line{z-index:60;color:#fff;letter-spacing:.4px;background:#06c755;border:1px solid #ffffffb8;border-radius:100px;align-items:center;gap:9px;min-height:54px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .25s,box-shadow .25s;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 15px 36px #004b1f47}.floating-line .icon{width:23px;height:23px}.floating-line:hover{transform:translateY(-3px);box-shadow:0 20px 42px #004b1f5c}@media (width<=1000px){.nav-line{align-items:center;gap:10px;color:#8ff0b4!important;display:flex!important}.nav-line .icon{width:22px;height:22px}.why-system{width:min(720px,100%);min-height:560px}.contact-actions{max-width:680px}}@media (width<=640px){.section-intro>p{font-size:15px;line-height:1.75}.section-line-link{justify-content:center;width:100%}.why-system{border-radius:26px;min-height:420px}.why-brand-card{width:62%;min-height:140px;padding:20px}.why-brand-card small{letter-spacing:1.3px;font-size:7px}.why-signal{grid-template-columns:26px 1fr;gap:6px;width:130px;min-height:62px;padding:10px}.why-signal b{font-size:8px}.signal-strategy{top:8%;left:2%}.signal-creative{top:24%;right:1%}.signal-result{bottom:10%;left:3%}.why-outcome{padding:9px 11px;bottom:7%;right:3%}.why-outcome span{font-size:7px}.floating-line{justify-content:center;width:54px;min-height:54px;padding:0;bottom:14px;right:14px}.floating-line span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.contact-actions .button{justify-content:flex-start;gap:12px}.contact-actions .button>.icon:last-child{margin-left:auto}}html{scrollbar-gutter:stable;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{background:var(--mint);color:#06237b}.site{overflow:clip visible}.header{position:fixed}.hero-art:after{content:"";z-index:0;filter:blur(10px);background:radial-gradient(circle,#68daff42,#2473ff14 46%,#0000 72%);border-radius:50%;width:44%;height:44%;position:absolute;top:24%;left:31%}.hero-panel,.hero-orbit,.hero-pedestal,.hero-system-label{will-change:transform}.service-top>a,.case-info a{width:44px;height:44px}.service-info small{color:#6f7686;font-size:13px;line-height:1.55}.case-meta span,.case-meta small{font-size:11px}.case-label{font-size:10px}.case-info p{color:#666e80;font-size:13px;line-height:1.5}.process-grid p{font-size:15px;line-height:1.7}.faq-list details>p{font-size:16px;line-height:1.8}.hero-proof small{font-size:13px;line-height:1.5}.why-brand-card small{font-size:10px}.why-signal b{font-size:11px}.why-outcome span{font-size:10px}footer p,footer>div{font-size:13px;line-height:1.5}a,button,summary{-webkit-tap-highlight-color:transparent}#main-content:focus{outline:none}@media (width>=1201px){.lang-en .hero{grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr);gap:2.5vw}.lang-en .hero h1{letter-spacing:-3.5px;max-width:720px;font-size:clamp(62px,5.5vw,86px)}}@media (width<=1000px){.hero{min-height:auto;padding-bottom:56px}.hero-art{height:600px}.hero-proof{grid-column:1;width:100%;margin-top:8px;position:relative;bottom:auto;left:auto;right:auto}.hero-proof>div{padding:18px 20px}.header{position:fixed}}@media (width<=640px){html{scrollbar-gutter:auto;scroll-padding-top:86px}.hero{padding-bottom:34px}.hero-art{height:420px}.hero-proof{margin-top:6px}.hero-proof small{font-size:12px}.service-info small{font-size:13px}.case-meta span,.case-meta small{font-size:10.5px}.case-info p{font-size:13px}.faq-list details>p{font-size:15px}.why-brand-card small,.why-signal b,.why-outcome span{font-size:9px}footer p,footer>div{font-size:13px}.floating-line{bottom:max(14px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){.hero-panel,.hero-orbit,.hero-pedestal,.hero-system-label{will-change:auto}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}