/* Canonical homepage companion to the refreshed AMP hero. */
:root{
  --ink:#173126;
  --muted:#62746b;
  --cream:#f5f2e8;
  --paper:#fcfaf5;
  --line:#dce3d7;
  --orange:#b9843e;
  --gold:#ebc781;
  --deep:#0c2118;
  --teal:#2d7153;
}
body{background:var(--paper)}
a:focus-visible{outline-color:#c9974d}
.topline{background:#0d251a;color:#e8dcc1}
.site-header{border-bottom:1px solid #e6e6da}
.logo-mark{background:#173b29;box-shadow:0 5px 15px #10261c24}
.logo b,.footer-brand b{color:#b9843e}
.site-header nav a:hover,.footer-links a:hover{color:#98672c}
.header-action{border-color:#c9d8ca;color:#1d4b35;background:#eef4eb}
.header-action span{color:#a97938}
.header-action:hover{border-color:#b9843e;background:#faf2e2}
.hero{gap:3rem;min-height:620px}
.hero .eyebrow{color:#2b7450}
.hero .eyebrow-dot{background:#c7994f;box-shadow:0 0 0 5px #e9d4a566}
.hero h1{color:#173126}
.hero h1 .accent{color:#a87434}
.hero .lead{color:#536b5f}
.hero .lead strong{color:#1b4c35}
.button.primary{background:linear-gradient(105deg,#1c573d,#113a2b);color:#fff8e9;box-shadow:0 11px 23px #123f2a30}
.button.ghost{background:#fffdf7;border-color:#d6c395;color:#355343}
.button.ghost:hover{box-shadow:0 8px 20px #2b46301b}
.hero-note{color:#74857a}
.hero-art{
  height:min(38vw,515px);
  min-height:440px;
  border-radius:24px;
  border:1px solid #d6be87;
  background:#10251d url('/assets/thai-hero-v2.jpg') center 35%/cover no-repeat;
  box-shadow:0 27px 60px #173e2b29,0 0 0 7px #e9dfc6;
}
.hero-art::before{content:none}
.hero-art::after{content:"";position:absolute;inset:auto 0 0;top:auto;left:0;width:100%;height:43%;border:0;border-radius:0;background:linear-gradient(transparent,#091c15cb);pointer-events:none}
.hero-photo-caption{position:absolute;z-index:2;left:30px;right:24px;bottom:25px;display:flex;flex-direction:column;gap:3px;color:#fff8e8;text-align:left;text-shadow:0 2px 9px #07120e}
.hero-photo-caption span{font-size:.62rem;font-weight:900;letter-spacing:.22em;color:#f4d28b}
.hero-photo-caption strong{font-size:1.08rem;line-height:1.4}
.ticker{background:#eaf2e9;border-color:#d3e2d1}
.ticker strong{color:#2c7451}
.ticker span{color:#355e47}
.feature,.knowledge-card,.evaluation-list article,.faq article{border-color:#dce4d9;box-shadow:0 10px 25px #123d2709}
.feature-icon{background:#f2e7cd;color:#9f7434}
.section-dark{background:#11291e}
.section-dark::before{background:radial-gradient(circle,#487d4655,transparent 68%)}
.platform{background:#1a392b;border-color:#3c6249}
.platform:hover{background:#23503a}
.platform-tag{color:#c6dabf}
.platform p{color:#c9d5c7}
.platform a{color:#f2ca83}
.method{background:#eaf1e7}
.method li::before{background:#3b875a;box-shadow:0 0 0 5px #cfe5d2}
.footer{background:#0b2018}
.footer-bottom{border-color:#2a4b38}
@media(max-width:1000px){.hero{gap:2rem}.hero-art{min-height:400px;height:440px}}
@media(max-width:720px){
  .hero{min-height:0;padding:34px 0 48px;gap:31px}
  .hero-art{order:-1;height:min(70vw,330px);min-height:0;width:100%;background-position:center 30%;border-radius:18px;box-shadow:0 17px 36px #173e2b28,0 0 0 5px #e9dfc6}
  .hero-photo-caption{left:20px;bottom:18px}
  .hero-photo-caption strong{font-size:.94rem}
  .hero-actions .button{flex:1 1 160px}
}
@media(max-width:420px){.hero-art{height:270px}.hero h1{font-size:2.27rem}}