
:root{--warm:#C65A2E;--warm-dark:#8A3C20;--warm-soft:#FFF1E8;--warm-line:#F1C7B3;
  --yitm-warm:#C65A2E;
  --yitm-warm-dark:#8A3C20;
  --yitm-warm-soft:#FFF1E8;
  --yitm-warm-line:#F1C7B3;--ink:#101915;--muted:#52635b;--soft:#f7f3ea;--card:#fff;--line:#e3dccf;--green:#078a52;--green-dark:#064e35;--yellow:#fbbd41;--shadow:0 18px 55px rgba(16,25,21,.09);--shadow-soft:0 10px 28px rgba(16,25,21,.07);--radius-xl:34px;--radius-lg:24px}*{box-sizing:border-box}body{margin:0;background:#fbf8f1;color:var(--ink);font-family:'Barlow',Arial,sans-serif;line-height:1.6}.wrap{width:min(1180px,calc(100% - 36px));margin:0 auto}.site-header{position:sticky;top:0;z-index:1000;background:rgba(8,12,10,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.12)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:900}.brand-mark{width:46px;height:46px;border-radius:15px;background:#fff;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-text em{color:var(--yellow);font-style:normal}.brand-text small{display:block;font-family:'Barlow',Arial,sans-serif;color:rgba(255,255,255,.68);font-size:.72rem}.nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav a{color:rgba(255,255,255,.78);text-decoration:none;font-weight:800;font-size:.9rem;padding:9px 11px;border-radius:999px}.nav a:hover,.nav .active{color:#fff;background:rgba(255,255,255,.1)}.nav .nav-cta{background:#fff;color:#0e2119}.hero{background:radial-gradient(circle at 15% 18%,rgba(198,90,46,.18),transparent 26rem),radial-gradient(circle at 85% 20%,rgba(7,138,82,.18),transparent 30rem),linear-gradient(180deg,#fffaf0 0%,#f7f3ea 68%,#fff 100%);padding:clamp(58px,8vw,104px) 0 42px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);gap:34px;align-items:center}.eyebrow{display:inline-flex;border:1px solid rgba(7,138,82,.18);background:rgba(7,138,82,.08);color:var(--green-dark);border-radius:999px;padding:8px 13px;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}h1,h2,h3{font-family:'Barlow Condensed',Arial,sans-serif;line-height:.98}h1{font-size:clamp(3.2rem,8.2vw,6.7rem);letter-spacing:-.055em;margin:18px 0;color:#101915}h1 em,h2 em{font-style:italic;color:var(--green)}.hero p{font-size:1.12rem;color:var(--muted);max-width:68ch}.hero-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:24px;box-shadow:var(--shadow)}.hero-card strong{display:block;font-size:2.6rem;color:var(--green-dark);font-family:'Barlow Condensed',Arial,sans-serif}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:999px;padding:14px 22px;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:900;text-decoration:none;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--green);color:#fff}.btn-secondary{background:#fff;color:#101915;border-color:var(--line)}.section{padding:clamp(54px,7vw,84px) 0}.section-soft{background:#fff}.section-head{max-width:800px;margin-bottom:28px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section h2{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.035em;margin:12px 0}.lede{color:var(--muted);font-size:1.05rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b2d20,#078a52);border-radius:var(--radius-xl);padding:28px;text-decoration:none;color:#fff;min-height:285px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow)}.feature-card:nth-child(2){background:linear-gradient(135deg,#101915,#2e5947)}.feature-card:nth-child(3){background:linear-gradient(135deg,#1b211c,#806015)}.feature-card .tag,.tag{display:inline-flex;align-self:flex-start;background:var(--warm-soft);color:var(--warm-dark);border-radius:999px;padding:6px 10px;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.feature-card h3{font-size:2rem;color:#fff;margin:12px 0 10px}.feature-card p{color:rgba(255,255,255,.86)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--shadow-soft)}.category-card h3{font-size:1.6rem;margin:0 0 8px}.category-card p{color:var(--muted);margin:0 0 14px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row a{display:inline-flex;border:1px solid var(--line);background:#fbf8f1;color:var(--green-dark);border-radius:999px;padding:8px 11px;text-decoration:none;font-size:.84rem;font-weight:850}.chip-row a:hover{border-color:var(--green);background:#eaf7ef}.quick-panel{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;background:linear-gradient(135deg,#0b2d20,#078a52);color:#fff;border-radius:30px;padding:28px;box-shadow:var(--shadow)}.quick-panel h2{color:#fff;margin:0 0 8px}.quick-panel p{color:rgba(255,255,255,.82);margin:0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid details{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-soft)}summary{font-weight:900;cursor:pointer}.footer{background:#0d1712;color:#fff;padding:44px 0}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.footer a{color:rgba(255,255,255,.75);text-decoration:none;font-weight:700}.footer-links{display:flex;gap:14px;flex-wrap:wrap}@media(max-width:1000px){.hero-grid,.quick-panel{grid-template-columns:1fr}.feature-grid,.category-grid,.faq-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.wrap{width:min(100% - 28px,1180px)}.nav{display:none}.brand-mark{display:none}.feature-grid,.category-grid,.faq-grid{grid-template-columns:1fr}.hero{padding-top:46px}.btn{width:100%}.quick-panel{display:block}.quick-panel .btn{margin-top:14px}}


/* A00092 guides page mobile polish */
.category-card,.feature-card,.hero-card{content-visibility:auto;contain-intrinsic-size:260px}
.category-card a,.feature-card,.btn{touch-action:manipulation}
@media(max-width:760px){.hero{padding-top:40px}.feature-grid,.category-grid,.faq-grid{grid-template-columns:1fr!important}.chip-row a{min-height:42px;align-items:center}.footer{padding-bottom:30px}}

/* A00097 contrast and button alignment polish for the blog index page */
.feature-card,
.quick-panel {
  color: #fff;
}
.feature-card h3,
.feature-card p,
.quick-panel h2,
.quick-panel p {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.14);
}
.feature-card .tag {
  background: #fff7e6;
  color: #3f2600;
  border: 1px solid rgba(255,255,255,.58);
}
.btn,
.nav a,
.quick-panel .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  white-space: nowrap;
}
.quick-panel .btn-secondary {
  background: #fff;
  color: #07120d;
  border-color: rgba(255,255,255,.86);
}
@media(max-width:720px){
  .feature-card{min-height:230px;padding:24px;}
  .btn{width:100%;min-height:54px;}
}


/* A00098 blog index contrast and button baseline fix */
.btn,a.btn,button.btn,.quick-panel .btn,.nav a{
  font-family:'Barlow',Arial,sans-serif !important;
  font-weight:900 !important;
  font-size:.96rem !important;
  line-height:1 !important;
  min-height:50px !important;
  padding:0 22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:nowrap !important;
}
.feature-card h3,.feature-card p,.feature-card .card-link-cue,.quick-panel h2,.quick-panel p{color:#fff !important;opacity:1 !important;text-shadow:none !important;}
.feature-card .tag{background:#fff4dd !important;color:#3a2400 !important;border-color:rgba(255,255,255,.7) !important;}
@media(max-width:720px){.btn,a.btn,button.btn{width:100% !important;min-height:54px !important;}}
