.feature-hub-intro{padding-block:70px 42px}.feature-hub-intro>div{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end;margin-top:0}.feature-hub-intro h1{font-size:clamp(42px,4.7vw,66px);line-height:1.08}.feature-hub-intro>div>p{max-width:390px;justify-self:end;font-size:16px;color:var(--muted)}.feature-jump{display:flex;gap:12px;flex-wrap:wrap;padding:20px 0;border-block:1px solid var(--line)}.feature-jump a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:6px;background:#eef3e9;color:#355f44;font-size:12px}.feature-jump a:hover{background:#deebd8}.feature-journey{margin-block:44px 70px;padding:32px 38px;background:#e9f2e7;border-radius:12px;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:40px}.feature-journey h2{font-size:27px;line-height:1.2}.feature-journey p{margin-top:14px;max-width:360px;color:var(--muted);font-size:13px}.feature-journey ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:7px}.feature-journey li a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid #cbdec7;border-radius:6px;background:#f8fbf4;font-size:11px}.feature-journey svg{width:14px;height:14px}.feature-journey a:hover{border-color:#658a6c}.feature-group{display:grid;grid-template-columns:300px minmax(0,1fr);gap:80px;padding-block:40px 60px;border-top:1px solid var(--line);scroll-margin-top:110px}.feature-group h2{font-size:29px;line-height:1.3;margin-top:18px;max-width:290px}.feature-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.feature-directory-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px 20px;padding:24px 0;border-bottom:1px solid var(--line)}.feature-directory-link:first-child,.feature-directory-link:nth-child(2){padding-top:0}.feature-directory-link h3{font-size:19px;line-height:1.3;letter-spacing:-.035em;font-weight:500}.feature-directory-link p{max-width:42ch;font-size:12px;color:var(--muted);margin-top:11px;line-height:1.85}.feature-directory-link svg{width:17px;height:17px;margin-top:3px;color:var(--green);transition:transform .2s}.feature-directory-link:hover h3{text-decoration:underline;text-underline-offset:4px}.feature-directory-link:hover svg{transform:translateX(4px)}.feature-fit{padding-block:42px 60px;display:grid;grid-template-columns:1fr 1.1fr;gap:90px;border-top:1px solid var(--line)}.feature-fit h2{font-size:38px;line-height:1.15;margin-top:18px}.feature-fit>div>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:65ch}.feature-fit p+p{margin-top:18px}.feature-fit p a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.feature-hero{padding-block:38px 54px}.feature-hero h1{font-size:clamp(40px,4.25vw,59px);line-height:1.08;margin-top:22px;max-width:900px}.feature-hero-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:66ch;margin-top:25px;line-height:1.85}.feature-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px}.feature-outline-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--green);padding:8px 0}.feature-outline-link:hover{text-decoration:underline;text-underline-offset:4px}.tone-mint{--feature-tint:#e0f0e7;--feature-accent:#2d6a50;--feature-border:#c6ddcf}.tone-sky{--feature-tint:#e1edf6;--feature-accent:#3e6681;--feature-border:#c8dae8}.tone-sage{--feature-tint:#eaf0df;--feature-accent:#596b3f;--feature-border:#d4ddc4}.tone-sand{--feature-tint:#f1eae1;--feature-accent:#79624e;--feature-border:#dfd2c4}.feature-answer{display:grid;grid-template-columns:300px minmax(0,1fr);gap:80px;border-block:1px solid var(--line);padding-block:30px}.feature-answer h2{font-size:23px;line-height:1.35;max-width:270px}.feature-answer p{font-size:15px;line-height:1.9;color:#405b4c;max-width:74ch}.feature-capabilities{padding-block:70px}.feature-section-heading h2{font-size:36px;line-height:1.2;max-width:650px;margin-top:15px}.feature-capabilities>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:36px}.feature-capabilities article{padding-top:23px;border-top:1px solid #d7e3d7}.feature-capabilities h3{font-size:21px;font-weight:500;line-height:1.4;letter-spacing:-.035em}.feature-capabilities article p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:16px;max-width:43ch}.feature-workflow-wrap{background:var(--feature-tint);border-block:1px solid var(--feature-border);scroll-margin-top:100px}.feature-workflow{padding-block:50px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:80px}.feature-workflow h2{font-size:34px;line-height:1.2;margin-top:17px}.feature-workflow ol{list-style:none;padding:0;margin:0;counter-reset:step}.feature-workflow li{position:relative;padding:0 0 28px 45px;counter-increment:step}.feature-workflow li:last-child{padding-bottom:0}.feature-workflow li:before{content:counter(step);position:absolute;top:0;left:0;display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--feature-border);border-radius:50%;background:#ffffff75;color:var(--feature-accent);font-size:11px}.feature-workflow li:not(:last-child):after{content:'';position:absolute;top:35px;bottom:8px;left:13px;width:1px;background:var(--feature-border)}.feature-workflow h3{font-size:18px;font-weight:500;letter-spacing:-.025em;line-height:1.45}.feature-workflow li p{font-size:14px;line-height:1.9;color:#4d6256;max-width:67ch;margin-top:10px}.feature-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:90px;padding-block:70px}.feature-context h2{font-size:29px;line-height:1.25;max-width:470px}.feature-context p{margin-top:20px;color:var(--muted);font-size:15px;line-height:1.9;max-width:65ch}.feature-setup{display:grid;grid-template-columns:300px minmax(0,1fr);gap:80px;background:#f0f3e9;border:1px solid #dfe6d7;border-radius:11px;padding:34px 38px}.feature-setup h2{font-size:30px;line-height:1.2;margin-top:13px}.feature-setup>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:70ch}.feature-setup a{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:var(--green);font-size:12px;margin-top:10px}.feature-setup a svg{width:16px}.feature-setup .feature-reviewed{font-size:10px!important;margin-top:7px}.feature-faq{display:grid;grid-template-columns:300px minmax(0,1fr);gap:80px;padding-block:70px}.feature-faq h2{font-size:34px;line-height:1.2;margin-top:15px}.feature-faq details{border-top:1px solid var(--line)}.feature-faq details:last-child{border-bottom:1px solid var(--line)}.feature-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;min-height:64px;list-style:none;font-size:15px;line-height:1.6}.feature-faq summary::-webkit-details-marker{display:none}.feature-faq summary span{font-size:22px;color:var(--green);font-weight:400;flex:none;transition:transform .2s}.feature-faq details[open] summary span{transform:rotate(45deg)}.feature-faq details p{font-size:14px;line-height:1.95;color:var(--muted);padding:0 30px 24px 0;max-width:72ch}.feature-connections{padding-block:0 40px}.feature-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}.feature-related .feature-directory-link{padding-top:22px;border-top:1px solid var(--line)}.feature-related .feature-directory-link p{font-size:12px}.feature-guide-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;padding-block:28px}.feature-guide-links>p{font-size:11px;color:var(--muted)}.feature-guide-links a{display:flex;align-items:center;gap:14px;min-height:44px;color:var(--green);font-size:12px}.feature-guide-links a svg{width:15px}.feature-guide-links a:hover{text-decoration:underline;text-underline-offset:4px}.feature-closing-actions{display:grid;gap:12px;justify-items:center}.feature-closing-actions>a:last-child{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--green)}
@media(max-width:1100px){.feature-group,.feature-answer,.feature-workflow,.feature-setup,.feature-faq{grid-template-columns:250px minmax(0,1fr);gap:44px}.feature-directory{gap:0 24px}.feature-context{gap:50px}.feature-journey{gap:25px;grid-template-columns:1fr 1fr}.feature-capabilities>div:last-child{gap:28px}}
@media(max-width:760px){.feature-hub-intro{padding-block:46px 30px}.feature-hub-intro>div{grid-template-columns:1fr;gap:25px}.feature-hub-intro h1{font-size:46px}.feature-hub-intro>div>p{justify-self:start;max-width:500px;font-size:15px}.feature-jump{gap:7px;padding-block:16px}.feature-jump a{font-size:11px;padding-inline:12px}.feature-journey{grid-template-columns:1fr;padding:28px;margin-block:28px 42px;gap:23px}.feature-journey h2{font-size:26px}.feature-journey p{max-width:480px}.feature-group{grid-template-columns:1fr;gap:30px;padding-block:30px 44px}.feature-group h2{max-width:500px;font-size:30px}.feature-directory{gap:0 24px}.feature-directory-link h3{font-size:20px}.feature-fit{grid-template-columns:1fr;gap:26px;padding-block:32px 40px}.feature-fit h2{font-size:34px}.feature-hero{padding-block:25px 40px}.feature-hero h1{font-size:48px;max-width:590px}.feature-hero-copy>p:not(.eyebrow){font-size:15px;max-width:60ch}.feature-answer{grid-template-columns:1fr;gap:16px;padding-block:26px}.feature-answer h2{max-width:none;font-size:25px}.feature-answer p{font-size:14px}.feature-section-heading h2{font-size:31px}.feature-capabilities{padding-block:46px}.feature-capabilities>div:last-child{grid-template-columns:1fr;gap:25px;margin-top:28px}.feature-capabilities article p{max-width:70ch;margin-top:11px}.feature-capabilities h3{font-size:22px}.feature-workflow{grid-template-columns:1fr;gap:30px;padding-block:36px}.feature-workflow h2{font-size:31px}.feature-context{grid-template-columns:1fr;gap:34px;padding-block:46px}.feature-context h2{font-size:28px}.feature-context p{margin-top:16px;font-size:14px}.feature-setup{grid-template-columns:1fr;gap:24px;padding:28px}.feature-faq{grid-template-columns:1fr;gap:25px;padding-block:46px}.feature-faq h2{font-size:31px}.feature-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.feature-guide-links{gap:6px}.feature-guide-links>p{width:100%}.feature-guide-links a{width:100%;font-size:12px}.feature-closing-actions{justify-items:start}}
@media(max-width:520px){.feature-hub-intro h1{font-size:39px}.feature-jump{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.feature-jump a{font-size:10px;padding-inline:10px;line-height:1.6}.feature-journey{padding:24px}.feature-directory{grid-template-columns:1fr}.feature-directory-link:nth-child(2){padding-top:24px}.feature-directory-link p{font-size:13px;max-width:none}.feature-group h2{font-size:28px}.feature-hero h1{font-size:39px;max-width:none}.feature-hero-actions{gap:16px}.feature-hero-actions .button{font-size:12px;padding-inline:16px;gap:15px}.feature-hero-actions .feature-outline-link{font-size:11px}.feature-answer h2{font-size:24px}.feature-section-heading h2{font-size:29px}.feature-setup{padding:24px}.feature-faq summary{font-size:14px;padding-block:18px}.feature-faq details p{font-size:13px;padding-right:12px}.feature-related{grid-template-columns:1fr;gap:24px}.feature-related .feature-directory-link{padding-block:20px}.feature-guide-links a{justify-content:space-between;line-height:1.7}.feature-closing-actions{width:100%;justify-items:stretch;text-align:center}.feature-closing-actions .button{width:100%}.feature-closing-actions>a:last-child{justify-content:center}}
@media(prefers-reduced-motion:reduce){.feature-directory-link:hover svg{transform:none}}
@media print{.feature-jump,.feature-hero-actions,.feature-connections,.feature-screenshot{display:none!important}.feature-hero,.feature-answer,.feature-workflow,.feature-faq,.feature-setup,.feature-context{display:block}.feature-hero h1{font-size:30px}.feature-workflow-wrap{background:white}.feature-capabilities>div:last-child{display:block}.feature-context article{margin-bottom:24px}}

.feature-thumbnail{grid-column:1/-1;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;border:1px solid #dce5df;border-radius:9px;background:white;box-shadow:0 7px 20px #233e2c08}.feature-screenshot{margin-top:40px}.feature-screenshot-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;color:var(--muted);font-size:12px}.feature-screenshot-heading a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--green);white-space:nowrap}.feature-screenshot-heading a svg{width:16px;height:16px}.feature-screenshot-heading a:hover{text-decoration:underline;text-underline-offset:4px}.feature-screenshot-image{display:block;border:1px solid #d5e2d9;border-radius:13px;overflow:hidden;background:white;box-shadow:0 18px 45px #28432e0c;cursor:zoom-in}.feature-screenshot-image img{width:100%;height:auto;display:block}.feature-screenshot figcaption{margin-top:14px;color:var(--muted);font-size:11px;line-height:1.7}.feature-directory-link:hover .feature-thumbnail{border-color:#8bb79a}
@media(max-width:760px){.feature-screenshot{margin-top:30px}.feature-screenshot-heading{font-size:11px;gap:15px}.feature-screenshot-image{border-radius:9px}}
@media(max-width:520px){.feature-hero h1{max-width:none}.feature-screenshot-heading{gap:10px;align-items:center}.feature-screenshot-heading>span{max-width:55%;line-height:1.5}.feature-screenshot-heading a{font-size:10px;gap:7px}.feature-screenshot figcaption{font-size:10px}.feature-directory-link{gap:18px 16px}}
/* The keyword line sits inside the main heading, with the gap it had above it. */
.feature-hero h1.with-eyebrow{margin-top:0}.feature-hero h1.with-eyebrow>.eyebrow,.feature-hub-intro h1.with-eyebrow>.eyebrow{margin-bottom:22px}