/* Feature explorer styles are isolated from the shared marketing bundle so this page can be versioned independently. */
.features-hero{background:#05070b;color:#fff;padding:2rem 0;border-bottom:1px solid #252a33}
.features-hero .eyebrow{margin:0}
.feature-explorer{background:#eef1f5;padding:2rem}
.feature-app-shell{width:min(1500px,100%);min-height:760px;margin:0 auto;display:grid;grid-template-columns:310px minmax(0,1fr);background:#fff;border:1px solid #dfe3e8;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.12)}
.feature-nav{background:linear-gradient(180deg,#263640,#1b2931);color:#fff;padding:1.25rem 0;overflow:auto}
.feature-nav-brand{display:flex;gap:.7rem;align-items:center;padding:.15rem 1.25rem 1rem;font-size:1.1rem;font-weight:750}.feature-nav-brand .logo-mark{width:25px;height:25px}.feature-nav-hint{color:#aebcc5;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;padding:0 1.25rem;margin:.4rem 0 .8rem}
.feature-module{border-top:1px solid rgba(255,255,255,.06)}.feature-module-trigger,.feature-submodule{font:inherit;border:0;width:100%;text-align:left;cursor:pointer;color:inherit;background:transparent}
.feature-module-trigger{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:.55rem;padding:.8rem 1.1rem;font-weight:700}.feature-module-trigger:hover{background:rgba(255,255,255,.06)}.feature-module-icon{font-size:1rem}.feature-chevron{font-size:1.1rem;transition:transform .2s ease}.feature-module.is-open .feature-chevron{transform:rotate(180deg)}
.feature-submodules{display:none;padding:0 0 .5rem}.feature-module.is-open .feature-submodules{display:block}.feature-submodule{position:relative;padding:.55rem 1rem .55rem 3.45rem;color:#b9c5cc;font-size:.9rem}.feature-submodule:hover{color:#fff;background:rgba(255,255,255,.05)}.feature-submodule.is-active{background:rgba(79,156,249,.18);color:#fff;font-weight:650}.feature-submodule.is-active:before{content:"";position:absolute;left:1.12rem;top:50%;width:4px;height:20px;border-radius:5px;background:#5ca6ff;transform:translateY(-50%)}
.feature-detail{padding:2rem clamp(2rem,5vw,5.8rem) 4rem;outline:none}.feature-detail-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e9ed;padding-bottom:1.1rem;margin-bottom:1rem}.feature-breadcrumb,.feature-count{margin:0;color:#697386;font-size:.82rem;font-weight:700;letter-spacing:.04em}.feature-count{background:#eef5ff;color:#1769c2;border-radius:99px;padding:.25rem .65rem}
.feature-detail-heading{display:flex;align-items:center;gap:1.15rem;margin-bottom:.9rem}.feature-detail-icon{width:62px;height:62px;display:grid;place-items:center;flex:0 0 62px;border-radius:17px;background:#eaf3ff;font-size:1.65rem}.feature-section-label{color:#1670d2;text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:800;margin:0 0 .3rem}.feature-detail h2{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1;margin:0;letter-spacing:-.04em}.feature-detail-tagline{font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.35;color:#3f4855;margin:0;max-width:800px}.feature-detail-copy{font-size:1.05rem;color:#687181;max-width:840px;margin:1.25rem 0 2.5rem}
.feature-scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;max-width:950px}.feature-scenario-grid section{border:1px solid #e3e7eb;border-radius:18px;padding:1.4rem}.feature-scenario-grid ul{list-style:none;margin:.6rem 0 0;padding:0}.feature-scenario-grid li{display:flex;align-items:flex-start;gap:.7rem;margin:.75rem 0;color:#333d49}.feature-capability-tick{color:#1681ed;font-weight:900;flex:0 0 auto}.feature-capability-text{min-width:0}.feature-capability-remove,.feature-capability-add{display:none}body[data-marketing-edit-mode="true"] .feature-capability-text{flex:1;min-height:1.5em;padding:2px 6px;border:1px dashed #9abfe5;border-radius:5px}body[data-marketing-edit-mode="true"] .feature-capability-remove{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:0;border-radius:50%;background:#fce8e8;color:#a82929;font:700 1.1rem/1 sans-serif;cursor:pointer}body[data-marketing-edit-mode="true"] .feature-capability-add{display:inline-flex;margin-top:.45rem;border:1px solid #7caee1;border-radius:8px;background:#eef6ff;color:#1769c2;padding:.5rem .75rem;font:inherit;font-size:.85rem;font-weight:750;cursor:pointer}.feature-control-card{background:#f3f7fc;border-color:#dbe7f5!important}.feature-control-card p:not(.feature-section-label){color:#445161;margin:.65rem 0 1.1rem}.feature-control-card a{font-weight:750}
.feature-final{background:#080b10;color:#fff;padding:5rem 0}.feature-final h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin:.5rem 0}.feature-final .btn-secondary{color:#111}
.feature-detail-media-shell{max-width:950px;margin:0 0 1.5rem}.feature-detail-media{line-height:0}.feature-detail-media img{display:block;max-width:100%;height:auto;border-radius:16px}.feature-detail-media-tools{display:none}body[data-marketing-edit-mode="true"] .feature-detail-media-shell{padding:12px;border:2px dashed #7fb3e8;border-radius:16px;background:#f5f9fe}body[data-marketing-edit-mode="true"] .feature-detail-media{min-height:90px}body[data-marketing-edit-mode="true"] .feature-detail-media:empty:before{content:"Upload an image to show it here";display:grid;min-height:90px;place-items:center;color:#3971aa;font-size:.9rem;font-weight:700;line-height:1.4}body[data-marketing-edit-mode="true"] .feature-detail-media-tools{display:flex;align-items:center;gap:18px;padding-top:10px;border-top:1px solid #d7e6f5;line-height:1.4}body[data-marketing-edit-mode="true"] .feature-media-upload{border:0;border-radius:8px;background:#1769c2;color:#fff;padding:9px 14px;font:inherit;font-weight:750;cursor:pointer}body[data-marketing-edit-mode="true"] .feature-detail-media-tools label{display:flex;align-items:center;gap:9px;color:#31516f;font-size:.82rem;font-weight:700}body[data-marketing-edit-mode="true"] .feature-media-size{width:min(220px,30vw)}
@media (max-width:900px){.feature-explorer{padding:1rem}.feature-app-shell{grid-template-columns:260px minmax(0,1fr)}.feature-detail{padding:1.5rem}.feature-scenario-grid{grid-template-columns:1fr}.feature-detail-topline{margin-bottom:1rem}}
@media (max-width:680px){.features-hero{padding:1.5rem 0}.feature-explorer{padding:0}.feature-app-shell{display:block;border-radius:0;border-left:0;border-right:0}.feature-nav{max-height:410px}.feature-detail{padding:2rem 1.2rem 3rem}.feature-detail-topline{margin-bottom:1rem}.feature-detail h2{font-size:2.6rem}.feature-count{display:none}}