:root {
  color-scheme: light dark;
  --bg: light-dark(#f7faf9,#0d1e25);
  --surface: light-dark(#fff,#142b34);
  --soft: light-dark(#deedf0,#19343e);
  --ink: light-dark(#0b2d39,#f1fafc);
  --secondary: light-dark(#34525d,#c7dce2);
  --muted: light-dark(#465f69,#b2cdd6);
  --accent: light-dark(#00566a,#8de8f0);
  --heading-accent: light-dark(#00485c,#a1eff6);
  --accent-hover: light-dark(#004c60,#b0f2f7);
  --on-accent: light-dark(#fff,#0d2c36);
  --line: light-dark(#cddfe1,#35525d);
  --header: light-dark(#f9fcfbed,#0d1e25f2);
  --scrim: light-dark(#f0f9f9,#0d1e25);
  --image-dim: 1;
  --texture-opacity: .38;
  --shadow: light-dark(0 24px 65px #164e5d0c,0 24px 65px #0003);
  --radius: 20px;
  --body: 'IBM Plex Sans Thai Looped',Tahoma,sans-serif;
  --display: 'Bai Jamjuree',Tahoma,sans-serif;
  --latin: 'Manrope',sans-serif;
}
[data-theme=light] {color-scheme:light}
[data-theme=dark] {color-scheme:dark;--image-dim:.68;--texture-opacity:.035}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:104px}
body {margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.85 var(--body)}
h1,h2,h3,p,figure {margin:0}
h1,h2,h3 {font-family:var(--display);font-weight:700;text-wrap:balance;color:var(--ink)}
h1 {font-size:clamp(42px,4.8vw,70px);line-height:1.32;letter-spacing:-.035em}
h2 {font-size:clamp(32px,3.4vw,48px);line-height:1.4;letter-spacing:-.025em}
h3 {font-size:21px;line-height:1.55}
p {color:var(--secondary)}
a {color:inherit;text-decoration:none}
button {font:inherit}
svg {width:22px;height:22px;flex-shrink:0}
img {max-width:100%;height:auto;display:block}
a,button,summary {-webkit-tap-highlight-color:transparent}
a:hover {color:var(--accent)}
:focus-visible {outline:3px solid var(--accent);outline-offset:5px}
::selection {background:var(--accent);color:var(--on-accent)}
.wrap {width:min(1200px,calc(100% - 80px));margin-inline:auto}
.section {padding-block:96px;border-top:1px solid var(--line)}
.eyebrow {font:700 12px/1.8 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.section-number {display:inline-grid;place-items:center;min-width:34px;height:30px;margin-right:10px;border:1px solid currentColor;border-radius:4px;font:700 12px/1 var(--latin);letter-spacing:0;vertical-align:middle}
.intro {max-width:670px}
.intro>p:last-child {margin-top:20px}
.section-head {display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:40px}
.section-head .aside-text {max-width:300px;font-size:15px;border-left:1px solid var(--line);padding-left:24px}
.btn {min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 23px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--on-accent);font-weight:600;line-height:1.7;transition:background .2s,transform .2s}
.btn:hover {background:var(--accent-hover);color:var(--on-accent);transform:translateY(-2px)}
.btn.secondary {background:var(--surface);color:var(--ink);border-color:var(--line)}
.btn.secondary:hover {border-color:var(--accent);color:var(--accent)}
.actions {display:flex;gap:12px;flex-wrap:wrap}
.text-link {color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.small {font-size:14px;color:var(--muted)}
.skip {position:fixed;top:8px;left:12px;z-index:100;padding:10px 18px;background:var(--surface);transform:translateY(-160%);border:1px solid var(--accent);border-radius:8px}
.skip:focus {transform:none}
.site-header {position:sticky;top:0;z-index:20;background:var(--header);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner {display:flex;align-items:center;gap:30px;min-height:82px}
.brand {display:inline-flex;align-items:center;gap:10px;font:800 22px/1 var(--latin);letter-spacing:-.8px;white-space:nowrap}
.brand img {width:38px;height:38px}
.brand-dot {color:var(--accent)}
nav {display:flex;gap:25px;margin-left:auto;font-size:14px}
nav a {min-height:44px;display:flex;align-items:center}
.header-tools {display:flex;align-items:center;gap:20px}
.login {font-size:13px;border-left:1px solid var(--line);padding-left:22px}
.tgl {display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:var(--surface);cursor:pointer}
.tgl:hover {border-color:var(--accent)}
.tgl .sun {display:none}
[data-theme=dark] .tgl .sun {display:block}
[data-theme=dark] .tgl .moon {display:none}
.hero {position:relative;isolation:isolate;overflow:hidden;background:var(--scrim)}
.hero-image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2;filter:brightness(var(--image-dim))}
.hero::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--scrim) 0%,rgb(from var(--scrim) r g b / .97) 26%,rgb(from var(--scrim) r g b / .9) 43%,rgb(from var(--scrim) r g b / .2) 73%,transparent),linear-gradient(0deg,var(--scrim),transparent 24%)}
.hero-grid {min-height:660px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding-block:78px 100px}
.hero-copy {max-width:650px;background:var(--scrim);box-shadow:0 0 36px 24px var(--scrim);border-radius:12px}
.hero .eyebrow {display:flex;align-items:center;gap:12px}
.hero .eyebrow::before {content:'';width:28px;height:1px;background:var(--accent)}
.hero h1 em {color:var(--heading-accent);font-style:normal}
.hero .lead {font-size:17px;line-height:1.95;margin-top:24px;max-width:525px}
.hero .actions {margin-top:30px}
.hero-note {margin-top:22px;font-size:13px;max-width:500px;color:var(--ink)}
.hero-seal {align-self:end;justify-self:end;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);padding:18px 24px;border-radius:14px;box-shadow:var(--shadow);transform:translateY(35px)}
.hero-seal img {width:44px;height:44px}
.hero-seal strong {display:block;font:700 13px var(--latin);color:var(--ink)}
.hero-seal span {display:block;font-size:12px;color:var(--secondary);margin-top:4px}
.trust-section {background:var(--surface);border-block:1px solid var(--line)}
.trust-strip {display:grid;grid-template-columns:repeat(3,1fr);padding-block:28px;gap:26px}
.trust-strip>div {display:flex;align-items:center;gap:16px}
.trust-strip>div+div {border-left:1px solid var(--line);padding-left:28px}
.trust-strip b {font-family:var(--display);font-size:18px;font-weight:600;color:var(--ink)}
.trust-strip span {display:block;font-size:13px;color:var(--muted)}
.trust-strip svg {color:var(--accent);width:28px;height:28px}
.care-overview {background:var(--bg)}
.overview-grid {display:grid;grid-template-columns:1.2fr 1fr;gap:68px;align-items:center}
.editorial-figure {position:relative;overflow:hidden;border-radius:var(--radius);background:var(--soft);margin:0}
.editorial-figure>img {width:100%;height:430px;object-fit:cover}
.editorial-figure figcaption {position:absolute;left:20px;bottom:20px;background:var(--surface);color:var(--secondary);font-size:12px;padding:9px 15px;border-radius:5px}
.care-preview {min-width:0}
.preview-top {display:flex;justify-content:space-between;align-items:center;gap:20px}
.preview-top h2 {font-size:36px}
.preview-top .eyebrow {margin-bottom:10px}
.guard {width:95px;height:auto}
.report-sheet {padding-top:24px}
.report-title {font-size:16px;font-weight:500;color:var(--ink);padding-bottom:18px;border-bottom:1px solid var(--line)}
.report-list {list-style:none;padding:0;margin:0}
.report-list li {display:flex;gap:14px;padding-top:18px;font-size:14px;color:var(--secondary)}
.report-list svg {color:var(--accent);width:18px;height:18px;margin-top:4px}
.report-list strong {display:block;color:var(--ink);font-weight:500}
.preview-caption {margin-top:18px;font-size:12px;color:var(--muted)}
#care {background:var(--surface)}
.care-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.care-card {padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.care-card p {font-size:15px;margin-top:10px}
.care-card .icon {color:var(--accent);margin-bottom:22px;width:27px;height:27px}
.care-card.feature {grid-column:span 2;display:grid;grid-template-columns:1fr 200px;gap:24px;align-items:center;background:var(--soft);border-color:transparent}
.care-card.feature h3 {font-size:27px}
.care-card.feature img {width:200px}
.care-card.feature .eyebrow {margin-bottom:12px}
.care-card.feature .small {margin-top:14px;font-size:13px}
.care-card.backup-card {padding:0 0 26px;display:flex;flex-direction:column}
.card-image {width:100%;height:175px;object-fit:cover}
.card-body {padding:22px 28px 0}
.card-body .icon {display:none}
.care-card.report-card {grid-column:1/-1;display:flex;align-items:center;gap:26px;background:linear-gradient(115deg,var(--soft),var(--surface))}
.care-card.report-card .icon {width:45px;height:45px;margin:0;flex:none}
.process-section {background:var(--soft);padding-block:72px}
.process-box {border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.process-heading {position:relative;isolation:isolate;min-height:290px;display:flex;flex-direction:column;justify-content:center;align-items:start;padding:45px;overflow:hidden;background:var(--scrim)}
.process-heading>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 55%;z-index:-2;filter:brightness(var(--image-dim))}
.process-heading::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--scrim) 10%,rgb(from var(--scrim) r g b / .96) 43%,rgb(from var(--scrim) r g b / .1))}
.process-heading h2 {font-size:33px;max-width:500px}
.process-heading p {margin-top:12px;max-width:480px}
.process-heading>:not(img) {background:var(--scrim);box-shadow:0 0 20px 12px var(--scrim)}
.steps {list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;padding:36px 40px;margin:0;counter-reset:steps}
.steps li {counter-increment:steps;min-width:0}
.steps li::before {content:'0' counter(steps);font:600 12px var(--latin);color:var(--accent);display:block;margin-bottom:12px}
.steps h3 {font-size:17px}
.steps p {font-size:14px;margin-top:8px}
.examples-section {background:var(--bg);position:relative}
.examples-layout {display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:start}
.examples-layout .intro p {margin-bottom:22px}
.practice-image {margin-top:30px;width:100%;height:245px;object-fit:cover;border-radius:14px}
.example {padding:26px 0;border-bottom:1px solid var(--line)}
.example:first-child {padding-top:0}
.example:last-child {border-bottom:0;padding-bottom:0}
.example .eyebrow {font-size:11px;margin-bottom:8px}
.example h3 {font-size:21px}
.example p {font-size:15px;margin-top:10px}
#plans {position:relative;isolation:isolate;background:var(--surface)}
#plans::before {content:'';position:absolute;inset:0;background:url('bg/glass-texture.webp') repeat;background-size:640px;opacity:.06;z-index:-1}
#plans .section-head {background:var(--surface);padding:24px;border-left:4px solid var(--accent);border-radius:0 12px 12px 0}
.pricing-note {margin-top:22px;font-size:14px}
.tier-details {margin-top:34px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:0 28px}
.tier-details>summary {font-family:var(--display);font-size:18px;font-weight:600;padding:23px 0;cursor:pointer}
.tier-grid {display:grid;grid-template-columns:1fr 1fr;gap:36px;padding-bottom:26px}
.tier-grid>article+article {border-left:1px solid var(--line);padding-left:36px}
.tier-grid h3 {font:700 19px/1.6 var(--latin)}
.tier-grid .small {margin:6px 0 15px}
.tier-grid ul {padding-left:20px;margin:0;font-size:14px;color:var(--secondary)}
.tier-grid li+li {margin-top:10px}
.exclusions {padding:20px 0;border-top:1px solid var(--line);font-size:14px}
.exclusions strong {color:var(--ink)}
.external-section {padding-top:0;background:var(--soft)}
.external-head {position:relative;isolation:isolate;overflow:hidden;background:var(--scrim);padding:64px 0;min-height:380px;display:flex;align-items:center;margin-bottom:44px}
.external-head::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--scrim) 0%,rgb(from var(--scrim) r g b / .98) 30%,rgb(from var(--scrim) r g b / .92) 48%,rgb(from var(--scrim) r g b / .1) 84%)}
.external-head .intro {max-width:570px;background:var(--scrim);box-shadow:0 0 30px 20px var(--scrim);border-radius:12px}
.external-head>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;z-index:-2;filter:brightness(var(--image-dim))}
.external-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.external-card {border-top:2px solid var(--line);padding-top:24px}
.external-card .eyebrow {font-size:10px;margin-bottom:18px}
.external-card h3 {font-size:19px;margin-bottom:10px}
.external-card .ext-price {font:600 27px/1.5 var(--display);color:var(--accent);margin-bottom:16px}
.ext-price span {font:400 13px var(--body);color:var(--muted);display:block}
.external-card p {font-size:14px}
.external-condition {margin-top:30px;padding:18px 22px;background:var(--soft);border-radius:8px;font-size:14px}
.move-offer {grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;padding:38px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius)}
.move-offer h3 {font-size:32px;line-height:1.45;margin:0}
.move-offer .ext-price {font-size:21px;margin-bottom:10px}
.move-offer .move-scope {font-size:13px;color:var(--muted);margin-top:16px}
.move-offer .text-link {display:inline-block;margin-top:20px;font-size:15px;font-weight:600}
.deep-band {--bg:#0b2c38;--surface:#153c49;--soft:#1c4653;--ink:#f1fafc;--secondary:#d2e5ea;--muted:#bdd8df;--accent:#9cebf4;--accent-hover:#c8f7fb;--on-accent:#0b2c38;--line:#486a76;background:var(--bg);color:var(--ink)}
.ai-section {position:relative;border-block:1px solid var(--line)}
.ai-section .section-head {align-items:center;margin-bottom:44px}
.ai-section .intro {max-width:740px}
.ai-section .aside-text {max-width:240px}
.ai-comparison {display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.ai-column {padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.ai-column>.eyebrow {margin-bottom:8px}
.ai-column>h3 {font-size:27px;margin-bottom:28px}
.ai-care {background:var(--soft);border-top:4px solid var(--accent);padding-top:29px}
.ai-facts {margin:0}
.ai-facts>div {border-top:1px solid var(--line);padding-block:21px}
.ai-facts>div:last-child {padding-bottom:0}
.ai-facts dt {font:700 17px/1.6 var(--display);color:var(--ink);margin-bottom:8px}
.ai-facts dd {margin:0;font-size:15px;line-height:1.9;color:var(--secondary)}
.ai-assessment {display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;margin-top:36px;padding-top:32px;border-top:1px solid var(--line)}
.ai-assessment p {font-size:14px;margin-top:12px;max-width:700px}
.ai-assessment .btn {max-width:340px;text-align:center}
.faq-section {background:var(--surface);position:relative;isolation:isolate}
.faq-layout {display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}
.faq details {border-bottom:1px solid var(--line)}
.faq summary {display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:22px 0;font:600 17px/1.6 var(--display);cursor:pointer}
.faq summary::-webkit-details-marker {display:none}
.faq summary::after {content:'+';font:500 24px var(--latin);color:var(--accent)}
.faq details[open] summary::after {content:'−'}
.faq p {font-size:15px;padding:0 28px 22px 0}
.feed-heading {display:flex;align-items:center;gap:28px;margin-bottom:30px}
.feed-heading img {width:100px;height:auto}
.feed-heading .eyebrow {margin-bottom:10px}
.feed-heading h2 {font-size:33px}
.feed-heading p {font-size:15px;margin-top:10px;max-width:680px}
.feed-details>summary {padding:18px 0;border-block:1px solid var(--line);font-weight:500;cursor:pointer}
.feed-details[open]>summary {margin-bottom:24px}
.feed {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fi {padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:12px}
.fd {font:600 11px var(--latin);color:var(--accent)}
.ft {font-family:var(--display);font-weight:600;line-height:1.7}
.fs {font-size:13px;color:var(--muted)}
.fi:hover {border-color:var(--accent)}
.source {margin-top:22px;font-size:13px;color:var(--muted)}
.source a {text-decoration:underline;text-underline-offset:3px}
.contact-section {padding:0;background:var(--scrim);position:relative;isolation:isolate;overflow:hidden}
.contact-image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(var(--image-dim))}
.contact-section::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--scrim),rgb(from var(--scrim) r g b / .96) 48%,rgb(from var(--scrim) r g b / .82))}
.contact-box {padding:76px 0;display:grid;grid-template-columns:1fr auto;gap:65px;align-items:center}
.contact-box h2 {font-size:37px;max-width:630px}
.contact-box p {margin-top:18px;max-width:580px}
.contact-box>div:first-child {background:var(--scrim);box-shadow:0 0 30px 20px var(--scrim);border-radius:12px}
.contact-actions .phone {background:var(--scrim);box-shadow:0 0 14px 8px var(--scrim)}
.contact-actions {display:flex;flex-direction:column;align-items:start;gap:18px}
.contact-actions .phone {font:600 22px var(--latin);letter-spacing:.01em}
.site-footer {padding:64px 0 26px;border-top:1px solid var(--line);background:var(--surface)}
.footer-grid {display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px}
.footer-grid .brand {margin-bottom:18px}
.footer-grid p,.footer-grid a:not(.brand) {font-size:14px}
.footer-grid h2 {font:600 15px var(--display);margin-bottom:16px}
.footer-grid a:not(.brand) {display:block;padding:5px 0;overflow-wrap:anywhere}
.footer-bottom {display:flex;justify-content:space-between;gap:20px;margin-top:44px;border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--muted)}
@media(min-width:900px) and (prefers-reduced-motion:no-preference) {
  .hero-copy {animation:arrive .7s ease both}
  .hero-seal {animation:arrive .8s .12s ease both}
  @keyframes arrive {from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
}
@media(max-width:1150px) {
  .wrap {width:calc(100% - 56px)}
  .header-inner {gap:20px}nav {gap:18px}.login {display:none}
  .hero-grid {grid-template-columns:1.35fr .65fr;min-height:640px}
  .hero-seal {padding:16px;font-size:12px;gap:10px}
  .hero-seal img {width:32px;height:32px}
  .overview-grid {gap:38px}
  .care-card.feature {grid-template-columns:1fr 150px}.care-card.feature img {width:150px}
  .trust-strip {gap:20px}.trust-strip>div+div {padding-left:20px}.trust-strip b {font-size:16px}
  .examples-layout,.faq-layout {gap:50px}
  
  .external-grid {gap:24px}
  .ai-assessment {grid-template-columns:1fr;gap:24px}
  .footer-grid {gap:24px;grid-template-columns:1.3fr 1fr 1fr}.footer-contact {grid-column:1/-1;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.footer-contact h2 {margin:0}
}
@media(max-width:800px) {
  .wrap {width:calc(100% - 40px)}.section {padding-block:64px}
  .header-inner {min-height:76px;gap:12px;flex-wrap:wrap;padding:13px 0}.header-tools {margin-left:auto}
  nav {order:3;width:100%;margin:0;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;font-size:13px;gap:8px}nav a {min-height:36px}
  .hero-grid {grid-template-columns:1fr;gap:24px;min-height:720px;padding:60px 0 34px;align-items:start}
  .hero-copy {max-width:600px}.hero h1 {font-size:50px}.hero .lead {font-size:16px;max-width:500px}
  .hero-image {object-position:72% center}.hero::before {background:linear-gradient(90deg,rgb(from var(--scrim) r g b / .98),rgb(from var(--scrim) r g b / .91) 55%,rgb(from var(--scrim) r g b / .48)),linear-gradient(0deg,transparent 10%,var(--scrim) 95%)}
  .hero-seal {transform:none;justify-self:end;align-self:end}
  .trust-strip {gap:18px}.trust-strip>div {display:block}.trust-strip svg {margin-bottom:8px}.trust-strip b {font-size:15px}
  .overview-grid {grid-template-columns:1fr 1fr;gap:30px}.editorial-figure>img {height:420px}.editorial-figure figcaption {left:12px;bottom:12px;font-size:10px;padding:8px}
  .preview-top h2 {font-size:29px}.guard {width:60px}.report-list li {font-size:13px}.preview-caption {font-size:11px}
  #care {padding-top:70px}.section-head {display:block}.section-head .aside-text {margin-top:24px;max-width:600px}
  .care-grid {grid-template-columns:1fr 1fr}.care-card.feature {grid-column:1/-1;grid-template-columns:1fr 190px}.care-card.feature img {width:190px}.care-card.report-card {grid-column:auto;display:block}.care-card.report-card .icon {margin-bottom:20px;width:30px;height:30px}
  .process-heading {padding:32px;min-height:290px}.process-heading h2 {font-size:29px;max-width:400px}
  .steps {grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:30px}
  .examples-layout,.faq-layout {grid-template-columns:1fr;gap:36px}.examples-layout .intro {max-width:none}.practice-image {height:290px;margin-top:28px}
  
  .external-section {padding-top:0}.external-head {min-height:400px;padding:45px 0}.external-head .intro {max-width:520px}.external-head::before {background:linear-gradient(90deg,var(--scrim),rgb(from var(--scrim) r g b / .95) 55%,rgb(from var(--scrim) r g b / .7))}
  .feed {grid-template-columns:1fr 1fr}
  .external-grid {grid-template-columns:1fr 1fr}
  .external-card:nth-child(3) {grid-column:1/-1}
  .move-offer {grid-template-columns:1fr;gap:24px;padding:30px}
  .ai-comparison {grid-template-columns:1fr}
  .ai-column {padding:28px}
  .ai-care {padding-top:25px}
  .ai-section .aside-text {max-width:none}
  .contact-section {padding:0}.contact-box {grid-template-columns:1fr;padding:55px 0;gap:30px}.contact-actions {flex-direction:row;align-items:center;flex-wrap:wrap}
  .footer-grid {grid-template-columns:1fr 1fr}.footer-brand {grid-column:1/-1}.footer-contact {display:block}.footer-contact h2 {margin-bottom:12px}
}
@media(max-width:480px) {
  .brand {font-size:21px}.brand img {width:32px;height:32px}.header-tools {gap:0}.tgl {width:36px;height:36px}
  .hero-grid {min-height:790px;padding-top:42px;gap:26px}.hero h1 {font-size:43px}.hero .lead {font-size:16px;line-height:1.9;max-width:330px}.hero .actions {display:grid;grid-template-columns:1fr;margin-top:24px}.hero-note {font-size:12px;max-width:325px}
  .hero-image {object-position:72% center}.hero::before {background:linear-gradient(180deg,var(--scrim),rgb(from var(--scrim) r g b / .96) 50%,rgb(from var(--scrim) r g b / .2) 83%,rgb(from var(--scrim) r g b / .15))}.hero-seal {padding:13px 17px}
  .trust-strip {grid-template-columns:1fr;gap:18px;padding-block:25px}.trust-strip>div {display:flex;gap:16px}.trust-strip>div+div {border-left:0;padding-left:0}.trust-strip svg {margin:0;width:24px;height:24px}.trust-strip b {font-size:17px}
  .overview-grid {grid-template-columns:1fr;gap:30px}.editorial-figure>img {height:270px}.editorial-figure figcaption {font-size:11px}.preview-top h2 {font-size:34px}.guard {width:90px}.report-list li {font-size:14px}
  .care-grid {grid-template-columns:1fr}.care-card {padding:25px}.care-card.feature {grid-column:auto;display:block}.care-card.feature img {width:190px;margin:20px auto 0}.care-card.feature h3 {font-size:25px}.care-card.report-card {display:flex;grid-column:auto;gap:20px}.care-card.report-card .icon {margin:0}.card-image {height:200px}
  .process-heading {padding:28px 25px;min-height:320px;justify-content:start}.process-heading h2 {font-size:27px;max-width:280px}.process-heading p {font-size:14px}.process-heading::before {background:linear-gradient(180deg,var(--scrim),rgb(from var(--scrim) r g b / .96) 50%,rgb(from var(--scrim) r g b / .15))}.process-heading>img {object-position:72% center}
  .steps {grid-template-columns:1fr 1fr;gap:27px 20px;padding:28px 24px}.steps p {font-size:13px}.steps h3 {font-size:16px}
  .practice-image {height:220px}
  .tier-details {padding:0 20px}.tier-details>summary {font-size:16px}.tier-grid {grid-template-columns:1fr;gap:26px}.tier-grid>article+article {padding:26px 0 0;border-left:0;border-top:1px solid var(--line)}
  .external-head {min-height:480px;padding-block:40px 135px;align-items:start}.external-head .intro {max-width:340px}.external-head h2 {font-size:34px}.external-head::before {background:linear-gradient(180deg,var(--scrim),rgb(from var(--scrim) r g b / .96) 62%,rgb(from var(--scrim) r g b / .1))}.external-head>img {object-position:68% 68%}
  .external-grid {grid-template-columns:1fr;gap:28px}.external-card .ext-price span {display:inline;margin-left:10px}.external-condition {padding:18px;font-size:13px}
  #plans .section-head {padding:20px}
  .move-offer {padding:25px;gap:22px}
  .move-offer h3 {font-size:29px}
  .ai-column {padding:24px}
  .ai-care {padding-top:21px}
  .ai-column>h3 {font-size:25px}
  .ai-assessment .btn {max-width:none;width:100%;font-size:14px;padding-inline:15px;gap:10px}
  .feed-heading {gap:14px;align-items:start}.feed-heading img {width:60px}.feed-heading h2 {font-size:27px}.feed-heading p {font-size:14px}.feed-heading .eyebrow {font-size:10px}.feed {grid-template-columns:1fr}.fi {padding:23px}
  .contact-box h2 {font-size:31px}.contact-actions {align-items:start;flex-direction:column}.contact-actions .btn {font-size:14px;padding-inline:18px}.contact-section::before {background:linear-gradient(180deg,var(--scrim),rgb(from var(--scrim) r g b / .96) 68%,rgb(from var(--scrim) r g b / .82))}
  .footer-grid {gap:28px 22px}.footer-bottom {display:block}.footer-bottom span {display:block;margin-top:6px}
}
@media(prefers-color-scheme:dark) {
  :root:not([data-theme=light]) {--image-dim:.68;--texture-opacity:.035}
  :root:not([data-theme=light]) .tgl .sun {display:block}
  :root:not([data-theme=light]) .tgl .moon {display:none}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  *,*::before,*::after {animation:none!important;transition:none!important}
}

/* plan cards: coloured head per plan (2026-11-05) */
.plans-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.plan {background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}
.plan:hover {transform:translateY(-3px);box-shadow:0 18px 40px -22px color-mix(in srgb,var(--c1) 70%,transparent)}
.plan-head {position:relative;padding:20px 22px 22px;color:#fff;isolation:isolate;
  background:linear-gradient(140deg,var(--c1) 0%,var(--c1) 45%,var(--c2) 140%)}
.plan-head::before {content:"";position:absolute;inset:0;z-index:-1;background:url(bg/glass-texture.webp) center/cover;mix-blend-mode:soft-light;opacity:.55}
.plan-head::after {content:"";position:absolute;right:-38px;top:-38px;width:150px;height:150px;border-radius:50%;z-index:-1;
  background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.55),rgba(255,255,255,.08) 55%,transparent 70%)}
.plan-tier {font:600 11px/1.4 var(--latin);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.88);margin:0}
.plan h3 {font:800 26px/1.2 var(--latin);margin:6px 0 10px;color:#fff}
.plan-size {margin:0;font:600 15px/1 var(--latin);color:rgba(255,255,255,.9)}
.plan-size b {font:800 40px/1 var(--latin);letter-spacing:-1px;color:#fff;margin-right:2px}
.plan-hint {margin:10px 0 0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.92);min-height:2.9em}
.plan-badge {position:absolute;right:16px;top:16px;background:#fff;color:var(--c1);font:700 12px/1 var(--body);padding:7px 11px;border-radius:999px;box-shadow:0 6px 16px -8px rgba(0,0,0,.4)}
.plan-body {padding:20px 22px 18px;display:flex;flex-direction:column;flex:1}
.price {font:700 32px/1.3 var(--latin);color:var(--ink);letter-spacing:-1px;margin:0}
.price span {font:400 13px var(--body);color:var(--muted);display:block;letter-spacing:0;margin-top:2px}
.plan dl {display:grid;grid-template-columns:1fr auto;gap:10px;font-size:13.5px;margin:18px 0}
.plan dt {color:var(--muted)}
.plan dd {margin:0;color:var(--ink);text-align:right;font-weight:600}
.plan-link {border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:14.5px;font-weight:700;color:var(--c1);margin-top:auto;min-height:44px}
[data-theme=dark] .plan-link {color:var(--cl,var(--c2))}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .plan-link {color:var(--cl,var(--c2))}}
.plan-link svg {width:18px;height:18px}
.plan-prio {border-color:color-mix(in srgb,#d4a017 55%,var(--line))}
.plan-prio .plan-tier {color:#fde68a}
.plan-prio .plan-head {box-shadow:inset 0 -3px 0 #d4a017}
@media (max-width:1100px){.plans-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.plans-grid {grid-template-columns:1fr}.plan-hint {min-height:0}}

/* legal / info pages (2026-11-05) */
.doc-hero {padding:72px 0 40px;background:linear-gradient(180deg,var(--surface-2,var(--surface)),transparent);border-bottom:1px solid var(--line)}
.doc-eyebrow {font:700 12px/1 var(--latin);letter-spacing:.14em;color:var(--accent);margin:0 0 14px}
.doc-hero h1 {font:700 clamp(32px,4vw,48px)/1.25 var(--display,inherit);margin:0 0 14px;color:var(--ink)}
.doc-lead {font-size:17px;color:var(--muted);max-width:720px;margin:0}
.doc-meta {margin:18px 0 0;font-size:13px;color:var(--muted)}
.doc-layout {display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;padding-top:44px;padding-bottom:80px}
.doc-layout:not(:has(.doc-toc)) {grid-template-columns:minmax(0,1fr)}
.doc-toc {position:sticky;top:96px;align-self:start;font-size:14px;display:block;gap:0}
.doc-toc p {font-weight:700;color:var(--ink);margin:0 0 10px}
.doc-toc ol {margin:0;padding:0;list-style:none;display:grid;gap:10px}
.doc-toc a {color:var(--muted);text-decoration:none}.doc-toc a:hover {color:var(--accent)}
.doc-body {max-width:820px}
.doc-sec {padding:26px 0;border-bottom:1px solid var(--line);scroll-margin-top:96px}
.doc-sec:last-child {border-bottom:0}
.doc-sec h2 {font:700 22px/1.4 var(--display,inherit);color:var(--ink);margin:0 0 12px;padding-left:14px;border-left:4px solid var(--accent)}
.doc-sec p,.doc-sec li {color:var(--ink-2,var(--ink));line-height:1.85;font-size:15.5px}
.doc-sec ul,.doc-sec ol {padding-left:22px;display:grid;gap:8px}
.doc-sec a {color:var(--accent)}
.doc-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0 16px}
.doc-card {background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.doc-card h3 {font:700 17px/1.4 var(--display,inherit);margin:0;color:var(--ink)}
.doc-card p {margin:0;color:var(--muted);font-size:14.5px}
.doc-card a {font-weight:700;color:var(--accent);text-decoration:none;font-size:15px}
.doc-table {border-collapse:collapse;width:100%;max-width:560px}
.doc-table th,.doc-table td {text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:15px}
.doc-table th {color:var(--ink);width:45%}
.doc-steps {counter-reset:s;list-style:none;padding:0!important}
.doc-steps li {counter-increment:s;position:relative;padding:14px 0 14px 56px;border-bottom:1px dashed var(--line);display:flex;flex-direction:column;gap:4px}
.doc-steps li::before {content:counter(s);position:absolute;left:0;top:12px;width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--surface);display:grid;place-items:center;font:700 16px var(--latin)}
.doc-steps b {color:var(--ink)}.doc-steps span {color:var(--muted)}
@media (max-width:860px){.doc-layout {grid-template-columns:1fr;gap:20px}.doc-toc {position:static;border:1px solid var(--line);border-radius:12px;padding:16px}.doc-cards {grid-template-columns:1fr}}

/* v6 readability floor for the sub-pages (2026-11-05): no Thai text below 14px */
.login{font-size:15px}
.doc-eyebrow{font-size:14px}
.doc-meta{font-size:15px}
.footer-bottom{font-size:14px}
.fs,.source{font-size:14.5px}
@media (max-width:760px){nav{font-size:15px}}
/* v6 fonts (2026-11-05): Anuphan headings, Noto Sans Thai body, Inter numbers */
:root{--body:'Noto Sans Thai',system-ui,sans-serif;--display:'Anuphan','Noto Sans Thai',sans-serif;--latin:'Inter','Noto Sans Thai',sans-serif}