.features-page {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 7.5rem 1.5rem 5rem;
    color: #173752;
}

.features-kicker { display: inline-block; margin-bottom: .75rem; color: #178d9a; font-size: .68rem; font-weight: 800; letter-spacing: .18em; }
.features-hero { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 4rem; min-height: 550px; }
.features-hero-copy h1 { max-width: 680px; margin: 0; color: #173752; font-size: clamp(2.5rem, 5vw, 4.7rem); font-weight: 800; letter-spacing: -.06em; line-height: 1.02; }
.features-hero-copy > p { max-width: 590px; margin: 1.3rem 0 0; color: #6b8193; font-size: 1.02rem; line-height: 1.75; }
.features-hero-actions { display: flex; align-items: center; gap: .85rem; margin-top: 1.8rem; }
.features-primary-button, .features-secondary-button { display: inline-flex; align-items: center; gap: .45rem; padding: .8rem 1.05rem; border-radius: 10px; font-size: .8rem; font-weight: 800; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.features-primary-button { color: #fff; background: linear-gradient(135deg, #18506d, #178d9a); box-shadow: 0 10px 22px rgba(23, 80, 109, .2); }
.features-secondary-button { color: #18506d; background: rgba(255,255,255,.7); border: 1px solid rgba(23,80,109,.2); }
.features-primary-button:hover, .features-secondary-button:hover { color: inherit; transform: translateY(-2px); }
.features-primary-button:hover { color: #fff; box-shadow: 0 14px 28px rgba(23, 80, 109, .28); }
.features-hero-visual { position: relative; min-height: 390px; display: grid; place-items: center; }
.features-hero-visual::before { content: ""; position: absolute; width: 23rem; height: 23rem; border-radius: 50%; background: radial-gradient(circle, rgba(109,218,210,.35), rgba(212,239,248,.12) 65%, transparent 70%); }
.features-report-window { position: relative; z-index: 1; width: min(100%, 390px); padding: 1.1rem; border: 1px solid rgba(255,255,255,.75); border-radius: 20px; background: rgba(255,255,255,.72); box-shadow: 0 24px 55px rgba(42,89,113,.18), inset 0 1px 0 #fff; backdrop-filter: blur(18px); transform: rotate(2deg); }
.features-window-top { display: flex; align-items: center; gap: .35rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(121,158,178,.16); color: #7d94a4; font-size: .65rem; }
.features-window-top span { width: .45rem; height: .45rem; border-radius: 50%; background: #a6d9d7; }.features-window-top span:first-child { background:#efb3a9; }.features-window-top b { margin-left: auto; color: #537287; font-size: .7rem; }
.features-report-score { display: flex; justify-content: space-between; align-items: center; padding: 1.4rem .4rem 1rem; }.features-report-score small, .features-report-metrics small { display:block; color:#8aa0af; font-size:.58rem; font-weight:800; letter-spacing:.08em; }.features-report-score strong { display:block; color:#18506d; font-size:3.4rem; line-height:1; }.features-report-score span { color:#178d9a; font-size:.7rem; font-weight:700; }.features-report-score i { display:grid; width:3.4rem; height:3.4rem; place-items:center; color:#178d9a; background:#e0f8f5; border-radius:14px; font-size:1.7rem; }
.features-report-lines { display:grid; gap:.45rem; padding:.8rem .4rem 1.2rem; }.features-report-lines span { display:block; height:.38rem; border-radius:99px; background:#dbe9ef; }.features-report-lines span:nth-child(1){width:90%;}.features-report-lines span:nth-child(2){width:72%;}.features-report-lines span:nth-child(3){width:82%;}.features-report-lines span:nth-child(4){width:55%;}
.features-report-metrics { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }.features-report-metrics > div { padding:.75rem; background:rgba(232,247,247,.7); border-radius:10px; }.features-report-metrics b { display:block; margin-top:.25rem; color:#244862; font-size:.9rem; }
.features-floating-note { position:absolute; z-index:2; right:-.5rem; bottom:2rem; display:flex; align-items:center; gap:.5rem; padding:.75rem .9rem; color:#244862; background:rgba(255,255,255,.9); border:1px solid rgba(121,158,178,.22); border-radius:12px; box-shadow:0 12px 28px rgba(42,89,113,.14); font-size:.68rem; }.features-floating-note i { color:#178d9a; font-size:1.3rem; }.features-floating-note b { color:#178d9a; }
.features-section { padding: 4rem 0; }.features-section-heading { max-width:650px; margin-bottom:2rem; }.features-section-heading h2, .features-process h2, .features-cta h2 { margin:0; color:#173752; font-size:clamp(1.9rem,3vw,2.8rem); font-weight:800; letter-spacing:-.045em; line-height:1.1; }.features-section-heading p, .features-process-copy p, .features-cta p { margin:.75rem 0 0; color:#6b8193; line-height:1.7; }
.features-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.15rem; }.feature-card { position:relative; min-height:280px; padding:1.45rem; overflow:hidden; background:rgba(255,255,255,.8); border:1px solid rgba(121,158,178,.24); border-radius:18px; box-shadow:0 12px 30px rgba(42,89,113,.08), inset 0 1px 0 #fff; }.feature-card-wide { grid-column:span 2; display:grid; grid-template-columns:auto 1fr; gap:1rem; }.feature-card-dark { color:#fff; background:linear-gradient(145deg,#18506d,#178d9a); }.feature-card-dark h3,.feature-card-dark p { color:#fff; }.feature-card-dark p { color:rgba(255,255,255,.75); }.feature-icon { display:grid; width:2.8rem; height:2.8rem; place-items:center; color:#178d9a; background:#e3f8f6; border-radius:12px; font-size:1.35rem; }.feature-card-dark .feature-icon { color:#18506d; background:#d8f5f0; }.feature-label { display:block; margin-top:.25rem; color:#178d9a; font-size:.62rem; font-weight:800; letter-spacing:.12em; }.feature-card-dark .feature-label { color:#a6f0ee; }.feature-card h3 { margin:.55rem 0 .55rem; color:#173752; font-size:1.15rem; font-weight:800; line-height:1.25; }.feature-card p { margin:0; color:#6b8193; font-size:.8rem; line-height:1.65; }.feature-mini-data { align-self:end; grid-column:1 / -1; display:flex; align-items:center; gap:.55rem; padding:.7rem; color:#6b8193; background:#f1f9fa; border-radius:10px; font-size:.68rem; }.feature-mini-data b { color:#244862; }.feature-mini-data i { margin-left:auto; color:#178d9a; }.feature-score-badge { position:absolute; right:1.2rem; bottom:1.2rem; display:flex; align-items:center; gap:.5rem; padding:.55rem .7rem; color:#178d9a; background:#e2f8f5; border-radius:10px; }.feature-score-badge strong { font-size:1.35rem; }.feature-score-badge span { font-size:.65rem; font-weight:700; }.feature-bars { grid-column:1 / -1; display:flex; align-items:end; gap:.45rem; height:70px; margin-top:auto; padding:.8rem .8rem 0; background:#eff8f8; border-radius:10px; }.feature-bars span { flex:1; border-radius:4px 4px 0 0; background:linear-gradient(180deg,#39b7ae,#18506d); }.feature-inline-link { display:inline-flex; align-items:center; gap:.35rem; margin-top:1rem; color:#178d9a; font-size:.76rem; font-weight:800; text-decoration:none; }.feature-card-dark .feature-inline-link { color:#fff; }
.features-process { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; margin:2rem 0 4rem; padding:2.5rem; background:linear-gradient(135deg,#edf8f8,#f7fbfd); border:1px solid rgba(23,141,154,.16); border-radius:22px; }.features-process-list { display:grid; gap:.75rem; }.features-process-list > div { display:flex; align-items:center; gap:.8rem; padding:.9rem; background:rgba(255,255,255,.75); border:1px solid rgba(121,158,178,.16); border-radius:12px; color:#6b8193; font-size:.78rem; }.features-process-list b { color:#178d9a; font-size:.72rem; }.features-process-list strong { color:#244862; }
.features-cta { padding:3.5rem 1rem; text-align:center; }.features-cta p { margin-bottom:1.4rem; }.features-cta .features-primary-button { display:inline-flex; }
@media (max-width: 850px) { .features-hero { grid-template-columns:1fr; gap:2rem; min-height:0; padding:2rem 0 3rem; }.features-hero-copy { text-align:center; }.features-hero-copy > p { margin-left:auto; margin-right:auto; }.features-hero-actions { justify-content:center; }.features-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.feature-card-wide { grid-column:span 2; }.features-process { grid-template-columns:1fr; gap:1.5rem; } }
@media (max-width: 560px) { .features-page { padding:6rem 1rem 3rem; }.features-hero-copy h1 { font-size:2.5rem; }.features-hero-actions { flex-direction:column; align-items:stretch; }.features-primary-button,.features-secondary-button { justify-content:center; }.features-grid { grid-template-columns:1fr; }.feature-card-wide { grid-column:span 1; display:block; }.feature-card-wide .feature-icon { margin-bottom:.8rem; }.features-floating-note { right:-.2rem; bottom:1rem; }.features-process { padding:1.4rem; } }