/* Owner information uses the public shell and palette, with its own navigation. */
.page { max-width:none; margin:0; }
.doc-open { max-width:720px; }
.owner-main { --owner-gutter:clamp(20px, 4.5vw, 88px); }
.owner-main h1, .owner-main h2, .owner-main h3 { color:var(--uk-text); text-wrap:balance; }
.owner-main h1 { font-size:clamp(40px, 4.4vw, 76px); font-weight:650; line-height:1.06; letter-spacing:-.045em; margin:0 0 26px; max-width:13ch; }
.owner-main h2 { font-size:clamp(28px, 2.5vw, 42px); line-height:1.16; font-weight:600; letter-spacing:-.035em; margin:0 0 22px; }
.owner-main h3 { font-size:19px; line-height:1.4; font-weight:650; margin:0 0 12px; letter-spacing:-.02em; }
.owner-main p { color:var(--uk-dim); font-size:16px; line-height:1.8; margin:0 0 20px; max-width:65ch; }
.owner-main .owner-eyebrow { color:var(--uk-muted); font-size:11px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; line-height:1.7; margin:0 0 24px; }
.owner-main .owner-lede { font-size:clamp(17px, 1.3vw, 20px); line-height:1.7; max-width:53ch; }
.owner-main .owner-note { font-size:13px; line-height:1.7; color:var(--uk-muted); }
.owner-main .btn { gap:20px; line-height:1.5; text-align:center; }
.owner-header { display:flex; align-items:center; gap:30px; padding:22px 4.5%; border-bottom:1px solid var(--uk-line); }
.owner-nav { display:flex; gap:26px; margin-left:auto; }
.owner-nav a, .owner-login, .owner-langs a { display:inline-flex; align-items:center; min-height:44px; font-size:13px; line-height:1.5; font-weight:600; color:var(--uk-dim); }
.owner-nav a[aria-current] { color:var(--uk-text); box-shadow:inset 0 -2px var(--uk-text); }
.owner-header-end { display:flex; align-items:center; gap:22px; margin-left:auto; }
.owner-langs { display:flex; gap:2px; }
.owner-langs a { justify-content:center; min-width:44px; padding:0 8px; border-radius:8px; }
.owner-langs a[aria-current] { background:var(--uk-card); color:var(--uk-text); }
.owner-login { gap:8px; }
.owner-skip { position:absolute; left:20px; top:-100px; z-index:50; padding:14px 20px; background:var(--uk-card); color:var(--uk-text); }
.owner-skip:focus { top:12px; }
.owner-hero { display:grid; grid-template-columns:minmax(0, .95fr) minmax(0, 1fr); gap:clamp(24px, 4vw, 76px); padding:64px var(--owner-gutter) 48px; align-items:center; }
.owner-hero-copy { padding:16px 0; }
.owner-main .owner-promise { color:var(--uk-text); font-weight:600; font-size:15px; max-width:44ch; margin:26px 0; }
.owner-hero .btn { margin-bottom:12px; }
.owner-hero-art { margin:0; min-width:0; }
.owner-hero-art img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; display:block; border-radius:6px; }
.owner-hero-art figcaption { color:var(--uk-muted); font-size:11px; margin-top:10px; text-align:right; }
.owner-promises { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:48px; padding:32px var(--owner-gutter); border-block:1px solid var(--uk-line); background:var(--uk-panel); }
.owner-promises h2 { font-size:19px; letter-spacing:-.02em; margin:0 0 8px; }
.owner-promises p { margin:0; font-size:14px; max-width:40ch; }
.owner-proof { display:flex; flex-wrap:wrap; gap:8px 32px; padding:22px var(--owner-gutter); border-bottom:1px solid var(--uk-line); }
.owner-proof p { margin:0; font-size:13px; color:var(--uk-muted); }
.owner-proof strong { color:var(--uk-dim); font-weight:600; font-variant-numeric:tabular-nums; }
.owner-hero .owner-proof { display:block; padding:0; border:0; }
.owner-hero .owner-proof p + p { margin-top:6px; }
.owner-products { display:flex; flex-wrap:wrap; align-items:center; gap:16px 40px; margin-top:36px; padding-top:28px; border-top:1px solid var(--uk-line); }
.owner-products > div { flex:1 1 400px; }
.owner-products p { margin:0; font-size:14px; }
.owner-section { padding:72px var(--owner-gutter); border-bottom:1px solid var(--uk-line); }
.owner-section-intro h2 { max-width:20ch; }
.owner-section-intro p:last-child { margin-bottom:0; }
.owner-opportunity-intro { display:grid; grid-template-columns:minmax(0, .85fr) minmax(0, 1fr); gap:clamp(32px, 7vw, 112px); align-items:center; margin-bottom:36px; }
.owner-opportunity-intro h2 { max-width:20ch; margin-bottom:0; }
.owner-opportunity-intro > p { margin-bottom:0; }
.owner-benefits { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:22px; }
.owner-benefits article { background:var(--uk-panel); border:1px solid var(--uk-line); border-radius:8px; overflow:hidden; }
.owner-benefits img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.owner-benefits article > div { padding:24px; }
.owner-benefits p { font-size:15px; margin-bottom:0; }
.owner-stream { display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr); align-items:center; gap:clamp(32px, 5vw, 88px); background:var(--uk-panel); }
.owner-stream-art { margin:0; min-width:0; }
.owner-stream-art img { display:block; width:100%; height:auto; border-radius:6px; }
.owner-stream-art figcaption { color:var(--uk-muted); font-size:11px; margin-top:10px; }
.owner-stream-aside { border-top:1px solid var(--uk-line); padding-top:26px; margin-top:28px; }
.owner-stream-aside p { margin-bottom:0; }
.owner-steps { display:grid; gap:36px; list-style:none; padding:0; margin:36px 0; }
.owner-steps-three { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.owner-steps-four { grid-template-columns:repeat(4, minmax(0, 1fr)); }
.owner-steps li { border-top:1px solid var(--uk-line); padding-top:24px; }
.owner-step-art { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:24px; }
.owner-step-art img { display:block; width:144px; max-width:75%; height:auto; aspect-ratio:4/5; object-fit:cover; border-radius:6px; }
.owner-step-art span { color:var(--uk-muted); font-size:12px; font-variant-numeric:tabular-nums; }
.owner-steps p { font-size:15px; margin-bottom:0; }
.owner-text-link, .owner-back { color:var(--uk-text); display:inline-block; padding-block:12px; font-size:14px; line-height:1.6; font-weight:600; text-decoration:underline; text-decoration-color:var(--uk-line); text-underline-offset:5px; }
.owner-text-link span { margin-left:8px; }
.owner-trust, .owner-reading { display:grid; grid-template-columns:minmax(0, .7fr) minmax(0, 1.3fr); gap:clamp(32px, 8vw, 140px); }
.owner-trust h2, .owner-reading h2 { max-width:18ch; }
.owner-trust p:last-child, .owner-reading p:last-child { margin-bottom:0; }
.owner-article-head { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); align-items:center; gap:24px clamp(32px, 5vw, 88px); padding:28px var(--owner-gutter) 56px; border-bottom:1px solid var(--uk-line); }
.owner-back { margin:0 0 30px; }
.owner-article-head .owner-back { grid-column:1/-1; justify-self:start; margin:0; }
.owner-article-head h1 { max-width:18ch; font-size:clamp(38px, 4.4vw, 70px); }
.owner-article-head .owner-lede { max-width:66ch; margin-bottom:0; }
.owner-article-head .btn { margin-top:24px; }
.owner-example { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, .85fr); gap:clamp(32px, 8vw, 140px); align-items:center; }
.owner-receipt { background:var(--uk-card); border:1px solid var(--uk-line); padding:clamp(24px, 3vw, 44px); border-radius:6px; }
.owner-receipt h3 { font-size:13px; margin-bottom:28px; color:var(--uk-muted); }
.owner-receipt dl { margin:0; font-variant-numeric:tabular-nums; }
.owner-receipt dl div { display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:12px 0; }
.owner-receipt dt { color:var(--uk-dim); font-size:14px; }
.owner-receipt dd { margin:0; font-size:16px; font-weight:600; text-align:right; }
.owner-receipt .owner-receipt-total { border-top:1px dashed var(--uk-line); margin-top:16px; padding-top:24px; }
.owner-receipt-total dd { font-size:clamp(30px, 3vw, 46px); color:var(--uk-accent); letter-spacing:-.035em; }
.owner-receipt .owner-note { margin:20px 0 0; }
.owner-callout { padding:20px 24px; background:var(--uk-panel); border-left:2px solid var(--uk-muted); }
.owner-routine > div + div { margin-top:30px; }
.owner-faq details { border-top:1px solid var(--uk-line); }
.owner-faq details:last-child { border-bottom:1px solid var(--uk-line); }
.owner-faq summary { padding:22px 28px 22px 0; color:var(--uk-text); font-size:16px; line-height:1.6; font-weight:600; }
.owner-faq details p { font-size:15px; padding:0 0 10px; }
.owner-faq details a { font-size:13px; }
.owner-related { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; padding:40px var(--owner-gutter); }
.owner-related a { position:relative; border:1px solid var(--uk-line); border-radius:6px; padding:24px 50px 24px 24px; color:var(--uk-text); }
.owner-related a:hover { background:var(--uk-panel); text-decoration:none; }
.owner-related span { display:block; font-size:11px; color:var(--uk-muted); margin-bottom:12px; }
.owner-related b { font-size:18px; line-height:1.5; font-weight:600; }
.owner-related i { position:absolute; right:24px; top:50%; font-style:normal; }
.owner-cta { padding:56px var(--owner-gutter); background:var(--uk-panel); display:flex; gap:40px; align-items:center; justify-content:space-between; }
.owner-cta p { max-width:57ch; margin:0; }
.owner-cta .btn { flex-shrink:0; }
html:lang(th) .owner-main h1 { line-height:1.35; letter-spacing:0; max-width:18ch; }
html:lang(th) .owner-main h2, html:lang(th) .owner-main h3 { line-height:1.5; letter-spacing:0; }
html:lang(th) .owner-main .owner-eyebrow { letter-spacing:.02em; }
@media (min-width:1800px) { .owner-hero { grid-template-columns:minmax(0, 1fr) minmax(0, 1.2fr); } .owner-hero-art img { max-height:720px; } }
@media (max-width:1100px) {
  .owner-header { flex-wrap:wrap; gap:10px 24px; padding-block:14px; }
  .owner-nav { order:3; width:100%; margin:0; gap:24px; }
  .owner-header-end { margin-left:auto; }
  .owner-steps-four { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .owner-benefits { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:900px) {
  .owner-hero { grid-template-columns:1fr; padding-top:40px; gap:24px; }
  .owner-hero h1 { max-width:16ch; }
  .owner-hero-art img { max-height:470px; }
  .owner-hero-copy { padding:0; }
  .owner-article-head, .owner-opportunity-intro, .owner-stream { grid-template-columns:1fr; }
  .owner-article-head .owner-hero-art { max-width:700px; }
  .owner-opportunity-intro { gap:24px; }
  .owner-stream-art { order:2; }
  .owner-trust, .owner-reading, .owner-example { grid-template-columns:1fr; gap:24px; }
  .owner-reading h2, .owner-trust h2 { max-width:28ch; }
  .owner-example { background:var(--uk-panel); }
  .owner-cta { align-items:flex-start; flex-direction:column; gap:24px; }
  .owner-promises { gap:24px; }
  .owner-section { padding-block:48px; }
}
@media (max-width:600px) {
  .owner-header { padding-inline:20px; }
  .owner-header .logo { font-size:19px; }
  .owner-header-end { gap:8px; }
  .owner-login { font-size:11px; max-width:90px; }
  .owner-langs a { min-width:44px; padding:0 6px; }
  .owner-nav { justify-content:space-between; gap:12px; }
  .owner-nav a { font-size:12px; }
  .owner-promises, .owner-benefits, .owner-stream, .owner-steps-three, .owner-steps-four, .owner-related { grid-template-columns:1fr; }
  .owner-promises { gap:0; }
  .owner-promises > div { padding-block:20px; }
  .owner-promises > div + div { border-top:1px solid var(--uk-line); }
  .owner-promises { padding-block:8px; }
  .owner-benefits { gap:28px; }
  .owner-stream { gap:28px; }
  .owner-steps { gap:26px; }
  .owner-step-art img { width:128px; }
  .owner-article-head { padding-bottom:36px; }
  .owner-back { margin-bottom:20px; }
  .owner-main h2 { font-size:28px; }
  .owner-hero .btn, .owner-cta .btn { width:100%; }
  .owner-receipt-total dt { max-width:12ch; }
  .owner-related { gap:14px; }
  html:lang(th) .owner-main h1 { font-size:36px; }
}
