:root{
  --ink:#0b4a3a;--green:#117457;--mint:#d9f4e6;--soft:#f4f8f5;--line:#d9e5df;
  --text:#24443b;--muted:#667b74;--white:#fff;--shadow:0 20px 55px rgba(15,73,57,.09)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC",sans-serif;background:#fff;line-height:1.7}
a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.6rem;z-index:99}
.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);z-index:20}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}.brand-g{width:42px;height:42px;border:2px solid var(--green);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:28px}.brand small{display:block;font-size:12px;letter-spacing:.08em}
nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:15px}.hero{min-height:720px;display:grid;grid-template-columns:.95fr 1.05fr;gap:7vw;align-items:center;padding:70px clamp(24px,5vw,76px)}
.trust{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:14px}.trust span{width:42px;height:42px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-family:Georgia,serif;font-size:21px}
h1,h2,h3,.english{color:var(--ink)}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(64px,7vw,106px);line-height:.92;letter-spacing:-.055em;margin:36px 0}.lead{font-size:22px;line-height:1.85}.actions{display:flex;align-items:center;gap:28px;margin:28px 0}.btn{display:inline-block;border-radius:8px;padding:15px 28px;text-decoration:none;font-weight:750;border:1px solid var(--green)}.primary{background:var(--green);color:#fff}.secondary{background:#fff;color:var(--green)}.text-link{text-underline-offset:5px}.micro,.legal{font-size:13px;color:var(--muted)}
.demo-wrap{background:var(--mint);padding:40px 40px 24px;border-radius:80px 28px 28px 80px}.demo-wrap>small{display:block;text-align:right;margin-top:14px;color:var(--muted)}.demo{background:#fff;border:1px solid #d7dfdb;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.demo-head,.demo-foot{padding:20px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.demo-foot{border-top:1px solid var(--line);border-bottom:0;font-size:13px}.demo-body{padding:30px 38px}.to{color:var(--muted)}.email{font-family:Georgia,serif;font-size:28px;line-height:1.8;color:#173f35}.wrong{text-decoration:underline;text-decoration-color:#cf4d42;text-decoration-thickness:2px}.suggestion{margin-top:26px;background:var(--soft);border-left:3px solid var(--green);padding:22px;border-radius:10px}.suggestion button{background:var(--green);color:#fff;border:0;padding:10px 20px;border-radius:8px;font-weight:700}
.section{padding:100px clamp(24px,8vw,120px)}.section-intro{max-width:760px;margin-bottom:48px}.eyebrow,.english{font-weight:750;letter-spacing:.02em}.section h2{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC",sans-serif;font-size:clamp(40px,5vw,64px);line-height:1.12;margin:10px 0 20px}
.plan{background:var(--soft)}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:980px}.price-card{background:#fff;border:1px solid var(--line);padding:34px;border-radius:18px;position:relative}.price-card.featured{border:2px solid var(--green);box-shadow:var(--shadow)}.deadline{position:absolute;right:20px;top:20px;background:var(--mint);color:var(--ink);padding:5px 10px;border-radius:99px;font-weight:700}.price{font-family:Georgia,serif;font-size:48px;color:var(--ink);font-weight:700}.price small{font-family:inherit;font-size:18px}.note{font-size:13px;color:var(--muted)}.steps{margin-top:70px}.steps>h3{font-size:28px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}.step-grid span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--mint);font-weight:800;color:var(--ink)}
.why{max-width:1180px;margin:auto}.why-block{padding:58px 0;border-bottom:1px solid var(--line);max-width:900px}.why-block:nth-of-type(even){margin-left:auto}.english{font-size:17px}.why-block h3{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC",sans-serif;font-size:clamp(30px,4vw,46px);line-height:1.2;margin:10px 0}.tags{color:var(--green);font-size:14px;font-weight:700}.hook{font-size:20px;color:var(--ink)}details{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}summary{cursor:pointer;font-weight:750;color:var(--green);list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"＋";float:right}details[open] summary:after{content:"－"}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.compare-grid>div{background:var(--soft);padding:24px;border-radius:14px}
.faq{background:var(--soft)}.faq-list{max-width:900px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin:12px 0}.faq-list details p{padding-right:35px}.join{display:flex;justify-content:space-between;gap:50px;align-items:center;background:var(--ink);color:#fff}.join h2,.join .eyebrow{color:#fff}.join-actions{display:flex;flex-direction:column;gap:12px;min-width:300px}.join-actions .secondary{border-color:#fff}.join-actions small{opacity:.75}
footer{padding:40px clamp(24px,8vw,120px) 110px;color:var(--muted);font-size:13px}.sticky{display:none}
@media(max-width:850px){
  nav{display:none}.topbar{height:74px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:50px}.hero h1{font-size:64px}.demo-wrap{border-radius:32px;padding:18px}.demo-body{padding:22px}.email{font-size:22px}.section{padding:70px 22px}.price-grid,.step-grid,.compare-grid{grid-template-columns:1fr}.why-block:nth-of-type(even){margin-left:0}.join{display:block}.join-actions{margin-top:30px;min-width:0}footer{padding-bottom:110px}
  .sticky{position:fixed;display:flex;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:10px 14px;align-items:center;justify-content:space-between;box-shadow:0 -8px 30px rgba(0,0,0,.08)}.sticky span{display:flex;flex-direction:column;color:var(--ink);font-size:13px}.sticky small{font-size:10px;color:var(--muted)}.sticky a{background:var(--green);color:#fff;text-decoration:none;padding:10px 13px;border-radius:7px;font-weight:700;font-size:13px}
}
.regular-price-row{
  margin-top:34px;
  padding-top:24px;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  color:var(--ink);
  font-size:18px;
}
.regular-price-row strong{font-size:18px;white-space:nowrap}

/* Typography refinement: Chinese copy uses one clean sans-serif family throughout. */
:lang(zh-Hant), body{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC",sans-serif;
}
h2,h3,h4,summary,.hook,.tags,.eyebrow,.trust,.price-card h3,.steps h3,.steps h4{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC",sans-serif;
}
.hero h1,.price{
  font-family:Georgia,"Times New Roman",serif;
}

/* Desktop + mobile persistent CTA bar */
.sticky{
  position:fixed;
  display:flex;
  left:0;right:0;bottom:0;
  z-index:30;
  background:#fff;
  border-top:1px solid var(--line);
  padding:14px clamp(24px,5vw,76px);
  align-items:center;
  justify-content:space-between;
  box-shadow:0 -8px 30px rgba(0,0,0,.06);
}
.sticky span{
  display:flex;
  align-items:baseline;
  gap:32px;
  color:var(--ink);
}
.sticky span b{font-size:20px}
.sticky span small{font-size:13px;color:var(--muted)}
.sticky a{
  background:var(--green);
  color:#fff;
  text-decoration:none;
  padding:12px 22px;
  border-radius:8px;
  font-weight:700;
}
body{padding-bottom:78px}
@media(max-width:850px){
  .sticky{padding:10px 14px}
  .sticky span{display:flex;flex-direction:column;align-items:flex-start;gap:0}
  .sticky span b{font-size:13px}
  .sticky span small{font-size:10px}
  .sticky a{padding:10px 13px;font-size:13px}
}

/* Align all Why Grammarly blocks to one consistent content grid. */
.why-block,
.why-block:nth-of-type(even),
.why-block:nth-of-type(odd){
  margin-left:0;
  margin-right:0;
  width:100%;
  max-width:900px;
}