/* Matchoya franchise landing pages */
:root{--ink:#142017;--green:#355b2c;--leaf:#7da568;--cream:#f5f0e5;--paper:#fffdf8;--line:#dcd4c5;--gold:#b99855}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Manrope",sans-serif;line-height:1.65;overflow-x:hidden}body.th{font-family:"Noto Sans Thai","Manrope",sans-serif}.th h1,.th h2,.th p,.th li{overflow-wrap:anywhere;word-break:normal}.fnav{position:fixed;z-index:30;inset:0 0 auto;background:rgba(255,253,248,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(53,91,44,.14)}.fnav__in{height:76px;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:28px}.fnav__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--green);font-family:"Cormorant Garamond",serif;font-size:28px;font-weight:600}.fnav__brand img{width:120px;height:auto}.fnav__links{display:flex;align-items:center;gap:24px;margin-left:auto}.fnav a{text-decoration:none;color:inherit}.fnav__links>a{font-size:14px;font-weight:700}.lang{border:1px solid var(--line);border-radius:99px;padding:8px 12px!important}.fnav__cta,.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:4px;background:var(--green);color:#fff!important;font-weight:800;text-decoration:none;transition:.2s}.button:hover,.fnav__cta:hover{transform:translateY(-2px);background:#274722}.button--ghost{background:transparent;color:var(--green)!important;border:1px solid var(--green)}.hamb{display:none;margin-left:auto;border:0;background:none;font-size:26px}.hero{min-height:780px;padding:150px 24px 90px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;background:linear-gradient(90deg,rgba(20,32,23,.93),rgba(20,32,23,.52)),url('images/head.webp') center/cover}.th .hero{background-image:linear-gradient(90deg,rgba(20,32,23,.93),rgba(20,32,23,.52)),url('../images/head.webp')}.hero__in{max-width:1200px;width:100%;min-width:0;margin:auto;color:#fff}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:#dfeacb;margin-bottom:22px}.hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(50px,7vw,88px);line-height:.98;max-width:900px;margin:0 0 26px;font-weight:600}.th .hero h1{font-family:"Noto Serif Thai",serif;line-height:1.12}.hero p{font-size:clamp(18px,2vw,22px);max-width:700px;color:#eef1ea;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero .button--ghost{color:#fff!important;border-color:#fff}.note{font-size:13px!important;color:#cdd6c8!important;margin-top:18px!important}.section{padding:100px 24px}.section--cream{background:var(--cream)}.section--dark{background:var(--ink);color:#fff}.wrap{max-width:1120px;margin:auto}.intro{max-width:760px}.kicker{color:var(--green);font-size:12px;text-transform:uppercase;letter-spacing:.17em;font-weight:900}.section--dark .kicker{color:#bdd1ac}h2{font:600 clamp(38px,5vw,60px)/1.05 "Cormorant Garamond",serif;margin:12px 0 24px}.th h2{font-family:"Noto Serif Thai",serif;line-height:1.2}.lead{font-size:20px;color:#3e4a40}.section--dark .lead{color:#d9e0d7}.proof{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.proof img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:180px 180px 10px 10px}.stamp{margin-top:28px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.card{padding:30px;border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:8px}.section--dark .card{border-color:#455247;background:#1b291e}.num{font:600 34px "Cormorant Garamond",serif;color:var(--gold)}.card h3{font-size:20px;margin:8px 0}.card p{margin:0;color:#526054}.section--dark .card p{color:#c8d1c6}.pillars{grid-template-columns:repeat(4,1fr)}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:42px}.fit{padding:34px;border-radius:8px;background:#e9f0e3}.fit.no{background:#f1e9e3}.fit ul{padding-left:20px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px}.step{border-top:2px solid var(--green);padding-top:20px}.step:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--gold);font-weight:900;margin-bottom:12px}.faq{max-width:860px;margin-top:34px}.faq details{border-top:1px solid var(--line);padding:19px 0}.faq summary{cursor:pointer;font-weight:800;font-size:18px}.faq p{color:#4d5a4e}.qualify{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.prompts{margin:0;padding-left:23px}.prompts li{margin-bottom:10px}.emailbox{padding:34px;background:#fff;color:var(--ink);border-radius:8px}.emailbox code{word-break:break-all}.disclaimer{padding:30px 24px;background:#ebe7df;color:#5a605a;font-size:12px}.disclaimer .wrap{max-width:1000px}.footer{padding:44px 24px;background:#101712;color:#bdc7bd}.footer__in{max-width:1120px;margin:auto;display:flex;justify-content:space-between;gap:30px;align-items:center}.footer a{color:#fff}.footer img{width:140px;filter:brightness(0) invert(1)}@media(max-width:850px){.fnav__links{display:none;position:absolute;top:76px;left:0;right:0;padding:24px;background:var(--paper);flex-direction:column;align-items:stretch}.fnav__links.open{display:flex}.hamb{display:block}.hero{min-height:700px}.proof,.qualify{grid-template-columns:1fr}.grid,.pillars{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.proof img{max-height:520px}.section{padding:72px 20px}}@media(max-width:560px){.fnav__brand img{width:104px}.grid,.pillars,.split,.steps{grid-template-columns:1fr}.hero{padding-top:125px}.hero h1{font-size:47px}.th .hero h1{font-size:42px}.button{width:100%}.footer__in{flex-direction:column;align-items:flex-start}}
