.main-nav a:focus-visible,.menu-btn:focus-visible,.btn:focus-visible{outline:3px solid rgba(31,107,67,.28);outline-offset:3px}.menu-btn{width:44px;height:44px;align-items:center;justify-content:center}.hero-with-image{grid-template-columns:1.02fr .98fr}.hero-visual{margin:0;min-height:420px;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}.hero-visual img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}.image-caption{font-size:.82rem;color:var(--muted);padding:9px 12px;background:#fff}.hero-points{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px;color:var(--muted);font-size:.92rem}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#173f2c;color:#fff;border-radius:22px;overflow:hidden;margin:18px 0 54px}.trust-strip div{padding:20px;border-right:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:3px}.trust-strip strong{font-size:1.35rem}.trust-strip span{font-size:.82rem;color:rgba(255,255,255,.78)}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:18px}.section-head>p{max-width:500px;color:var(--muted);margin:0}.section-kicker{font-size:.77rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:var(--brand)}.homepage-intro{max-width:900px}.homepage-intro p{font-size:1.04rem;line-height:1.75}.pain-grid,.role-grid,.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.problem-card,.role-card,.proof-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.problem-card .mini{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-weight:850}.problem-card a,.text-link{color:var(--brand);font-weight:800}.story-stack{display:grid;gap:56px}.visual-story{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;padding:8px 0}.visual-story.reverse .visual-media{order:2}.visual-media{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.visual-media img{width:100%;height:100%;max-height:430px;object-fit:cover;display:block}.visual-copy p{color:var(--muted)}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.workflow-card{padding:19px;background:#fff;border:1px solid var(--line);border-radius:15px}.workflow-card a{font-weight:850;color:var(--brand)}.quality-panel{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;background:#173f2c;color:#fff;border-radius:24px;padding:32px}.quality-panel p{color:rgba(255,255,255,.78)}.quality-panel .section-kicker{color:#a8dabd}.quality-list{display:grid;gap:10px}.quality-list div{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;background:rgba(255,255,255,.08);padding:12px;border-radius:12px}.quality-list strong{display:grid;place-items:center;width:32px;height:32px;background:#fff;color:#173f2c;border-radius:9px}.legal-main{max-width:900px}.legal-main h2{margin-top:32px}.legal-main p,.legal-main li{line-height:1.72}.legal-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 22px}.legal-meta span{background:#eef3ef;border:1px solid var(--line);padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:750}.legal-address{font-style:normal;background:#fff;border:1px solid var(--line);padding:20px;border-radius:14px}.legal-callout{padding:16px 18px;border-left:4px solid var(--brand);background:#f6faf7;border-radius:0 12px 12px 0}.legal-callout.warn{border-left-color:#c28a14;background:#fff9e9}.source-box{margin-top:22px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fbfcfa}.source-box a{color:var(--brand);text-decoration:underline}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.guide-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.guide-feature{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.guide-feature .copy{padding:20px}.guide-feature h2{font-size:1.3rem;margin:4px 0 8px}.guide-feature p{color:var(--muted)}.guide-card-img{aspect-ratio:16/9;overflow:hidden;background:#eef3ef}.guide-card-img img{width:100%;height:100%;object-fit:cover;display:block}.guide-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin-bottom:8px}.editorial-note{border-left:4px solid var(--brand);padding:18px 20px;background:#f5faf7;border-radius:0 14px 14px 0}.reader-path{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.reader-path a{padding:8px 11px;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--brand);font-weight:750}.article-body{max-width:820px}.article-body h2{margin-top:42px}.article-body p,.article-body li{font-size:1.03rem;line-height:1.72}.guide-toc{padding:20px;border:1px solid var(--line);background:#fff;border-radius:16px}.guide-toc a{display:block;color:var(--brand);font-weight:700;margin:7px 0}.check-list{padding-left:0;list-style:none}.check-list li{position:relative;padding:8px 0 8px 28px;border-bottom:1px solid #edf0ed}.check-list li:before{content:'✓';position:absolute;left:4px;color:var(--brand);font-weight:900}.tool-value-intro{padding:14px 16px;background:#f7faf7;border:1px solid var(--line);border-radius:12px;margin:12px 0 0;color:#3f4b44}@media(max-width:800px){.site-header.open nav#main-nav{display:flex!important;position:absolute;top:64px;left:10px;right:10px;z-index:100;flex-direction:column;gap:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 45px rgba(20,32,25,.18)}.hero-with-image,.visual-story,.pain-grid,.role-grid,.proof-grid,.contact-grid,.guide-directory,.quality-panel,.workflow-grid{grid-template-columns:1fr}.visual-story.reverse .visual-media{order:0}.hero-visual,.hero-visual img{min-height:230px}.trust-strip{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start;flex-direction:column;gap:8px}body.menu-open{overflow:hidden}}