.growmo-pricing{--gm-ink:light-dark(#102d55,#eaf3ff);--gm-muted:light-dark(#506481,#b9c9e1);--gm-paper:light-dark(#fff,#142640);--gm-yellow:light-dark(#fff0a9,#34301b);--gm-blue:light-dark(#087aff,#55a0ff);--gm-line:light-dark(#dce4ee,#3a4f68);--gm-page:light-dark(#fffdf5,#0e1e33);font-family:"Nunito","Noto Sans Thai",sans-serif;color:var(--gm-ink);background:var(--gm-page);width:100%;overflow-wrap:anywhere;text-align:left;font-size:15px;line-height:1.65}
  .growmo-pricing *{box-sizing:border-box}
  .growmo-pricing h1,.growmo-pricing h2,.growmo-pricing h3,.growmo-pricing h4,.growmo-pricing p{margin:0;color:inherit;font-family:inherit}
  .growmo-pricing button{font-family:inherit}
  .growmo-pricing .gm-pricing{background:var(--gm-yellow);padding:42px 24px 23px}
  .growmo-pricing .gm-section-head{text-align:center;max-width:720px;margin:0 auto 28px}
  .growmo-pricing .gm-eyebrow{color:light-dark(#145da9,#9fcaff);font-size:13px;font-weight:800;letter-spacing:.4px;margin-bottom:6px}
  .growmo-pricing h1{font-size:32px;line-height:1.35;font-weight:900;letter-spacing:-.4px}
  .growmo-pricing h2{font-size:29px;line-height:1.4;font-weight:900;letter-spacing:-.3px}
  .growmo-pricing .gm-lead{font-size:15px;color:var(--gm-muted);margin-top:9px}
  .growmo-pricing .gm-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1170px;margin:auto}
  .growmo-pricing .gm-plan{background:var(--gm-paper);border:1px solid light-dark(#ead787,#665b2e);border-radius:20px;padding:19px 17px 18px;display:flex;flex-direction:column;min-width:0;position:relative}
  .growmo-pricing .gm-plan.gm-recommended{border:2px solid var(--gm-blue);padding:18px 16px 17px;box-shadow:0 8px 22px light-dark(#087aff12,#00000020)}
  .growmo-pricing .gm-tag{align-self:flex-start;display:inline-flex;align-items:center;background:light-dark(#edf4ff,#243c5b);color:light-dark(#145da9,#bddcff);font-size:11px;font-weight:800;min-height:27px;padding:4px 9px;border-radius:24px;margin-bottom:13px}
  .growmo-pricing .gm-recommended .gm-tag{background:var(--gm-blue);color:light-dark(#fff,#0d2140)}
  .growmo-pricing .gm-plan h3{font-size:17px;font-weight:800;line-height:1.4;min-height:24px}
  .growmo-pricing .gm-price{display:flex;align-items:baseline;gap:3px;margin-top:13px;white-space:nowrap;line-height:1.2}
  .growmo-pricing .gm-currency{font-size:18px;font-weight:800;align-self:flex-start;margin-top:6px}
  .growmo-pricing .gm-amount{font-size:39px;font-weight:900;letter-spacing:-1.3px}
  .growmo-pricing .gm-charge{font-size:13px;color:var(--gm-muted);font-weight:600;margin-top:7px;line-height:1.55;min-height:41px}
  .growmo-pricing .gm-average{font-size:12px;color:light-dark(#145da9,#a5ccff);margin-top:2px;min-height:21px;font-weight:700}
  .growmo-pricing .gm-plan-rule{height:1px;background:var(--gm-line);margin:17px 0 14px}
  .growmo-pricing .gm-plan h4{font-size:13px;font-weight:800;margin-bottom:13px}
  .growmo-pricing .gm-renewal-note{font-size:12px;line-height:1.65;color:var(--gm-muted);margin:-5px 0 18px}
  .growmo-pricing .gm-plan ul{padding:0;margin:0 0 20px;list-style:none;display:flex;flex-direction:column;gap:11px;font-size:14px;line-height:1.75}
  .growmo-pricing .gm-plan li{display:grid;grid-template-columns:15px minmax(0,1fr);gap:6px;align-items:start}
  .growmo-pricing .gm-check{font-weight:800;color:light-dark(#168766,#82dabd);line-height:1.65}
  .growmo-pricing .gm-select{margin-top:auto;width:100%;border:0;background:light-dark(#102d55,#b5d4ff);color:light-dark(#fff,#0d2140);border-radius:30px;padding:12px 8px;font-size:13px;font-weight:800;opacity:1;min-height:44px}
  .growmo-pricing .gm-recommended .gm-select{background:var(--gm-blue);color:light-dark(#fff,#0d2140)}
  .growmo-pricing .gm-terms{display:flex;justify-content:center;align-items:flex-start;gap:7px;max-width:870px;margin:18px auto 0;color:var(--gm-muted);font-size:12px;text-align:center}
  .growmo-pricing .gm-terms svg{flex:0 0 16px;margin-top:2px;width:16px;height:16px}
  .growmo-pricing .gm-benefits{padding:40px 32px 32px;background:var(--gm-page)}
  .growmo-pricing .gm-benefit-grid{max-width:1160px;margin:35px auto 27px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px;padding-right:8px}
  .growmo-pricing .gm-benefit{--ribbon:light-dark(#1758bc,#305fa3);--tint:light-dark(#eef3ff,#172e4e);background:var(--tint);position:relative;min-width:0;margin-left:9px;padding:0 0 24px;border-radius:0 3px 16px 3px}
  .growmo-pricing .gm-benefit:nth-child(2){--ribbon:light-dark(#086f92,#246884);--tint:light-dark(#ecf7fc,#163345)}
  .growmo-pricing .gm-benefit:nth-child(3){--ribbon:light-dark(#147b65,#2e7567);--tint:light-dark(#ecf8f2,#173831)}
  .growmo-pricing .gm-benefit:nth-child(4){--ribbon:light-dark(#995d13,#875d26);--tint:light-dark(#fff6e2,#382d1b)}
  .growmo-pricing .gm-benefit:nth-child(5){--ribbon:light-dark(#9d4260,#914d65);--tint:light-dark(#fff0f3,#3e2432)}
  .growmo-pricing .gm-benefit:nth-child(6){--ribbon:light-dark(#6255a0,#625492);--tint:light-dark(#f3effc,#2b2544)}
  .growmo-pricing .gm-benefit h3{position:relative;top:-8px;background:var(--ribbon);color:#fff;min-height:58px;display:flex;align-items:center;margin:0 12px 5px -9px;padding:10px 14px;font-size:15px;font-weight:800;line-height:1.5;border-radius:3px 3px 0 0}
  .growmo-pricing .gm-benefit h3:after{content:"";position:absolute;right:-9px;top:0;width:9px;height:8px;background:light-dark(#263850,#101d30);clip-path:polygon(0 0,0 100%,100% 100%)}
  .growmo-pricing .gm-benefit h3:before{content:"";position:absolute;bottom:-9px;left:0;width:9px;height:9px;background:light-dark(#263850,#101d30);clip-path:polygon(0 0,100% 0,100% 100%)}
  .growmo-pricing .gm-benefit-icon{display:flex;color:var(--ribbon);margin:0 19px 12px}
  .growmo-pricing .gm-benefit-icon svg{width:27px;height:27px;stroke-width:1.6}
  .growmo-pricing .gm-benefit p{font-size:14px;line-height:1.85;color:var(--gm-ink);margin:0 19px}
  @container growmo-screen (max-width:959px){
    .growmo-pricing .gm-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .growmo-pricing .gm-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .growmo-pricing .gm-plan{padding:23px}
    .growmo-pricing .gm-plan.gm-recommended{padding:22px}
    .growmo-pricing .gm-plan ul{font-size:15px}
    .growmo-pricing .gm-plan h3{min-height:0;font-size:19px}
    .growmo-pricing .gm-charge{min-height:0;font-size:14px}
    .growmo-pricing .gm-benefit p{font-size:15px}
  }
  @container growmo-screen (max-width:599px){
    .growmo-pricing .gm-pricing{padding:28px 16px 22px}
    .growmo-pricing h1{font-size:26px}
    .growmo-pricing h2{font-size:24px}
    .growmo-pricing .gm-lead{font-size:14px}
    .growmo-pricing .gm-section-head{margin-bottom:24px}
    .growmo-pricing .gm-plan-grid{grid-template-columns:minmax(0,1fr);gap:18px}
    .growmo-pricing .gm-plan{padding:23px 22px}
    .growmo-pricing .gm-plan.gm-recommended{padding:22px 21px}
    .growmo-pricing .gm-average:empty{display:none}
    .growmo-pricing .gm-select{font-size:14px;min-height:48px}
    .growmo-pricing .gm-renewal-note{font-size:13px}
    .growmo-pricing .gm-benefits{padding:30px 20px 18px}
    .growmo-pricing .gm-benefit-grid{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:32px;padding-right:0}
    .growmo-pricing .gm-benefit h3{font-size:16px;min-height:54px}
    .growmo-pricing .gm-terms{text-align:left}
  }

.growmo-pricing{color-scheme:light;container-type:inline-size;container-name:growmo-screen;padding:28px 24px;background:#fff0a9;border-radius:26px;min-width:0;max-width:100%;margin-top:32px}
.growmo-pricing .gm-prelaunch{background:#fff;padding:12px 16px;border-radius:12px;color:#17518a;font-size:.875rem;line-height:1.6;margin:0 0 22px}
.growmo-pricing .gm-plan>h3{min-height:2.8em}.growmo-pricing .gm-plan h4{font-size:.875rem}.growmo-pricing .gm-plan ul{font-size:1rem;font-weight:500}.growmo-pricing .gm-plan li{font-weight:500}.growmo-pricing .gm-plan button{cursor:pointer}.growmo-pricing .gm-plan button:disabled{cursor:default}.growmo-pricing .gm-benefits{margin:32px -24px -28px;border-radius:0 0 26px 26px}.growmo-pricing .gm-benefit-icon{display:block}.growmo-pricing .gm-benefit p{font-size:1rem}.growmo-pricing .gm-pricing-footer{padding:48px 0 0}.growmo-pricing .gm-pricing-footer p{font-size:.875rem;line-height:1.7;margin:16px 0}.growmo-pricing .gm-pricing-footer a{font-size:.875rem;text-decoration:underline;color:#145caa}.growmo-pricing .gm-pricing-footer>button{background:#102d55;color:#fff;min-height:44px;border-radius:24px;padding:12px 20px;font-weight:800}
@container growmo-screen (max-width:599px){.growmo-pricing .gm-plan>h3{min-height:0}.growmo-pricing .gm-benefits{padding-left:16px;padding-right:16px}.growmo-pricing .gm-plan li{font-size:1rem}}
@media(max-width:599px){.growmo-pricing{padding:24px 16px}.growmo-pricing .gm-benefits{margin-left:-16px;margin-right:-16px;margin-bottom:-24px}}
