.admin-shell,.admin-login,.admin-modal-overlay{--font-display: "Roboto", Arial, Helvetica, sans-serif;--font-body: "Roboto", Arial, Helvetica, sans-serif;--font-brand: "Roboto", Arial, Helvetica, sans-serif;--admin-script: "Roboto", Arial, Helvetica, sans-serif;--admin-title: 1.5rem;--admin-heading: 1.125rem;--admin-body: 1rem;--admin-ui: .9375rem;--admin-meta: .875rem;--admin-label: .8125rem;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:var(--admin-body);line-height:1.55;font-weight:400;color:var(--tj-charcoal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.admin-shell h1,.admin-shell h2,.admin-shell h3,.admin-login h1,.admin-login h2,.admin-login h3,.admin-modal h1,.admin-modal h2,.admin-modal h3{font-family:var(--font-display);font-weight:600;letter-spacing:.01em;line-height:1.3}.admin-shell p,.admin-login p,.admin-modal p,.admin-muted,.admin-error,.admin-ok,.admin-table td,.admin-form input,.admin-form select,.admin-form textarea,.admin-modal label,.admin-modal input,.admin-modal select,.admin-modal textarea,.admin-modal button{font-family:var(--font-body)}.admin-shell .btn,.admin-login .btn,.admin-modal .btn{font-family:var(--font-display);font-size:var(--admin-ui);font-weight:500;letter-spacing:.02em}.admin-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh;background:#eef7fb}.admin-shell--checking{display:grid;place-items:center;grid-template-columns:1fr}.admin-side{position:sticky;top:0;z-index:40;display:flex;flex-direction:column;gap:1.15rem;height:100dvh;padding:1.15rem .9rem 1.2rem;color:var(--tj-white);isolation:isolate;background:radial-gradient(ellipse 90% 50% at 0% 100%,rgba(22,182,201,.28),transparent 58%),linear-gradient(180deg,#062a66,#07357f 42%,#0a6d8a);overflow:hidden}.admin-side:after{content:"";position:absolute;z-index:0;inset:auto 0 0;height:38%;pointer-events:none;background:radial-gradient(ellipse 80% 70% at 20% 100%,rgba(22,182,201,.35),transparent 60%),radial-gradient(ellipse 90% 80% at 90% 120%,rgba(255,255,255,.08),transparent 50%)}.admin-side-brand{position:relative;z-index:1;display:grid;gap:.45rem;padding:.15rem .45rem .85rem;border-bottom:1px solid rgba(255,255,255,.12)}.admin-side-brand .brand-logo{margin:0;width:fit-content;max-width:100%}.admin-side-brand .brand-logo__en{font-size:.9rem}.admin-side-brand .brand-logo__th{font-size:.84rem}.admin-side-kicker{margin:0;font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8}.admin-side-nav{position:relative;z-index:1;display:flex;flex-direction:column;gap:.35rem;flex:1;min-height:0}.admin-side-nav a{display:flex;align-items:center;gap:.7rem;min-height:44px;padding:.45rem .9rem;border-radius:999px;color:#ffffffdb;font-family:var(--font-display);font-size:var(--admin-ui);font-weight:600;letter-spacing:.01em;text-decoration:none}.admin-side-nav a svg{width:18px;height:18px;flex:0 0 auto}.admin-side-nav a:hover{background:#ffffff1a;color:var(--tj-white)}.admin-side-nav a.is-active{background:linear-gradient(90deg,#19b4d6,#3cc4e0);color:var(--tj-white);box-shadow:0 8px 18px #16b6c947}.admin-side-foot{position:relative;z-index:1;display:grid;gap:.45rem;padding-top:.85rem}.admin-side-email,.admin-side-role{margin:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--admin-meta);line-height:1.4;color:#ffffffb8}.admin-side-role{font-family:var(--font-display);font-weight:600;color:var(--tj-white)}.admin-side-actions{display:flex;flex-wrap:wrap;gap:.4rem}.admin-side-link{display:inline-flex;align-items:center;min-height:36px;padding:.3rem .75rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff14;color:var(--tj-white);font-family:var(--font-display);font-size:var(--admin-meta);font-weight:600;cursor:pointer;text-decoration:none}.admin-side-link:hover{background:#ffffff29}.admin-workspace{--admin-bg-photo: .36;--admin-bg-wash: .48;position:relative;isolation:isolate;min-width:0;display:flex;flex-direction:column;min-height:100dvh;background:#e8f4fa}.admin-workspace:before,.admin-workspace:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.admin-workspace:before{background:url(/admin/water-bg.jpg) center / cover no-repeat;opacity:var(--admin-bg-photo)}.admin-workspace:after{background:linear-gradient(165deg,rgba(255,255,255,var(--admin-bg-wash)),#e8f6fa66 52%,#ffffff5c)}.admin-topbar{position:relative;z-index:30;display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem clamp(1.1rem,3vw,2.2rem) .35rem}.admin-search{position:relative;display:flex;align-items:center;gap:.45rem;width:min(280px,100%);min-height:42px;padding:0 .9rem;border:1px solid rgba(7,53,127,.1);border-radius:999px;background:#ffffffd1;box-shadow:0 8px 24px #07357f0f}.admin-search svg{width:16px;height:16px;color:var(--tj-slate)}.admin-search input{width:100%;border:0;background:transparent;font:inherit;font-size:.9rem;outline:none}.admin-search-list,.admin-pop{position:absolute;top:calc(100% + .45rem);right:0;z-index:40;min-width:100%;margin:0;padding:.4rem;list-style:none;background:var(--tj-white);border:1px solid rgba(7,53,127,.08);border-radius:14px;box-shadow:0 18px 40px #07357f1f}.admin-search-list{width:min(340px,70vw)}.admin-search-list button,.admin-pop a,.admin-pop button,.admin-pop p{display:flex;justify-content:space-between;gap:.6rem;width:100%;margin:0;padding:.55rem .7rem;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.admin-search-list small{color:var(--tj-slate)}.admin-search-list button:hover,.admin-pop a:hover,.admin-pop button:hover,.admin-pop button.is-active{background:#eef6fb}.admin-search-empty{padding:.7rem;color:var(--tj-slate)}.admin-topbar-tools{display:flex;align-items:center;gap:.45rem}.admin-note-wrap,.admin-lang-wrap{position:relative}.admin-icon-btn,.admin-lang-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:42px;padding:0 .8rem;border:1px solid rgba(7,53,127,.1);border-radius:999px;background:#ffffffd1;color:var(--tj-blue);cursor:pointer}.admin-icon-btn{width:42px;padding:0}.admin-icon-btn svg{width:18px;height:18px}.admin-note-dot{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#e23b4a;color:var(--tj-white);font-size:.65rem;line-height:16px;text-align:center}.admin-lang-btn{font-family:var(--font-display);font-size:var(--admin-meta);font-weight:600}.admin-main{position:relative;z-index:1;width:100%;min-width:0;padding:.4rem clamp(1.1rem,3vw,2.2rem) 2.6rem}.admin-main>h1,.admin-toolbar h1,.admin-hero h1,.admin-home-hero h1{margin:0;font-size:clamp(1.35rem,1.8vw,1.65rem);line-height:1.3;font-weight:600}.admin-page,.admin-home{display:grid;gap:1.25rem}.admin-page>.admin-toolbar{margin-bottom:0}.admin-hero,.admin-home-hero,.admin-overview-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 1.25rem;padding:.35rem 0 .2rem}.admin-hero-copy{display:grid;gap:.4rem;min-width:min(100%,18rem);flex:1 1 16rem}.admin-hero-kicker,.admin-home-kicker{margin:0;font-family:var(--font-display);font-size:var(--admin-label);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7a93b3}.admin-hero h1,.admin-home-hero h1,.admin-overview-head h1{margin:0;color:#12386f;font-size:clamp(1.7rem,2.4vw,2.15rem)}.admin-hero p,.admin-home-hero p,.admin-overview-head p{margin:0;max-width:40rem;font-size:var(--admin-ui);line-height:1.55;color:var(--tj-slate)}.admin-hero-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.admin-script{margin:0;font-family:var(--admin-script);font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.15;color:#7aa7c2;text-align:right}.admin-hero .btn-ghost:after{content:none}.admin-login{--admin-bg-photo: .34;--admin-bg-wash: .5;position:relative;isolation:isolate;min-height:100svh;min-height:100dvh;overflow:auto;background:#e8f4fa;color:var(--tj-charcoal)}.admin-login:before,.admin-login:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.admin-login:before{background:url(/admin/water-bg.jpg) center / cover no-repeat;opacity:var(--admin-bg-photo)}.admin-login:after{background:linear-gradient(165deg,rgba(255,255,255,var(--admin-bg-wash)),#e8f6fa6b 52%,#ffffff61)}.admin-login--checking{display:grid;place-items:center}.admin-login-spinner{width:36px;height:36px;border:3px solid rgba(7,53,127,.16);border-top-color:var(--tj-aqua);border-radius:50%;animation:admin-login-spin .7s linear infinite}.admin-login-spinner--ink{border-color:#07357f29;border-top-color:var(--tj-aqua)}@keyframes admin-login-spin{to{transform:rotate(360deg)}}.admin-login-stage{position:relative;z-index:1;display:grid;place-items:center;min-height:100svh;min-height:100dvh;padding:max(1.25rem,env(safe-area-inset-top,0px)) max(1.15rem,env(safe-area-inset-right,0px)) max(1.25rem,env(safe-area-inset-bottom,0px)) max(1.15rem,env(safe-area-inset-left,0px))}.admin-login-panel{width:min(26.5rem,100%);display:grid;justify-items:center;gap:1rem}.admin-login-card{width:100%;display:grid;gap:1rem;background:#ffffffe6;border:1px solid rgba(7,53,127,.08);border-radius:28px;padding:clamp(1.35rem,3.2vw,2.1rem);box-shadow:0 22px 56px #07357f1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.admin-login-card-head{display:grid;justify-items:start;gap:.45rem}.admin-login-card-head .brand-logo{margin:0 0 .35rem}.admin-login-kicker{margin:0;font-family:var(--font-display);font-size:var(--admin-label);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7a93b3}.admin-login-card-head h1{margin:0;font-size:clamp(1.55rem,3vw,1.9rem);line-height:1.2;color:#12386f}.admin-login-card-head p,.admin-login-card p{margin:0;font-size:var(--admin-ui);line-height:1.5;color:var(--tj-slate)}.admin-login-card.admin-form{gap:1rem}.admin-login-card.admin-form input{background:var(--tj-white);border-color:#c8d7e2;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.admin-login-card.admin-form input:hover{border-color:#adc2d2}.admin-login-card.admin-form input:focus{outline:none;border-color:var(--tj-aqua);box-shadow:0 0 0 4px #16b6c92e}.admin-login-submit{width:100%;margin-top:.25rem;justify-content:center}.admin-login-submit:disabled{opacity:.72;cursor:wait}.admin-login-back{font-family:var(--font-display);font-size:var(--admin-ui);font-weight:600;color:var(--tj-aqua-deep);text-decoration:none}.admin-login-back:hover{color:var(--tj-blue)}@media(max-width:560px){.admin-login{--admin-bg-photo: .22;--admin-bg-wash: .62}.admin-login-card{border-radius:22px;padding:1.25rem 1.15rem 1.3rem}}@media(max-height:560px)and (orientation:landscape){.admin-login-stage{place-items:center;align-content:center;padding-block:.75rem}.admin-login-panel{width:min(34rem,100%)}.admin-login-card,.admin-login-card.admin-form{gap:.65rem;padding:1rem 1.15rem}.admin-login-card-head{gap:.2rem}.admin-login-card-head .brand-logo{margin-bottom:.1rem}.admin-login-card-head p:last-child{display:none}.admin-login-card.admin-form input{min-height:40px;padding:8px 12px}.admin-login-submit{min-height:42px;margin-top:0}}.admin-form{display:grid;gap:.85rem}.admin-form label,.admin-field{display:grid;gap:.35rem;font-family:var(--font-display);font-weight:600;font-size:var(--admin-ui);line-height:1.4}.admin-form input[type=checkbox]{width:1.1rem;height:1.1rem;min-height:0;padding:0;accent-color:var(--tj-blue)}.admin-form input,.admin-form select,.admin-form textarea{font:inherit;font-size:16px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--tj-grey-light);color:var(--tj-charcoal)}.admin-form textarea{min-height:7rem;resize:vertical}.admin-password{position:relative;min-width:0}.admin-password input,.admin-modal .admin-form .admin-password input:not([type=checkbox]){width:100%;padding-right:2.75rem}.admin-password-toggle{position:absolute;top:50%;right:.4rem;z-index:1;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#6b8299;cursor:pointer;transform:translateY(-50%)}.admin-password-toggle svg{width:18px;height:18px}.admin-password-toggle:hover{background:#07357f0f;color:#12386f}.admin-settings{display:grid;gap:1rem}.admin-settings .admin-card{display:grid;gap:.55rem}.admin-settings .admin-muted{margin:0}.admin-error{margin:0;color:#9b1c2e;background:#fdecef;padding:.7rem .85rem;border-radius:10px;font-size:var(--admin-ui);line-height:1.45}.admin-ok{margin:0;color:#0a7a8a;background:#e7f7f9;padding:.7rem .85rem;border-radius:10px;font-size:var(--admin-ui);line-height:1.45}.admin-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:1rem}.admin-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--tj-white);border:1px solid var(--line);border-radius:16px}.admin-table{width:100%;min-width:680px;border-collapse:collapse;background:var(--tj-white)}.admin-table th,.admin-table td{text-align:left;padding:.8rem .95rem;border-bottom:1px solid var(--line);vertical-align:middle;font-size:var(--admin-ui);line-height:1.45}.admin-table th{font-family:var(--font-display);font-size:var(--admin-label);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tj-slate);background:var(--tj-offwhite)}.admin-table td strong{font-weight:600}.admin-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;background:var(--tj-grey-light)}.admin-row-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:.4rem}.admin-icon-btn{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:1px solid rgba(7,53,127,.1);border-radius:10px;background:#f3f7fb;color:#12386f;cursor:pointer}.admin-icon-btn svg{width:17px;height:17px}.admin-icon-btn:hover{background:#e7eef6;color:var(--tj-blue)}.admin-icon-btn--danger{color:#9a3b4a}.admin-icon-btn--danger:hover{background:#fdecef;border-color:#9a3b4a2e;color:#b42318}.admin-icon-btn:disabled{opacity:.45;cursor:not-allowed}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.admin-card{background:var(--tj-white);border:1px solid var(--line);border-radius:16px;padding:1.1rem}.admin-dash-status{display:flex;align-items:center;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--tj-gold)}.admin-dash-status.is-on{color:var(--tj-aqua-deep, #0a7a8a)}.admin-kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.admin-kpi-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:92px;padding:.85rem .9rem;border-radius:22px;background:#ffffffc7;box-shadow:0 10px 28px #07357f0f;text-decoration:none;color:inherit}.admin-kpi-card svg{width:16px;height:16px;color:#9ab0c8}.admin-kpi-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--tj-white)}.admin-kpi-icon svg{width:18px;height:18px;color:inherit}.admin-kpi-card.tone-blue .admin-kpi-icon{background:#3d8bff}.admin-kpi-card.tone-violet .admin-kpi-icon{background:#8b7cff}.admin-kpi-card.tone-aqua .admin-kpi-icon{background:#2bb8c9}.admin-kpi-card.tone-gold .admin-kpi-icon{background:#e0b15a}.admin-kpi-card.tone-green .admin-kpi-icon{background:#3db98a}.admin-kpi-card span{display:grid;gap:.05rem;min-width:0}.admin-kpi-card strong{font-family:var(--font-display);font-size:1.35rem;font-weight:700;line-height:1.1;color:#12386f}.admin-kpi-card strong.is-soft{font-size:1.05rem}.admin-kpi-card b{font-family:var(--font-display);font-size:.82rem;font-weight:600;color:#12386f}.admin-kpi-card small{color:var(--tj-slate);font-size:.75rem}.admin-board{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.78fr);gap:1rem;align-items:start}.admin-board-primary{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-panel{display:grid;align-content:start;gap:.7rem;min-height:100%;padding:1.15rem 1.15rem 1rem;background:#ffffffd1;border-radius:24px;box-shadow:0 14px 36px #07357f0f}.admin-panel.is-compact{min-height:0}.admin-panel-head{display:flex;justify-content:space-between;gap:.7rem;align-items:flex-start}.admin-panel-head h2{margin:.1rem 0 0;font-size:1.2rem;color:#12386f}.admin-panel-head a,.admin-panel-foot{display:inline-flex;align-items:center;gap:.2rem;color:#2aa0b8;font-family:var(--font-display);font-size:var(--admin-meta);font-weight:600;text-decoration:none}.admin-panel-head a svg,.admin-panel-foot svg{width:14px;height:14px}.admin-panel-kicker{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a93b3}.admin-panel-kicker svg{width:14px;height:14px}.admin-panel-count{margin:0;font-family:var(--font-display);font-size:2.2rem;font-weight:700;line-height:1;color:#12386f}.admin-panel-count.is-small{font-size:1.7rem}.admin-advice-top{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.admin-donut{position:relative;width:72px;height:72px;border-radius:50%;background:conic-gradient(#2bb8c9 calc(var(--pct, 0) * 1%),#e4eef5 0)}.admin-donut span{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:grid;place-items:center;border-radius:50%;background:var(--tj-white);font-family:var(--font-display);font-size:.78rem;font-weight:700;color:#12386f}.admin-preview-list{display:grid;gap:.7rem;margin:.2rem 0 0;padding:0;list-style:none}.admin-preview-list li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.7rem;align-items:center}.admin-preview-list.is-posts li{grid-template-columns:minmax(0,1fr)}.admin-preview-list img,.admin-preview-fallback{width:42px;height:42px;object-fit:cover;border-radius:50%;background:#d7e8f2}.admin-preview-list strong,.admin-preview-list small{display:block}.admin-preview-list strong{font-size:.92rem;color:#12386f}.admin-preview-list small{color:var(--tj-slate);font-size:.78rem}.admin-stock{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:#2f9d6a}.admin-avatars{display:flex;align-items:center}.admin-avatars span,.admin-avatars-add{display:grid;place-items:center;width:34px;height:34px;margin-left:-6px;border:2px solid var(--tj-white);border-radius:50%;background:#d7e8f2;color:#12386f;font-family:var(--font-display);font-size:.7rem;font-weight:700;text-decoration:none}.admin-avatars span:first-child,.admin-avatars-add:first-child{margin-left:0}.admin-avatars-add{background:#eef6fb;color:#2aa0b8}.admin-activity ul{display:grid;gap:.9rem;margin:0;padding:0;list-style:none}.admin-activity li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:.7rem;align-items:start}.admin-activity-dot{width:10px;height:10px;margin-top:.4rem;border-radius:50%;background:#3d8bff;box-shadow:0 0 0 4px #3d8bff26}.admin-activity a{text-decoration:none;color:inherit}.admin-activity strong,.admin-activity small{display:block}.admin-activity strong{font-size:.92rem;color:#12386f}.admin-activity small{color:var(--tj-slate);font-size:.78rem}.admin-activity-brand{margin-top:.6rem;padding-top:.9rem;border-top:1px solid rgba(7,53,127,.08)}.admin-activity-brand .admin-script{text-align:left;font-size:1.35rem}.admin-photo-row{display:flex;flex-wrap:wrap;gap:.85rem;align-items:stretch}.admin-photo-slot{display:grid;gap:.5rem;align-content:start;width:min(100%,11.5rem)}.admin-photo-preview{width:100%;height:140px;object-fit:cover;border-radius:12px;background:var(--tj-grey-light);border:1px solid var(--line)}.admin-photo-preview.is-empty{display:grid;place-items:center;color:var(--tj-slate);font-size:var(--admin-meta);font-weight:600}.admin-photo-slot .admin-row-actions{flex-direction:column;align-items:stretch}.admin-spec-row,.admin-list-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem;align-items:start}.admin-blocks{display:grid;gap:.85rem}.admin-block{border:1px solid var(--line);border-radius:12px;padding:.85rem;background:var(--tj-offwhite)}.admin-block-bar{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:.65rem}.admin-lang-tabs{display:flex;gap:.35rem;margin:.35rem 0 .85rem}.admin-lang-tabs button{min-height:40px;border:1px solid var(--line);background:var(--tj-white);border-radius:999px;padding:0 .9rem;font-family:var(--font-display);font-size:var(--admin-ui);font-weight:600}.admin-lang-tabs button.is-active{background:var(--tj-blue);color:var(--tj-white);border-color:var(--tj-blue)}.admin-preview{background:var(--tj-white);border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.2rem}.admin-preview h1{font-size:1.25rem;margin:.2rem 0 .5rem}.admin-muted{color:var(--tj-slate);font-size:var(--admin-meta);line-height:1.5}.admin-count{font-weight:600;font-size:var(--admin-label);color:var(--tj-slate)}.admin-kicker{margin:0 0 .2rem;font-size:var(--admin-meta)}.admin-kicker a{color:var(--tj-aqua-deep);font-weight:600}.admin-blog-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.admin-blog-search{flex:1 1 16rem}.admin-blog-search input{width:100%;font:inherit;font-size:16px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--tj-white)}.admin-filter-pills{display:flex;flex-wrap:wrap;gap:.35rem}.admin-filter-pills button{min-height:40px;border:1px solid var(--line);background:var(--tj-white);border-radius:999px;padding:0 .9rem;font-family:var(--font-display);font-size:var(--admin-ui);font-weight:600;cursor:pointer}.admin-filter-pills button.is-active{background:var(--tj-blue);color:var(--tj-white);border-color:var(--tj-blue)}.admin-empty{background:var(--tj-white);border:1px dashed var(--line);border-radius:16px;padding:2rem 1.25rem;text-align:center}.admin-post-list{display:grid;gap:.85rem}.admin-post-card{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:1rem;align-items:center;background:var(--tj-white);border:1px solid var(--line);border-radius:16px;padding:.85rem}.admin-post-cover{width:120px;height:88px;border-radius:12px;background:var(--tj-grey-light) center / cover no-repeat}.admin-post-cover.is-empty{background-image:none}.admin-post-body h2{margin:.2rem 0 .35rem;font-size:var(--admin-heading);color:var(--tj-charcoal)}.admin-post-meta{display:flex;flex-wrap:wrap;gap:.35rem .85rem;margin:0;color:var(--tj-slate);font-size:var(--admin-meta)}.admin-post-excerpt{margin:0 0 .55rem;color:var(--tj-slate);font-size:var(--admin-ui);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-post-actions{display:flex;flex-direction:column;gap:.35rem;align-items:stretch}.admin-pill{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:0 .65rem;border-radius:999px;font-family:var(--font-display);font-size:var(--admin-label);font-weight:600}.admin-pill.is-live{background:#e7f7f9;color:#0a7a8a}.admin-pill.is-draft{background:var(--tj-offwhite);color:var(--tj-slate)}.admin-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.1rem;align-items:start}.admin-blog-write,.admin-blog-meta{display:grid;gap:.85rem}.admin-blog-meta{position:sticky;top:80px}.admin-card-label{margin:0 0 .65rem;font-family:var(--font-display);font-size:var(--admin-label);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tj-slate)}.admin-title-field input{min-height:52px;font-family:var(--font-display);font-size:1.125rem;font-weight:600;background:var(--tj-white)}.admin-excerpt{min-height:5rem}.admin-body-card .admin-toolbar{margin-bottom:.75rem}.admin-block-add{display:flex;flex-wrap:wrap;gap:.25rem}.admin-lang-tabs button{display:inline-flex;align-items:center;gap:.4rem}.admin-lang-dot{width:7px;height:7px;border-radius:50%;background:var(--line)}.admin-lang-dot.is-on{background:var(--tj-aqua)}.admin-block.is-heading{border-left:3px solid var(--tj-blue)}.admin-block.is-note{border-left:3px solid var(--tj-aqua)}.admin-block.is-image{border-left:3px solid var(--tj-gold)}.admin-heading-input{min-height:3.2rem;font-family:var(--font-display);font-weight:600}.admin-blog-list-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-bottom:.45rem}.admin-list-editor .btn-secondary{margin-top:.25rem}.admin-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.35rem .8rem;border-radius:999px;background:var(--tj-white);border:1px solid var(--line);cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:var(--admin-ui)}.admin-upload input{position:absolute;width:1px;height:1px;opacity:0}.admin-cover-slot{display:grid;gap:.65rem}.admin-cover-slot img{width:100%;height:140px;object-fit:cover;border-radius:12px}.admin-cover-slot p{margin:0;color:var(--tj-slate);font-size:var(--admin-meta)}.admin-preview{max-height:min(70vh,640px);overflow:auto}.admin-preview img{width:100%;border-radius:12px;margin-bottom:.65rem}.admin-preview h2,.admin-preview h3{color:var(--tj-charcoal)}.admin-savebar{position:sticky;bottom:0;z-index:8;display:flex;justify-content:space-between;gap:.75rem;margin-top:.5rem;padding:.75rem 0 .25rem;background:linear-gradient(to top,var(--tj-grey-light) 70%,transparent)}.admin-cat-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.75rem}.admin-cat-row{display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:start;background:var(--tj-white);border:1px solid var(--line);border-radius:16px;padding:1rem}.admin-cat-order{display:flex;flex-direction:column;gap:.3rem;min-width:4.5rem}.admin-cat-index{font-family:var(--font-display);font-weight:700;color:var(--tj-slate)}.admin-cat-fields{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .85rem}.admin-cat-fields label{display:grid;gap:.25rem;font-family:var(--font-display);font-size:var(--admin-meta);font-weight:600;color:var(--tj-slate)}.admin-cat-fields input{min-height:40px;padding:.4rem .65rem;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px}.admin-cat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;min-width:7rem}.admin-users{display:grid;gap:1rem}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;display:grid;place-items:center;padding:max(.85rem,env(safe-area-inset-top,0px)) max(.85rem,env(safe-area-inset-right,0px)) max(.85rem,env(safe-area-inset-bottom,0px)) max(.85rem,env(safe-area-inset-left,0px));background:#07357f61;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-modal{display:flex;flex-direction:column;width:min(42rem,100%);max-height:calc(100dvh - 1.7rem);overflow:hidden;background:#fffffff5;color:var(--tj-charcoal);border:1px solid rgba(7,53,127,.08);border-radius:28px;padding:0;box-shadow:0 28px 64px #07357f2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-family:Roboto,Arial,Helvetica,sans-serif;letter-spacing:.01em}.admin-modal,.admin-modal-body{scrollbar-width:none}.admin-modal::-webkit-scrollbar,.admin-modal-body::-webkit-scrollbar{display:none;width:0;height:0}.admin-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.35rem 1.4rem 1rem}.admin-modal-copy{display:grid;gap:.35rem;min-width:0}.admin-modal-kicker{margin:0;font-family:var(--font-display);font-size:.6875rem;font-weight:500;letter-spacing:.1em;line-height:1.3;text-transform:uppercase;color:#7a93b3}.admin-modal-head h2{margin:0;font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:700;letter-spacing:.01em;line-height:1.25;color:#12386f}.admin-modal-lead{margin:.1rem 0 0;max-width:44ch;font-size:var(--admin-meta);line-height:1.5;font-weight:400;letter-spacing:.015em;color:var(--tj-slate)}.admin-modal-close{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:1px solid rgba(7,53,127,.1);border-radius:50%;background:#f3f7fb;color:#3d5a7a;cursor:pointer}.admin-modal-close svg{width:15px;height:15px}.admin-modal-close:hover{background:#e7eef6;color:var(--tj-charcoal)}.admin-modal .admin-form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;gap:0;padding:0 1.4rem 1.25rem}.admin-modal .admin-form label{gap:.45rem;font-family:var(--font-display);font-size:.8125rem;font-weight:500;letter-spacing:.02em;line-height:1.3;color:#3d5a7a}.admin-modal-body{display:grid;gap:1rem;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}.admin-user-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1rem;min-width:0}.admin-user-grid>*{min-width:0}.admin-modal .admin-form input:not([type=checkbox]),.admin-modal .admin-form select{min-height:44px;padding:.7rem .85rem;background:#fff;border-color:#07357f1f;font-family:var(--font-body);font-size:.9375rem;font-weight:400;letter-spacing:.015em;line-height:1.4}.admin-modal .admin-form input::placeholder{font-family:inherit;letter-spacing:.015em;color:#8aa0b8}.admin-modal .admin-form input:not([type=checkbox]):focus,.admin-modal .admin-form select:focus{outline:2px solid rgba(22,182,201,.35);border-color:var(--tj-aqua)}.admin-user-aside{display:grid;gap:1rem;min-width:0}.admin-user-section{display:grid;gap:.55rem}.admin-user-label{margin:0;font-family:var(--font-display);font-size:.6875rem;font-weight:500;letter-spacing:.1em;line-height:1.3;text-transform:uppercase;color:#7a93b3}.admin-user-hint{margin:0;font-size:var(--admin-meta);line-height:1.5;letter-spacing:.015em;color:var(--tj-slate)}.admin-role-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;min-width:0}.admin-role-pick{min-width:0;width:100%;min-height:40px;padding:.45rem .4rem;border:1px solid rgba(7,53,127,.1);border-radius:12px;background:#f3f7fb;color:#12386f;font-family:var(--font-display);font-size:.8125rem;font-weight:500;letter-spacing:.02em;line-height:1.25;cursor:pointer}.admin-role-pick:disabled{opacity:.45;cursor:not-allowed}.admin-role-pick.is-on,.admin-role-pick.is-on:disabled{opacity:1;background:var(--tj-blue);border-color:var(--tj-blue);color:var(--tj-white)}.admin-perm-chips{display:flex;flex-wrap:wrap;gap:.5rem}.admin-access-table{display:grid;gap:.35rem;min-width:0}.admin-access-head,.admin-access-row{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,3.4rem);align-items:center;gap:.25rem;margin:0;padding:0;border:0;min-width:0}.admin-access-head{padding:0 0 .15rem;font-family:var(--font-display);font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#7a93b3}.admin-access-head span:not(:first-child),.admin-access-row label{text-align:center}.admin-access-name{min-width:0;font-family:var(--font-display);font-size:.8125rem;font-weight:500;letter-spacing:.02em;color:#12386f}.admin-modal .admin-access-row label,.admin-access-row label{position:relative;display:grid;place-items:center;min-height:32px;margin:0;padding:0;border:1px solid rgba(7,53,127,.1);border-radius:10px;background:#f3f7fb;cursor:pointer}.admin-access-row label.is-on{background:var(--tj-blue);border-color:var(--tj-blue)}.admin-modal .admin-form .admin-access-row input[type=radio],.admin-access-row input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:8px;height:8px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:#07357f38;box-shadow:none}.admin-modal .admin-form .admin-access-row label.is-on input[type=radio],.admin-access-row label.is-on input[type=radio]{background:#fff}.admin-access-row:disabled legend,.admin-access-row:disabled label{opacity:.55;cursor:default}.admin-readonly-fields{border:0;margin:0;padding:0;min-inline-size:0}.admin-form.is-readonly input,.admin-form.is-readonly textarea,.admin-form.is-readonly select,.admin-readonly-fields:disabled input,.admin-readonly-fields:disabled textarea,.admin-readonly-fields:disabled select{background:#f3f7fb;pointer-events:none}.admin-form.is-readonly .admin-lang-tabs button{pointer-events:auto}.admin-modal .admin-chip{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;min-height:36px;margin:0;padding:.35rem .85rem .35rem .6rem;border:1px solid rgba(7,53,127,.1);border-radius:999px;background:#f3f7fb;color:#12386f;font-family:var(--font-display);font-size:.8125rem;font-weight:500;letter-spacing:.02em;line-height:1.25;cursor:pointer}.admin-modal .admin-chip.is-on{background:#e7f7f9;border-color:#16b6c96b;color:#0a7a8a}.admin-modal .admin-chip.is-locked{cursor:default}.admin-modal .admin-chip--status{justify-self:start}.admin-modal-foot{display:flex;flex-wrap:nowrap;gap:.65rem;align-items:center;justify-content:flex-end;padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(7,53,127,.08)}.admin-modal-foot .btn{min-width:7.75rem;min-height:44px;justify-content:center;font-family:var(--font-display);font-size:.875rem;font-weight:500;letter-spacing:.03em}.admin-table tr.is-selected td{background:#eef6fb}.admin-role-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:.28rem .8rem;border-radius:999px;background:var(--tj-grey-light);font-family:var(--font-display);font-size:.8125rem;font-weight:500;letter-spacing:.02em;line-height:1.2;white-space:nowrap}.admin-role-pill--owner{background:var(--tj-blue);color:var(--tj-white)}.admin-role-pill--super_admin{background:#f3e4c8;color:#6e5218}.admin-role-pill--admin{background:#d8f4f8;color:#0a5f6a}.admin-role-pill--user{background:#e4eaf1;color:#2f455c}.admin-perm-list{margin:0;padding:.75rem .85rem;border:1px solid var(--line);border-radius:12px;display:grid;gap:.45rem}.admin-perm-list legend{padding:0 .35rem;font-family:var(--font-display);font-size:var(--admin-meta);font-weight:600;color:var(--tj-slate)}.admin-perm-item{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:600;font-size:var(--admin-ui)}@media(max-width:1280px){.admin-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:960px){.admin-shell{display:flex;flex-direction:column}.admin-side{height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand foot" "nav nav";gap:.7rem .85rem;padding:.75rem max(.9rem,env(safe-area-inset-right,0px)) .7rem max(.9rem,env(safe-area-inset-left,0px));border-right:0}.admin-side:after{display:none}.admin-workspace{--admin-bg-photo: .26;--admin-bg-wash: .58;min-height:0}.admin-kpi,.admin-board,.admin-board-primary{grid-template-columns:1fr 1fr}.admin-side-brand{grid-area:brand;padding:0;border:0;gap:.2rem}.admin-side-kicker,.admin-side-email,.admin-side-role{display:none}.admin-side-nav{grid-area:nav;flex-direction:row;flex:0 0 auto;gap:.35rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.admin-side-nav::-webkit-scrollbar{display:none}.admin-side-nav a{flex:0 0 auto;min-height:38px;padding:.35rem .85rem;border-radius:999px;background:#ffffff14}.admin-side-foot{grid-area:foot;padding:0;border:0;align-content:center}.admin-side-actions{justify-content:flex-end}.admin-main{width:100%;padding:.4rem max(.9rem,env(safe-area-inset-right,0px)) 2.5rem max(.9rem,env(safe-area-inset-left,0px))}.admin-topbar{padding-inline:max(.9rem,env(safe-area-inset-right,0px))}.admin-blog-layout,.admin-post-card{grid-template-columns:1fr}.admin-blog-meta{position:static}.admin-post-actions{flex-direction:row;flex-wrap:wrap}.admin-post-cover{width:100%;height:140px}}@media(max-width:720px){.admin-hero,.admin-home-hero{align-items:stretch}.admin-hero-actions{width:100%}.admin-hero-actions .btn{flex:1 1 auto}.admin-kpi,.admin-board,.admin-board-primary{grid-template-columns:1fr}.admin-script{text-align:left}.admin-grid-2,.admin-spec-row,.admin-list-row,.admin-cat-row,.admin-cat-fields{grid-template-columns:1fr}.admin-cat-order{flex-direction:row;align-items:center}.admin-cat-meta{align-items:flex-start}.admin-table td:last-child .admin-row-actions{flex-wrap:nowrap}}@media(min-width:1400px){.admin-workspace{--admin-bg-photo: .4;--admin-bg-wash: .44}}@media(max-width:560px){.admin-workspace{--admin-bg-photo: .22;--admin-bg-wash: .62}.admin-topbar{flex-wrap:wrap}.admin-search{width:100%;order:2}.admin-side{grid-template-columns:auto 1fr;grid-template-areas:"brand foot" "nav nav";align-items:center}.admin-side-brand .brand-logo__text{display:none}.admin-side-link{padding-inline:.65rem}.admin-modal{border-radius:22px;max-height:calc(100dvh - 1.2rem)}.admin-modal-head{padding:1.15rem 1.15rem .85rem;gap:.85rem}.admin-modal-copy{gap:.3rem}.admin-modal .admin-form{padding:0 1.15rem 1.1rem}.admin-modal-body{gap:.9rem}.admin-user-grid{gap:.8rem .85rem}.admin-role-picks{grid-template-columns:1fr 1fr}.admin-role-pick{min-height:40px}.admin-modal-foot{justify-content:stretch}.admin-modal-foot .btn{flex:1 1 0;min-width:0}}@media(max-width:380px){.admin-user-grid{grid-template-columns:1fr}}@media(max-height:520px)and (orientation:landscape){.admin-side{height:auto;max-height:none}.admin-hero,.admin-home-hero{padding:.9rem 1rem}.admin-modal{width:min(52rem,100%);max-height:calc(100dvh - .9rem)}.admin-modal-head{padding:.8rem 1.05rem .5rem;gap:.75rem}.admin-modal-copy{gap:.2rem}.admin-modal-lead,.admin-user-hint{display:none}.admin-modal .admin-form{padding:0 1rem .75rem}.admin-modal-body{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:.4rem .9rem;align-items:start;overflow:hidden}.admin-error{grid-column:1 / -1}.admin-user-grid,.admin-user-aside{gap:.35rem}.admin-modal .admin-form input:not([type=checkbox]){min-height:34px}.admin-role-picks{grid-template-columns:1fr 1fr}.admin-role-pick{min-height:30px}.admin-perm-chips{gap:.28rem}.admin-modal .admin-chip{min-height:28px;padding:.12rem .55rem .12rem .4rem}.admin-access-head,.admin-access-row{grid-template-columns:minmax(0,1.1fr) repeat(3,2.6rem)}.admin-access-row label{min-height:26px}.admin-modal-foot{padding-top:.65rem;margin-top:.55rem}}:root{--tj-blue: #07357f;--tj-aqua: #16b6c9;--tj-aqua-deep: #0a7a8a;--tj-white: #ffffff;--tj-grey-light: #f2f5f7;--tj-charcoal: #263342;--tj-slate: #5b6878;--tj-navy: #123b5d;--tj-fresh: #39b8d5;--tj-offwhite: #f7f8f5;--tj-gold: #c6a66b;--line-green: #06c755;--wechat-green: #07c160;--whatsapp-green: #25d366;--navy: var(--tj-blue);--navy-deep: var(--tj-blue);--navy-ink: var(--tj-charcoal);--aqua: var(--tj-aqua);--aqua-bright: var(--tj-aqua);--foam: var(--tj-grey-light);--mist: var(--tj-grey-light);--sand: var(--tj-offwhite);--text: var(--tj-charcoal);--muted: var(--tj-slate);--line: #d5e2ea;--white: var(--tj-white);--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--shadow-soft: 0 10px 30px rgba(7, 53, 127, .08);--space: 8px;--pad-1: 8px;--pad-2: 16px;--pad-3: 24px;--pad-4: 32px;--pad-card: 24px;--pad-control: 12px 16px;--pad-control-sm: 8px 12px;--pad-btn: 12px 24px;--gap: 24px;--gap-sm: 16px;--tap: 44px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .15, 1);--font-display: "Kanit", Tahoma, "Leelawadee UI", Thonburi, "Noto Sans Thai", "Noto Sans SC", Arial, sans-serif;--font-body: "Sarabun", Tahoma, "Leelawadee UI", Thonburi, "Noto Sans Thai", "Noto Sans SC", Arial, sans-serif;--font-brand: "Montserrat", Arial, sans-serif;--header-h: 88px;--max: 1200px;--narrow-max: 42rem;--page-gutter: 24px;--section-y: clamp(48px, 6vw, 72px);--section-y-tight: clamp(24px, 3vw, 32px);--stack: 16px;--floating-cta-clearance: calc(5.5rem + env(safe-area-inset-bottom, 0px)) ;--fs-h1: 2.5rem;--fs-h1-mobile: 1.875rem;--fs-h2: 1.875rem;--fs-h3: 1.5rem;--fs-lead: 1.25rem;--fs-body: 1.125rem;--fs-body-th: 1.125rem;--fs-nav: 1rem;--fs-specs: .9375rem;--fs-small: .875rem;--fs-caption: .8125rem;--fs-micro: .75rem}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light;overflow-x:clip}html[data-text-size=lg]{font-size:112.5%}html[data-text-size=xl]{font-size:125%}body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);color:var(--tj-charcoal);background-color:var(--tj-white);line-height:1.6;min-height:100vh;min-height:100dvh;overflow-wrap:break-word;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;overflow-x:clip;accent-color:var(--tj-aqua)}::selection{background:#16b6c947;color:var(--tj-charcoal)}button,a,input,select,textarea,summary{touch-action:manipulation}button,.btn,.nav-link,.lang-option,.text-size-btn,.menu-toggle,.header-consult-cta,.floating-chat-cta,.mobile-nav-link,.faq-question{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:focus-visible{outline:2px solid var(--tj-aqua);outline-offset:3px}.skip-link:focus-visible{outline-color:var(--tj-white)}:lang(th) body,html[lang=th] body{font-size:var(--fs-body-th)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,.hero-brand,.footer-title,.closing-line{font-family:var(--font-display);font-weight:600;line-height:1.25;text-wrap:balance}:lang(th) h1,:lang(th) h2,:lang(th) h3,html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{letter-spacing:normal;font-style:normal}h1{font-size:var(--fs-h1);margin:0 0 .75rem;color:var(--tj-charcoal)}h2{font-size:var(--fs-h2);margin:0 0 .85rem;color:var(--tj-blue)}h3{font-size:var(--fs-h3);margin:0 0 .5rem;color:var(--tj-blue)}@media(max-width:720px){h1{font-size:var(--fs-h1-mobile)}}p{margin:0 0 1rem}.container,.narrow,.header-inner{width:100%;margin-inline:auto;padding-inline:max(var(--page-gutter),env(safe-area-inset-left,0px)) max(var(--page-gutter),env(safe-area-inset-right,0px))}.container{max-width:calc(var(--max) + (var(--page-gutter) * 2))}.narrow{max-width:calc(var(--narrow-max) + (var(--page-gutter) * 2))}.header-inner{max-width:calc(var(--max) + (var(--page-gutter) * 2))}.center{text-align:center}.muted{color:var(--muted)}.skip-link{position:absolute;left:var(--pad-2);top:var(--pad-1);z-index:200;padding:var(--pad-control);background:var(--tj-blue);color:var(--tj-white);border-radius:var(--radius-sm);transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:0}.page-view{animation:pageIn .38s var(--ease-out) both}@keyframes pageIn{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}.app-shell.no-floating-cta{padding-bottom:0}main{flex:1;min-width:0;width:100%}html[lang=th] body,html[lang=zh-Hans] body{line-height:1.75}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=zh-Hans] h1,html[lang=zh-Hans] h2,html[lang=zh-Hans] h3{line-height:1.35;letter-spacing:0}html[lang=ru] .nav-link,html[lang=ru] .mobile-nav-link{letter-spacing:-.01em}.site-header{position:sticky;top:0;z-index:60;height:calc(var(--header-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:#ffffffeb;backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid transparent;transition:box-shadow .35s var(--ease-out),border-color .35s var(--ease-out),background .35s var(--ease-out)}.site-header.is-scrolled,.site-header.is-menu-open{background:var(--tj-white);border-color:#d5e2eae6;box-shadow:0 8px 24px #07357f0f}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:clamp(.65rem,2vw,1.25rem)}.brand-logo-link{display:inline-flex;min-width:0;flex-shrink:0;text-decoration:none;color:inherit}.brand-logo{display:inline-flex;align-items:center;gap:var(--brand-gap, 8px);min-width:0;margin:calc(var(--brand-clear, 12px) * .25) 0;padding:0;box-sizing:border-box}.site-header .brand-logo{margin:0;gap:.75rem}.brand-logo--horizontal{flex-direction:row;min-width:180px}.brand-logo--stacked{flex-direction:column;align-items:center;text-align:center}.brand-logo__seal{width:var(--brand-seal, 48px);height:var(--brand-seal, 48px);flex-shrink:0;object-fit:contain;border-radius:50%}.brand-logo--seal .brand-logo__seal{min-width:64px;min-height:64px}.brand-logo__text{display:flex;flex-direction:column;min-width:0;gap:.1rem;line-height:1.15}.brand-logo__en{font-family:var(--font-brand);font-weight:800;font-size:clamp(var(--fs-small),1.7vw,var(--fs-lead));color:var(--tj-blue);letter-spacing:.06em;white-space:nowrap;text-transform:uppercase}.brand-logo--dark .brand-logo__en,.brand-logo--dark .brand-logo__th{color:var(--tj-white)}.brand-logo--dark .brand-logo__seal{background:var(--tj-white);border:3px solid var(--tj-white);box-sizing:content-box}.brand-logo__th{font-family:var(--font-display);font-weight:600;font-size:clamp(var(--fs-caption),1.4vw,var(--fs-nav));color:var(--tj-charcoal);letter-spacing:normal;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-consult-cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);background:var(--tj-blue);color:var(--tj-white);font-family:var(--font-display);font-weight:600;font-size:var(--fs-nav);padding:var(--pad-control);border-radius:999px;white-space:nowrap;transition:background .22s var(--ease-out),transform .22s var(--ease-out)}.header-consult-cta:hover{background:var(--tj-navy);color:var(--tj-white)}.header-consult-cta.is-compact{padding:var(--pad-control-sm);font-size:var(--fs-small)}.product-price{font-family:var(--font-display);font-weight:600;font-size:calc(var(--fs-body) * 2);color:var(--tj-charcoal);font-variant-numeric:tabular-nums;margin:.35rem 0}.product-card-meta{font-size:var(--fs-caption);color:var(--tj-slate);margin:.2rem 0}.product-card-label{font-family:var(--font-display);font-weight:500;font-size:var(--fs-caption);color:var(--tj-aqua-deep);text-transform:uppercase;letter-spacing:.04em}.hero-eyebrow{font-family:var(--font-display);font-weight:500;font-size:var(--fs-caption);color:var(--tj-aqua-deep);margin:0 0 .65rem}.caption{font-size:var(--fs-caption);color:var(--tj-slate)}.specs-text{font-size:var(--fs-specs);font-variant-numeric:tabular-nums}.nav{display:flex;align-items:center;gap:1.5rem;min-width:0;margin-left:auto}.nav-links{display:flex;align-items:center;gap:.15rem}.nav-link{position:relative;font-family:var(--font-display);font-size:var(--fs-nav);font-weight:500;color:var(--tj-slate);padding:var(--pad-control);min-height:var(--tap);display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;transition:color .22s var(--ease-out),background .22s var(--ease-out)}.nav-link:hover{color:var(--tj-blue);background:var(--tj-grey-light)}.nav-link.is-active{color:var(--tj-blue);font-weight:600}.nav-link.is-active:after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.2rem;height:2px;border-radius:2px;background:var(--tj-aqua)}.nav-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;padding-left:var(--pad-2);margin-left:.15rem;border-left:1px solid var(--line)}.header-chat-cta{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:var(--fs-small);padding:var(--pad-control-sm);border-radius:999px;color:var(--white);white-space:nowrap;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.header-chat-cta.is-line{background:var(--line-green)}.header-chat-cta.is-whatsapp{background:var(--whatsapp-green)}.header-chat-cta.is-wechat{background:var(--wechat-green)}.header-chat-cta:hover{transform:translateY(-1px);filter:brightness(1.04)}.header-chat-cta.is-compact{min-width:44px;min-height:40px;padding:var(--pad-control-sm);font-size:var(--fs-micro);letter-spacing:.02em}.lang-switch{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:999px;background:var(--tj-grey-light);padding:4px}.lang-option{border:0;background:transparent;color:var(--tj-slate);font-family:var(--font-display);font-weight:600;font-size:var(--fs-caption);min-height:36px;min-width:36px;padding:var(--pad-control-sm);border-radius:999px;cursor:pointer;line-height:1;transition:background .18s var(--ease-out),color .18s var(--ease-out),transform .18s var(--ease-out)}.lang-option.is-active{background:var(--tj-white);color:var(--tj-blue);box-shadow:0 1px 2px #07357f14}.lang-switch--compact .lang-option{min-height:36px;padding:var(--pad-1) var(--pad-1);font-size:var(--fs-micro)}.lang-switch--drawer{width:100%;justify-content:stretch}.lang-switch--drawer .lang-option{flex:1;min-height:44px;font-size:var(--fs-small)}.text-size{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:999px;background:var(--tj-grey-light);padding:4px}.text-size-btn{border:0;background:transparent;color:var(--tj-slate);font-family:var(--font-brand);font-weight:800;min-height:36px;min-width:32px;padding:0 .45rem;border-radius:999px;cursor:pointer;line-height:1;transition:background .18s var(--ease-out),color .18s var(--ease-out)}.text-size-btn.is-md{font-size:var(--fs-micro)}.text-size-btn.is-lg{font-size:var(--fs-small)}.text-size-btn.is-xl{font-size:var(--fs-nav)}.text-size-btn.is-active{background:var(--tj-white);color:var(--tj-blue);box-shadow:0 1px 2px #07357f14}.text-size--drawer{width:100%;justify-content:stretch}.text-size--drawer .text-size-btn{flex:1;min-height:44px}.coverage-notice{background:var(--tj-offwhite);border-bottom:1px solid var(--tj-gold);padding:12px 0}.coverage-notice-inner{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;justify-content:space-between}.coverage-notice p{margin:0;color:var(--navy-ink);font-size:var(--fs-nav);max-width:62ch}.header-mobile-actions{display:none;align-items:center;gap:.45rem;flex-shrink:0}.menu-toggle{width:var(--tap);height:var(--tap);border:0;background:var(--tj-grey-light);border-radius:12px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s var(--ease-out),transform .2s var(--ease-out)}.menu-toggle span{display:block;width:16px;height:1.75px;background:var(--navy);border-radius:2px;transition:transform .25s ease,opacity .25s ease}.menu-toggle.is-open span:nth-child(1){transform:translateY(6.75px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6.75px) rotate(-45deg)}.mobile-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#07357f47;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out)}.mobile-nav-backdrop.is-open{opacity:1;pointer-events:auto}.mobile-nav{position:fixed;top:calc(var(--header-h) + env(safe-area-inset-top,0px));right:0;bottom:0;z-index:58;width:min(100%,22rem);max-width:100%;transform:translate(110%);transition:transform .42s var(--ease-out);pointer-events:none;padding:var(--pad-1) max(var(--pad-2),env(safe-area-inset-right,0px)) max(var(--pad-2),env(safe-area-inset-bottom,0px)) var(--pad-2)}.mobile-nav.is-open{transform:translate(0);pointer-events:auto}.mobile-nav-panel{height:100%;display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--pad-card);border:0;border-radius:var(--radius-lg);background:var(--tj-white);box-shadow:0 24px 60px #07357f29;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-nav-kicker{margin:0;font-size:var(--fs-caption);color:var(--tj-aqua-deep);font-family:var(--font-display);font-weight:500}.mobile-nav-links{display:flex;flex-direction:column;gap:.25rem;flex:1}.mobile-nav-link{display:flex;align-items:center;min-height:52px;padding:var(--pad-control);border-radius:12px;font-family:var(--font-display);font-size:var(--fs-body);font-weight:500;color:var(--tj-charcoal);background:transparent;transition:background .18s var(--ease-out),color .18s var(--ease-out),transform .18s var(--ease-out)}.mobile-nav-link:hover,.mobile-nav-link:focus-visible{background:var(--tj-grey-light);color:var(--tj-blue);outline:none}.mobile-nav-link.is-active{background:#07357f0f;color:var(--tj-blue);font-weight:600;box-shadow:inset 3px 0 0 var(--tj-aqua)}.mobile-nav-footer{display:grid;gap:.55rem;padding-top:var(--pad-2);border-top:1px solid var(--line)}.mobile-nav-chat{width:100%;min-height:48px;padding:var(--pad-control);font-size:var(--fs-nav);border-radius:999px;text-align:center}.mobile-nav-phone{display:flex;align-items:center;justify-content:center;min-height:48px;padding:var(--pad-control-sm);border-radius:999px;border:1px solid var(--line);background:var(--tj-grey-light);color:var(--tj-blue);font-family:var(--font-display);font-size:var(--fs-nav);font-weight:600;text-align:center}.mobile-nav-phone.is-tbc{color:var(--tj-slate);font-weight:500}.mobile-nav-backdrop,.mobile-nav{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;font-family:var(--font-display);font-weight:600;font-size:var(--fs-nav);padding:var(--pad-btn);border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background .22s var(--ease-out),color .22s var(--ease-out),border-color .22s var(--ease-out),transform .22s var(--ease-out),box-shadow .22s var(--ease-out);text-align:center}.btn-primary{background:var(--tj-blue);color:var(--tj-white)}.btn-primary:hover{background:var(--tj-navy);color:var(--tj-white)}.btn-secondary{background:transparent;color:var(--tj-blue);border-color:var(--tj-blue)}.btn-secondary:hover{background:var(--tj-grey-light);color:var(--tj-blue)}.hero:not(.hero--light) .btn-secondary,.page-hero .btn-secondary,.conversion-cta .btn-secondary,.experience-band .btn-secondary{background:transparent;color:var(--tj-white);border-color:var(--tj-white)}.hero:not(.hero--light) .btn-secondary:hover,.page-hero .btn-secondary:hover,.conversion-cta .btn-secondary:hover,.experience-band .btn-secondary:hover{background:#ffffff1f;color:var(--tj-white)}.section .btn-secondary,.cta-band .btn-secondary,.enquiry-form .btn-secondary,.content-block .btn-secondary{background:var(--white);color:var(--navy);border-color:var(--navy)}.section .btn-secondary:hover,.cta-band .btn-secondary:hover{background:var(--foam)}.experience-band .btn-secondary{background:var(--tj-white);color:var(--tj-blue);border-color:var(--tj-white)}.experience-band .btn-secondary:hover{background:var(--tj-grey-light);color:var(--tj-blue)}.btn-ghost{background:transparent;color:var(--navy);border-color:transparent;padding-left:0;padding-right:0;justify-content:flex-start;gap:.45rem}.btn-ghost:after{content:"→";transition:transform .2s ease}.btn-ghost:hover:after{transform:translate(4px)}.btn-line{background:var(--line-green);color:var(--white)}.btn-line:hover{filter:brightness(1.05)}.btn-whatsapp{background:var(--whatsapp-green);color:var(--white)}.btn-whatsapp:hover{filter:brightness(1.05)}.btn-wechat{background:var(--wechat-green);color:var(--white)}.btn-wechat:hover{filter:brightness(1.05)}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;position:relative;z-index:1}.center-row{justify-content:center}.wave-divider{line-height:0;margin-top:-1px;color:var(--mist)}.wave-divider svg{display:block;width:100%;height:clamp(36px,5vw,56px)}.wave-divider.is-flip{transform:scaleY(-1)}.has-wave-mark{position:relative;padding-bottom:var(--pad-2)}.has-wave-mark:after{content:"";display:block;width:min(7.5rem,55%);height:14px;margin-top:.65rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' fill='none'%3E%3Cpath d='M2,8 C18,2 28,12 44,7 C60,2 72,12 88,7 C100,3 112,9 118,6' stroke='%2316b6c9' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") left center / contain no-repeat}.section-heading.has-wave-mark:after{margin-inline:auto}.pool-line-deco{position:absolute;inset:auto 0 18%;height:48px;pointer-events:none;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%2339b8d5' stroke-opacity='0.7' stroke-width='2' d='M0,24 C180,8 360,40 540,22 C720,4 900,40 1080,20 C1260,0 1350,28 1440,18'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-opacity='0.35' stroke-width='1.5' d='M0,34 C200,18 400,44 600,30 C800,16 1000,42 1200,28 C1320,20 1380,26 1440,24'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.hero{position:relative;min-height:calc(100svh - var(--header-h));display:grid;align-items:end;color:var(--white);overflow:hidden}@media(min-width:721px)and (max-width:1120px){.hero{min-height:min(64svh,560px)}}.hero-media,.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0}.hero-media{width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center;animation:heroDrift 28s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,#07357fe0,#07357fb3 42%,#07357f7a)}.hero-ripple{position:absolute;inset:auto -10% 18% -10%;height:28%;pointer-events:none;opacity:.4;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%2339b8d5' stroke-opacity='0.55' stroke-width='2' d='M0,80 C180,40 360,120 540,70 C720,20 900,120 1080,75 C1260,30 1350,90 1440,60'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-opacity='0.28' stroke-width='1.5' d='M0,110 C200,70 400,140 600,95 C800,50 1000,135 1200,100 C1320,80 1380,95 1440,90'/%3E%3C/svg%3E") center / 100% 100% no-repeat;animation:rippleDrift 12s ease-in-out infinite alternate}.hero-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:2;line-height:0;pointer-events:none}.hero-wave svg{display:block;width:100%;height:clamp(42px,7vw,72px)}.hero-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:0;width:100%;padding-block:var(--section-y) calc(var(--pad-3) + var(--floating-cta-clearance));min-height:inherit}.hero-copy{width:min(100%,38rem);max-width:38rem}.hero-lockup{margin:0 0 .85rem}.about-brand{margin:0 0 var(--pad-3)}#work,#faq{scroll-margin-top:calc(var(--header-h) + 16px)}.hero-body-mobile{display:none;color:var(--tj-slate);font-size:var(--fs-body);max-width:40em;margin:0}@keyframes rippleDrift{0%{transform:translateZ(0)}to{transform:translate3d(-2%,4px,0)}}.hero-brand{font-size:clamp(var(--fs-h2),4vw,var(--fs-h1));margin:0 0 .35rem;color:var(--aqua-bright)}.hero h1{color:var(--white);max-width:14em}.hero-lead{font-size:var(--fs-lead);font-weight:500;max-width:36em;color:#fffffff5}.hero-body{max-width:40em;color:#fffffff0}.hero:not(.hero--light) .hero-copy{text-shadow:0 1px 14px rgba(7,53,127,.45)}.hero:not(.hero--light) .hero-eyebrow{color:#ffffffeb}.hero:not(.hero--light) .hero-badges{color:#ffffffeb}.hero--light{color:var(--tj-charcoal);background:var(--tj-grey-light);align-items:center;min-height:min(640px,calc(100svh - var(--header-h)))}.hero--light .hero-shade,.hero--light .hero-ripple{display:none}.hero--light h1,.hero--light .hero-brand,.hero--light .hero-lead{color:var(--tj-charcoal)}.hero--light .hero-body{color:var(--tj-slate)}.hero--light .hero-content{justify-content:center;max-width:calc(var(--max) + (var(--page-gutter) * 2));padding-bottom:var(--section-y)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.35rem 0 1rem;width:100%;position:relative;z-index:2}.hero-actions .btn{flex:0 1 auto}.hero-badges{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem 1.1rem;padding:0;margin:0;font-size:var(--fs-small);color:#ffffffd9}.hero-badges li{position:relative;padding-left:var(--pad-2)}.hero-badges li:before{content:"";position:absolute;left:0;top:.55em;width:.4rem;height:.4rem;border-radius:50%;background:var(--aqua-bright)}@keyframes heroDrift{0%{transform:scale(1.02)}to{transform:scale(1.06)}}.reveal{animation:riseIn .8s ease both}.reveal-delay-1{animation-delay:.08s}.reveal-delay-2{animation-delay:.16s}.reveal-delay-3{animation-delay:.24s}.reveal-delay-4{animation-delay:.32s}.reveal-delay-5{animation-delay:.4s}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.section{padding:var(--section-y) 0}.section-tight{padding-top:var(--section-y-tight);padding-bottom:var(--section-y)}.section-heading{text-align:center;margin-bottom:2rem}.section-text{font-size:var(--fs-body);color:var(--muted)}.advice-section{background:var(--tj-grey-light);position:relative}.help-section{position:relative;background:var(--white)}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.help-block{position:relative;padding:var(--pad-card);background:var(--tj-white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 8px 24px #07357f0a;transition:transform .28s var(--ease-out),box-shadow .28s var(--ease-out)}.help-block:before{content:"";display:block;width:100%;height:16px;margin-bottom:.85rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' fill='none'%3E%3Cpath d='M2,9 C30,2 50,14 80,8 C110,2 130,14 160,8 C180,4 192,10 198,7' stroke='%2316b6c9' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") left center / min(11rem,70%) 100% no-repeat}.help-block p{color:var(--muted);min-height:6.5rem}.experience-band{position:relative;color:var(--white);padding:var(--section-y) 0;overflow:hidden}.experience-band-media{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transform:scale(1.05)}.experience-band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#07357fd6}.experience-band-content{position:relative;z-index:1;max-width:640px}.experience-band h2{color:var(--white)}.experience-band .section-text,.experience-band p{color:#fffffff0}.audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem 2.5rem}.audience-item{position:relative;padding:var(--pad-1) 0 var(--pad-1) var(--pad-2)}.audience-item:before{content:"";position:absolute;left:0;top:.15rem;bottom:.15rem;width:3px;border-radius:999px;background:var(--tj-aqua)}.audience-item p{color:var(--muted);margin:0}.client-logo-grid{list-style:none;margin:0 0 var(--gap);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-sm)}.client-logo{margin:0;height:100%;min-height:0;padding:var(--pad-2) var(--pad-3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg)}.client-logo img{width:100%;height:72px;object-fit:contain}.client-logo figcaption{margin:0;text-align:center;font-size:var(--fs-caption);line-height:1.3;color:var(--muted)}.work-cover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-sm)}.work-cover{padding:var(--pad-3);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg)}.work-cover h3{margin:0 0 .35rem;font-size:var(--fs-nav)}.work-cover p{margin:0;color:var(--muted)}.visit-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:stretch}.visit-media-col{display:grid;gap:1rem}.visit-media{min-height:220px;background-size:cover;background-position:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.visit-map{margin-top:0}.visit-map iframe{height:280px;border:0;border-radius:inherit}.visit-copy p{color:var(--muted)}.page-hero{position:relative;padding:var(--section-y) 0;overflow:hidden;color:var(--white)}.page-hero.has-cta{min-height:clamp(19rem,52svh,27rem);display:flex;align-items:flex-end;padding-top:var(--section-y);padding-bottom:var(--section-y)}.page-hero.is-compact{min-height:0;padding:var(--section-y-tight) 0}.page-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tj-blue)}.page-hero-edge-wave{position:absolute;left:0;right:0;bottom:-1px;line-height:0;pointer-events:none}.page-hero-edge-wave svg{display:block;width:100%;height:48px}.page-hero-content{position:relative;z-index:1;width:100%;padding-bottom:var(--pad-1)}.page-hero h1{color:var(--white);max-width:16em;margin-bottom:.65rem}.page-hero .lead{max-width:38em;color:#fffffff0;font-size:var(--fs-lead);margin-bottom:0}.product-sections,.pro-grid{display:grid;gap:2.5rem}.pro-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.content-block{padding-bottom:var(--pad-4);border-bottom:1px solid var(--line)}.content-block:last-child{border-bottom:0}.content-block>h2{position:relative;padding-bottom:12px}.content-block>h2:after{content:"";display:block;width:min(6.5rem,45%);height:12px;margin-top:.55rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' fill='none'%3E%3Cpath d='M2,8 C18,2 28,12 44,7 C60,2 72,12 88,7 C100,3 112,9 118,6' stroke='%2316b6c9' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") left center / contain no-repeat}.content-block p,.content-block li{color:var(--muted)}.product-category .product-card-grid{margin:1.35rem 0 1.1rem}.catalog-section{padding-top:0}.catalog-toolbar{position:sticky;top:calc(var(--header-h) + env(safe-area-inset-top,0px));z-index:24;padding:var(--pad-2) 0;margin-bottom:var(--pad-3);background:#f2f5f7f0;backdrop-filter:saturate(1.3) blur(14px);-webkit-backdrop-filter:saturate(1.3) blur(14px);border-bottom:1px solid var(--line)}.catalog-search{display:block;margin-bottom:var(--pad-2)}.catalog-search input{width:100%;min-height:var(--tap);padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--tj-white);color:var(--tj-charcoal);font-family:inherit;font-size:16px}.catalog-search input:focus{outline:2px solid rgba(22,182,201,.35);border-color:var(--tj-aqua)}.catalog-tabs{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:2px;margin:0 calc(var(--page-gutter) * -1);padding-inline:var(--page-gutter);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.catalog-tabs::-webkit-scrollbar{display:none}.catalog-tabs [role=tab]{flex:0 0 auto;min-height:var(--tap);padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--tj-white);color:var(--tj-charcoal);font-family:var(--font-display);font-size:var(--fs-nav);font-weight:500;white-space:nowrap;scroll-snap-align:start;cursor:pointer}.catalog-tabs [role=tab].is-active{background:var(--tj-blue);border-color:var(--tj-blue);color:var(--tj-white)}.catalog-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;margin:var(--pad-2) 0 0;font-size:var(--fs-small);color:var(--tj-slate)}.catalog-heading{margin-bottom:var(--gap-sm)}.catalog-heading h2{margin-bottom:.35rem}.catalog-heading p{margin:0;color:var(--muted)}.catalog-empty{margin:var(--pad-4) 0;color:var(--muted);max-width:36em}.product-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;background:transparent;border:0}.product-card-item{display:flex;flex-direction:column;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 20px #07357f0a;transition:transform .28s var(--ease-out),box-shadow .28s var(--ease-out)}.product-card-link{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none;padding:var(--pad-card);transition:background .22s var(--ease-out)}.product-card-link:hover{background:var(--foam)}.product-card-link:hover .product-card-enquire{opacity:1}.product-image{aspect-ratio:1;background:var(--white);display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;padding:var(--pad-1)}.product-image.is-placeholder img{opacity:.95}.product-card-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0 var(--pad-2)}.product-card-gallery img{width:100%;height:44px;object-fit:cover;border-radius:6px;background:var(--tj-grey-light)}.product-card-caption{text-align:center;margin-top:.85rem;display:grid;gap:.2rem}.product-card-primary{margin:0;font-size:var(--fs-small);color:var(--muted);line-height:1.35}.product-card-emphasis{margin:0;font-family:var(--font-display);font-size:var(--fs-nav);font-weight:700;color:var(--navy-ink);line-height:1.3}.product-card-enquire{margin-top:.35rem;font-size:var(--fs-caption);font-weight:600;color:var(--tj-aqua-deep)}.product-card-specs{border-top:1px solid var(--line);padding:var(--pad-2) var(--pad-card);font-size:var(--fs-specs)}.product-card-specs summary{cursor:pointer;font-family:var(--font-display);font-size:var(--fs-caption);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tj-aqua-deep);list-style:none}.product-card-specs summary::-webkit-details-marker{display:none}.product-card-specs dl{margin:.55rem 0 0;display:grid;gap:.3rem}.product-card-specs dl>div{display:grid;grid-template-columns:.85fr 1.15fr;gap:.35rem;padding-bottom:var(--pad-1);border-bottom:1px solid var(--line)}.product-card-specs dt{color:var(--muted);font-weight:600}.product-card-specs dd{margin:0;color:var(--text)}@media(max-width:1100px){.product-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.product-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-project{grid-template-columns:1fr;gap:var(--pad-2)}.selected-project-gallery img{height:76px}}@media(max-width:720px){.product-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card-enquire{opacity:1}}.check-list{margin:1rem 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1.25rem}.check-list li{position:relative;padding-left:var(--pad-2)}.check-list li:before{content:"";position:absolute;left:0;top:.55em;width:.45rem;height:.45rem;border-radius:50%;background:var(--aqua)}.note{font-size:var(--fs-body);color:var(--navy-ink)!important;background:var(--foam);padding:var(--pad-2);border-left:3px solid var(--aqua);margin:1rem 0 1.25rem}.cta-band{background:var(--tj-grey-light)}.page-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.35rem;width:100%;max-width:36rem;position:relative;z-index:1}.page-hero-actions .btn{min-height:48px}.page-hero-actions .btn-secondary{background:#ffffff24;color:var(--white);border-color:#ffffff8c}.page-hero-actions .btn-secondary:hover{background:#ffffff3d}.section-cta-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem;align-items:center;position:relative;z-index:1}.audience-cta{margin-top:2rem}.conversion-cta{padding:var(--section-y-tight) 0 var(--section-y)}.conversion-cta-inner{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start;background:var(--tj-blue);color:var(--white);padding:clamp(var(--pad-3),3.5vw,40px);box-shadow:var(--shadow-soft);border-radius:var(--radius-lg)}.conversion-wave-lines{position:absolute;right:-2%;top:8%;width:min(42%,280px);height:70%;opacity:.9;pointer-events:none}.conversion-wave-lines svg{width:100%;height:100%;display:block}.conversion-cta-copy,.conversion-cta-actions{position:relative;z-index:1}.conversion-cta-copy{max-width:52ch}.conversion-cta h2{color:var(--white);margin-bottom:.65rem}.conversion-cta p{margin:0;color:#fffffff0}.conversion-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start;position:relative;z-index:1}.conversion-cta .btn-secondary{background:transparent;color:var(--white);border-color:#ffffff8c}.conversion-cta .btn-secondary:hover{background:#ffffff1f}.conversion-cta .btn-primary{background:var(--white);color:var(--navy)}.conversion-cta .btn-primary:hover{background:var(--foam)}.conversion-call-link{align-self:center;color:#ffffffe6;font-family:var(--font-display);font-size:var(--fs-nav);font-weight:600;text-decoration:underline;text-underline-offset:.2em;padding:var(--pad-1)}.conversion-call-link:hover{color:var(--white)}.floating-chat-slot{position:fixed;right:max(var(--page-gutter),env(safe-area-inset-right,0px));bottom:max(.85rem,env(safe-area-inset-bottom,0px));z-index:40;pointer-events:none}.floating-chat-cta{pointer-events:auto;display:inline-flex;align-items:center;gap:.55rem;min-height:52px;color:var(--white);font-family:var(--font-display);font-weight:600;font-size:var(--fs-nav);padding:var(--pad-control);border-radius:999px;max-width:min(18rem,calc(100vw - 1.75rem));transition:transform .28s var(--ease-out),box-shadow .28s var(--ease-out)}.floating-chat-cta.is-line{background:var(--line-green);box-shadow:0 12px 28px #06c75559}.floating-chat-cta.is-whatsapp{background:var(--whatsapp-green);box-shadow:0 12px 28px #25d36661}.floating-chat-cta.is-wechat{background:var(--wechat-green);box-shadow:0 12px 28px #07c16061}.floating-chat-cta:hover{transform:translateY(-2px)}.floating-chat-icon{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#fff3;font-size:var(--fs-micro);font-weight:700;letter-spacing:.02em;flex-shrink:0}.floating-chat-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.process-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.process-list li{display:grid;gap:.75rem}.process-num{width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--white);font-family:var(--font-display);font-weight:700}.process-list p{color:var(--muted);margin:0}.project-feature{margin-top:2rem;display:grid;grid-template-columns:1.1fr 1fr;gap:1.75rem;align-items:stretch}.project-media{min-height:300px;background-size:cover;background-position:center}.project-location{color:var(--tj-aqua-deep);font-weight:600}.selected-project-list{display:grid;gap:0;margin-top:var(--gap-sm)}.selected-project{display:grid;grid-template-columns:minmax(12.5rem,16rem) 1fr;gap:var(--pad-2) var(--gap);align-items:center;padding:var(--pad-3) 0;border-bottom:1px solid var(--line)}.selected-project:last-child{border-bottom:0}.selected-project-copy h3{margin:0 0 .2rem;font-size:var(--fs-nav);line-height:1.3}.selected-project-copy .project-location{margin:0;font-size:var(--fs-caption)}.selected-project-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.selected-project-gallery img{display:block;width:100%;height:88px;object-fit:cover;border-radius:8px;background:var(--tj-grey-light)}.selected-project-cta{margin-top:var(--gap)}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem 2rem}.value-item{padding-top:var(--pad-2);border-top:2px solid rgba(0,51,141,.15)}.value-item p{color:var(--muted);margin:0}.closing-line{margin-top:2.5rem;text-align:center;font-size:var(--fs-lead);color:var(--navy)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.blog-card{display:flex;flex-direction:column;min-width:0;background:var(--tj-white);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 20px #07357f0a}.blog-card-media{display:block;aspect-ratio:16 / 10;background:var(--tj-grey-light);overflow:hidden}.blog-card-media img,.blog-cover img,.blog-figure img{width:100%;height:100%;object-fit:cover}.blog-card-fallback{display:block;width:100%;height:100%;background:linear-gradient(180deg,#07357f14,#16b6c91f)}.blog-card-body{display:grid;gap:.45rem;padding:var(--pad-card)}.blog-card-body h2,.blog-article h1{margin:0;font-size:var(--fs-lead);line-height:1.3}.blog-card-body p{margin:0;color:var(--tj-slate)}.blog-card-more{color:var(--tj-aqua-deep);font-weight:600}.blog-kicker{margin:0;font-size:var(--fs-caption);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tj-aqua-deep)}.blog-back{margin:0 0 1rem}.blog-back a{color:var(--tj-aqua-deep);font-weight:600}.blog-date{margin:0 0 1rem;color:var(--tj-slate);font-size:var(--fs-small)}.blog-tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:1.25rem 0 0;padding:0}.blog-tags li{min-height:32px;padding:.2rem .7rem;border-radius:999px;background:var(--tj-grey-light);color:var(--tj-aqua-deep);font-size:var(--fs-caption);font-weight:600}.blog-cover,.blog-figure{margin:0 0 1.35rem;border-radius:16px;overflow:hidden;background:var(--tj-grey-light)}.blog-cover{aspect-ratio:16 / 9}.blog-figure img{display:block;aspect-ratio:16 / 10}.blog-figure figcaption,.blog-cover figcaption{padding:.65rem 0 0;color:var(--tj-slate);font-size:var(--fs-small)}.blog-prose{font-size:var(--fs-body);line-height:1.75}.blog-prose h2{margin:1.6rem 0 .65rem;font-size:var(--fs-h3);line-height:1.35}.blog-prose p,.blog-prose ul{margin:0 0 1.05rem}.blog-prose ul{padding-left:1.2rem}.blog-prose li+li{margin-top:.35rem}.blog-note{margin:0 0 1.25rem;padding:1rem 1.1rem;background:var(--tj-grey-light);border-left:3px solid var(--tj-aqua);border-radius:0 12px 12px 0}.faq-list{display:grid;gap:.65rem}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:flex;justify-content:space-between;gap:1rem;align-items:center;text-align:left;background:transparent;border:0;min-height:48px;padding:var(--pad-2) 0;font-family:var(--font-display);font-size:var(--fs-nav);font-weight:600;color:var(--navy-deep);cursor:pointer}.faq-icon{width:.7rem;height:.7rem;border-right:2px solid var(--aqua);border-bottom:2px solid var(--aqua);transform:rotate(45deg);transition:transform .2s ease;flex-shrink:0}.faq-item.is-open .faq-icon{transform:rotate(-135deg)}.faq-answer p{margin:0 0 1rem;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:2.5rem;align-items:start}.wechat-card{margin:0 0 1.5rem;padding:var(--pad-card);border:1px solid rgba(7,193,96,.35);border-radius:1rem;background:var(--tj-white)}.wechat-card-label{margin:0 0 .35rem;font-family:var(--font-display);font-size:var(--fs-caption);font-weight:700;letter-spacing:.04em;color:var(--wechat-green)}.wechat-card-id{margin:0 0 .45rem;font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;color:var(--navy-ink)}.wechat-card-hint{margin:0 0 .9rem;color:var(--muted);font-size:var(--fs-small)}.wechat-id-button{border:0;background:transparent;padding:0;color:var(--wechat-green);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:.15em}.contact-map{margin-top:1.5rem;border:1px solid var(--line);background:var(--white);overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.contact-map iframe{display:block;width:100%;height:320px;border:0}.contact-map-link{display:flex;align-items:center;justify-content:center;padding:var(--pad-control);font-family:var(--font-display);font-weight:600;color:var(--navy);background:var(--foam);border-top:1px solid var(--line);transition:background .2s ease,color .2s ease}.contact-map-link:hover{background:var(--navy);color:var(--white)}.contact-meta{margin:1.25rem 0}.contact-meta div{display:grid;grid-template-columns:8rem 1fr;gap:.5rem;padding:12px 0;border-bottom:1px solid var(--line)}.contact-meta dt{color:var(--muted)}.contact-meta a{color:var(--navy);font-weight:600}.enquiry-form{background:var(--white);border:1px solid var(--line);padding:var(--pad-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:grid;gap:1rem}.enquiry-form h2{margin:0}.enquiry-form-lead{margin:0;color:var(--muted);font-weight:400;font-size:var(--fs-nav);line-height:1.5}.enquiry-about{margin:0;padding:var(--pad-2);background:var(--foam);border-radius:12px;font-size:var(--fs-nav);color:var(--navy-ink);line-height:1.4}.enquiry-about strong{display:block;font-size:var(--fs-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}.enquiry-form label{display:grid;gap:.35rem;font-weight:600;color:var(--navy-ink);font-size:var(--fs-nav)}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{font:inherit;font-size:16px;min-height:var(--tap);padding:var(--pad-control);border:1px solid var(--line);border-radius:12px;background:var(--tj-grey-light);color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none}.enquiry-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2307357f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1.5 1.5 L6 6 L10.5 1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.enquiry-form textarea{min-height:8rem;resize:vertical}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{outline:2px solid rgba(26,166,183,.35);border-color:var(--aqua);background:var(--white)}.form-success{margin:0;color:var(--navy);background:var(--foam);padding:var(--pad-control)}.site-footer{margin-top:clamp(2.5rem,5vw,3.5rem);background:var(--tj-blue);color:#ffffffe0;position:relative;padding:var(--section-y) 0 calc(var(--pad-2) + var(--floating-cta-clearance))}.app-shell.no-floating-cta .site-footer{padding-bottom:calc(var(--pad-2) + env(safe-area-inset-bottom,0px))}.footer-wave{position:absolute;top:-36px;left:0;right:0;height:40px;line-height:0;pointer-events:none}.footer-wave svg{display:block;width:100%;height:40px}.footer-brand-block{display:grid;align-content:start;gap:.5rem}.footer-contact-list{margin:0;display:grid;gap:.7rem}.footer-contact-list>div{display:grid;gap:.12rem}.footer-contact-list dt{font-size:var(--fs-caption);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7;font-family:var(--font-display)}.footer-contact-list dd{margin:0;color:#ffffffe0;font-size:var(--fs-small);line-height:1.45}.footer-contact-list a{color:#fffffff2}.footer-contact-list a:hover{color:var(--tj-aqua)}.footer-map-link{display:inline-block;margin-top:.25rem;font-weight:600}.footer-legal-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1.5rem;padding-top:1.15rem;border-top:1px solid rgba(255,255,255,.14)}.footer-legal-name{margin:0;font-size:var(--fs-small);color:#ffffffd1;max-width:48ch;line-height:1.45}.footer-nav-legal{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem 0}.footer-quick-muted{font-size:var(--fs-caption);color:#ffffffc7}.footer-inner{display:grid;gap:1.35rem}.footer-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(11rem,.85fr) minmax(0,1.15fr);gap:2rem 2.5rem;align-items:start}.footer-brand-link{display:flex;gap:.85rem;align-items:center;margin-bottom:1rem}.footer-brand-link img{width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 1px #ffffff2e}.footer-title{margin:0;font-size:var(--fs-lead);color:var(--white);letter-spacing:-.03em}.footer-tagline{margin:0;color:#ffffffeb;font-size:var(--fs-nav);line-height:1.45;max-width:36ch}.footer-serving{margin:0;color:#ffffffdb;max-width:34ch;line-height:1.55;font-size:var(--fs-small)}.footer-meta{margin:0;color:var(--tj-gold);font-size:var(--fs-small);font-weight:700;letter-spacing:.02em}.footer-col-title{margin:0 0 .7rem;font-family:var(--font-display);font-size:var(--fs-caption);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffffc7}.footer-legal-title{margin-top:1.5rem}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.25rem;row-gap:.4rem}.footer-nav a{color:#ffffffeb;font-size:var(--fs-nav);line-height:1.4;transition:color .18s ease}.footer-nav a:hover{color:var(--aqua-bright)}.footer-nav-legal a{font-size:var(--fs-small);color:#ffffffdb;padding:.2rem .15rem}.footer-nav-legal a:not(:last-child):after{content:"·";margin:0 .55rem;color:#ffffff61;pointer-events:none}.footer-admin-link{color:#ffffff9e}.footer-phone{display:inline-block;color:var(--white);font-family:var(--font-display);font-weight:700;font-size:var(--fs-lead);margin-bottom:.5rem;letter-spacing:-.01em}.footer-phone:hover{color:var(--aqua-bright)}.footer-address{margin:0 0 1rem;color:#ffffff9e;font-size:var(--fs-small);line-height:1.5;max-width:28ch}.footer-quick{display:flex;flex-wrap:wrap;gap:.4rem}.footer-quick a,.footer-quick span{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:var(--pad-control-sm);border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#ffffffe6;font-size:var(--fs-small);font-weight:600;transition:background .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out)}.footer-quick a.is-line{background:#06c75529;border-color:#06c75559}.footer-quick a:hover{background:#16b6c929;border-color:#16b6c973;color:var(--tj-white)}.footer-gold-divider{display:none}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding-top:0;border-top:0}.footer-copy,.footer-credit{margin:0;font-size:var(--fs-caption);color:#ffffffc7}.footer-credit{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}.footer-credit-logo{display:inline-flex;align-items:center;line-height:0;opacity:.9;transition:opacity .18s ease}.footer-credit-logo img{display:block;height:26px;width:auto;background:var(--tj-white);border-radius:4px;padding:4px 8px}.footer-credit-logo:hover{opacity:1}@media(max-width:1280px){.nav-actions{gap:.45rem;padding-left:.65rem}.text-size-btn{min-width:28px;padding:0 .28rem}.header-consult-cta{padding-inline:.7rem}}@media(max-width:1180px){.nav-link{font-size:var(--fs-nav);padding:var(--pad-control-sm)}.nav-link.is-active:after{left:.5rem;right:.5rem}}@media(max-width:1120px){:root{--page-gutter: clamp(16px, 3.8vw, 24px);--header-h: 76px;--section-y: clamp(40px, 5.5vw, 64px)}.nav-desktop{display:none}.header-mobile-actions{display:flex}.mobile-nav-backdrop,.mobile-nav{display:block}.brand-logo__en{font-size:var(--fs-nav)}.brand-logo__th{font-size:var(--fs-small)}.help-grid,.pro-grid,.audience-grid,.values-grid,.contact-grid,.visit-grid,.footer-top,.process-list,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand-block,.project-feature{grid-column:1 / -1}.project-feature{grid-template-columns:1fr 1fr}.app-shell:has(.mobile-nav.is-open) .floating-chat-slot{opacity:0;pointer-events:none}}@media(max-width:720px){:root{--header-h: 68px;--page-gutter: 16px;--section-y: 40px;--section-y-tight: 20px;--pad-card: 16px;--gap: 16px;--floating-cta-clearance: calc(4.75rem + env(safe-area-inset-bottom, 0px)) }.brand-logo__seal{width:48px;height:48px}.brand-logo__en{font-size:var(--fs-small)}.brand-logo__th{font-size:var(--fs-caption)}.header-mobile-actions .lang-switch .lang-option{min-height:36px;padding:var(--pad-1) var(--pad-1);font-size:var(--fs-micro)}.mobile-nav{width:100%;padding:0}.mobile-nav-panel{border-radius:0;box-shadow:none;padding:var(--pad-2) var(--pad-2) max(var(--pad-3),env(safe-area-inset-bottom,0px))}.header-chat-cta.is-compact{min-width:44px;min-height:40px}html[lang=zh-Hans] .brand-name,html[lang=th] .brand-name{max-width:min(38vw,11.5rem)}.help-grid,.pro-grid,.contact-grid,.visit-grid,.project-feature,.audience-grid,.values-grid,.process-list,.check-list,.blog-grid{grid-template-columns:1fr}.client-logo-grid,.work-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo{min-height:0;padding:var(--pad-2)}.client-logo img{height:56px}.selected-project{grid-template-columns:1fr;padding:var(--pad-2) 0}.selected-project-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.selected-project-gallery img{height:72px}.contact-meta div{grid-template-columns:1fr}.hero{min-height:0;align-items:stretch}.hero-shade{background:#07357fc7}.hero-content{min-height:0;padding-block:var(--pad-3) var(--pad-4);justify-content:flex-start}.hero-brand{font-size:clamp(var(--fs-h3),7vw,var(--fs-h2))}.hero h1{font-size:clamp(var(--fs-h2),7.5vw,var(--fs-h1));max-width:none;margin-bottom:.55rem}.hero-lead{font-size:var(--fs-lead);margin-bottom:0}.hero-body{display:none}.hero-body-mobile{display:block;margin-inline:auto;padding:var(--pad-3) 0 0}.hero-actions{margin:1rem 0 .75rem}.section-heading{margin-bottom:1.25rem}.help-grid,.pro-grid,.audience-grid,.values-grid,.blog-grid{gap:1rem}.work-cover{padding:var(--pad-card)}.enquiry-form{padding:var(--pad-2)}.footer-inner{gap:1.5rem}.hero-badges{font-size:var(--fs-caption);gap:.4rem .85rem}.page-hero.has-cta{min-height:0;padding-top:var(--section-y);padding-bottom:var(--section-y)}.page-hero h1{max-width:none;font-size:clamp(var(--fs-h2),7vw,var(--fs-h1-mobile))}.page-hero .lead{font-size:var(--fs-lead)}.hero-actions,.page-hero-actions,.cta-row,.section-cta-row,.conversion-cta-actions{flex-direction:column;align-items:stretch}.hero-actions .btn,.page-hero-actions .btn,.cta-row .btn,.section-cta-row .btn,.conversion-cta-actions .btn{width:100%;justify-content:center;min-height:48px}.help-block p{min-height:0}.product-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card-emphasis{font-size:var(--fs-nav)}.footer-top{grid-template-columns:1fr;gap:1.35rem}.footer-legal-row,.footer-bottom{flex-direction:column;align-items:flex-start}.floating-chat-label{display:none}.floating-chat-cta{padding:var(--pad-2);border-radius:50%;min-width:52px;min-height:52px}.floating-chat-icon{width:1.35rem;height:1.35rem}.page-hero.is-compact{min-height:0;padding:var(--section-y-tight) 0}.contact-map iframe{height:260px}.conversion-cta-inner{border-radius:1.15rem}.conversion-wave-lines{display:none}.contact-grid,.visit-grid,.footer-top{gap:1.25rem}}@media(max-width:560px){.product-card-grid{grid-template-columns:1fr}}@media(max-width:420px){:root{--page-gutter: 16px}.header-mobile-actions .lang-switch{display:none}.lang-option{padding:var(--pad-1);font-size:var(--fs-micro)}}@media(hover:hover)and (pointer:fine){.btn:hover,.header-consult-cta:hover,.floating-chat-cta:hover{transform:translateY(-1px)}.btn:active,.header-consult-cta:active,.floating-chat-cta:active{transform:translateY(0) scale(.98)}.help-block:hover,.product-card-item:hover{transform:translateY(-4px);box-shadow:0 16px 36px #07357f1a}}@media(pointer:coarse){.lang-option{min-height:44px;min-width:40px}.header-mobile-actions .lang-option{min-height:40px}.footer-quick a,.footer-quick span{min-height:44px}}@media(hover:none){.product-card-enquire{opacity:1}.btn:active,.header-consult-cta:active,.floating-chat-cta:active,.mobile-nav-link:active,.menu-toggle:active,.lang-option:active,.product-card-item:active,.nav-link:active{transform:scale(.97)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media,.hero-ripple,.page-hero-edge-wave,.reveal,.page-view,.btn,.nav,.mobile-nav,.mobile-nav-backdrop,.product-card-item,.help-block,.header-consult-cta,.floating-chat-cta,.lang-option,.menu-toggle{animation:none!important;transition:none!important}}