.seo-feature-page{background:#fff}.seo-feature-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#fbfdfc 0%,#edf9f3 58%,#dff3e8 100%)}.seo-feature-hero::before{content:"";position:absolute;inset:0;background:url('../images/carousel/leaves-bkg.png') center/cover no-repeat;opacity:.18}.seo-feature-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:54px;align-items:center;min-height:650px;padding-block:72px}.seo-feature-hero-copy h1{font-size:clamp(3rem,5vw,4.7rem);max-width:780px}.seo-feature-lede{max-width:680px;margin-top:24px;color:var(--cc-muted);font-size:1.13rem;line-height:1.75}.seo-feature-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.seo-feature-visual{margin:0;text-align:center}.seo-feature-visual img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(8,42,74,.16))}.seo-feature-visual.is-phone img{width:min(330px,75%);margin-inline:auto}.seo-feature-visual.is-matrix img{width:min(560px,100%);margin-inline:auto}.seo-feature-visual figcaption{margin-top:12px;color:#5d7180;font-size:.78rem}.seo-feature-nav{position:sticky;top:72px;z-index:50;background:#fff;border-block:1px solid #dfe9e4}.seo-feature-nav .container{display:flex;gap:22px;overflow-x:auto;padding-block:15px;scrollbar-width:thin}.seo-feature-nav a{flex:0 0 auto;color:var(--cc-navy);font-size:.82rem;font-weight:800;text-decoration:none}.seo-feature-nav a:hover,.seo-feature-nav a[aria-current=page]{color:var(--cc-green)}.seo-feature-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.seo-feature-narrow{max-width:900px}.seo-feature-problem h2{max-width:800px}.seo-feature-problem p:not(.eyebrow){margin-top:20px;color:var(--cc-muted);font-size:1.08rem;line-height:1.8}.seo-feature-workflow{background:#f4faf7}.seo-workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.seo-workflow-grid article,.seo-capability-grid article{border:1px solid #dbe9e2;border-radius:20px;background:#fff;padding:30px;box-shadow:0 16px 42px rgba(8,42,74,.06)}.seo-workflow-grid article>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:25px;border-radius:50%;background:#dff7e9;color:var(--cc-green-dark);font-size:.78rem;font-weight:900}.seo-workflow-grid h3,.seo-capability-grid h3{margin-bottom:12px}.seo-workflow-grid p,.seo-capability-grid p{color:var(--cc-muted)}.seo-capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.seo-capability-grid article{border-top:4px solid var(--cc-green)}.seo-feature-detail{background:#071f32;color:#dbe5eb}.seo-feature-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}.seo-feature-detail h2{color:#fff;margin-bottom:20px}.seo-feature-detail p:not(.eyebrow){font-size:1.08rem}.seo-feature-detail ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}.seo-feature-detail li{position:relative;padding:17px 18px 17px 50px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.05)}.seo-feature-detail li::before{content:"✓";position:absolute;left:19px;color:#8ce9b7;font-weight:900}.seo-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.seo-related-grid a{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;min-height:145px;padding:25px;border:1px solid #dbe9e2;border-radius:18px;color:var(--cc-navy);text-decoration:none;transition:transform .2s,box-shadow .2s}.seo-related-grid a:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(8,42,74,.1)}.seo-related-grid span{grid-column:1/-1;color:var(--cc-green);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.seo-related-grid strong{font-size:1.05rem}.seo-related-grid i{color:var(--cc-green);font-size:1.4rem;font-style:normal}.seo-feature-cta{padding-top:10px}.seo-feature-cta-card{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:50px;border-radius:28px;background:linear-gradient(135deg,var(--cc-green-dark),#086845);color:#e8fff3}.seo-feature-cta-card h2{max-width:780px;color:#fff}.seo-feature-cta-card p:not(.eyebrow){max-width:760px;margin-top:14px}.seo-feature-cta-card .eyebrow{color:#9df0c2}
.platform-feature-index{background:#f4faf7;scroll-margin-top:90px}.platform-feature-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.platform-feature-index-grid a{display:block;min-height:220px;padding:28px;border:1px solid #dbe9e2;border-radius:20px;background:#fff;color:var(--cc-navy);text-decoration:none;box-shadow:0 14px 36px rgba(8,42,74,.05);transition:transform .2s,box-shadow .2s}.platform-feature-index-grid a:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(8,42,74,.11)}.platform-feature-index-grid span{display:block;margin-bottom:15px;color:var(--cc-green);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.platform-feature-index-grid h3{margin-bottom:12px}.platform-feature-index-grid p{color:var(--cc-muted)}
@media(max-width:1000px){.seo-feature-hero-grid{grid-template-columns:1fr;min-height:0;padding-block:64px}.seo-feature-visual{max-width:700px;margin-inline:auto}.seo-feature-visual.is-phone img{width:min(310px,65%)}.seo-workflow-grid{grid-template-columns:1fr}.seo-feature-detail-grid{grid-template-columns:1fr;gap:38px}.seo-related-grid,.platform-feature-index-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.seo-feature-hero-grid{gap:34px;padding-block:52px}.seo-feature-hero-copy h1{font-size:2.55rem}.seo-feature-actions{flex-direction:column;align-items:stretch}.seo-feature-nav{top:70px}.seo-capability-grid,.seo-related-grid,.platform-feature-index-grid{grid-template-columns:1fr}.seo-feature-cta-card{display:block;padding:36px 26px}.seo-feature-cta-card .button{width:100%;margin-top:28px}.seo-feature-visual.is-phone img{width:min(260px,72%)}.seo-workflow-grid article,.seo-capability-grid article{padding:25px}}
@media(max-width:420px){.seo-feature-nav{top:104px}}