@font-face{font-family:Manrope Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-thai.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}:root{font-family:Manrope Variable,Noto Sans Thai Variable,sans-serif;color:#0b1f3a;background:#fff;font-synthesis:none;font-weight:450;line-height:1.65;-webkit-font-smoothing:antialiased;--navy:#0b1f3a;--blue:#1456e8;--ink:#111827;--secondary:#334155;--line:#dbe2eb;--surface:#f2f6fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600;line-height:1.2;letter-spacing:-.035em}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1456e8;outline-offset:5px}img{display:block;max-width:100%}svg{flex-shrink:0}::selection{background:#d5e3ff}.wrap{width:min(1328px,calc(100% - 96px));margin-inline:auto}.section{padding-block:104px}.eyebrow,.mono{font-size:11px;letter-spacing:.13em;line-height:1.8;font-weight:650}.eyebrow{display:flex;align-items:center;gap:10px}.blue-square{width:7px;height:7px;display:inline-block;background:var(--blue);flex-shrink:0}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:13px 22px;border:1px solid var(--blue);border-radius:3px;background:var(--blue);color:#fff;font-size:15px;font-weight:650;transition:background .18s,transform .18s}.primary-button:hover{background:#0d3fad;transform:translateY(-2px)}.text-button{display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:9px 0;border:0;background:transparent;font-size:15px;font-weight:650}.text-button:hover{color:var(--blue)}.skip-link{position:fixed;left:16px;top:-100px;z-index:150;background:#fff;padding:12px}.skip-link:focus{top:12px}.studio-header{height:88px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:26px}.studio-brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:27px;font-weight:450;letter-spacing:-1.4px}.studio-brand strong{font-weight:800}.studio-brand i{color:var(--blue);font-style:normal}.brand-symbol{position:relative;display:block;width:37px;height:32px;overflow:hidden;isolation:isolate}.brand-symbol img{position:absolute;max-width:none;width:81px;height:81px;top:-20.7px;left:-22px;mix-blend-mode:multiply}.main-navigation{display:flex;align-items:center;gap:23px}.main-navigation a{font-size:13px;font-weight:600;position:relative;padding:12px 0}.main-navigation a:after{content:"";height:2px;position:absolute;bottom:3px;left:0;width:0;background:var(--blue);transition:width .2s}.main-navigation a:hover:after,.main-navigation a[aria-current]:after{width:100%}.header-actions{display:flex;align-items:center;gap:22px}.language-button{display:flex;gap:5px;align-items:center;min-height:44px;padding:4px 0;background:transparent;font-size:12px}.language-button span{color:#334155}.header-project{display:flex;align-items:center;gap:20px;min-height:44px;padding:10px 16px;background:#0b1f3a;color:#fff;border-radius:3px;font-size:13px;font-weight:600}.menu-button{display:none;background:transparent;width:44px;height:44px;align-items:center;justify-content:center}.hero-studio{padding-top:62px}.hero-top{display:grid;grid-template-columns:1.55fr 1fr;gap:70px;align-items:end;margin-bottom:49px}.hero-top h1{font-size:clamp(42px,4.9vw,72px);line-height:1.07;letter-spacing:-.065em;margin-top:22px}.hero-top h1>span{color:var(--blue)}html[lang=th] .hero-top h1{font-size:clamp(40px,4.5vw,65px);line-height:1.35;letter-spacing:-.035em}.hero-aside{max-width:430px;padding-bottom:3px}.hero-aside>p{font-size:17px;line-height:1.85;color:var(--ink);margin-bottom:22px}.hero-explore{display:inline-flex;align-items:center;gap:13px;min-height:44px;margin-left:20px;font-size:12px;font-weight:650}.experience-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;scroll-margin-top:24px}.experience-header>p{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.08em;font-weight:650}.tour-control{display:flex;align-items:center;gap:8px;background:transparent;padding:7px 0;min-height:44px;font-size:12px}.industry-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid #c8d3e3;border-radius:4px 4px 0 0;overflow:hidden}.industry-tabs button{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;background:#fff;border-right:1px solid #dbe2eb;padding:17px 15px;font-size:12px;min-height:64px;transition:background .2s,color .2s;text-align:left}.industry-tabs button:last-child{border:0}.industry-tabs button.active{background:var(--blue);color:#fff}.industry-tabs button>svg:last-child{margin-left:auto}.tab-number{font-size:9px;align-self:flex-start;line-height:1.8}.industry-tabs button:hover:not(.active){background:#e8f0ff}.experience-stage{display:grid;grid-template-columns:minmax(0,1fr) 260px;background:#e9eff8;border:1px solid #c8d3e3;border-top:0;padding:30px 30px 0;gap:0 30px;position:relative;border-radius:0 0 5px 5px}.experience-main{min-width:0;background:#fff;border:1px solid #ced8e6;box-shadow:0 16px 35px #0b1f3a0c;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;min-height:440px}.demo-browser{height:33px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f8fafc;border-bottom:1px solid #e1e6ee;padding:0 16px;font-size:10px;color:#334155}.browser-dots{display:flex;gap:4px}.browser-dots i{width:5px;height:5px;border-radius:50%;background:#aab9cb}.demo-label-top{font-size:8px;letter-spacing:.05em}.demo-brandbar{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;border-bottom:1px solid #e9edf2;gap:12px;font-size:11px}.demo-brandbar b{font-size:11px;letter-spacing:.06em}.demo-brandbar>span{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.05em}.demo-content{flex:1;display:flex;flex-direction:column;min-height:325px;animation:stage-in .3s ease both}.demo-content h3{font-size:30px;line-height:1.25;letter-spacing:-.035em}.demo-content p{font-size:14px;line-height:1.8;color:#24364b}.demo-kicker{font-size:9px!important;font-weight:650;letter-spacing:.09em;margin-bottom:13px}.shop-discover{display:grid;grid-template-columns:1fr 1.02fr;min-height:325px}.product-art{background:#eeeae2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;position:relative;overflow:hidden}.product-art>span{font-size:8px;letter-spacing:.07em;align-self:flex-start;z-index:1}.product-art>span:last-child{align-self:flex-end}.bag-art{width:min(100%,300px);height:260px;display:block}.bag-art.small{width:90px;height:90px;background:#f1eee7;border-radius:3px}.shop-copy{padding:25px 27px;display:flex;flex-direction:column;justify-content:center;gap:10px}.shop-copy .demo-kicker{margin:0}.shop-copy h3{font-size:31px}.shop-copy>p:not(.demo-kicker):not(.demo-price){font-size:13px}.demo-options{display:grid;gap:8px;width:100%;margin-top:13px}.demo-options button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;background:#fff;border:1px solid #cbd5e1;padding:11px 13px;min-height:44px;font-size:13px;text-align:left;border-radius:3px}.demo-options button.chosen{border-color:#0b1f3a;background:#f0f4fa;box-shadow:inset 2px 0 #0b1f3a}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 25px;border-top:1px solid #dde4ed;background:#fff}.demo-controls>span{font-size:10px;letter-spacing:.08em}.demo-back{display:flex;align-items:center;gap:4px;background:none;min-height:44px;padding:8px 0;font-size:12px}.demo-next{display:flex;align-items:center;gap:17px;background:#0b1f3a;color:#fff;padding:11px 17px;min-height:44px;border-radius:3px;font-size:12px;font-weight:600}.operation-view{padding-top:3px;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}.operation-top{display:flex;gap:7px;align-items:center;font-size:9px;font-weight:650;letter-spacing:.08em}.signal-dot{width:6px;height:6px;border-radius:50%;background:#1456e8;display:inline-block;flex-shrink:0}.operation-view>p{font-size:13px;font-weight:600}.phone-outline{width:207px;border:5px solid #182b44;border-radius:28px;background:#fff;padding:9px 13px 7px;box-shadow:12px 18px 30px #0b1f3a12}.phone-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;padding:0 4px 15px}.phone-top i{width:49px;height:10px;background:#182b44;border-radius:7px;position:relative;left:-41px}.phone-brand{font-size:8px;letter-spacing:.06em;display:block;padding-bottom:12px;border-bottom:1px solid #dbe2eb}.phone-state{padding:13px 0 9px;animation:stage-in .28s ease}.phone-icon{width:44px;height:44px;display:grid;place-items:center;background:#edf3ff;color:var(--blue);border-radius:8px;margin-bottom:10px}.phone-state small{display:block;font-size:8px;color:#334155}.phone-state h4{font-size:17px;margin-top:5px}.phone-state p{font-size:9px;line-height:1.6;margin-top:7px;color:#334155}.phone-tasks{margin-top:5px;display:grid;gap:0}.phone-tasks>div{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e6ebf2;padding:6px 0;font-size:9px;color:#334155}.phone-tasks>div>span{width:19px;height:19px;display:grid;place-items:center;background:#f0f3f7;border-radius:50%;font-size:8px}.phone-tasks>.done>span{color:var(--blue);background:#e9f0ff}.phone-bottom{margin:15px auto 0;width:62px;height:3px;background:#182b44;border-radius:4px}.operation-caption{text-align:center;max-width:245px;font-size:10px;color:#334155;line-height:1.8}.workflow-strip{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;list-style:none;margin:0;padding:22px 0;gap:12px;flex-wrap:wrap}.workflow-strip li{display:flex;align-items:center;gap:9px;font-size:11px;color:#334155;min-width:0}.workflow-strip li>span{font-size:10px;display:grid;place-items:center;width:24px;height:24px;border:1px solid #c8d3e3;border-radius:50%}.workflow-strip li>svg{margin-left:12px;color:#415875}.workflow-strip li.current{color:var(--blue);font-weight:750}.workflow-strip li.current>span{background:var(--blue);color:#fff;border-color:var(--blue)}.workflow-strip li.done>span{color:var(--blue);border-color:var(--blue)}.industry-context{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;padding:37px 0 68px}.industry-context h2{font-size:25px;line-height:1.4;margin-top:11px;max-width:500px}.industry-context>div>p:not(.eyebrow){font-size:16px;line-height:1.85;color:var(--secondary)}.industry-context .text-button{margin-top:9px}.industry-context .eyebrow{font-size:9px;color:#334155}.quantity{display:flex;width:134px;align-items:center;justify-content:space-between;border:1px solid #cbd5e1;border-radius:3px}.quantity button{width:44px;height:44px;background:#fff;display:grid;place-items:center}.quantity output{font-size:15px}.demo-price{font-weight:700!important;font-size:19px!important}.demo-price small{font-size:10px;margin-left:8px;font-weight:450}.cart-view,.two-panel{padding:32px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;min-height:325px}.cart-view h3,.two-panel h3{font-size:25px;margin-bottom:16px}.cart-item{display:flex;gap:12px;align-items:center;margin-top:18px}.cart-item b{font-size:12px}.cart-item p{font-size:10px}.cart-item>b{margin-left:auto}.demo-text{font-size:12px;text-decoration:underline;text-underline-offset:4px;background:none;padding:8px 0;min-height:44px;text-align:left}.demo-summary{margin:0;padding:22px;background:#f3f6fa;border:1px solid #dce4ef;align-self:center}.demo-summary>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #dbe3ef;padding:13px 0;font-size:12px}.demo-summary>div:last-child{border:0}.demo-summary dt{color:#334155}.demo-summary dd{margin:0;font-weight:650;text-align:right;overflow-wrap:anywhere}.sample-address{display:flex;gap:9px;font-size:12px;margin-top:17px}.completion{padding:30px;max-width:640px;width:100%;align-self:center;display:flex;flex-direction:column;justify-content:center;gap:15px;min-height:325px}.completion>svg{color:var(--blue)}.completion h3{font-size:27px}.demo-notice{background:#eff4ff;border-left:2px solid var(--blue);padding:12px 15px;font-size:12px!important;margin-top:10px}.form-stage{padding:30px 45px;max-width:660px;width:100%;margin:auto;display:flex;flex-direction:column;gap:10px}.form-stage h3{font-size:27px}.form-stage .demo-options{grid-template-columns:1fr 1fr}.form-stage .demo-help{font-size:12px;margin-top:8px}.construction-start,.game-discover,.advisory-start,.health-start{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:22px 25px;align-items:center;min-height:325px}.building-art{width:100%;border-radius:2px}.construction-start h3,.game-discover h3,.advisory-start h3,.health-start h3{font-size:27px}.construction-start .demo-options button{background:#fcfaf5}.contractor .demo-next{background:#394f43}.contractor .demo-brandbar{color:#394f43}.game-orbit{height:260px;position:relative;display:grid;place-items:center;background:#182251;overflow:hidden;border-radius:3px}.game-orbit>span{font-size:160px;line-height:1;color:#bce9ff;transform:rotate(-12deg);z-index:1}.game-orbit>i{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #7289cc;border-radius:50%;transform:rotate(-28deg) scaleY(.7)}.game-orbit>b{position:absolute;bottom:12px;left:15px;color:#fff;font-size:10px;letter-spacing:.18em}.gaming .demo-brandbar{background:#182251;color:#fff}.gaming .demo-next{background:#384bd1}.demo-label{display:grid;gap:7px;font-size:13px}.demo-label input{width:100%;min-width:0;background:#fff;border:1px solid #b8c6d7;border-radius:3px;padding:11px 13px;font-size:16px;min-height:44px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:15px 0}.package-grid button{display:flex;flex-direction:column;gap:9px;align-items:center;padding:20px 8px;background:#f5f6fd;border:1px solid #c9d2ec;border-radius:4px}.package-grid button.selected{border:2px solid #384bd1;background:#eef0ff}.package-grid button>span{font-size:25px;color:#384bd1}.package-grid b{font-size:25px}.package-grid small{font-size:11px}.package-grid strong{font-size:16px}.transaction-status{display:grid;gap:12px}.transaction-status>span{display:flex;align-items:center;gap:12px;background:#f0f5ff;padding:13px 15px;font-size:13px}.advisory-art{height:260px;background:#dbd6c8;position:relative;overflow:hidden;color:#2f3d3d;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.advisory-art>span{font-size:160px;font-weight:600;line-height:1;letter-spacing:-.12em}.advisory-art>i{font-size:12px;letter-spacing:.12em;font-style:normal;align-self:flex-end;line-height:1.6}.proof-path{display:flex;gap:20px;margin:15px 0}.proof-path>div{flex:1;border-top:2px solid #8ba1ba;padding-top:15px}.proof-path span{display:block;font-size:11px;margin-bottom:7px}.proof-path b{font-size:14px}.health-start img{height:270px;width:100%;object-fit:cover}.search-display{display:flex;align-items:center;gap:10px;border-bottom:1px solid #b9c6d6;font-size:12px;padding:15px 0}.line-example{background:#f0f6f0;border:1px solid #ccd9cc;border-radius:5px;padding:16px}.line-example>b{font-size:11px}.line-example p{margin-top:9px}.section-intro{margin-bottom:44px;max-width:900px}.section-intro h2{font-size:clamp(32px,3.1vw,46px);line-height:1.3;margin-top:19px;letter-spacing:-.045em}.section-intro>p:last-child:not(.eyebrow){font-size:17px;line-height:1.85;max-width:650px;margin-top:22px}.systems-section{background:#0b1f3a;color:#fff;padding:85px 0 90px;position:relative;overflow:hidden}.light-intro .eyebrow{color:#c9dcff}.light-intro h2>span{color:#a9c6ff}.light-intro>p:last-child{color:#e3ebf7}.system-tabs{display:flex;border-bottom:1px solid #60738e;gap:32px}.system-tabs button{display:flex;align-items:center;gap:10px;background:transparent;color:#d9e5f6;font-size:15px;padding:15px 10px 20px;border-bottom:3px solid transparent}.system-tabs button.active{color:#fff;border-bottom-color:#fff}.system-stage{display:grid;grid-template-columns:.75fr 1.5fr;gap:65px;padding-top:45px;animation:stage-in .28s ease}.system-explanation{padding-top:20px}.system-explanation .mono{color:#c1d5f7}.system-explanation h3{font-size:35px;margin:20px 0}.blue-dot{color:#72a2ff}.system-explanation>p{font-size:16px;line-height:1.9;color:#e4edf9}.system-boundary{font-size:11px;line-height:1.9;display:block;padding-top:25px;margin-top:25px;border-top:1px solid #60738e;color:#ccddf5}.system-visual{background:#f9fbff;color:#0b1f3a;padding:30px;border-radius:5px;border:1px solid #d2deee;min-height:330px}.system-caption{display:flex;justify-content:space-between;gap:15px;font-size:10px;font-weight:650;letter-spacing:.06em;padding-bottom:20px;border-bottom:1px solid #dbe2eb}.system-caption button{display:flex;gap:6px;align-items:center;background:none;font-size:11px;min-height:32px}.automation-nodes{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;margin:32px 0}.automation-nodes>div{flex:1;display:flex;flex-direction:column;position:relative;align-items:flex-start;gap:12px}.automation-nodes>div>span{width:38px;height:38px;border:1px solid #b5c5db;display:grid;place-items:center;border-radius:6px;font-size:14px;background:#fff}.automation-nodes .reached>span{background:#1456e8;color:#fff;border-color:#1456e8}.automation-nodes b{font-size:12px;line-height:1.6}.automation-nodes>div>svg{position:absolute;top:10px;right:12px;color:#466086}.system-log{display:flex;align-items:center;gap:10px;background:#eaf1fe;padding:12px 16px;font-size:12px;min-height:46px}.system-action{display:flex;align-items:center;gap:18px;padding:12px 0 0;min-height:44px;background:none;font-size:12px;font-weight:650}.funnel{margin:28px 0}.funnel>div{display:grid;grid-template-columns:140px minmax(0,1fr) 40px;gap:14px;align-items:center;margin:19px 0;font-size:12px}.funnel>div>div{height:22px;background:#e4ecf8;border-radius:2px;overflow:hidden}.funnel i{display:block;height:100%;background:#1456e8;transform-origin:left;animation:grow .5s ease}.funnel b{text-align:right}.chart-foot{font-size:12px;line-height:1.9;color:#334155;border-top:1px solid #dbe2eb;padding-top:18px}.mini-website>div{display:flex;align-items:center;justify-content:space-between;font-size:10px}.mini-website h4{font-size:31px;max-width:390px;margin-top:30px}.mini-website>p{font-size:14px;margin-top:15px;max-width:400px}.mini-website button{display:flex;align-items:center;gap:20px;padding:12px 16px;background:#1456e8;color:#fff;font-size:12px;margin-top:20px;border-radius:2px;min-height:44px}.mini-status{background:#edf3ff;padding:12px;font-size:12px!important}.status-rows{display:grid;margin:18px 0}.status-rows>div,.status-rows>button{display:flex;align-items:center;gap:15px;border-bottom:1px solid #dbe2eb;background:none;padding:16px 4px;text-align:left}.status-rows>button.selected{background:#eaf1fe}.status-rows b{font-size:13px;flex:1}.status-rows span:last-child{font-size:10px}.status-icon{width:29px;height:29px;border:1px solid #c5d2e4;border-radius:50%;display:grid;place-items:center;font-size:11px}.case-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}.case-art{background:#e7ecf2;min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:27px 30px;position:relative;overflow:hidden}.case-art-label{font-size:10px;letter-spacing:.08em;align-self:flex-start}.case-art .bag-art{height:340px;max-width:100%;width:410px;transform:rotate(-8deg);transition:transform .4s}.case-art:hover .bag-art{transform:rotate(0) scale(1.04)}.case-art.ecommerce{background:#dce5ed}.case-art.contractor{background:#e4e5d9}.case-art.gaming{background:#dce3fd}.case-art.business{background:#e5dfd3}.case-art.healthcare{background:#e5eee7}.case-art-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:13px}.case-typography{display:flex;flex-direction:column;width:100%;font-size:70px;line-height:1.15;font-weight:750;letter-spacing:-.06em}.case-typography>span:last-child{display:flex;justify-content:space-between;align-items:center;color:#1456e8}.outline-tag{display:inline-block;border:1px solid #aebed2;padding:5px 9px;font-size:9px;letter-spacing:.05em}.case-description h3{font-size:34px;line-height:1.4;margin:20px 0}.case-description>p{font-size:16px;line-height:1.9;color:#334155}.case-note{border-top:1px solid #cbd5e1;padding-top:20px;margin-top:25px}.case-note>span{font-size:10px;letter-spacing:.08em;font-weight:650}.case-note>p{font-size:14px;line-height:1.9;margin:10px 0 17px;color:#334155}.case-index{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;margin-top:40px}.case-index>a{display:flex;align-items:center;gap:15px;border-bottom:1px solid #dbe2eb;padding:20px 0}.case-index>a>span:first-child{font-size:10px;color:#334155}.case-index b{font-size:14px;font-weight:600}.case-index .index-type{margin-left:auto;font-size:8px;letter-spacing:.09em}.delivery-section{border-top:1px solid var(--line)}.process-list details{border-top:1px solid #dbe2eb}.process-list summary{display:flex;align-items:center;gap:30px;list-style:none;padding:25px 0;cursor:pointer}.process-list summary::-webkit-details-marker,.faq-studio summary::-webkit-details-marker{display:none}.process-list summary>span:first-child{font-size:12px;color:#1456e8;width:35px}.process-list h3{font-size:23px;width:220px}.process-one-line{font-size:14px;color:#334155;flex:1}.process-list summary>svg{margin-left:auto}.process-list details[open] summary>svg,.faq-studio details[open] summary>svg{transform:rotate(45deg)}.process-list details>div{padding:0 0 25px 65px;max-width:750px}.process-list details>div>p{display:none}.process-list details>div>b{font-size:13px;background:#edf3ff;padding:10px 16px;display:inline-block;font-weight:550}.engagement-section{background:#eff4fc;padding:74px 0}.engagement-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center}.engagement-layout h2{font-size:40px;line-height:1.3;margin:19px 0}.engagement-layout p:not(.eyebrow){font-size:16px;color:#334155;max-width:400px;line-height:1.9}.engagement-options button{display:flex;align-items:center;gap:25px;justify-content:space-between;border-top:1px solid #bdcce1;padding:24px 0;background:transparent;text-align:left;width:100%}.engagement-options button:last-child{border-bottom:1px solid #bdcce1}.engagement-options b{display:block;font-size:25px;font-weight:600}.engagement-options small{display:block;margin-top:10px;font-size:14px;color:#334155;line-height:1.8}.engagement-options button:hover{color:var(--blue)}.insight-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.insight-rows>a{position:relative;border-top:2px solid #0b1f3a;padding:24px 0 45px}.insight-rows>a>span{font-size:9px;letter-spacing:.12em}.insight-rows h3{font-size:23px;line-height:1.45;margin:20px 0 14px}.insight-rows p{font-size:15px;color:#334155;line-height:1.9}.insight-rows svg{position:absolute;bottom:0;right:0}.faq-studio{padding-top:0;display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.faq-studio h2{font-size:35px}.faq-studio details{border-top:1px solid #dbe2eb}.faq-studio summary{display:flex;align-items:center;gap:20px;justify-content:space-between;cursor:pointer;list-style:none;padding:23px 0}.faq-studio h3{font-size:16px;line-height:1.7;letter-spacing:0}.faq-studio details>p{padding-bottom:24px;color:#334155;font-size:16px;line-height:1.9}.closing-studio{background:#1456e8;color:#fff;padding:70px 0 76px}.closing-studio>.wrap>div{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;align-items:center;margin-top:25px}.closing-studio h2{font-size:clamp(36px,4.5vw,62px);line-height:1.2;position:relative}.closing-studio h2>span{position:absolute;right:35px;top:0;font-weight:400}.closing-studio p:not(.eyebrow){font-size:17px;line-height:1.9;max-width:400px;margin-bottom:22px}.white-button{background:#fff;color:#0b1f3a;border-color:#fff}.white-button:hover{background:#e8efff;color:#0b1f3a}.closing-studio a{display:block;margin-top:19px;font-size:14px;width:fit-content}.studio-footer{padding:35px 0 80px}.studio-footer>.wrap{display:flex;align-items:center;gap:30px}.studio-footer p{font-size:12px;margin-right:auto}.studio-footer a:not(.studio-brand),.studio-footer>.wrap>span{font-size:11px}.studio-contact-float{position:fixed;bottom:22px;right:25px;z-index:55;display:flex;gap:10px;align-items:center;min-height:48px;border-radius:5px;padding:12px 17px;background:#0b1f3a;color:#fff;box-shadow:0 5px 25px #0b1f3a22;font-size:12px;border:1px solid #a6b9d3}.studio-contact-float[hidden]{display:none}.studio-contact-dialog,.project-dialog{border:1px solid #c3cfe0;border-radius:6px;background:#fff;color:#0b1f3a;padding:38px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 25px 100px #0b1f3a44}.studio-contact-dialog{width:450px;position:fixed;inset:auto 24px 85px auto;margin:0}.studio-contact-dialog::backdrop,.project-dialog::backdrop{background:#0b1f3a70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.studio-contact-dialog[open],.project-dialog[open]{animation:stage-in .22s ease}.modal-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:44px;height:44px;background:transparent}.studio-contact-dialog h2{font-size:27px;line-height:1.4;margin:18px 0 24px}.contact-route{display:flex;align-items:center;gap:13px;width:100%;background:#fff;border-top:1px solid #dbe2eb;padding:18px 0;text-align:left}.contact-route>span{flex:1;min-width:0}.contact-route b{font-size:14px;font-weight:600;display:block}.contact-route small{display:block;font-size:12px;line-height:1.8;color:#334155;margin-top:5px;overflow-wrap:anywhere}.contact-route.unavailable{color:#334155}.project-dialog{width:680px}.project-dialog h2{font-size:34px;line-height:1.4;margin:15px 0 20px;outline:none}.project-progress{display:flex;gap:7px;margin-top:24px}.project-progress span{height:3px;flex:1;background:#dfe7f3}.project-progress .active{background:#1456e8}.project-count{font-size:10px;letter-spacing:.1em;margin-top:15px}.project-fields{border:0;margin:0;padding:0;min-width:0}.project-fields>p{font-size:16px;line-height:1.9;color:#334155}.project-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.project-options label{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid #c4d1e2;border-radius:3px;min-height:62px;cursor:pointer;font-size:14px}.project-options label.selected{background:#eef4ff;border-color:#1456e8}.project-options input{accent-color:#1456e8;width:16px;height:16px;flex-shrink:0}.field-label{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;font-size:14px;font-weight:600}.field-label input,.field-label select{min-width:0;width:100%;border:1px solid #b9c8dc;background:#fff;color:#111827;font-size:16px;padding:12px;border-radius:3px;min-height:48px}.project-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding-top:22px;border-top:1px solid #dbe2eb}.brief-context{display:flex;flex-direction:column;gap:5px;padding:15px;background:#eff4fc;margin-bottom:24px;font-size:12px}.brief-context b{font-size:10px;letter-spacing:.08em}.consent{display:flex;align-items:flex-start;gap:12px;font-size:12px;color:#334155;line-height:1.9}.consent input{width:18px;height:18px;flex-shrink:0;accent-color:#1456e8;margin-top:4px}.form-note{font-size:12px!important;margin-top:14px}.form-error{background:#fff0ee;border-left:3px solid #a4291d;padding:12px;margin-top:20px;color:#922719!important;font-size:14px!important}.project-success{display:flex;flex-direction:column;gap:20px}.project-success>svg{color:#1456e8}.project-success h2{margin-bottom:0}.project-success p{font-size:15px;line-height:1.9}.receipt{font-size:12px;overflow-wrap:anywhere}.honeypot{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;opacity:0}.page-intro{padding:65px 0 60px;max-width:1328px}.back-link{display:inline-block;font-size:12px;margin-bottom:30px;color:#334155}.page-intro h1{font-size:clamp(38px,4.5vw,65px);max-width:950px;margin:18px 0 24px;line-height:1.2}.page-intro>p:last-child{max-width:770px;font-size:18px;line-height:1.9;color:#334155}.detail-demo{margin-bottom:15px}.industry-directory{padding-bottom:95px}.industry-directory>a{display:flex;align-items:flex-start;gap:40px;border-top:1px solid #c8d3e3;padding:38px 0}.industry-directory>a>div{flex:1}.industry-directory h2{font-size:30px}.industry-directory p{font-size:17px;color:#334155;max-width:740px;margin:16px 0}.industry-directory span{font-size:13px;color:#1456e8;line-height:2}.service-list{padding-bottom:90px}.service-list article{display:flex;gap:35px;border-top:1px solid #c8d3e3;padding:40px 0}.service-list article>div{flex:1;max-width:900px}.service-list h2{font-size:30px}.service-list p{font-size:17px;line-height:1.9;color:#334155;margin:18px 0}.service-list ul{display:flex;gap:15px 28px;flex-wrap:wrap;padding:0;list-style:none}.service-list li{display:flex;align-items:center;gap:8px;font-size:13px}.round-arrow{display:grid;place-items:center;background:#eff4fc;width:48px;height:48px;border-radius:50%;margin-left:auto}.solution-list{padding-bottom:70px}.solution-list article{border-top:1px solid #c8d3e3;padding:40px 0}.solution-list h2{font-size:34px;margin:17px 0}.solution-list p{font-size:17px;margin:17px 0;color:#334155;max-width:750px;line-height:1.9}.study-content{max-width:1000px}.study-content article{position:relative;padding:35px 0 35px 70px;border-top:1px solid #c8d3e3}.study-content article>span{position:absolute;top:40px;left:0;font-size:12px;color:#1456e8}.study-content h2{font-size:30px;margin-bottom:20px}.study-content p{font-size:18px;line-height:2;color:#334155}.about-statement{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:40px 100px}.about-statement h2{font-size:36px;line-height:1.5}.about-statement h2>span{color:#1456e8}.about-statement p{font-size:18px;line-height:2}.long-read p{font-size:18px;line-height:2;margin:0 0 30px;color:#334155}.long-read h2{font-size:30px;margin:30px 0 20px}.long-read a{color:#1456e8;text-decoration:underline;text-underline-offset:4px}@keyframes stage-in{0%{transform:translateY(7px)}to{transform:translateY(0)}}@keyframes grow{0%{transform:scaleX(.3)}to{transform:scaleX(1)}}@media(min-width:1650px){.hero-top{margin-bottom:55px}.hero-studio{padding-top:75px}.hero-top h1{font-size:77px}.experience-main{min-height:470px}.demo-content{min-height:350px}}@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.main-navigation{gap:15px}.main-navigation a{font-size:12px}.header-inner{gap:20px}.header-actions{gap:14px}.studio-brand{font-size:24px}.hero-top{gap:40px;grid-template-columns:1.4fr 1fr}.hero-top h1{font-size:56px}.hero-aside>p{font-size:16px}.hero-explore{margin:10px 0 0;display:flex}.industry-tabs button{padding:14px 11px;font-size:11px;gap:7px}.tab-number{display:none}.experience-stage{grid-template-columns:minmax(0,1fr) 215px;padding:23px 23px 0;gap:0 23px}.operation-view{gap:10px}.phone-outline{width:190px}.operation-caption{font-size:9px}.demo-content h3,.shop-copy h3{font-size:25px}.shop-copy{padding:22px}.industry-context{gap:65px}.system-stage{gap:40px;grid-template-columns:.8fr 1.3fr}.case-feature{gap:45px}.case-description h3{font-size:29px}.engagement-layout{gap:65px}.faq-studio{gap:45px}.closing-studio>.wrap>div{gap:60px}.hero-top h1{letter-spacing:-.055em}.demo-brandbar{padding-inline:20px}}@media(max-width:1050px){.main-navigation{display:none;position:absolute;top:87px;left:0;right:0;background:#fff;border-bottom:1px solid #c8d3e3;padding:22px 32px;box-shadow:0 14px 18px #0b1f3a0b}.main-navigation.open{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 25px}.main-navigation a{font-size:16px;padding:12px}.menu-button{display:flex}.header-actions{margin-left:auto}.hero-top{gap:30px}.hero-top h1,html[lang=th] .hero-top h1{font-size:48px}.hero-top>.hero-aside{max-width:360px}.hero-aside>p{font-size:15px}.industry-tabs button>svg:last-child{display:none}.experience-stage{grid-template-columns:minmax(0,1fr) 190px;gap:0 18px;padding:20px 20px 0}.phone-outline{width:173px}.demo-brandbar>span{display:none}.demo-content,.shop-discover{min-height:350px}.shop-copy{padding:18px}.shop-copy>p:not(.demo-kicker):not(.demo-price){font-size:12px}.product-art{padding:12px}.bag-art{height:230px}.demo-options button{font-size:12px;padding:10px}.form-stage{padding:25px}.construction-start,.game-discover,.advisory-start,.health-start{gap:18px;padding:20px}.health-start img{height:250px}.game-orbit,.advisory-art{height:240px}.cart-view,.two-panel{padding:24px;gap:20px}.cart-item{flex-wrap:wrap}.workflow-strip{gap:10px}.workflow-strip li{font-size:10px;gap:5px}.workflow-strip li>svg{margin-left:3px}.system-stage{grid-template-columns:1fr 1.5fr;gap:30px}.system-visual{padding:23px}.system-explanation h3{font-size:28px}.automation-nodes{gap:6px}.automation-nodes>div>svg{right:3px;width:14px}.automation-nodes b{font-size:10px}.system-tabs{gap:20px}.case-feature{gap:30px}.case-art{min-height:410px}.case-typography{font-size:53px}.case-typography svg{width:55px}.process-one-line{font-size:12px}.process-list h3{width:175px;font-size:21px}.engagement-layout{gap:40px}.engagement-layout h2{font-size:34px}.insight-rows{gap:27px}.insight-rows h3{font-size:21px}.faq-studio{grid-template-columns:1fr 1.3fr;gap:35px}.closing-studio>.wrap>div{gap:45px}.studio-footer>.wrap{gap:20px}.studio-footer p{font-size:10px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.section{padding-block:68px}.studio-header{height:76px}.main-navigation{top:75px}.hero-studio{padding-top:42px}.hero-top{grid-template-columns:1fr;gap:25px;margin-bottom:31px}.hero-top h1{font-size:clamp(40px,7vw,58px)}html[lang=th] .hero-top h1{font-size:clamp(40px,7vw,56px)}.hero-top .eyebrow{font-size:10px}.hero-top>.hero-aside{max-width:620px}.hero-aside>p{font-size:16px;max-width:600px;margin-bottom:20px}.hero-explore{display:inline-flex;margin:0 0 0 18px}.experience-header>p{font-size:9px}.industry-tabs{display:flex;flex-wrap:wrap;border:0;gap:7px;margin-bottom:14px;border-radius:0;overflow:visible}.industry-tabs button{border:1px solid #c8d3e3!important;border-radius:3px;min-height:46px;flex:1 0 calc(33.333% - 7px);justify-content:center;font-size:12px;padding:10px 9px;gap:7px}.industry-tabs button.active{border-color:#1456e8!important}.experience-stage{grid-template-columns:1fr;border:1px solid #c8d3e3;border-radius:4px;padding:17px 17px 0}.operation-view{display:none}.experience-main{min-height:430px}.demo-content,.shop-discover{min-height:305px}.shop-copy h3{font-size:28px}.shop-copy>p:not(.demo-kicker):not(.demo-price){font-size:14px}.demo-options button{font-size:14px}.bag-art{height:255px}.workflow-strip{justify-content:flex-start;gap:13px;padding:20px 0}.workflow-strip li{font-size:11px;flex:1 0 auto}.workflow-strip li>svg{display:none}.industry-context{grid-template-columns:1fr;gap:19px;padding:29px 0 53px}.industry-context h2{font-size:27px;max-width:650px}.industry-context p{font-size:16px}.industry-context .eyebrow{font-size:9px}.systems-section{padding:60px 0}.section-intro{margin-bottom:32px}.section-intro h2{font-size:34px}.section-intro>p:last-child:not(.eyebrow){font-size:16px}.system-tabs{gap:0;justify-content:space-between}.system-tabs button{font-size:12px;padding:14px 7px;gap:6px}.system-tabs button svg{width:17px}.system-stage{grid-template-columns:1fr;gap:28px;padding-top:25px}.system-explanation{padding-top:0;display:grid;grid-template-columns:.7fr 1fr;gap:10px 25px}.system-explanation .mono{grid-column:1/-1;font-size:9px}.system-explanation h3{margin:0;font-size:28px}.system-explanation>p{font-size:15px}.system-boundary{grid-column:1/-1;margin-top:5px;padding-top:13px;font-size:10px}.system-visual{min-height:300px;padding:26px}.automation-nodes{gap:15px}.automation-nodes b{font-size:12px}.automation-nodes>div>svg{right:15px;width:18px}.case-feature{grid-template-columns:1fr;gap:28px}.case-art{min-height:360px}.case-art .bag-art{height:285px}.case-typography{font-size:75px;padding:35px 0}.case-description h3{font-size:30px;max-width:550px}.case-description>p{max-width:650px}.case-index{gap:0 25px;margin-top:25px}.case-index b{font-size:13px}.case-index .index-type{display:none}.case-index svg{margin-left:auto}.process-list summary{gap:15px;padding:22px 0}.process-list h3{width:auto;flex:1;font-size:22px}.process-one-line{display:none}.process-list details>div{padding-left:50px}.process-list details>div>p{display:block;font-size:16px;margin-bottom:15px;line-height:1.85}.engagement-section{padding:55px 0}.engagement-layout{grid-template-columns:1fr;gap:35px}.engagement-layout h2{font-size:36px}.engagement-layout p:not(.eyebrow){max-width:580px}.engagement-options b{font-size:25px}.engagement-options small{font-size:16px}.insight-rows{grid-template-columns:1fr;gap:25px}.insight-rows>a{padding:25px 0 35px}.insight-rows h3{font-size:25px;margin:15px 0}.insight-rows p{font-size:16px;max-width:550px}.faq-studio{grid-template-columns:1fr;gap:10px;padding-top:0}.faq-studio .section-intro{margin-bottom:15px}.closing-studio{padding:50px 0}.closing-studio>.wrap>div{grid-template-columns:1fr;gap:30px}.closing-studio h2{font-size:48px;max-width:570px}.closing-studio h2>span{right:0}.closing-studio p:not(.eyebrow){max-width:550px;font-size:16px}.studio-footer>.wrap{flex-wrap:wrap;gap:20px}.studio-footer p{font-size:12px}.studio-footer a:not(.studio-brand){margin-right:auto}.studio-footer{padding-bottom:90px}.page-intro{padding:45px 0}.page-intro h1{font-size:42px}.page-intro>p:last-child{font-size:17px}.industry-directory>a{gap:22px;padding:30px 0}.industry-directory h2{font-size:26px}.industry-directory p{font-size:16px}.industry-directory>a>svg:first-child{width:24px}.industry-directory>a>svg:last-child{width:20px}.service-list article{gap:20px}.service-list h2{font-size:27px}.service-list p{font-size:16px}.service-list ul{display:grid;gap:14px}.study-content h2{font-size:26px}.study-content p{font-size:17px}.study-content article{padding-left:45px}.about-statement{grid-template-columns:1fr;gap:25px;padding-block:20px 65px}.about-statement h2{font-size:32px}.about-statement p{font-size:17px}.solution-list h2{font-size:29px}.solution-list p{font-size:16px}.long-read p{font-size:17px}}@media(max-width:540px){.wrap{width:calc(100% - 32px)}.studio-header{height:70px}.header-inner{gap:8px}.studio-brand{font-size:24px;gap:4px}.brand-symbol{width:30px;height:28px}.brand-symbol img{width:70px;height:70px;top:-18px;left:-20px}.header-actions{gap:8px}.header-project{display:none}.language-button{font-size:11px}.main-navigation{top:69px;padding:14px 16px}.main-navigation.open{grid-template-columns:1fr 1fr}.main-navigation a{font-size:14px}.hero-studio{padding-top:30px}.hero-top .eyebrow{font-size:8px;letter-spacing:.09em}.hero-top h1{font-size:clamp(35px,8.5vw,45px);line-height:1.15;margin-top:18px}html[lang=th] .hero-top h1{font-size:39px;line-height:1.4}.hero-top{gap:20px;margin-bottom:25px}.hero-aside>p{font-size:16px;line-height:1.8}.hero-aside .primary-button{font-size:14px;min-height:49px;padding:11px 17px;gap:20px}.hero-explore{font-size:12px;margin-left:0;margin-top:10px;display:flex}.experience-header{margin-bottom:8px;gap:10px}.experience-header>p{font-size:8px;letter-spacing:.03em;gap:6px;max-width:215px}.tour-control{font-size:10px;white-space:nowrap}.industry-tabs{gap:6px;margin-bottom:12px}.industry-tabs button{flex:1 0 calc(50% - 6px);font-size:12px;justify-content:flex-start;padding:11px 12px;gap:10px;min-height:46px}.industry-tabs button:last-child{flex-grow:0;flex-basis:calc(50% - 3px)}.industry-tabs button>svg:last-child{display:block;margin-left:auto;width:13px}.experience-stage{padding:10px 10px 0}.experience-main{min-height:unset}.demo-browser{padding-inline:11px;font-size:9px;height:30px}.demo-label-top{font-size:7px}.demo-brandbar{padding:15px;font-size:10px}.demo-brandbar b{font-size:10px}.demo-content{min-height:450px}.shop-discover{grid-template-columns:1fr;min-height:450px}.product-art{height:220px;padding:10px 12px}.product-art .bag-art{height:200px;width:260px;position:absolute;top:5px}.product-art>span:last-child{margin-top:auto;font-size:7px}.shop-copy{padding:20px;gap:12px}.shop-copy h3{font-size:29px;max-width:310px}.shop-copy>p:not(.demo-kicker):not(.demo-price){font-size:16px;line-height:1.8}.demo-options{margin-top:7px}.demo-options button{font-size:14px;min-height:46px;padding:11px 12px}.shop-copy .demo-options{grid-template-columns:1fr 1fr;gap:8px}.shop-copy .demo-options button{font-size:12px}.shop-copy>p.demo-kicker{font-size:8px!important}.demo-controls{padding:12px 14px;gap:8px}.demo-next{font-size:11px;padding:10px 13px;gap:9px}.demo-back{font-size:11px}.demo-controls>span{font-size:9px}.workflow-strip{gap:8px 12px;padding:15px 2px}.workflow-strip li{font-size:10px;flex:0 0 auto}.workflow-strip li>span{width:20px;height:20px;font-size:8px}.industry-context{padding:25px 0 45px;gap:17px}.industry-context h2{font-size:25px}.industry-context .eyebrow{font-size:8px}.industry-context .text-button{font-size:14px}.construction-start,.game-discover,.advisory-start,.health-start{grid-template-columns:1fr;gap:20px;padding:18px;min-height:450px}.building-art{height:200px;background:#ece9e0}.construction-start h3,.game-discover h3,.advisory-start h3,.health-start h3{font-size:26px}.game-orbit{height:190px}.game-orbit>span{font-size:140px}.advisory-art{height:180px;flex-direction:row;align-items:center;padding:18px}.advisory-art>span{font-size:155px}.advisory-art>i{font-size:11px}.health-start img{height:195px}.search-display{font-size:14px}.form-stage{padding:24px 20px;gap:15px}.form-stage h3{font-size:28px}.form-stage .demo-options{grid-template-columns:1fr;gap:12px}.demo-content p{font-size:16px}.demo-content .demo-help{font-size:13px;line-height:1.85}.cart-view,.two-panel{grid-template-columns:1fr;padding:22px;gap:25px;min-height:450px}.cart-view h3,.two-panel h3{font-size:28px}.cart-item{flex-wrap:nowrap;gap:10px}.cart-item .bag-art.small{width:75px;height:80px}.cart-item b,.cart-item p{font-size:11px}.cart-item>b{font-size:12px}.demo-summary{padding:16px;width:100%}.demo-summary>div{font-size:13px}.completion{padding:24px 20px;min-height:450px;gap:19px}.completion h3{font-size:28px}.completion>p{font-size:16px}.completion .demo-notice{font-size:13px!important}.package-grid{gap:8px}.package-grid small{font-size:9px}.package-grid button{padding:20px 5px}.package-grid b{font-size:26px}.proof-path{flex-direction:column;gap:18px}.proof-path>div{display:flex;gap:18px;padding-top:12px}.proof-path span{margin:0}.proof-path b{font-size:16px}.line-example p{font-size:15px}.transaction-status>span{font-size:13px}.systems-section{padding:48px 0}.section-intro h2{font-size:30px;line-height:1.4}.section-intro .eyebrow{font-size:9px}.section-intro>p:last-child:not(.eyebrow){font-size:16px}.system-tabs{flex-wrap:wrap;justify-content:flex-start;gap:5px 14px}.system-tabs button{font-size:12px;padding:12px 3px;min-height:44px;gap:8px}.system-explanation{grid-template-columns:1fr;gap:14px}.system-explanation h3{font-size:30px}.system-explanation>p{font-size:16px}.system-boundary{font-size:11px}.system-visual{padding:20px;min-height:330px}.system-caption{font-size:8px;letter-spacing:.03em}.automation-nodes{display:grid;grid-template-columns:1fr 1fr;gap:23px 19px;margin:25px 0}.automation-nodes>div{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center}.automation-nodes>div>span{width:32px;height:32px;font-size:12px}.automation-nodes>div>svg{display:none}.automation-nodes b{font-size:11px}.system-log{font-size:11px;padding:13px;line-height:1.8}.system-action{font-size:12px;padding-top:15px}.funnel>div{grid-template-columns:95px minmax(0,1fr) 35px;gap:8px;font-size:10px}.mini-website h4{font-size:27px}.mini-website>p{font-size:15px}.status-rows b{font-size:12px}.status-rows span:last-child{font-size:8px}.status-rows>div{gap:9px}.section{padding-block:55px}.case-art{min-height:330px;padding:22px}.case-art .bag-art{height:255px}.case-art-label{font-size:8px}.case-art-bottom{font-size:12px}.case-typography{font-size:57px;line-height:1.25}.case-typography svg{width:55px}.case-description h3{font-size:28px}.case-description .case-note>p{font-size:16px}.case-index{grid-template-columns:1fr;gap:0}.case-index b{font-size:15px}.case-index .index-type{display:block;font-size:8px}.process-list h3{font-size:22px}.process-list summary>span:first-child{width:25px}.process-list details>div{padding-left:40px}.process-list details>div>b{font-size:12px;line-height:1.8}.engagement-layout h2{font-size:34px}.engagement-options b{font-size:25px}.engagement-options small{font-size:15px}.insight-rows h3{font-size:24px}.faq-studio{padding-top:0;gap:10px}.faq-studio h2{font-size:30px}.faq-studio summary{gap:15px;padding:20px 0}.closing-studio h2{font-size:40px}.closing-studio h2>span{font-size:45px;right:0}.closing-studio .eyebrow{font-size:8px}.closing-studio>.wrap>div{gap:25px}.studio-footer>.wrap{gap:18px}.studio-footer p{font-size:10px;max-width:130px;line-height:1.8}.studio-footer>.wrap>span{font-size:10px}.studio-contact-float{right:14px;bottom:14px;padding:11px 14px;font-size:11px}.studio-contact-dialog{inset:auto 15px 78px;width:calc(100% - 30px);padding:30px 22px;max-height:calc(100dvh - 100px)}.contact-route b{font-size:14px}.contact-route small{font-size:12px}.project-dialog{padding:30px 22px;max-height:calc(100dvh - 24px)}.project-dialog .eyebrow{font-size:8px;max-width:240px}.project-dialog h2{font-size:28px}.project-options{gap:10px;grid-template-columns:1fr}.project-options label{font-size:16px;min-height:54px;padding:12px}.project-options input{width:18px;height:18px}.project-progress{margin-top:20px}.consent{font-size:13px}.field-label{font-size:15px}.project-actions{margin-top:22px;gap:15px}.project-actions .primary-button{font-size:13px;padding-inline:16px;gap:14px}.page-intro{padding:32px 0 35px}.page-intro h1{font-size:36px;line-height:1.3}.page-intro>p:last-child{font-size:16px}.page-intro .eyebrow{font-size:9px}.industry-directory>a{gap:15px}.industry-directory>a>svg:first-child{display:none}.industry-directory h2{font-size:25px}.industry-directory p{font-size:16px}.service-list article{gap:12px}.service-list article>.mono{font-size:10px;min-width:20px}.service-list h2{font-size:25px}.service-list article{flex-wrap:wrap}.service-list article>div{flex:1;min-width:210px}.service-list .round-arrow{width:44px;height:44px}.service-list li{font-size:14px}.study-content article{padding:28px 0 28px 32px}.study-content article>span{top:32px;font-size:10px}.study-content h2{font-size:25px;line-height:1.5}.study-content p{font-size:16px}.about-statement h2{font-size:30px}.about-statement p,.long-read p{font-size:16px}.solution-list h2{font-size:27px}.solution-list p{font-size:16px}.long-read h2{font-size:26px}}@media(max-width:360px){.wrap{width:calc(100% - 28px)}.hero-top h1{font-size:34px}html[lang=th] .hero-top h1{font-size:35px}.industry-tabs button{font-size:11px;padding:10px;gap:7px}.industry-tabs button>svg:last-child{display:none}.experience-stage{padding:8px 8px 0}.shop-copy{padding:17px}.shop-copy h3{font-size:26px}.shop-copy .demo-options{grid-template-columns:1fr}.demo-next{gap:6px;padding-inline:9px;font-size:10px}.demo-controls{padding-inline:10px}.workflow-strip{gap:8px}.workflow-strip li{font-size:9px}.case-typography{font-size:49px}.closing-studio h2{font-size:35px}.header-actions{gap:4px}.menu-button{width:38px}.studio-brand{font-size:22px}.product-art .bag-art{width:235px}.case-art{padding:19px}.system-visual{padding:16px}.system-tabs{gap:4px 10px}.contact-route{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.case-art:hover .bag-art,.primary-button:hover{transform:none}}:root{--ink:#17202d;--navy:#122137;--secondary:#344153;--blue:#175bea;--line:#e5e8ed;--surface:#f5f7fa;color:var(--ink);font-weight:450}html{scroll-padding-top:120px}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.wrap{width:min(1216px,calc(100% - 80px))}h1,h2,h3,h4{font-weight:600;letter-spacing:-.045em}p{color:var(--secondary)}.eyebrow{font-size:11px;letter-spacing:.11em;color:#35445b}.primary-button,.header-project,.demo-next{border-radius:100px;background:#152133;border-color:#152133;box-shadow:0 3px #0b142210;min-height:48px}.primary-button:hover,.header-project:hover,.demo-next:hover{background:#175bea;border-color:#175bea}.primary-button{padding:13px 25px;font-size:15px;gap:18px}.text-button{font-size:15px}.studio-header{position:fixed;top:18px;left:50%;transform:translate(-50%);width:min(1120px,calc(100% - 48px));height:66px;border:1px solid #fff;border-radius:100px;background:#ffffffed;box-shadow:0 7px 35px #182b440c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50}.header-inner.wrap{width:100%;padding:0 16px 0 23px;gap:20px}.studio-brand{font-size:25px;gap:5px}.brand-symbol{width:32px;height:29px}.brand-symbol img{width:75px;height:75px;top:-19px;left:-22px}.main-navigation{gap:19px}.main-navigation a{font-size:12px;font-weight:550}.header-actions{gap:17px}.header-project{min-height:40px;font-size:12px;padding:9px 18px;gap:10px}.language-button{font-size:11px}.menu-button{border-radius:50%}.portfolio-hero{position:relative;min-height:940px;width:100%;overflow:clip;padding:224px 28px 120px;display:flex;justify-content:center;isolation:isolate}.hero-centre{text-align:center;width:min(675px,100%);z-index:2;position:relative;align-self:flex-start}.hero-studio-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.045em;font-weight:600;color:#35445b;margin-bottom:22px}.hero-centre h1{font-size:clamp(50px,4.75vw,72px);line-height:1.12;letter-spacing:-.058em;font-weight:580;position:relative}.hero-centre h1>span{color:#175bea}.hero-underline{display:block;color:#175bea;width:290px;height:18px;margin:7px auto 0}.hero-summary{font-size:16px;line-height:1.9;max-width:470px;margin:20px auto 0;color:#253146}.hero-industries{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 7px;max-width:590px;margin:21px auto 27px}.hero-industries button{font-size:11px;font-weight:550;color:#29384e;background:#f3f5f8;border:1px solid #edf0f4;padding:6px 10px;min-height:34px;border-radius:100px}.hero-industries button:hover{background:#e5eeff;border-color:#b9cef8;color:#0b3b93}.hero-explore{display:flex;justify-content:center;min-height:44px;margin:14px 0 0;font-size:12px;color:#253146}.hero-concept-note{margin-top:10px;font-size:10px;color:#425067}.hero-scroll{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:7px;font-size:11px;white-space:nowrap;color:#425067;z-index:3}.hero-previews{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.floating-preview{position:absolute;width:214px;background:#fff;padding:0;pointer-events:auto;border-radius:13px;box-shadow:0 2px 4px #1221370c,0 12px 45px #12213709;border:1px solid #e3e7ed;overflow:hidden;transition:transform .25s,box-shadow .25s;text-align:left;animation:preview-arrive .65s ease both}.floating-preview:hover{transform:rotate(0) translateY(-9px);box-shadow:0 16px 35px #12213720;z-index:4}.preview-0{left:calc(50% - 628px);top:105px;transform:rotate(-7deg);--tilt:-7deg}.preview-1{right:calc(50% - 650px);top:142px;transform:rotate(8deg);--tilt:8deg;animation-delay:.07s}.preview-2{left:calc(50% - 722px);top:428px;transform:rotate(5deg);--tilt:5deg;animation-delay:.12s}.preview-3{right:calc(50% - 723px);top:488px;transform:rotate(-7deg);--tilt:-7deg;animation-delay:.18s}.preview-4{left:calc(50% - 522px);top:683px;transform:rotate(-5deg);--tilt:-5deg;animation-delay:.24s}.floating-connection{position:absolute;right:calc(50% - 550px);top:699px;transform:rotate(5deg);width:209px;background:#ecf2ff;padding:22px;border:1px solid #dbe5f8;border-radius:14px;display:grid;gap:11px;box-shadow:0 3px 6px #12213707}.floating-connection b{font-size:19px;line-height:1.25;letter-spacing:-.045em}.floating-connection>span:last-child{font-size:7px;letter-spacing:.055em;color:#354761}.connection-orbit{color:#175bea}.connection-orbit svg{width:31px;height:31px}.journey-intro{text-align:center;padding:98px 0 57px;max-width:850px}.journey-intro .eyebrow{justify-content:center}.journey-intro h2{font-size:54px;line-height:1.2;margin:20px 0;position:relative;display:inline-block}.title-spark{display:inline-block;position:absolute;color:#175bea;right:-65px;top:27px;font-size:51px;font-weight:400;transform:rotate(12deg)}.journey-intro>p:last-child{max-width:570px;margin:auto;font-size:16px;line-height:1.9}.hero-studio.experience-lab{padding-top:15px}.experience-header{padding:0 12px;margin-bottom:14px}.experience-header>p{font-size:10px;letter-spacing:.035em}.tour-control{border:1px solid #e1e6ee;padding:7px 15px;border-radius:100px;font-size:11px;background:#fff}.industry-tabs{display:flex;gap:8px;border:0;overflow:visible;margin-bottom:18px;justify-content:center}.industry-tabs button{border:1px solid #e4e8ed!important;border-radius:100px;padding:12px 18px;min-height:49px;justify-content:center;background:#f8f9fb;flex:1;gap:8px;font-size:12px}.industry-tabs button.active{background:#142138;border-color:#142138!important;color:#fff}.industry-tabs button>svg:last-child,.tab-number{display:none}.experience-stage{border:1px solid #e8edf4;border-radius:25px;padding:27px 27px 0;background:#f3f6fa;gap:24px;grid-template-columns:minmax(0,1fr) 240px}.experience-main{border-radius:15px;box-shadow:0 7px 24px #12213708;border-color:#e0e6ef}.demo-browser{background:#fbfcfd}.demo-brandbar{padding:17px 25px}.demo-next{border-radius:100px}.demo-options button{border-radius:9px}.demo-options button.chosen{box-shadow:none;background:#eff4ff;border-color:#4274ce}.demo-summary,.demo-notice,.line-example{border-radius:12px}.operation-top{letter-spacing:.04em}.phone-outline{box-shadow:0 15px 26px #1221370c;border-width:4px;border-color:#24354e}.workflow-strip{padding:0 5px 22px}.industry-context{padding:30px 20px 76px;gap:65px}.industry-context h2{font-size:26px}.industry-context .eyebrow{font-size:10px}.systems-section{background:#f7f8fa;color:#17202d;padding:97px 0;border-radius:40px;margin:25px 20px}.section-intro{margin-bottom:43px;text-align:center;max-width:880px;margin-inline:auto}.section-intro .eyebrow{justify-content:center}.section-intro h2{font-size:46px;line-height:1.22;max-width:none}.section-intro>p:last-child:not(.eyebrow){max-width:610px;margin:22px auto 0;line-height:1.8;font-size:16px}.light-intro h2>span{color:#175bea}.light-intro .eyebrow,.light-intro p{color:#344153}.system-tabs{justify-content:center;border:0;gap:8px}.system-tabs button{padding:11px 19px;min-height:48px;border:1px solid #dee4ed;border-radius:100px;background:#fff;color:#344153;font-size:13px}.system-tabs button.active{border-color:#152133;background:#152133;color:#fff}.system-tabs button:after{display:none}.system-stage{margin-top:24px;background:#fff;border:1px solid #e5eaf1;border-radius:24px;padding:42px;grid-template-columns:1fr 1.5fr;gap:60px}.system-explanation>p,.system-explanation .mono,.system-boundary{color:#344153}.system-explanation h3{color:#17202d;font-size:36px}.system-boundary{border-color:#e1e6ee}.system-visual{background:#f4f7fb;border:1px solid #e4eaf3;border-radius:17px;color:#17202d;box-shadow:none}.system-caption{color:#354761}.system-caption button{background:#e6edfa;color:#243b61;border-radius:30px;padding:5px 12px}.automation-nodes b,.chart-foot{color:#344153}.automation-nodes>div>span{border-color:#bdcbe0;background:#fff;color:#354761}.automation-nodes>div.reached>span{background:#e0ebff;border-color:#b2c8ee;color:#164ead}.automation-nodes>div>svg{color:#496386}.system-log{background:#fff;color:#253c61;border:1px solid #dfe7f3;border-radius:9px}.system-action{color:#124cb9}.status-rows>div,.status-rows>button{border-color:#d7e0ec;background:transparent;color:#243b61}.status-rows>button.selected{background:#e3ecfc}.status-icon{background:#e0eaff;color:#175bea}.funnel>div{color:#253146}.funnel>div>div{background:#e2e9f4}.mini-website{background:#fff;color:#152133;border-radius:12px}.mini-website>p{color:#344153}.mini-website button{border-radius:100px}.work-section{padding-top:110px}.case-feature{gap:60px;align-items:center}.case-art{border-radius:24px;min-height:450px;overflow:hidden;background:#eeeadf}.case-description h3{font-size:36px;line-height:1.25}.outline-tag{border-radius:100px;padding:7px 13px;font-size:9px;background:#f6f8fb;border-color:#dce3ed}.case-note{border-left:2px solid #175bea;padding-left:20px}.case-index{background:#f8f9fb;border-radius:17px;padding:10px 25px;gap:0 36px}.case-index a:last-child{border-bottom:0}.case-index b{font-weight:550}.process-list{max-width:960px;margin:auto;border-top:0}.process-list details{border:1px solid #e6eaf0;border-radius:15px;margin-bottom:12px;padding-inline:27px;background:#fff}.process-list details[open]{background:#f7f9fc}.process-list summary{padding:24px 0}.process-list h3{font-size:25px}.process-list summary>span:first-child{color:#175bea}.process-list details>div{padding-bottom:26px}.engagement-section{margin:20px;border-radius:35px;background:#f1f5fc;padding:80px 0}.engagement-layout{gap:80px}.engagement-layout h2{font-size:44px;line-height:1.25}.engagement-options{display:grid;gap:13px}.engagement-options button{background:#fff;border:1px solid #e0e7f2;border-radius:16px;padding:23px 25px}.engagement-options button:hover{border-color:#7c9fd8;transform:translate(3px)}.engagement-options b{font-size:25px}.engagement-options small{font-size:14px;color:#344153;margin-top:7px}.insight-rows{gap:28px}.insight-rows>a{border-top:0;background:#f6f8fb;border-radius:19px;padding:29px 26px;min-height:270px}.insight-rows>a:hover{background:#edf2fa}.insight-rows>a>span{color:#3c5372}.insight-rows h3{font-size:26px;margin-top:25px}.insight-rows p{font-size:15px}.insight-rows>a>svg{position:static;margin-top:24px}.faq-studio{grid-template-columns:.85fr 1.2fr;gap:80px}.faq-studio .section-intro{text-align:left;margin:0}.faq-studio .eyebrow{justify-content:flex-start}.faq-studio h2{font-size:39px}.faq-studio details{border-color:#e0e6ee}.faq-studio h3{font-size:17px;letter-spacing:-.02em}.closing-studio{margin:20px 20px 0;border-radius:36px;background:#f6f8fb;color:#17202d;padding:88px 0 84px;text-align:center}.closing-studio>.wrap{display:flex;flex-direction:column;align-items:center;gap:0}.closing-mark{color:#175bea;font-size:70px;line-height:1;margin-bottom:28px}.closing-studio .eyebrow{justify-content:center;color:#344153;margin-bottom:25px}.closing-studio h2{font-size:65px;line-height:1.15;letter-spacing:-.055em}.closing-studio h2>span{position:static;color:#175bea;font-size:inherit}.closing-studio p.closing-copy{max-width:500px;font-size:16px;line-height:1.9;margin:24px auto 26px;color:#344153}.closing-studio .primary-button{display:inline-flex}.closing-email{display:block;font-size:13px;margin-top:18px;color:#344153}.studio-footer{padding:70px 0 24px;background:#fff;color:#17202d;overflow:clip}.studio-footer>.footer-top{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}.footer-top>div>p{font-size:14px;max-width:275px;margin:17px 0 0;color:#344153;line-height:1.9}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.footer-links>div{display:grid;gap:12px;align-content:start}.footer-links b{font-size:12px;margin-bottom:7px}.footer-links a,.footer-links button{font-size:12px;background:none;text-align:left;padding:0;color:#344153;display:flex;align-items:center;gap:5px}.footer-links a:hover,.footer-links button:hover{color:#175bea}.footer-wordmark{font-size:clamp(100px,20vw,320px);font-weight:750;line-height:1.15;letter-spacing:-.09em;margin:58px auto 30px;text-align:center;color:#152c50;white-space:nowrap;width:max-content;max-width:100%}.footer-wordmark>span{font-size:.25em;vertical-align:top;display:inline-block;margin-top:.2em;margin-left:.25em;color:#175bea}.studio-footer>.footer-bottom{border-top:1px solid #e4e9ef;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#344153}.footer-bottom button{background:none;font-size:11px;padding:0}.studio-contact-float{border-radius:100px;padding:13px 20px;box-shadow:0 7px 23px #1221371a;bottom:22px;right:23px}.studio-contact-dialog,.project-dialog{border-radius:24px;border:1px solid #e5e9ef;box-shadow:0 24px 100px #12213725}.modal-close{border-radius:50%;background:#f0f3f8}.project-options label,.contact-route{border-radius:12px}.project-options label.selected{background:#edf3ff}.field-label input,.field-label select{border-radius:9px}.project-progress>span{border-radius:5px}.brief-context{border-radius:10px}.project-dialog h2{letter-spacing:-.04em}.page-intro{padding-top:158px;text-align:center;padding-bottom:58px;max-width:980px}.page-intro .eyebrow{justify-content:center;margin-top:30px}.page-intro h1{font-size:58px;line-height:1.2;max-width:900px;margin:20px auto}.page-intro>p:last-child{margin:20px auto 0;max-width:660px;font-size:18px;line-height:1.85}.back-link{font-size:12px;color:#40516a}.detail-demo{padding-top:10px}.industry-directory{padding-bottom:65px}.industry-directory>a{border:1px solid #e4e9f1;border-radius:18px;padding:30px;margin-bottom:14px;background:#f8faff}.industry-directory>a:hover{background:#eef4ff}.service-list{padding-bottom:60px}.service-list article{padding:32px;border:1px solid #e4e9f1;border-radius:18px;margin-bottom:16px;background:#f8faff}.service-list .round-arrow{background:#fff;border:1px solid #dfe6f1}.service-list h2{font-size:31px}.solution-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:65px}.solution-list article{background:#f4f7fc;padding:29px;border:1px solid #e3eaf4;border-radius:22px}.solution-list h2{font-size:30px}.study-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.study-content article{border:1px solid #e4e9f1;padding:30px;border-radius:20px;background:#f8faff}.study-content article>span{position:static;display:block;color:#175bea;margin-bottom:15px}.study-content h2{font-size:27px}.study-content p{font-size:16px}.study-content article:last-child{grid-column:1/-1}.about-statement{padding:35px 0 65px}.long-read{max-width:850px}.long-read h2{margin-top:25px}.long-read p{font-size:17px}@keyframes preview-arrive{0%{translate:0 22px}to{translate:0 0}}@media(min-width:1650px){.portfolio-hero{min-height:980px}.floating-preview{width:235px}.preview-0{left:calc(50% - 710px)}.preview-1{right:calc(50% - 735px)}.preview-2{left:calc(50% - 835px)}.preview-3{right:calc(50% - 830px)}.preview-4{left:calc(50% - 580px)}.floating-connection{right:calc(50% - 600px)}}@media(max-width:1200px){.main-navigation{gap:13px}.header-inner.wrap{gap:14px}.main-navigation a{font-size:11px}.header-actions{gap:12px}.floating-preview{width:177px}.preview-0{left:-20px;top:143px}.preview-1{right:-20px;top:160px}.preview-2{left:-65px;top:439px}.preview-3{right:-60px;top:470px}.preview-4{left:80px;top:679px}.floating-connection{right:70px;top:710px;width:175px;padding:18px}.hero-centre{max-width:610px}.hero-centre h1{font-size:60px}.portfolio-hero{padding-top:230px}.hero-summary{max-width:440px}.system-stage{gap:35px;padding:30px}.experience-stage{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.case-feature{gap:35px}.case-description h3{font-size:30px}}@media(max-width:1050px){.main-navigation{display:none;position:absolute;top:74px;left:0;right:0;border:1px solid #e1e7f0;border-radius:20px;background:#fff;padding:19px 25px;box-shadow:0 15px 35px #12213710}.main-navigation.open{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 25px}.main-navigation a{font-size:14px}.menu-button{display:flex}.header-actions{gap:16px}.hero-centre{max-width:570px}.hero-centre h1{font-size:54px}.floating-preview{width:150px}.preview-0{left:-37px}.preview-1{right:-40px}.preview-2{left:-68px;top:448px}.preview-3{right:-70px}.preview-4{left:35px;top:697px}.floating-connection{right:30px;top:712px;width:160px}.experience-stage{grid-template-columns:minmax(0,1fr) 200px;padding:20px 20px 0}.phone-outline{width:192px}.industry-tabs button{font-size:11px;padding:11px}.industry-tabs button svg{width:16px}.industry-context{gap:35px}.solution-list{grid-template-columns:1fr}.footer-top{gap:35px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.studio-header{top:12px;width:calc(100% - 32px);height:62px}.header-inner.wrap{padding:0 12px 0 19px}.portfolio-hero{padding:145px 20px 370px;min-height:1050px}.hero-centre{max-width:570px}.hero-centre h1{font-size:52px}.hero-summary{font-size:16px;max-width:470px}.hero-industries{max-width:520px;margin:18px auto 23px}.hero-previews{top:auto;bottom:45px;height:280px;display:flex;align-items:center;justify-content:center;gap:15px;width:100%}.floating-preview{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:180px;flex:0 0 180px;animation:none}.preview-0{transform:rotate(-7deg);order:1}.preview-1{transform:rotate(5deg);order:2}.preview-2{transform:rotate(-5deg);order:3}.preview-3{transform:rotate(7deg);order:4}.preview-4{transform:rotate(-5deg);order:5}.floating-connection{display:none}.hero-scroll{bottom:15px;font-size:10px}.journey-intro{padding-top:65px;padding-bottom:40px}.journey-intro h2{font-size:42px}.title-spark{font-size:32px;right:-37px}.experience-header{padding:0;gap:12px}.experience-header>p{font-size:9px;max-width:340px}.industry-tabs{flex-wrap:wrap;gap:7px}.industry-tabs button{flex:1 0 calc(33.333% - 7px);font-size:12px}.experience-stage{grid-template-columns:1fr;padding:20px 20px 0;border-radius:22px}.workflow-strip{padding:0 0 20px}.industry-context{padding:27px 5px 45px;gap:18px}.industry-context h2{font-size:27px}.systems-section{margin:15px 12px;border-radius:27px;padding:62px 0}.systems-section>.wrap{width:calc(100% - 36px)}.section-intro h2{font-size:37px}.system-tabs{flex-wrap:wrap;gap:7px}.system-tabs button{font-size:12px;padding:10px 13px}.system-stage{grid-template-columns:1fr;padding:25px;gap:25px;border-radius:18px}.system-explanation{display:block}.system-explanation h3{font-size:30px;margin:13px 0}.system-explanation>p{font-size:16px}.system-boundary{display:block}.system-visual{padding:25px}.work-section{padding-top:65px}.case-art{min-height:360px}.case-feature{gap:25px}.case-description h3{font-size:31px}.case-index{padding-inline:20px}.process-list details{padding-inline:20px}.process-list h3{font-size:23px}.engagement-section{margin:12px;border-radius:25px;padding:55px 0}.engagement-layout{gap:30px}.engagement-layout h2{font-size:37px}.insight-rows>a{min-height:0}.faq-studio{grid-template-columns:1fr;gap:28px;padding-top:45px}.faq-studio h2{font-size:36px}.closing-studio{margin:12px 12px 0;border-radius:26px;padding:63px 0}.closing-studio h2{font-size:47px}.closing-mark{font-size:55px;margin-bottom:20px}.studio-footer{padding-top:50px}.studio-footer>.footer-top{grid-template-columns:1fr;gap:34px}.footer-links{gap:20px}.footer-wordmark{margin-top:40px;margin-bottom:25px}.page-intro{padding-top:125px}.page-intro h1{font-size:43px}.page-intro>p:last-child{font-size:17px}.study-content{grid-template-columns:1fr;gap:16px}.study-content article{padding:25px}.study-content article:last-child{grid-column:auto}.service-list article{padding:25px}.service-list h2{font-size:27px}.industry-directory>a{padding:25px}}@media(max-width:540px){.wrap{width:calc(100% - 36px)}.studio-header{top:10px;height:58px;width:calc(100% - 24px)}.studio-brand{font-size:22px}.header-actions{gap:6px}.brand-symbol{width:29px;height:26px}.brand-symbol img{width:68px;height:68px;top:-17px;left:-20px}.main-navigation{top:67px}.main-navigation.open{grid-template-columns:1fr 1fr}.portfolio-hero{padding:122px 21px 296px;min-height:890px}.hero-studio-label{font-size:9px;letter-spacing:0;gap:6px;margin-bottom:24px}.hero-centre h1{font-size:40px;line-height:1.15;letter-spacing:-.055em}html[lang=th] .hero-centre h1{font-size:45px;line-height:1.3;letter-spacing:-.035em}.hero-underline{width:210px;margin-top:4px}.hero-summary{font-size:15px;line-height:1.85;margin-top:18px;max-width:335px}.hero-industries{gap:6px;margin:21px auto 22px;max-width:330px}.hero-industries button{font-size:10px;min-height:32px;padding:6px 10px}.hero-primary{font-size:14px;min-height:47px}.hero-explore{margin-top:11px;font-size:11px}.hero-concept-note{font-size:9px;max-width:270px;margin:8px auto 0}.hero-previews{height:212px;bottom:55px;gap:12px}.floating-preview{width:146px;flex-basis:146px;border-radius:10px}.preview-0{order:3}.preview-1{order:1}.preview-2{order:2}.preview-3{order:4}.preview-4{order:5}.hero-scroll{bottom:15px;font-size:9px;gap:3px}.journey-intro{padding-top:52px;padding-bottom:28px}.journey-intro h2{font-size:33px;line-height:1.3;letter-spacing:-.04em;margin:17px 0}.journey-intro .eyebrow{font-size:8px;letter-spacing:.055em}.journey-intro>p:last-child{font-size:15px;line-height:1.85}.title-spark{font-size:23px;right:-20px;top:8px}.experience-header{gap:7px}.experience-header>p{font-size:8px;max-width:205px;gap:6px}.tour-control{font-size:9px;padding:6px 11px;gap:5px;min-height:38px}.industry-tabs{gap:6px;margin-bottom:13px}.industry-tabs button{flex:1 0 calc(50% - 6px);justify-content:center;padding:9px 8px;font-size:11px;gap:6px;min-height:42px}.industry-tabs button:last-child{flex:0 1 calc(50% - 3px)}.industry-tabs button>svg:last-child{display:none}.experience-stage{padding:9px 9px 0;border-radius:17px;gap:15px}.experience-main{border-radius:11px}.demo-brandbar{padding:14px}.demo-content{min-height:450px}.shop-copy{padding:20px}.shop-copy h3{font-size:28px}.demo-options button{font-size:14px}.demo-next{font-size:11px;min-height:42px;padding:10px 13px}.demo-controls{padding:12px}.workflow-strip{padding:0 3px 15px;gap:8px 10px}.workflow-strip li{font-size:9px}.industry-context{padding:24px 0 32px;gap:17px}.industry-context h2{font-size:25px}.industry-context .eyebrow{font-size:9px}.systems-section{padding:49px 0;margin:12px 8px;border-radius:22px}.systems-section>.wrap{width:calc(100% - 24px)}.section-intro{margin-bottom:28px}.section-intro h2{font-size:31px;line-height:1.32}.section-intro .eyebrow{font-size:9px}.system-tabs{gap:6px}.system-tabs button{padding:8px 11px;font-size:11px;gap:6px;min-height:40px}.system-tabs button svg{width:16px}.system-stage{padding:19px 14px;gap:23px;margin-top:18px}.system-explanation h3{font-size:29px}.system-explanation>p{font-size:15px}.system-visual{padding:17px}.system-boundary{font-size:10px}.automation-nodes{gap:19px 10px}.automation-nodes b{font-size:10px}.case-art{min-height:325px;border-radius:20px}.case-art .bag-art{height:255px}.case-description h3{font-size:29px}.case-index{border-radius:13px;padding-inline:18px}.process-list details{padding-inline:17px;border-radius:12px}.process-list summary{padding:20px 0;gap:12px}.process-list h3{font-size:22px}.process-list details>div{padding-left:0}.engagement-section{padding:47px 0;margin:12px 8px}.engagement-layout h2{font-size:33px}.engagement-options button{padding:21px 20px}.engagement-options b{font-size:23px}.engagement-options small{font-size:14px}.insight-rows{gap:15px}.insight-rows>a{padding:25px}.insight-rows h3{font-size:25px}.faq-studio h2{font-size:32px}.closing-studio{padding:56px 0;margin:12px 8px 0;border-radius:22px}.closing-studio .eyebrow{font-size:8px;letter-spacing:.03em}.closing-studio h2{font-size:37px;line-height:1.22}.closing-studio p.closing-copy{font-size:15px;max-width:290px}.closing-mark{font-size:46px}.footer-links{gap:15px;grid-template-columns:1fr 1fr}.footer-links>div:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px 15px}.footer-links>div:last-child>b{grid-column:1/-1}.footer-links a,.footer-links button{font-size:12px;min-height:28px}.footer-top>div>p{font-size:14px;max-width:310px}.footer-wordmark{font-size:22vw;letter-spacing:-.09em;margin-block:35px 25px}.studio-footer>.footer-bottom{font-size:9px;flex-wrap:wrap;gap:10px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}.studio-contact-float{bottom:14px;right:14px;padding:12px 17px}.project-dialog{border-radius:21px;padding:30px 22px}.studio-contact-dialog{border-radius:20px}.page-intro{padding-top:112px;padding-bottom:39px}.page-intro h1{font-size:35px;line-height:1.3}.page-intro .eyebrow{font-size:9px;margin-top:22px}.page-intro>p:last-child{font-size:16px}.industry-directory>a{padding:22px}.service-list article{padding:23px 18px}.service-list h2{font-size:25px}.study-content article{padding:24px}.study-content h2{font-size:25px}.solution-list article{padding:25px}.solution-list h2{font-size:29px}}@media(max-width:360px){.hero-centre h1{font-size:35px}html[lang=th] .hero-centre h1{font-size:40px}.hero-summary{font-size:14px}.portfolio-hero{min-height:925px}.hero-industries button{font-size:9px}.hero-studio-label{font-size:8px}.title-spark{display:none}.journey-intro h2{font-size:30px}.section-intro h2{font-size:29px}.demo-next{font-size:10px;padding-inline:10px}.system-visual{padding:13px}.closing-studio h2{font-size:33px}.footer-links{gap:12px}.experience-header>p{max-width:177px;font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.floating-preview:hover{translate:none;transform:rotate(var(--tilt))}.engagement-options button:hover{transform:none}}.systems-section{background:#131d2b;color:#fff;border:1px solid #182b42}.systems-section .light-intro h2{color:#fff}.light-intro h2>span{color:#a6c6ff}.systems-section .light-intro .eyebrow,.systems-section .light-intro>p{color:#d3deed}.system-tabs button{background:#1d2a3e;color:#e8eff9;border-color:#45546b}.system-tabs button.active{background:#eef4ff;color:#182a46;border-color:#eef4ff}.system-stage{background:transparent;border:0;padding:36px 10px 0}.system-explanation h3{color:#fff}.system-explanation>p,.system-explanation .mono,.system-boundary{color:#d3deed}.system-boundary{border-color:#45546b}.system-visual{background:#f3f6fc;min-height:340px;box-shadow:0 15px 40px #0002}.system-visual .mini-website p,.system-visual .system-caption,.system-visual p.chart-foot{color:#344153}.case-art{padding:0;display:flex;flex-direction:column;gap:0;background:#fff!important;position:relative;border:1px solid #e5eaf1}.case-art-label{position:absolute;left:22px;top:18px;z-index:5;background:#ffffffef;padding:5px 10px;border-radius:30px;font-size:8px}.case-art>.cp-artwork{aspect-ratio:1.14;flex:1;width:100%;border-radius:0}.case-art-bottom{position:static!important;padding:18px 23px;background:#fff;color:#172b40}.case-art .cp-artwork .cp-brand-line{top:13%}.case-art .cp-artwork .cp-art-head{top:23%}.case-art .cp-artwork .cp-mini{left:9%;right:9%;bottom:8%;padding:14px;gap:12px}.case-art .cp-artwork .cp-mini-icon{width:40px;height:40px}.case-art .cp-artwork .cp-mini small{font-size:11px}.case-art .cp-artwork .cp-mini b{font-size:15px}.closing-studio{background:#131d2b;color:#fff;position:relative;isolation:isolate;overflow:hidden;min-height:640px;display:flex;align-items:center;margin-bottom:20px}.closing-studio>.wrap{position:relative;z-index:2}.closing-studio h2{color:#fff;max-width:720px}.closing-studio h2>span{color:#a6c6ff}.closing-studio .eyebrow,.closing-studio p.closing-copy,.closing-email{color:#d9e4f3}.closing-studio .primary-button{background:#eef4ff;color:#132644;border-color:#eef4ff}.closing-studio .primary-button:hover{background:#d5e3ff}.closing-mark{color:#a6c6ff}.closing-art{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.18}.closing-art>div{position:absolute;width:280px;border-radius:22px;overflow:hidden}.closing-art>div:nth-child(1){top:-60px;left:-50px;transform:rotate(-12deg)}.closing-art>div:nth-child(2){top:-75px;right:-45px;transform:rotate(13deg)}.closing-art>div:nth-child(3){bottom:-100px;left:90px;transform:rotate(9deg)}.closing-art>div:nth-child(4){bottom:-85px;right:70px;transform:rotate(-10deg)}@media(max-width:800px){.system-stage{padding:25px 5px 0}.system-visual{min-height:310px}.closing-art>div{width:200px}.closing-art>div:nth-child(3){left:-40px}.closing-art>div:nth-child(4){right:-45px}.closing-studio{min-height:560px}.case-art{min-height:0}}@media(max-width:540px){.system-stage{padding:20px 0 0}.system-visual{padding:18px}.case-art>.cp-artwork{aspect-ratio:1.05}.case-art-label{top:12px;left:14px;font-size:7px}.case-art-bottom{padding:15px 18px}.case-art .cp-artwork .cp-mini{padding:9px;left:7%;right:7%}.case-art .cp-artwork .cp-mini b{font-size:12px}.case-art .cp-artwork .cp-mini small{font-size:9px}.closing-studio{min-height:600px}.closing-art{opacity:.1}.closing-art>div{width:155px}.closing-art>div:nth-child(1){top:0;left:-50px}.closing-art>div:nth-child(2){top:-40px;right:-55px}.closing-art>div:nth-child(3){bottom:-30px;left:-40px}.closing-art>div:nth-child(4){bottom:-15px;right:-30px}}.closing-art .cp-brand-line,.closing-art .cp-art-head,.closing-art .cp-mini,.closing-art .cp-paper-heading,.closing-art .cp-paper-flow,.closing-art .cp-strategy-paper>small,.closing-art .cp-product-note,.closing-art .cp-ai-label,.closing-art .cp-north-letter{visibility:hidden}.experience-header{scroll-margin-top:115px}.motion-toggle{position:fixed;z-index:45;bottom:23px;left:23px;display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #d7dfe9;border-radius:100px;background:#fffffff5;box-shadow:0 5px 18px #1221370a;color:#25364d;font-size:11px;font-weight:550;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.motion-toggle svg{width:13px;height:13px}.motion-toggle:disabled{opacity:1;color:#42536c;cursor:default}.motion-toggle:hover:not(:disabled){background:#eef4ff;border-color:#a6bfe5}@media(prefers-reduced-motion:no-preference){html[data-motion=on] .hero-centre>.hero-studio-label{animation:br-rise .65s cubic-bezier(.2,.7,.25,1) both}html[data-motion=on] .hero-centre>h1{animation:br-rise .85s cubic-bezier(.2,.7,.25,1) both}html[data-motion=on] .hero-summary,html[data-motion=on] .hero-industries{animation:br-rise 1s cubic-bezier(.2,.7,.25,1) both}html[data-motion=on] .hero-underline path{stroke-dasharray:570;animation:br-draw 1.3s cubic-bezier(.3,.6,.2,1) both}html[data-motion=on] .floating-preview{animation:br-float 7.2s ease-in-out infinite;animation-play-state:paused}html[data-motion=on] .preview-1{animation-duration:8.1s;animation-delay:-2.8s}html[data-motion=on] .preview-2{animation-duration:8.7s;animation-delay:-4.1s}html[data-motion=on] .preview-3{animation-duration:7.9s;animation-delay:-1.5s}html[data-motion=on] .preview-4{animation-duration:9.2s;animation-delay:-5.5s}html[data-motion=on] .floating-connection{animation:br-float 9.5s ease-in-out -2s infinite;animation-play-state:paused}html[data-motion=on][data-motion-running=true] .portfolio-hero[data-in-view=true] .floating-preview,html[data-motion=on][data-motion-running=true] .portfolio-hero[data-in-view=true] .floating-connection{animation-play-state:running}html[data-motion=on] .portfolio-hero .floating-preview:hover,html[data-motion=on] .portfolio-hero .floating-preview:focus-visible{animation-play-state:paused}html[data-motion=on] .hero-scroll svg{animation:br-scroll-hint 2.6s ease-in-out 2;animation-play-state:paused}html[data-motion=on][data-motion-running=true] .portfolio-hero[data-in-view=true] .hero-scroll svg{animation-play-state:running}html[data-motion=on] [data-reveal].is-revealed{animation:br-reveal .85s cubic-bezier(.2,.7,.2,1) both}html[data-motion=on] .insight-rows>a[data-reveal]:nth-child(2){animation-delay:.08s}html[data-motion=on] .insight-rows>a[data-reveal]:nth-child(3){animation-delay:.16s}html[data-motion=on] .demo-content,html[data-motion=on] .phone-state,html[data-motion=on] .system-stage{animation:br-panel .42s cubic-bezier(.2,.7,.2,1) both}html[data-motion=on] .workflow-strip li.current>span,html[data-motion=on] .automation-nodes>.reached>span{animation:br-node .48s cubic-bezier(.2,.7,.3,1) both}html[data-motion=on] .funnel i{transform-origin:left;animation:br-bar .75s cubic-bezier(.2,.7,.3,1) both}html[data-motion=on] .funnel>div:nth-child(2) i{animation-delay:.08s}html[data-motion=on] .funnel>div:nth-child(3) i{animation-delay:.16s}html[data-motion=on] .process-list details[open]>div,html[data-motion=on] .faq-studio details[open]>p{animation:br-panel .32s ease-out}html[data-motion=on] .project-dialog[open],html[data-motion=on] .studio-contact-dialog[open]{animation:br-dialog .3s cubic-bezier(.2,.7,.2,1)}html[data-motion=on] .closing-studio .closing-mark{animation:br-turn 32s linear infinite;animation-play-state:paused}html[data-motion=on][data-motion-running=true] .closing-studio[data-in-view=true] .closing-mark{animation-play-state:running}html[data-motion=on] .primary-button,html[data-motion=on] .header-project,html[data-motion=on] .hero-industries button,html[data-motion=on] .industry-tabs button,html[data-motion=on] .system-tabs button{transition:background .2s,color .2s,border-color .2s,transform .25s,scale .2s,box-shadow .2s}html[data-motion=on] .primary-button>svg,html[data-motion=on] .text-button>svg,html[data-motion=on] .header-project>svg,html[data-motion=on] .contact-route>svg:last-child{transition:translate .25s cubic-bezier(.2,.7,.2,1)}html[data-motion=on] .primary-button:hover>svg,html[data-motion=on] .header-project:hover>svg,html[data-motion=on] .contact-route:hover>svg:last-child{translate:3px -3px}html[data-motion=on] .text-button:hover>svg{translate:4px 0}html[data-motion=on] .primary-button:active,html[data-motion=on] .header-project:active{scale:.97}html[data-motion=on] .hero-industries button:hover{translate:0 -2px}html[data-motion=on] .case-art .cp-artwork .cp-bag,html[data-motion=on] .case-art .cp-artwork .cp-building,html[data-motion=on] .case-art .cp-artwork .cp-orbit,html[data-motion=on] .case-art .cp-artwork .cp-strategy-paper,html[data-motion=on] .case-art .cp-artwork .cp-clinic-image{transition:scale .7s cubic-bezier(.2,.7,.2,1)}html[data-motion=on] .case-art:hover .cp-bag,html[data-motion=on] .case-art:hover .cp-building,html[data-motion=on] .case-art:hover .cp-orbit,html[data-motion=on] .case-art:hover .cp-strategy-paper,html[data-motion=on] .case-art:hover .cp-clinic-image{scale:1.045}html[data-motion=on] .insight-rows>a{transition:background .25s,box-shadow .3s}html[data-motion=on] .insight-rows>a:hover{box-shadow:0 14px 30px #12213709}}@keyframes br-float{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes br-rise{0%{translate:0 18px}to{translate:0 0}}@keyframes br-reveal{0%{translate:0 26px}to{translate:0 0}}@keyframes br-panel{0%{translate:0 10px}to{translate:0 0}}@keyframes br-dialog{0%{translate:0 15px;scale:.985}to{translate:0 0;scale:1}}@keyframes br-node{0%{scale:.86}65%{scale:1.08}to{scale:1}}@keyframes br-bar{0%{scale:.2 1}to{scale:1 1}}@keyframes br-draw{0%{stroke-dashoffset:570}to{stroke-dashoffset:0}}@keyframes br-turn{0%{rotate:0deg}to{rotate:360deg}}@keyframes br-scroll-hint{0%,to{translate:0 0}50%{translate:0 5px}}html[data-motion-running=false] *,html[data-motion-running=false] *:before,html[data-motion-running=false] *:after{animation-play-state:paused!important}html[data-motion=off]{scroll-behavior:auto!important}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off] .floating-preview:hover{transform:rotate(var(--tilt));translate:none}@media(max-width:800px){@keyframes br-float{0%,to{translate:0 0}50%{translate:0 -6px}}}@media(max-width:540px){.motion-toggle{left:14px;bottom:14px;padding:10px 12px;font-size:10px;gap:6px}.motion-toggle svg{width:12px;height:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-industries button:hover{translate:none}.case-art:hover .cp-bag,.case-art:hover .cp-building,.case-art:hover .cp-orbit,.case-art:hover .cp-strategy-paper,.case-art:hover .cp-clinic-image{scale:1}}@media(prefers-reduced-motion:no-preference){html[data-motion=on][data-motion-running=true] .portfolio-hero[data-in-view=true] .floating-preview:is(:hover,:focus-visible){animation-play-state:paused}}.workflow-preview{--mp-accent:#175bea;--mp-tint:#edf3ff;width:100%;min-width:0;border:1px solid #dbe3ed;border-radius:15px;background:#fff;color:#142239;text-align:left;overflow:hidden;font-weight:450;box-shadow:0 10px 36px #1221370b}.mp-contractor{--mp-accent:#365b43;--mp-tint:#eef4ee}.mp-gaming{--mp-accent:#6441b2;--mp-tint:#f4efff}.mp-ecommerce{--mp-accent:#255971;--mp-tint:#edf5f8}.mp-business{--mp-accent:#23598c;--mp-tint:#eff5fb}.mp-healthcare{--mp-accent:#226456;--mp-tint:#edf6f2}.mp-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;gap:10px;background:var(--mp-tint);border-bottom:1px solid #dfe5ec}.mp-heading>h2{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750;color:#152840}.mp-heading>small{border:1px solid #c6d1df;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:700;letter-spacing:.07em;color:#334761;background:#fff}.mp-device-pair{display:grid;grid-template-columns:minmax(0,1fr) 109px;gap:10px;padding:14px 11px 11px;align-items:start;background:#f8fafc;min-width:0}.mp-desktop{min-width:0;background:#fff;border:1px solid #d6dfe9;border-radius:8px;overflow:hidden}.mp-windowbar{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;gap:10px;background:#f3f6fa;border-bottom:1px solid #e3e9f1;font-size:7px;letter-spacing:.08em;color:#48617e}.mp-windowbar>span:first-child{letter-spacing:1px;font-size:6px;color:#637994}.mp-screen{padding:13px 12px 12px;display:flex;flex-direction:column;min-height:304px;min-width:0}.mp-job{font-size:9px;line-height:1.5;font-weight:650;color:var(--mp-accent);margin:0 0 9px;letter-spacing:.02em}.mp-step-line{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8px;color:#3a526e;border-bottom:1px solid #e4eaf2;padding-bottom:7px;margin-bottom:10px}.mp-screen-title{font-size:17px;line-height:1.3;letter-spacing:-.035em;font-weight:700;margin:0 0 12px!important;color:#142239}.mp-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.mp-choices{display:grid;gap:6px}.mp-choices button{display:flex;justify-content:space-between;align-items:center;gap:7px;min-height:40px;border:1px solid #cad5e3;background:#fff;border-radius:6px;padding:9px 8px;text-align:left;color:#1e344f;font-size:11px;line-height:1.4;font-weight:550}.mp-choices button[aria-pressed=true]{background:var(--mp-tint);border-color:var(--mp-accent);color:#152840;box-shadow:inset 2px 0 var(--mp-accent)}.mp-choices button:hover:not(:disabled){border-color:var(--mp-accent)}.mp-radio{width:10px;height:10px;border:1px solid #a8b6c7;border-radius:50%;flex-shrink:0}.mp-choices button:disabled{opacity:1;color:#58677b;background:#edf0f4;border-style:dashed}.mp-choices small{font-size:8px;color:#425670}.mp-field{display:flex;flex-direction:column;gap:5px;font-size:10px;line-height:1.4;font-weight:650;color:#263d59}.mp-field input,.mp-field select{width:100%;min-width:0;min-height:39px;border:1px solid #bac9dc;border-radius:5px;padding:8px 7px;background:#fff;color:#172b46;font-size:12px;font-weight:450;line-height:1.5}.mp-field input::placeholder{color:#53667f;opacity:1}.mp-field select{padding-right:19px}.mp-hint{font-size:9px;line-height:1.65;color:#344b66!important;margin:0}.mp-product-line{display:flex;align-items:center;gap:9px;background:var(--mp-tint);padding:11px 9px;border-radius:6px;font-size:10px;line-height:1.5;color:#273e58}.mp-product-name{font-size:12px;line-height:1.5;color:#142b46}.mp-summary{margin:0;display:grid;gap:0;min-width:0}.mp-summary>div{padding:7px 0;border-bottom:1px solid #e5eaf0;display:flex;justify-content:space-between;align-items:start;gap:8px;font-size:10px;line-height:1.55;min-width:0}.mp-summary dt{color:#3e536e;flex-shrink:0}.mp-summary dd{margin:0;text-align:right;font-weight:650;color:#142b46;overflow-wrap:anywhere;min-width:0}.mp-quantity{display:flex;align-items:center;justify-content:space-between;border:1px solid #cdd8e6;border-radius:5px;width:121px}.mp-quantity button{width:36px;height:36px;display:grid;place-items:center;background:#fff;border-radius:5px}.mp-quantity output{font-size:12px}.mp-total{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dbe4ef;padding-top:10px;font-size:12px;color:#223953}.mp-recommendation{padding:13px 10px;border-radius:7px;background:var(--mp-tint);display:grid;gap:10px;border:1px solid #d7e2ef}.mp-recommendation>svg{color:var(--mp-accent)}.mp-recommendation strong{font-size:15px;line-height:1.3;color:#173451}.mp-recommendation>p{font-size:10px;line-height:1.7;color:#344b66}.mp-slots{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mp-slots button{min-height:40px;border:1px solid #c4d4de;border-radius:6px;background:#fff;font-size:12px;color:#193d37;display:grid;place-items:center;gap:2px;padding:7px}.mp-slots button[aria-pressed=true]{background:var(--mp-tint);border-color:var(--mp-accent);box-shadow:inset 0 0 0 1px var(--mp-accent)}.mp-slots button:disabled{opacity:1;background:#f0f2f5;color:#52616e;text-decoration:line-through}.mp-slots small{font-size:8px;text-decoration:none}.mp-success{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:10px 0;color:var(--mp-accent)}.mp-success strong{font-size:15px;line-height:1.35;color:#19334e}.mp-success p{font-size:11px;line-height:1.7;color:#344b66}.mp-success>span{font-size:8px;letter-spacing:.07em;padding:3px 6px;border-radius:4px;background:var(--mp-tint);color:#23415c}.mp-actions{display:flex;gap:6px;margin-top:13px}.mp-next,.mp-reset{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;background:var(--mp-accent);color:#fff;min-height:39px;padding:9px 8px;border-radius:6px;font-size:10px;line-height:1.4;font-weight:650;text-align:center}.mp-next:hover,.mp-reset:hover{filter:brightness(.91)}.mp-back{width:32px;flex-shrink:0;display:grid;place-items:center;border:1px solid #cad5e4;background:#fff;color:#294462;border-radius:6px}.mp-reset{background:#fff;color:#253e5b;border:1px solid #c8d5e6}.mp-error{font-size:10px;line-height:1.6;color:#9b1c1c!important;background:#fff0f0;border:1px solid #f0c8c8;padding:7px;border-radius:5px;margin-top:8px}.mp-phone{min-width:0;min-height:287px;background:#fff;border:3px solid #263b55;border-radius:18px;padding:9px 9px 12px;position:relative;box-shadow:0 8px 15px #1328420b}.mp-phone-top{display:flex;align-items:center;justify-content:space-between;font-size:6px;color:#263b55;font-weight:700;margin-bottom:11px}.mp-phone-top>i{height:5px;width:21px;background:#263b55;border-radius:10px;margin-right:19px}.mp-phone-app{display:flex;align-items:center;gap:4px;font-size:7px;font-weight:700;color:#365470;padding-bottom:9px;border-bottom:1px solid #dce4ee}.mp-phone-app svg{width:10px}.mp-phone-status{width:27px;height:27px;display:grid;place-items:center;background:var(--mp-tint);border-radius:7px;color:var(--mp-accent);margin:11px 0 8px}.mp-phone h4{font-size:12px;line-height:1.35;letter-spacing:-.025em;margin-bottom:8px;color:#163451}.mp-phone .mp-summary>div{display:block;font-size:8px;line-height:1.5;padding:6px 0}.mp-phone .mp-summary dt{font-size:7px;color:#456079;margin-bottom:3px}.mp-phone .mp-summary dd{text-align:left;line-height:1.5;overflow-wrap:anywhere}.mp-phone-note{font-size:8px;line-height:1.7;margin-top:10px;color:#344c66!important}.mp-track,.mp-change{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-height:35px;padding:7px 4px;background:var(--mp-tint);border:1px solid #c4d7df;border-radius:5px;color:#15384d;font-size:8px;font-weight:650;line-height:1.4;margin-top:10px}.mp-track svg,.mp-change svg{width:11px;flex-shrink:0}.mp-homebar{display:block;width:30px;height:2px;background:#263b55;border-radius:5px;margin:16px auto 0}.mp-footnote{font-size:8px;line-height:1.6;color:#3c536e;padding:0 12px 11px;background:#f8fafc}.workflow-preview:not(.mp-compact) .mp-device-pair{grid-template-columns:minmax(0,1fr) 160px;gap:18px;padding:22px}.workflow-preview:not(.mp-compact) .mp-screen{padding:20px;min-height:330px}.workflow-preview:not(.mp-compact) .mp-screen-title{font-size:23px}.workflow-preview:not(.mp-compact) .mp-choices button{font-size:14px;padding:12px;min-height:46px}.workflow-preview:not(.mp-compact) .mp-field{font-size:13px}.workflow-preview:not(.mp-compact) .mp-field input,.workflow-preview:not(.mp-compact) .mp-field select{font-size:16px;min-height:44px}.workflow-preview:not(.mp-compact) .mp-phone{padding:13px 14px;border-radius:23px;min-height:345px}.workflow-preview:not(.mp-compact) .mp-phone h4{font-size:16px}.workflow-preview:not(.mp-compact) .mp-phone .mp-summary>div{font-size:11px}.workflow-preview:not(.mp-compact) .mp-phone .mp-summary dt{font-size:9px}.workflow-preview:not(.mp-compact) .mp-phone-note{font-size:10px}.workflow-preview:not(.mp-compact) .mp-hint,.workflow-preview:not(.mp-compact) .mp-footnote{font-size:11px}.workflow-preview:not(.mp-compact) .mp-job{font-size:11px}.workflow-preview:not(.mp-compact) .mp-next,.workflow-preview:not(.mp-compact) .mp-reset{font-size:13px;min-height:44px}.workflow-preview:not(.mp-compact) .mp-summary>div{font-size:12px}.workflow-preview:not(.mp-compact) .mp-track,.workflow-preview:not(.mp-compact) .mp-change{font-size:10px;min-height:40px}.workflow-preview:not(.mp-compact) .mp-product-line{font-size:13px}.workflow-preview:not(.mp-compact) .mp-success p{font-size:14px}.workflow-preview:not(.mp-compact) .mp-recommendation p{font-size:13px}.portfolio-hero.workflow-hero{min-height:1420px;padding-top:221px;padding-bottom:130px;overflow:clip}.workflow-hero .hero-centre{max-width:530px}.workflow-hero .hero-centre h1{font-size:57px}.workflow-hero .hero-summary{max-width:410px;font-size:15px}.workflow-hero .hero-industries{max-width:430px}.workflow-hero .hero-previews{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:block;width:100%;height:auto}.workflow-hero .floating-preview{width:365px;pointer-events:auto;padding:0;background:none;box-shadow:none;border:0;border-radius:15px;overflow:visible;transform:rotate(var(--tilt))}.workflow-hero .preview-0{left:25px;right:auto;top:135px;--tilt:-2deg}.workflow-hero .preview-1{right:25px;left:auto;top:155px;--tilt:2deg}.workflow-hero .preview-2{left:20px;right:auto;top:668px;--tilt:1.5deg}.workflow-hero .preview-3{right:20px;left:auto;top:685px;--tilt:-1.5deg}.workflow-hero .preview-4{left:calc(50% - 182px);right:auto;top:835px;--tilt:-1deg}.workflow-hero .floating-preview:hover,.workflow-hero .floating-preview:focus-within,.workflow-hero .floating-preview:has([data-interacting=true]){transform:none!important;animation-play-state:paused!important;translate:0 0!important;z-index:5}.workflow-hero .floating-preview[hidden]{display:none!important}.workflow-hero .hero-industries button[aria-pressed=true]{background:#e5eeff;border-color:#b3c9f2;color:#123c8a}.workflow-hero .hero-scroll{bottom:28px}.workflow-hero .hero-concept-note{max-width:370px;margin-inline:auto}.case-art.micro-case{padding:0;display:block;min-height:0;border:0;overflow:visible;background:transparent!important}.micro-case .workflow-preview{box-shadow:0 15px 40px #13284209}.micro-case .case-art-label,.micro-case .case-art-bottom,.closing-studio .closing-art{display:none}html[data-motion=on] .mp-body{animation:br-panel .28s ease-out}html[data-motion=on] .mp-phone-status.complete{animation:br-node .4s ease-out}html[data-motion=on] .mp-choices button,html[data-motion=on] .mp-next{transition:background .18s,border-color .18s}@media(min-width:1650px){.workflow-hero .floating-preview{width:395px}.workflow-hero .preview-0,.workflow-hero .preview-2{left:calc(50% - 760px)}.workflow-hero .preview-1,.workflow-hero .preview-3{right:calc(50% - 760px)}.workflow-hero .preview-4{left:calc(50% - 197px)}.workflow-hero .hero-centre{max-width:610px}.workflow-hero .hero-centre h1{font-size:67px}.mp-compact .mp-screen{padding:15px}.mp-compact .mp-screen-title{font-size:19px}.mp-compact .mp-choices button{font-size:12px}.mp-compact .mp-next{font-size:11px}}@media(max-width:1300px){.portfolio-hero.workflow-hero{display:block;padding:154px 30px 80px;min-height:0}.workflow-hero .hero-centre{margin:0 auto 52px;max-width:650px}.workflow-hero .hero-centre h1{font-size:60px}.workflow-hero .hero-previews{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:900px;margin:auto;padding:0 0 35px}.workflow-hero .floating-preview{width:auto;position:relative;inset:auto;transform:none;animation:none!important;translate:0 0!important}.workflow-hero .preview-4{grid-column:1/-1;width:min(100%,440px);margin:auto}.workflow-hero .hero-scroll{bottom:20px}.workflow-hero .hero-summary{max-width:480px;font-size:16px}.workflow-hero .hero-industries{max-width:600px}.mp-compact .mp-device-pair{grid-template-columns:minmax(0,1fr) 120px}.mp-compact .mp-screen-title{font-size:19px}.mp-compact .mp-choices button{font-size:12px}.mp-compact .mp-field input,.mp-compact .mp-field select{font-size:14px}.mp-compact .mp-next{font-size:11px}}@media(max-width:800px){.portfolio-hero.workflow-hero{padding:123px 22px 65px}.workflow-hero .hero-centre{margin-bottom:31px}.workflow-hero .hero-centre h1{font-size:49px}.workflow-hero .hero-previews{display:block;max-width:590px;padding-bottom:22px;height:auto;bottom:auto}.workflow-hero .floating-preview{width:100%;position:relative;inset:auto;display:block;transform:none!important}.workflow-hero .hero-concept-note{max-width:360px}.workflow-hero .hero-scroll{font-size:9px;bottom:15px}.workflow-hero .mp-device-pair{grid-template-columns:minmax(0,1fr) 148px;gap:15px;padding:17px}.workflow-hero .mp-screen{padding:17px;min-height:320px}.workflow-hero .mp-screen-title{font-size:22px}.workflow-hero .mp-choices button{font-size:14px;min-height:46px;padding:12px}.workflow-hero .mp-field{font-size:12px}.workflow-hero .mp-field input,.workflow-hero .mp-field select{font-size:16px;min-height:44px}.workflow-hero .mp-next{font-size:13px;min-height:44px}.workflow-hero .mp-hint{font-size:11px}.workflow-hero .mp-phone{padding:12px;min-height:310px}.workflow-hero .mp-phone h4{font-size:15px}.workflow-hero .mp-phone .mp-summary>div{font-size:10px}.workflow-hero .mp-phone .mp-summary dt{font-size:9px}.workflow-hero .mp-phone-note{font-size:10px}.workflow-hero .mp-heading>h2{font-size:15px}.workflow-hero .mp-footnote{font-size:10px;padding:0 17px 14px}.mp-track,.mp-change{min-height:40px}.mp-job{font-size:10px}.mp-recommendation p{font-size:12px}}@media(max-width:540px){.portfolio-hero.workflow-hero{padding:111px 17px 62px}.workflow-hero .hero-centre h1{font-size:39px}html[lang=th] .workflow-hero .hero-centre h1{font-size:43px}.workflow-hero .hero-summary{font-size:15px;line-height:1.8}.workflow-hero .hero-studio-label{margin-bottom:20px}.workflow-hero .hero-industries{margin:18px auto;max-width:340px}.workflow-hero .hero-industries button{min-height:38px;font-size:10px}.workflow-hero .hero-concept-note{font-size:10px}.workflow-hero .hero-centre{margin-bottom:25px}.workflow-hero .mp-device-pair,.workflow-preview:not(.mp-compact) .mp-device-pair{grid-template-columns:minmax(0,1fr) 108px;padding:11px 8px;gap:8px}.workflow-hero .mp-screen,.workflow-preview:not(.mp-compact) .mp-screen{padding:12px 10px;min-height:330px}.workflow-hero .mp-screen-title,.workflow-preview:not(.mp-compact) .mp-screen-title{font-size:18px}.workflow-hero .mp-choices button,.workflow-preview:not(.mp-compact) .mp-choices button{font-size:12px;padding:10px 8px;min-height:44px}.workflow-hero .mp-phone,.workflow-preview:not(.mp-compact) .mp-phone{padding:10px 8px;border-width:2px;min-height:300px;border-radius:17px}.workflow-hero .mp-phone h4,.workflow-preview:not(.mp-compact) .mp-phone h4{font-size:12px}.workflow-hero .mp-phone .mp-summary>div,.workflow-preview:not(.mp-compact) .mp-phone .mp-summary>div{font-size:9px}.workflow-hero .mp-phone .mp-summary dt,.workflow-preview:not(.mp-compact) .mp-phone .mp-summary dt{font-size:8px}.workflow-hero .mp-phone-note,.workflow-preview:not(.mp-compact) .mp-phone-note{font-size:9px;line-height:1.65}.workflow-hero .mp-hint,.workflow-preview:not(.mp-compact) .mp-hint{font-size:10px}.workflow-hero .mp-next,.workflow-preview:not(.mp-compact) .mp-next{font-size:11px;min-height:44px}.workflow-hero .mp-field,.workflow-preview:not(.mp-compact) .mp-field{font-size:11px}.workflow-hero .mp-field input,.workflow-hero .mp-field select,.workflow-preview:not(.mp-compact) .mp-field input,.workflow-preview:not(.mp-compact) .mp-field select{font-size:16px;padding:7px 4px}.mp-product-line{font-size:10px;gap:6px}.mp-product-line svg{width:20px}.mp-success p{font-size:11px}.mp-heading>h2{font-size:13px!important}.workflow-preview:not(.mp-compact) .mp-summary>div{font-size:10px}.workflow-preview:not(.mp-compact) .mp-track,.workflow-preview:not(.mp-compact) .mp-change{font-size:9px}.mp-phone-top>i{margin-right:15px}.workflow-hero .mp-footnote,.workflow-preview:not(.mp-compact) .mp-footnote{font-size:9px}.mp-track,.mp-change{font-size:9px;min-height:44px}}@media(max-width:360px){.portfolio-hero.workflow-hero{padding-inline:13px}.workflow-hero .hero-centre h1{font-size:35px}html[lang=th] .workflow-hero .hero-centre h1{font-size:39px}.workflow-hero .mp-device-pair,.workflow-preview:not(.mp-compact) .mp-device-pair{grid-template-columns:minmax(0,1fr) 91px;gap:6px;padding:9px 6px}.workflow-hero .mp-screen,.workflow-preview:not(.mp-compact) .mp-screen{padding:11px 8px}.workflow-hero .mp-phone,.workflow-preview:not(.mp-compact) .mp-phone{padding:9px 6px}.workflow-hero .mp-screen-title,.workflow-preview:not(.mp-compact) .mp-screen-title{font-size:17px}.mp-next>svg{display:none}.mp-phone h4{overflow-wrap:anywhere}.mp-choices button{font-size:11px!important}.mp-phone .mp-summary>div{font-size:8px!important}.mp-phone-note{font-size:8px!important}.mp-quantity{width:104px}.mp-summary>div{font-size:9px}.mp-choices button>svg{width:12px}.mp-choices button{gap:4px}}@media(prefers-reduced-motion:reduce){.workflow-preview *{animation:none!important;transition:none!important}}.workflow-lab{max-width:1040px;margin:0 auto}.workflow-lab-preview[hidden]{display:none!important}.workflow-lab .workflow-preview:not(.mp-compact) .mp-device-pair{grid-template-columns:minmax(0,1fr) 220px;padding:30px;gap:30px}.workflow-lab .mp-screen{min-height:390px!important;padding:27px!important}.workflow-lab .mp-screen-title{font-size:28px!important;margin-bottom:22px!important}.workflow-lab .mp-body{max-width:550px;width:100%;gap:15px}.workflow-lab .mp-heading{padding:16px 25px}.workflow-lab .mp-heading>h2{font-size:16px}.workflow-lab .mp-job{font-size:12px!important}.workflow-lab .mp-step-line{font-size:11px;margin-bottom:18px}.workflow-lab .mp-windowbar{height:32px;font-size:9px;padding-inline:15px}.workflow-lab .mp-phone{min-height:380px!important;padding:19px!important;border-width:4px;border-radius:25px!important}.workflow-lab .mp-phone h4{font-size:20px!important}.workflow-lab .mp-phone .mp-summary>div{font-size:13px!important}.workflow-lab .mp-phone .mp-summary dt{font-size:11px!important}.workflow-lab .mp-phone-note{font-size:12px!important}.workflow-lab .mp-phone-app,.workflow-lab .mp-phone-top{font-size:9px}.workflow-lab .mp-phone-top>i{height:8px;width:45px}.workflow-lab .mp-actions{max-width:550px;margin-top:23px}.workflow-lab .mp-next{font-size:14px!important;min-height:46px!important}.workflow-lab .mp-phone-status{width:35px;height:35px;margin-top:18px}.workflow-lab .mp-track,.workflow-lab .mp-change{font-size:12px!important;min-height:44px!important}.workflow-lab .mp-footnote{padding-left:30px;font-size:11px}@media(max-width:800px){.workflow-lab .workflow-preview:not(.mp-compact) .mp-device-pair{grid-template-columns:minmax(0,1fr) 165px;padding:20px;gap:18px}.workflow-lab .mp-phone{padding:14px!important;min-height:345px!important}.workflow-lab .mp-phone h4{font-size:17px!important}.workflow-lab .mp-screen{padding:20px!important;min-height:360px!important}.workflow-lab .mp-screen-title{font-size:25px!important}.workflow-lab .mp-phone .mp-summary>div{font-size:11px!important}.workflow-lab .mp-phone-note{font-size:11px!important}.workflow-lab .mp-track,.workflow-lab .mp-change{font-size:10px!important}}@media(max-width:540px){.workflow-lab .workflow-preview:not(.mp-compact) .mp-device-pair{grid-template-columns:minmax(0,1fr) 107px;padding:10px 7px;gap:8px}.workflow-lab .mp-screen{padding:14px 10px!important;min-height:355px!important}.workflow-lab .mp-screen-title{font-size:18px!important}.workflow-lab .mp-step-line{font-size:8px;margin-bottom:12px}.workflow-lab .mp-job{font-size:10px!important}.workflow-lab .mp-phone{min-height:300px!important;padding:10px 8px!important;border-width:2px;border-radius:17px!important}.workflow-lab .mp-phone h4{font-size:12px!important}.workflow-lab .mp-phone .mp-summary>div{font-size:9px!important}.workflow-lab .mp-phone .mp-summary dt{font-size:8px!important}.workflow-lab .mp-phone-note{font-size:9px!important}.workflow-lab .mp-phone-top{font-size:6px}.workflow-lab .mp-phone-top>i{height:5px;width:21px}.workflow-lab .mp-phone-app{font-size:7px}.workflow-lab .mp-phone-status{width:27px;height:27px}.workflow-lab .mp-next{font-size:11px!important}.workflow-lab .mp-track,.workflow-lab .mp-change{font-size:8px!important}.workflow-lab .mp-heading{padding:13px 14px}.workflow-lab .mp-footnote{padding-left:12px;font-size:9px}.workflow-lab .mp-body{gap:10px}}@media(max-width:360px){.workflow-lab .workflow-preview:not(.mp-compact) .mp-device-pair{grid-template-columns:minmax(0,1fr) 87px;padding:9px 6px;gap:6px}.workflow-lab .mp-phone{padding:9px 6px!important}.workflow-lab .mp-phone .mp-summary>div{font-size:8px!important}.workflow-lab .mp-phone-note{font-size:8px!important}.workflow-lab .mp-screen-title{font-size:17px!important}}.mp-phone .mp-summary>div{font-size:10px}.mp-phone .mp-summary dt{font-size:8px}.mp-phone-note{font-size:10px}.mp-phone h4{font-size:13px}.mp-compact .mp-choices button{font-size:12px}.mp-compact .mp-screen-title{font-size:18px}@media(max-width:540px){.workflow-hero .mp-device-pair,.workflow-preview:not(.mp-compact) .mp-device-pair,.workflow-lab .workflow-preview:not(.mp-compact) .mp-device-pair{grid-template-columns:minmax(0,1fr) 116px}.workflow-hero .mp-phone .mp-summary>div,.workflow-preview:not(.mp-compact) .mp-phone .mp-summary>div,.workflow-lab .mp-phone .mp-summary>div{font-size:10px!important}.workflow-hero .mp-phone-note,.workflow-preview:not(.mp-compact) .mp-phone-note,.workflow-lab .mp-phone-note{font-size:10px!important}.workflow-hero .mp-phone h4,.workflow-preview:not(.mp-compact) .mp-phone h4,.workflow-lab .mp-phone h4{font-size:13px!important}}@media(max-width:360px){.workflow-hero .mp-device-pair,.workflow-preview:not(.mp-compact) .mp-device-pair,.workflow-lab .workflow-preview:not(.mp-compact) .mp-device-pair{grid-template-columns:minmax(0,1fr) 99px}}.mp-heading>h2{margin:0;line-height:1.65;letter-spacing:normal}.ref-section{padding-block:76px}.ref-section-heading{margin-bottom:30px}.ref-section-heading .eyebrow{color:#254263;margin-bottom:17px}.ref-section-heading h2{font-size:43px;line-height:1.2;max-width:760px;letter-spacing:-.045em;color:#111827}.home-refined p{font-size:16px;line-height:1.75;color:#1b314c}.home-refined .eyebrow{font-size:11px}.home-refined .hero-summary{font-size:16px}.home-refined .hero-concept-note{font-size:12px;line-height:1.65}.home-refined .hero-primary{margin-top:6px}.journey-comparison{border-top:1px solid #bacadd}.journey-row{display:grid;grid-template-columns:240px 1fr;align-items:center;column-gap:30px;border-bottom:1px solid #cdd8e5;padding:15px 0}.journey-name{display:flex;align-items:center;gap:15px;text-align:left;background:transparent;min-height:44px;padding:0;color:#142a45}.journey-name>span{font-size:12px;color:#3d5671}.journey-name strong{font-size:16px;font-weight:650;flex:1}.journey-name svg{transition:transform .2s}.journey-row[data-active=true] .journey-name{color:#1456e8}.journey-row[data-active=true] .journey-name svg{transform:rotate(180deg)}.journey-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:18px}.journey-route li{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;color:#263d59;position:relative}.journey-route li>i{width:6px;height:6px;background:#bacadd;border-radius:50%;flex-shrink:0}.journey-route li>span{flex:1}.journey-route li>svg{color:#637991;flex-shrink:0}.journey-row[data-active=true] .journey-route li>i{background:#1456e8}.journey-decision{grid-column:2;padding:5px 0 10px;max-width:780px}.journey-decision[hidden]{display:none}.journey-decision p{margin:0 0 10px}.journey-decision a{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:650;color:#124aaf}.ref-system{background:#0b1f3a;color:#fff;padding-block:72px}.ref-system-top{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end;margin-bottom:40px}.ref-system .ref-section-heading{margin:0}.ref-system .ref-section-heading h2{color:#fff}.ref-system .eyebrow{color:#bdd2fc}.ref-system p{color:#e4ebf5}.ref-system-top>p{padding-bottom:4px;max-width:390px}.architecture-map{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}.architecture-map li{position:relative;min-width:0}.architecture-node{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid #7895b4;color:#bdd2fc}.architecture-node span{font-size:11px}.architecture-map h3{font-size:18px;line-height:1.45;letter-spacing:-.02em;color:#fff;margin:6px 0 10px}.architecture-map p{font-size:16px;line-height:1.65}.architecture-arrow{position:absolute;right:-21px;top:24px;color:#bdd2fc}.architecture-footer{margin-top:35px;padding-top:22px;border-top:1px solid #4b6380;display:flex;align-items:center;justify-content:space-between;gap:35px}.architecture-footer p{font-size:14px;max-width:720px}.architecture-footer a{font-size:16px;display:flex;align-items:center;gap:10px;flex-shrink:0;color:#fff}.study-disclaimer{max-width:760px;margin:-10px 0 30px}.selected-studies{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.selected-studies article{min-width:0}.selected-studies h3{font-size:30px;line-height:1.25;letter-spacing:-.04em;margin:16px 0 20px;max-width:470px}.selected-studies p{margin-bottom:14px}.selected-studies p>b{display:block;font-size:12px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;color:#284c79}.selected-studies a{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;color:#124aaf;font-size:16px;font-weight:650;min-height:44px}.study-number{font-size:11px;font-weight:650;letter-spacing:.08em;color:#34526f}.study-feature{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr;background:#f0f5ff;margin-bottom:34px}.study-copy{padding:30px 35px}.study-game-visual{background:#112a50;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:35px;overflow:hidden}.study-game-visual>p{color:#bdd2fc;font-size:11px;letter-spacing:.07em}.study-state{display:flex;align-items:center;gap:18px;border-top:1px solid #738aae;border-bottom:1px solid #738aae;padding:18px 0;font-size:20px;letter-spacing:-.025em}.study-state svg{color:#b9e8d1}.study-state.pending{color:#fff}.study-ring{border:2px solid #8fabd7;width:22px;height:22px;border-radius:50%;flex-shrink:0}.study-state-connector{display:flex;flex-direction:column;gap:6px;margin:13px 10px}.study-state-connector i{width:2px;height:9px;background:#6895e5}.study-game-visual .study-design-note{font-size:16px;letter-spacing:0;line-height:1.6;margin:20px 0 0;color:#fff}.study-contractor,.study-commerce{border-top:2px solid #203a57;padding:23px 0 6px}.study-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0;color:#254532}.study-scope span{font-size:16px;border-left:3px solid #668872;padding:5px 0 5px 12px}.study-variant{display:flex;align-items:center;gap:13px;border-block:1px solid #bccadd;padding:18px 0;margin:20px 0;font-size:14px;color:#263e60}.study-variant strong{font-weight:550;flex:1}.variant-colour{width:26px;height:26px;border-radius:50%;background:#143452;border:3px solid #fff;outline:1px solid #a4b6cd;flex-shrink:0}.ref-process{border-top:1px solid #cdd8e5}.ref-process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);column-gap:45px;row-gap:30px}.ref-process li{display:flex;align-items:start;gap:18px;border-top:1px solid #b7c7db;padding-top:20px}.ref-process li>span{color:#1456e8;font-size:14px;font-weight:650}.ref-process h3{font-size:22px;margin-bottom:10px}.ref-process p{font-size:16px;max-width:310px}.ref-capabilities{background:#f1f5fa;padding:66px 0}.capability-links{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.capability-links>a{display:flex;align-items:center;gap:18px;padding:24px 0;border-top:1px solid #bccbdd;color:#132b49;min-width:0}.capability-links>a>span{font-size:12px;color:#415d7a}.capability-links h3{font-size:21px;line-height:1.4;flex:1;font-weight:600}.capability-links a:hover h3{color:#1456e8}.engagement-note{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-top:25px;border-top:1px solid #bccbdd;padding-top:25px}.engagement-note p{max-width:750px}.engagement-note button{display:flex;align-items:center;gap:12px;background:none;font-size:16px;text-align:left;color:#124aaf;font-weight:650;min-height:44px;flex-shrink:0}.home-refined .notes-section{padding-block:65px}.home-refined .notes-section .section-intro{margin-bottom:25px}.home-refined .notes-section .section-intro h2{font-size:40px}.home-refined .insight-rows>a{padding:26px 24px;min-height:0}.home-refined .insight-rows h3{font-size:25px;line-height:1.35;margin-block:20px 12px}.home-refined .insight-rows p{font-size:16px}.home-refined .faq-studio{padding-block:50px 65px}.home-refined .faq-studio h2{font-size:36px}.home-refined .faq-studio summary h3{font-size:18px}.home-refined .faq-studio summary{padding-block:20px}.home-refined .closing-studio{min-height:0;padding:65px 0 70px}.home-refined .closing-studio h2{font-size:57px;line-height:1.2;margin:18px auto}.home-refined .closing-copy{margin-bottom:24px;font-size:16px}.home-refined .closing-studio .closing-mark{font-size:45px;top:45px}.home-refined .closing-studio .eyebrow{color:#bdd2fc}.home-refined .closing-copy{color:#fff}.home-refined .closing-email{font-size:16px}.home-refined+.studio-footer .footer-wordmark{font-size:clamp(75px,13vw,180px);line-height:1.05;padding-block:5px}.home-refined+.studio-footer .footer-top{padding-block:40px}.home-refined+.studio-footer .footer-top p{font-size:16px;max-width:290px}.workflow-preview .mp-device-pair{grid-template-columns:minmax(0,1fr) 128px}.workflow-preview .mp-phone{height:250px!important;min-height:0!important;max-height:250px!important;padding:9px 9px 8px!important;display:flex;flex-direction:column;overflow:hidden;align-self:start;border-radius:21px!important}.workflow-preview .mp-phone-top{margin-bottom:7px;flex-shrink:0}.workflow-preview .mp-phone-app{font-size:7px;padding-bottom:6px;flex-shrink:0}.workflow-preview .mp-phone-caption{flex-shrink:0}.workflow-preview .mp-phone-status{margin:7px 0 6px;width:22px;height:22px}.workflow-preview .mp-phone h4{font-size:12px!important;line-height:1.35;margin-bottom:7px}.workflow-preview .mp-phone-details{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9eb1ca transparent}.workflow-preview .mp-phone-details>summary{display:none}.workflow-preview .mp-phone .mp-summary>div{font-size:10px!important;padding:5px 0}.workflow-preview .mp-phone .mp-summary dt{font-size:8px!important}.workflow-preview .mp-phone-note{font-size:10px!important;line-height:1.6;margin-top:7px}.workflow-preview .mp-phone .mp-homebar{flex-shrink:0;margin:8px auto 0}.workflow-preview .mp-phone .mp-track,.workflow-preview .mp-phone .mp-change{flex-shrink:0;min-height:34px!important;font-size:9px!important;margin-top:7px;padding:6px 3px}.workflow-preview:not(.mp-compact) .mp-device-pair{grid-template-columns:minmax(0,1fr) 185px}.workflow-preview:not(.mp-compact) .mp-phone{height:355px!important;max-height:355px!important;padding:15px!important;border-radius:27px!important}.workflow-preview:not(.mp-compact) .mp-phone h4{font-size:17px!important}.workflow-preview:not(.mp-compact) .mp-phone .mp-summary>div{font-size:13px!important}.workflow-preview:not(.mp-compact) .mp-phone .mp-summary dt{font-size:11px!important}.workflow-preview:not(.mp-compact) .mp-phone-note{font-size:12px!important}.workflow-preview:not(.mp-compact) .mp-track,.workflow-preview:not(.mp-compact) .mp-change{min-height:44px!important;font-size:12px!important}.mp-phone-details:focus-visible{outline:2px solid #1456e8;outline-offset:-2px}html[data-motion=on] .journey-row[data-active=true] .journey-route li>i{animation:ref-node .45s both;animation-delay:calc(var(--node)*.12s)}html[data-motion=on] .ref-system[data-activated=true] .architecture-node{animation:ref-connect .65s both;animation-delay:calc(var(--node)*.13s)}html[data-motion=on] .study-feature:hover .study-state-connector i,html[data-motion=on] .study-feature:focus-within .study-state-connector i{animation:ref-node .7s both}html[data-motion=on] .study-feature:hover .study-state-connector i:nth-child(2){animation-delay:.12s}html[data-motion=on] .study-feature:hover .study-state-connector i:nth-child(3){animation-delay:.24s}html[data-motion=on] .ref-process.is-revealed li{animation:ref-enter .4s both;animation-delay:calc(var(--node)*.07s)}@keyframes ref-node{0%{opacity:.3;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes ref-connect{0%{border-color:#34506e;color:#718cad}to{border-color:#98b9fb;color:#bdd2fc}}@keyframes ref-enter{0%{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}html[data-motion=off] .home-refined *{animation:none!important;transition:none!important}@media(max-width:1100px){.journey-row{grid-template-columns:190px 1fr;column-gap:20px}.journey-route{gap:8px}.journey-route li{font-size:14px;gap:5px}.ref-system-top{gap:30px}.architecture-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 30px}.architecture-arrow{right:-24px}.architecture-map li:nth-child(3) .architecture-arrow{display:none}.study-copy,.study-game-visual{padding:26px}.engagement-note{gap:25px}.engagement-note button{max-width:220px;flex-shrink:1}}@media(max-width:800px){.ref-section{padding-block:48px}.ref-section-heading{margin-bottom:25px}.ref-section-heading h2{font-size:34px}.journey-row{display:block;padding:13px 0}.journey-name{width:100%}.journey-route{display:none}.journey-row[data-active=true] .journey-route{display:flex;flex-direction:column;gap:0;margin:13px 0 15px 27px;border-left:1px solid #b8cce9;padding-left:20px}.journey-route li{font-size:16px;min-height:34px;justify-content:flex-start;gap:12px}.journey-route li>i{margin-left:-24px;width:7px;height:7px}.journey-route li>svg{display:none}.journey-decision{padding:0 0 9px 27px}.journey-decision a{font-size:16px}.ref-system{padding-block:48px}.ref-system-top{display:block;margin-bottom:24px}.ref-system-top>p{max-width:100%;margin-top:20px}.architecture-map{display:flex;flex-direction:column;gap:0}.architecture-map li{display:grid;grid-template-columns:37px 1fr;column-gap:18px;align-items:center;padding:12px 0 14px;border-top:1px solid #486281}.architecture-node{grid-row:1/3;border:0;padding:0;justify-content:center}.architecture-node span{display:none}.architecture-map h3{margin:0 0 4px;font-size:18px}.architecture-map p{font-size:16px;margin:0}.architecture-arrow{display:none}.architecture-footer{display:block;margin-top:18px;padding-top:20px}.architecture-footer p{font-size:16px;margin-bottom:18px}.architecture-footer a{font-size:16px}.selected-studies{display:block}.study-feature{display:flex;flex-direction:column;margin-bottom:25px}.study-copy{padding:24px}.selected-studies h3{font-size:28px;margin:14px 0 16px}.study-game-visual{padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.study-game-visual>p:first-child{grid-column:1/-1;margin:0}.study-state{font-size:16px;gap:10px;padding:10px 0}.study-state-connector{display:none}.study-game-visual .study-design-note{font-size:14px;grid-column:1/-1;margin:0}.study-ring{width:18px;height:18px}.study-contractor,.study-commerce{padding-block:22px;margin-bottom:18px}.study-scope{margin:18px 0}.study-scope span{font-size:16px}.study-variant{margin:18px 0}.ref-process ol{display:block}.ref-process li{padding:17px 0;border-top:1px solid #bccbdd;gap:20px}.ref-process h3{font-size:20px;margin-bottom:5px}.ref-process p{max-width:100%}.ref-capabilities{padding-block:45px}.capability-links{display:block}.capability-links>a{padding:17px 0;gap:12px}.capability-links h3{font-size:19px}.engagement-note{display:block;margin-top:14px;padding-top:22px}.engagement-note button{max-width:100%;margin-top:17px}.home-refined .notes-section{padding-block:45px}.home-refined .notes-section .section-intro h2{font-size:32px}.home-refined .insight-rows{display:block}.home-refined .insight-rows>a{padding:22px 0;border-radius:0;border:0;border-top:1px solid #bdcddd;background:none;display:block}.home-refined .insight-rows h3{font-size:23px;margin:12px 0 8px}.home-refined .insight-rows>a>svg{display:none}.home-refined .insight-rows>a>span{font-size:11px}.home-refined .faq-studio{padding-block:28px 45px;display:block}.home-refined .faq-studio h2{font-size:32px}.home-refined .faq-studio summary h3{font-size:18px}.home-refined .closing-studio{padding:45px 0 50px}.home-refined .closing-studio h2{font-size:39px}.home-refined .closing-studio .closing-mark{display:none}.home-refined .closing-studio .closing-copy{font-size:16px}.home-refined+.studio-footer .footer-wordmark{font-size:22vw;padding:10px 0}.home-refined+.studio-footer .footer-top{padding-block:32px}.home-refined+.studio-footer .footer-top p{max-width:310px}.home-refined .hero-industries{gap:6px;margin-block:17px}.home-refined .hero-industries button{font-size:12px;min-height:40px}.home-refined .hero-summary{font-size:16px}.home-refined .hero-concept-note{font-size:12px}.home-refined .hero-centre{margin-bottom:25px}.workflow-preview .mp-device-pair,.workflow-preview:not(.mp-compact) .mp-device-pair,.workflow-lab .workflow-preview:not(.mp-compact) .mp-device-pair{display:flex;flex-direction:column;gap:14px;padding:14px!important}.workflow-preview .mp-desktop{width:100%}.workflow-preview .mp-screen,.workflow-preview:not(.mp-compact) .mp-screen,.workflow-lab .mp-screen{padding:18px!important;min-height:0!important}.workflow-preview .mp-windowbar{display:none}.workflow-preview .mp-screen-title,.workflow-lab .mp-screen-title{font-size:23px!important;margin-bottom:18px!important}.workflow-preview .mp-job{font-size:14px!important}.workflow-preview .mp-step-line{font-size:12px!important}.workflow-preview .mp-choices button{font-size:16px!important;min-height:46px!important;padding:12px!important}.workflow-preview .mp-field{font-size:16px!important}.workflow-preview .mp-field input,.workflow-preview .mp-field select{font-size:16px!important;min-height:46px;padding:10px!important}.workflow-preview .mp-hint,.workflow-preview .mp-product-line,.workflow-preview .mp-product-name,.workflow-preview .mp-recommendation p,.workflow-preview .mp-success p,.workflow-preview .mp-error{font-size:16px!important}.workflow-preview .mp-summary>div{font-size:16px!important}.workflow-preview .mp-next,.workflow-preview .mp-reset,.workflow-lab .mp-next{font-size:16px!important;min-height:46px!important}.workflow-preview .mp-quantity{width:150px}.workflow-preview .mp-quantity button{width:46px;height:44px}.workflow-preview .mp-quantity output,.workflow-preview .mp-total,.workflow-preview .mp-slots button{font-size:16px}.workflow-preview .mp-body{gap:13px}.workflow-preview .mp-heading>h2{font-size:16px!important}.workflow-preview .mp-heading>small{font-size:10px}.workflow-preview .mp-phone,.workflow-preview:not(.mp-compact) .mp-phone,.workflow-lab .mp-phone{width:100%;height:auto!important;min-height:0!important;max-height:none!important;border:1px solid #bed0e4!important;border-radius:10px!important;padding:13px 16px!important;box-shadow:none;overflow:visible;background:#fff;display:block}.workflow-preview .mp-phone-top,.workflow-preview .mp-phone-app,.workflow-preview .mp-homebar{display:none!important}.workflow-preview .mp-phone-caption{display:flex;gap:10px;align-items:center}.workflow-preview .mp-phone-status{margin:0;flex-shrink:0;width:25px;height:25px}.workflow-preview .mp-phone h4,.workflow-preview:not(.mp-compact) .mp-phone h4,.workflow-lab .mp-phone h4{font-size:16px!important;line-height:1.45;margin:0}.workflow-preview .mp-phone-details{overflow:visible;min-height:0}.workflow-preview .mp-phone-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:16px;color:#124aaf;cursor:pointer;list-style:none}.workflow-preview .mp-phone-details>summary::-webkit-details-marker{display:none}.workflow-preview .mp-phone-details[open]>summary svg{transform:rotate(180deg)}.workflow-preview .mp-phone .mp-summary>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;font-size:16px!important}.workflow-preview .mp-phone .mp-summary dt{font-size:14px!important;max-width:45%;flex-shrink:1}.workflow-preview .mp-phone .mp-summary dd{text-align:right;font-size:16px!important;max-width:65%}.workflow-preview .mp-phone-note,.workflow-preview:not(.mp-compact) .mp-phone-note,.workflow-lab .mp-phone-note{font-size:16px!important;margin-top:12px}.workflow-preview .mp-phone .mp-track,.workflow-preview .mp-phone .mp-change,.workflow-lab .mp-track,.workflow-lab .mp-change{min-height:44px!important;font-size:16px!important;padding:10px;margin-top:10px}.workflow-preview .mp-footnote{font-size:12px!important;padding:0 14px 14px!important}.workflow-preview .mp-success strong,.workflow-preview .mp-recommendation strong{font-size:20px}.workflow-preview .mp-back{width:44px}}@media(max-width:360px){.ref-section-heading h2{font-size:30px}.workflow-preview .mp-screen,.workflow-lab .mp-screen{padding:14px!important}.workflow-preview .mp-device-pair{padding:10px!important}.study-copy,.study-game-visual{padding:20px}.study-state{font-size:14px;gap:6px}.study-scope{gap:6px}.study-scope span{padding-left:7px}.capability-links h3{font-size:18px}.home-refined .hero-centre h1{font-size:35px}}@media(prefers-reduced-motion:reduce){.home-refined *{animation:none!important;transition:none!important}}.ref-section{padding-block:55px}.ref-section-heading{margin-bottom:25px}.journey-row{padding-block:11px}.study-feature-art{display:flex;min-width:0}.study-feature-art>.study-game-visual{width:100%}.study-feature-art[hidden],.study-body[hidden]{display:none}.study-contractor .study-copy,.study-commerce .study-copy{padding:0}.study-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:0;background:transparent;text-align:left;font:inherit;color:inherit}.study-toggle svg{flex-shrink:0}.selected-studies article[data-expanded=true] .study-toggle svg{transform:rotate(180deg)}.home-refined .closing-studio{padding:42px 0 48px}.home-refined .closing-studio .closing-mark{display:none}.home-refined .closing-studio .eyebrow{margin-bottom:5px}.home-refined .closing-studio h2{font-size:48px;margin:12px auto}.home-refined .closing-studio p.closing-copy{margin:12px auto 20px;line-height:1.65}.home-refined .hero-studio-label{font-size:11px;line-height:1.5}.ref-process ol{row-gap:20px}.ref-process li{padding-top:16px}.ref-process h3{margin-bottom:7px}.ref-process p{line-height:1.6}.ref-work .selected-studies p{line-height:1.65}.study-copy{padding:27px 32px}.study-feature{margin-bottom:25px}@media(max-width:800px){.ref-section{padding-block:40px}.journey-row{padding-block:10px}.journey-route li{min-height:28px}.ref-system{padding-block:40px}.architecture-map li{padding-block:9px 10px}.architecture-map p{line-height:1.5}.ref-system-top>p{margin-top:12px}.architecture-footer p{line-height:1.5}.selected-studies h3{font-size:25px;line-height:1.3;margin:12px 0 15px}.study-feature{margin-bottom:15px}.study-copy{padding:20px}.study-contractor,.study-commerce{padding:18px 0 0;margin:0}.study-body{padding-bottom:15px}.study-contractor[data-expanded=false] h3,.study-commerce[data-expanded=false] h3{margin-bottom:18px}.study-game-visual{padding:16px 20px;gap:8px 12px}.study-feature-art>.study-game-visual{width:100%}.study-state{font-size:15px;gap:7px}.ref-process li{padding-block:13px}.ref-process h3{margin-bottom:5px}.ref-process p{font-size:16px;line-height:1.5}.home-refined .insight-rows>a{padding:19px 0}.home-refined .insight-rows p{display:none}.home-refined .insight-rows h3{font-size:22px;margin:10px 0 0}.home-refined .closing-studio{padding:32px 0 38px}.home-refined .closing-studio h2{font-size:36px}.home-refined .closing-studio .eyebrow{font-size:10px;max-width:300px}.home-refined .hero-studio-label{font-size:10px;line-height:1.5;margin-bottom:20px}.home-refined .hero-summary{line-height:1.65}.home-refined .hero-explore,.home-refined .hero-scroll{display:none}.home-refined .hero-concept-note{margin-top:17px}.home-refined .portfolio-hero.workflow-hero{padding-bottom:36px}.workflow-hero .mp-job,.workflow-hero .mp-product-line,.workflow-hero .mp-footnote{display:none}.workflow-hero .mp-screen-title{font-size:22px!important}.workflow-hero .mp-screen{padding:16px!important}.workflow-hero .mp-heading{padding-block:12px}.workflow-hero .mp-body{gap:11px}.workflow-hero .mp-step-line{margin-bottom:15px}.home-refined .hero-centre{margin-bottom:22px}}@media(max-width:800px){.ref-process{padding-block:32px}.ref-process li{padding-block:9px}.ref-capabilities{padding-block:32px}.ref-work .ref-section-heading h2{font-size:32px}.home-refined .notes-section .section-intro h2{font-size:31px}.home-refined .notes-section{padding-block:35px}.home-refined .faq-studio .section-intro{margin-bottom:15px}}@media(max-width:800px){.ref-section,.ref-system{padding-block:32px}.journey-row{padding-block:8px}.architecture-map li{padding-block:7px 8px}.home-refined .notes-section{padding-block:28px}.home-refined .faq-studio{padding-block:20px 32px}.home-refined .closing-studio{padding-block:28px 32px}.ref-work .study-disclaimer{margin-bottom:20px}}@media(min-width:801px){.home-refined .workflow-hero .mp-job{font-size:10px}.home-refined .workflow-hero .mp-hint{font-size:11px}.home-refined .workflow-hero .mp-success p,.home-refined .workflow-hero .mp-recommendation p{font-size:12px}}