:root{--ink:#0f1b2d;--muted:#5a6b82;--accent:#0b6e4f;--accent-soft:#e8f5f0;--bg:#fff;--soft:#f6f8fb;--line:#e4e9f0;--radius:12px;--shadow:0 12px 32px #0f1b2d1f}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;font-size:17px;line-height:1.7}header.site{z-index:50;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}header.site .wrap{justify-content:space-between;align-items:center;gap:1rem;max-width:1080px;margin:0 auto;padding:.85rem 1.5rem;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:.45rem;font-size:1.12rem;font-weight:800;text-decoration:none;display:flex}.brand .logo{background:var(--accent);color:#fff;letter-spacing:0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:800;display:inline-flex;overflow:hidden}.nav-search{display:flex}.nav-search input{border:1px solid var(--line);width:150px;color:var(--ink);background:#fff;border-radius:999px;padding:.4rem .85rem;font-size:.83rem;transition:border-color .15s,width .15s}.nav-search input:focus{border-color:var(--accent);outline:none;width:190px}.brand span.pro{color:var(--accent);margin-left:-.08em}nav.desktop{align-items:center;display:flex}nav.desktop a{color:var(--muted);white-space:nowrap;margin-left:1.1rem;font-size:.9rem;font-weight:500;text-decoration:none}nav.desktop a:hover{color:var(--accent)}nav.desktop .has-dropdown{white-space:nowrap;display:inline-block;position:relative}nav.desktop .has-dropdown>a:after{content:"▾";color:var(--muted);margin-left:.25rem;font-size:.62rem}nav.desktop .dropdown{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);z-index:60;background:#fff;min-width:260px;padding:.75rem;display:none;position:absolute;top:calc(100% + 14px);left:0}nav.desktop .dropdown.wide{grid-template-columns:1fr 1fr;gap:.25rem 1.5rem;min-width:480px;display:none}nav.desktop .has-dropdown:hover .dropdown,nav.desktop .has-dropdown:hover .dropdown.wide{display:grid}nav.desktop .has-dropdown:before{content:"";height:14px;position:absolute;top:100%;left:0;right:0}nav.desktop .dropdown a{white-space:nowrap;border-radius:8px;margin:0;padding:.4rem .7rem;font-size:.88rem;display:block}nav.desktop .dropdown a:hover{background:var(--soft);color:var(--accent)}nav.desktop .dropdown .dd-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);grid-column:1/-1;padding:.35rem .7rem .15rem;font-size:.72rem;font-weight:700}nav.desktop .nav-cta{margin-left:1.3rem}nav.desktop .nav-cta a{margin:0}main{max-width:1080px;margin:0 auto;padding:3rem 1.5rem 5rem}footer.site{border-top:1px solid var(--line);background:var(--soft);color:var(--muted);padding:3rem 0 0;font-size:.9rem}footer.site .wrap{max-width:1080px;margin:0 auto;padding:0 1.5rem}footer.site .footer-grid{grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:2rem;min-width:0;padding-bottom:2.5rem;display:grid}footer.site .footer-col{flex-direction:column;gap:.4rem;min-width:0;display:flex}footer.site .footer-col h4{text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin-bottom:.35rem;font-size:.78rem;font-weight:700}footer.site .footer-col a{color:var(--muted);white-space:nowrap;font-size:.88rem;line-height:1.9;text-decoration:none}footer.site .footer-col a:hover{color:var(--accent)}footer.site .brand{margin-bottom:.5rem;font-size:1rem}footer.site .footer-col p{font-size:.88rem;line-height:1.7}footer.site .footer-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;font-size:.8rem;display:flex}footer.site .footer-bottom p{margin:0}@media (width<=768px){footer.site .footer-grid{grid-template-columns:1fr 1fr;gap:1.75rem}}h1{letter-spacing:-.03em;margin-bottom:1rem;font-size:2.6rem;font-weight:800;line-height:1.15}h2{letter-spacing:-.02em;margin:2.5rem 0 1rem;font-size:1.7rem;font-weight:700}h3{margin:1.8rem 0 .7rem;font-size:1.25rem;font-weight:600}p{margin-bottom:1.1rem}ul,ol{margin:0 0 1.25rem 1.4rem}li{margin-bottom:.45rem}a{color:var(--accent)}.meta{color:var(--muted);margin-bottom:1.5rem;font-size:.9rem}.lead{color:var(--muted);max-width:65ch;margin-bottom:2rem;font-size:1.15rem}table{border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius);width:100%;margin:1.5rem 0;font-size:.92rem;overflow:hidden}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.7rem .9rem}th{background:var(--soft);font-weight:600}tr:last-child td{border-bottom:none}blockquote{border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius) var(--radius) 0;margin:1.5rem 0;padding:.6rem 1.25rem}.card{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);margin:1.25rem 0;padding:1.6rem}.article-content h2{padding-top:.5rem}.article-content h2:first-of-type{margin-top:1rem}.hero{padding:3.5rem 0 3rem}.hero .eyebrow{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;margin-bottom:1.2rem;padding:.35rem .8rem;font-size:.8rem;font-weight:700;display:inline-block}.hero p.lead{font-size:1.2rem}.mobile-menu-btn{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:0 0;border-radius:8px;padding:.4rem .7rem;font-size:1.1rem;display:none}.mobile-menu-btn:hover{border-color:var(--accent)}.btn{background:var(--accent);white-space:nowrap;border-radius:999px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block;color:#fff!important}.btn:hover{background:#0a5a41}.btn-sm,.btn.btn-sm{padding:.45rem 1.1rem;font-size:.88rem;line-height:1.5}nav.desktop .nav-cta{white-space:nowrap;margin-left:1.3rem}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin:1.5rem 0;display:grid}.article-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:.6rem;padding:1.4rem;transition:box-shadow .15s,border-color .15s;display:flex}.article-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #0b6e4f14}.article-card .tag{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-size:.75rem;font-weight:700}.article-card h3{margin:0;font-size:1.05rem;line-height:1.4}.article-card h3 a{color:var(--ink);text-decoration:none}.article-card h3 a:hover{color:var(--accent)}.article-card .excerpt{color:var(--muted);font-size:.9rem}.article-card .date{color:var(--muted);margin-top:auto;padding-top:.35rem;font-size:.8rem}.article-card h3{overflow-wrap:break-word}.article-card.has-thumb{flex-direction:row;align-items:flex-start;gap:1rem;padding:.9rem;display:flex;overflow:hidden}.article-card .thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:140px;height:96px}.article-card .card-body{flex-direction:column;gap:.35rem;min-width:0;padding:0;display:flex}.article-card .excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=640px){.article-card .thumb{width:110px;height:84px}}.hero-split{background:linear-gradient(135deg, var(--accent-soft) 0%, #f6f8fb 65%);border-radius:16px;grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(1rem,2.5vw,2rem);padding:clamp(1.25rem,3vw,2.25rem);display:grid}.hero-split .eyebrow{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;margin-bottom:.7rem;padding:.28rem .7rem;font-size:.75rem;font-weight:700;display:inline-block}.hero-split h1{margin-bottom:.6rem;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.12}.hero-split p.lead{color:var(--muted);max-width:48ch;margin-bottom:1.1rem;font-size:clamp(.95rem,1.4vw,1.1rem)}.hero-split-img{object-fit:cover;width:100%;max-height:clamp(180px,26vh,280px);box-shadow:var(--shadow);border-radius:14px}.hero-ctas{flex-wrap:wrap;gap:.9rem;display:flex}.hero-split .btn-ghost-plain{border:1px solid var(--line);background:0 0;color:var(--ink)!important}.hero-split .btn-ghost-plain:hover{border-color:var(--accent);color:var(--accent)!important}.hero-proof{color:var(--muted);margin:1rem 0 0;font-size:.85rem}@media (width<=640px){.hero-split{grid-template-columns:1fr;gap:1rem;padding:1.5rem 1.25rem}.hero-split h1{font-size:1.6rem}.hero-split-img{max-height:160px}.hero-ctas .btn{text-align:center;width:100%}}.stats-bar{background:var(--ink);color:#fff;border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem;padding:1.5rem;display:grid}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.1rem;margin:1.2rem 0;display:grid}.tool-card{border:1px solid var(--line);color:inherit;background:#fff;border-radius:14px;padding:1.3rem 1.4rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:block;box-shadow:0 1px 3px #0000000d}.tool-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000017}.tool-card h3{color:var(--ink);margin:.5rem 0 .4rem;font-size:1.1rem}.tool-card p{color:#55544e;margin:0 0 .8rem;font-size:.9rem;line-height:1.5}.tool-status{text-transform:uppercase;letter-spacing:.06em;color:#3a3a5c;background:#e8e8f5;border-radius:20px;padding:.25rem .6rem;font-size:.7rem;font-weight:800;display:inline-block}.tool-soon{opacity:.68}.tool-soon .tool-status{color:#6b6a63;background:#eeece4}.tool-cta{color:#3a3a5c;font-size:.88rem;font-weight:700}.stats-bar .stat{text-align:center}.stats-bar .stat b{letter-spacing:-.02em;font-size:1.6rem;font-weight:800;display:block}.stats-bar .stat span{color:#ffffffb8;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}@media (width<=640px){.stats-bar{gap:.5rem;padding:1.1rem .5rem}.stats-bar .stat b{font-size:1.2rem}.stats-bar .stat span{font-size:.64rem}}.family-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.family-chips a{background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:.4rem .95rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.family-chips a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.vertical-row{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem;margin:1.5rem 0;display:grid}.vertical-card{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fff;flex-direction:row;align-items:center;gap:.9rem;padding:.9rem 1.1rem;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.vertical-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #0b6e4f1a}.vertical-card .thumb{object-fit:cover;border-radius:10px;flex-shrink:0;width:56px;height:56px}.vertical-card .vc-body{min-width:0;padding:0}.vertical-card h3{margin:0 0 .15rem;font-size:1.02rem}.vertical-card p{color:var(--muted);margin:0;font-size:.85rem}.vertical-card.no-img{padding:1.1rem}.why-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin:1.5rem 0;display:grid}.why-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.5rem}.why-card svg{width:34px;height:34px;stroke:var(--accent);stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:.9rem}.why-card h3{margin:0 0 .4rem;font-size:1.1rem}.why-card p{color:var(--muted);margin:0;font-size:.92rem}.section-soft{background:var(--accent-soft);border-radius:var(--radius);border:1px solid #d3ece2;margin-top:3rem;padding:1.75rem 1.75rem 1.4rem}.section-soft h3{margin-top:0}@media (width<=640px){body{font-size:16px}h1{font-size:2rem}.hero{padding:2.5rem 0 2rem}nav.desktop{display:none}.mobile-menu-btn{display:inline-flex!important}.mobile-nav{border-bottom:1px solid var(--line);background:#fff;padding:1rem 1.5rem 1.5rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 24px #0f1b2d1a}.mobile-nav.open{display:block}.mobile-nav a{color:var(--ink);border-bottom:1px solid var(--soft);padding:.6rem 0;font-size:1rem;text-decoration:none;display:block}.mobile-nav a:hover{color:var(--accent)}.mobile-nav .mn-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:1rem 0 .25rem;font-size:.75rem;font-weight:700}}@media (width>=641px){.mobile-menu-btn,.mobile-nav{display:none!important}}
