:root { --feature-ink:#17354b; --feature-accent:#ed672f; --feature-muted:#536571; --feature-paper:#f4f7f9; }
body.features-page { color:var(--feature-ink); background:#fff; font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif; }
.features-page .navbar { background:#fff; border-bottom:1px solid #e0e7ec; }
.features-page .navbar-brand { color:var(--feature-ink); font-weight:750; }
.features-page .nav-link { color:var(--feature-muted); }
.features-page .nav-link.active { color:var(--feature-accent); font-weight:700; }
.features-page .feature-hero { padding:5rem 0 4rem; background:linear-gradient(130deg,#102c40,#224e66); color:#fff; }
.features-page .feature-hero h1 { max-width:900px; font-size:clamp(2.1rem,5vw,3.7rem); font-weight:750; line-height:1.12; }
.features-page .feature-hero p { max-width:780px; color:#e0edf4; font-size:1.15rem; line-height:1.7; }
.features-page .eyebrow { text-transform:uppercase; font-weight:700; letter-spacing:.12em; font-size:.8rem; color:#ffbf9e; }
.features-page .btn-feature { color:#fff; background:var(--feature-accent); border:1px solid var(--feature-accent); padding:.75rem 1.2rem; font-weight:650; }
.features-page .btn-feature:hover { color:#fff; background:#ce4e19; }
.features-page .feature-section { padding:4rem 0; scroll-margin-top:1rem; }
.features-page .feature-soft { background:var(--feature-paper); }
.features-page .section-intro { max-width:780px; color:var(--feature-muted); font-size:1.1rem; line-height:1.7; }
.features-page h2 { font-size:clamp(1.7rem,3vw,2.4rem); font-weight:720; margin-bottom:1rem; }
.features-page h3 { font-size:1.2rem; font-weight:700; }
.features-page .feature-toc { padding:1.25rem 0; border-bottom:1px solid #e0e7ec; }
.features-page .feature-toc a { color:var(--feature-ink); font-weight:600; }
.features-page .feature-card { height:100%; padding:1.6rem; border:1px solid #dce5eb; border-radius:14px; background:#fff; }
.features-page .feature-card i { color:var(--feature-accent); font-size:1.5rem; margin-bottom:1rem; }
.features-page .feature-card p,.features-page .feature-card li { color:var(--feature-muted); line-height:1.7; }
.features-page .feature-card ul { padding-left:1.2rem; margin-bottom:0; }
.features-page .feature-card li+li { margin-top:.5rem; }
.features-page .setup-note { padding:1.5rem; border-left:4px solid var(--feature-accent); background:#fff3eb; border-radius:0 10px 10px 0; }
.features-page .setup-note p:last-child { margin-bottom:0; }
.features-page .workflow { counter-reset:flow; list-style:none; padding:0; }
.features-page .workflow li { counter-increment:flow; padding:1.5rem; border-top:1px solid #dce5eb; }
.features-page .workflow li::before { content:'0' counter(flow); color:var(--feature-accent); font-size:1.2rem; font-weight:750; display:block; margin-bottom:.5rem; }
.features-page .feature-cta { background:var(--feature-ink); color:#fff; border-radius:18px; padding:3rem; }
.features-page .feature-cta p { color:#dfebf2; }
.features-page a:focus-visible,.features-page button:focus-visible { outline:3px solid #b74718; outline-offset:4px; }
@media(max-width:575px) { .features-page .feature-section { padding:2.5rem 0; } .features-page .feature-hero { padding:3rem 0; } .features-page .feature-cta { padding:1.5rem; } }