.feature-page{min-height:72vh}
.feature-hero{padding:72px 26px 44px;text-align:center;max-width:1080px;margin:auto}
.feature-visual{display:block;width:min(440px,86vw);aspect-ratio:1;object-fit:cover;margin:0 auto 26px;border-radius:32px;border:1px solid rgba(92,173,255,.35);box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 55px rgba(47,139,255,.16)}
.feature-symbol{display:block;width:68px;height:68px;object-fit:cover;margin:-60px auto 16px;border-radius:20px;border:2px solid rgba(137,205,255,.7);box-shadow:0 12px 34px rgba(0,0,0,.5);position:relative;z-index:2}
.feature-hero h1{font-size:clamp(40px,7vw,76px);margin:12px 0 18px}
.feature-hero .lead{font-size:clamp(18px,2.2vw,24px);max-width:760px;margin:auto;color:#cbd8ee}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:18px 26px 80px}
.feature-card{border:1px solid var(--stroke);border-radius:20px;padding:25px;background:linear-gradient(180deg,var(--panel),rgba(7,11,21,.96));box-shadow:0 18px 50px rgba(0,0,0,.18)}
.feature-card h2,.feature-card h3{margin-bottom:10px}
.feature-card p,.feature-card li{color:var(--muted);line-height:1.65}
.feature-card ul{padding-inline-start:20px}
.feature-card.wide{grid-column:span 2}
.feature-icon{width:70px;height:70px;margin:0 auto 18px;border-radius:20px;display:grid;place-items:center;font-size:34px;background:rgba(47,139,255,.15);border:1px solid rgba(73,150,255,.35)}
.feature-note{max-width:900px;margin:0 auto 30px;padding:15px 20px;border-inline-start:3px solid var(--cyan);background:rgba(47,139,255,.07);color:#cbd8ee}
.feature-link{display:inline-flex;margin-top:14px;color:var(--cyan);font-weight:700}
.feature-subnav{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:0 20px 30px}.feature-subnav a{padding:8px 14px;border-radius:999px;border:1px solid var(--stroke2);color:#cbd8ee;background:rgba(255,255,255,.025)}.feature-subnav a:hover{color:#fff;border-color:var(--cyan)}
.feature-section-head{max-width:760px;margin:18px auto 0;padding:28px 26px 0;text-align:center}.feature-section-head h2{font-size:clamp(27px,4vw,42px);margin:8px 0 10px}.feature-section-head p{color:var(--muted);font-size:16px;line-height:1.7}
.captain-logo{display:block;width:min(620px,88vw);height:auto;margin:0 auto 20px;filter:drop-shadow(0 18px 45px rgba(47,139,255,.2))}
@media(max-width:850px){.feature-grid{grid-template-columns:1fr}
.feature-card.wide{grid-column:auto}
.feature-hero{padding-top:42px}
.feature-visual{border-radius:24px}
}