.features-showcase { --feature-ink:#19212b; --feature-muted:#657080; color:var(--feature-ink); }
.features-showcase section { padding-block:76px; scroll-margin-top:86px; }
.features-showcase h1,.features-showcase h2,.features-showcase h3 { font-family:'Segoe UI Variable Display','Segoe UI',sans-serif; letter-spacing:-.045em; line-height:1.08; font-weight:650; }
.features-showcase p { color:var(--feature-muted); line-height:1.65; }
.features-showcase a:not(.btn) { color:#0a63f0; text-underline-offset:4px; }
.features-showcase a:not(.btn):hover { text-decoration:underline; }
.features-showcase .features-intro { display:grid; grid-template-columns:1.2fr 1fr; gap:10px 55px; align-items:center; padding-block:42px 25px; }
.features-kicker { font:600 11px/1.5 Consolas,monospace; letter-spacing:.11em; color:#0a63f0!important; }
.features-intro h1 { font-size:clamp(40px,4.2vw,60px); margin:14px 0; }
.features-lead { max-width:650px; margin:0 auto 24px; font-size:18px; }
.features-actions { display:flex; gap:26px; align-items:center; }
.features-version { grid-column:1/-1; font-size:12px; margin-top:12px; }
.features-showcase .feature-opening { padding-top:38px; }
.features-jump { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; padding-block:18px; border-block:1px solid #d8dee5; }
.features-jump a { padding:9px 17px; border-radius:6px; color:#394858!important; font-size:13px; }
.features-jump a:hover { background:#e8f1ff; color:#0a63f0!important; }
.feature-heading { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:end; margin-bottom:28px; }
.features-showcase h2 { font-size:clamp(32px,3.4vw,49px); margin:12px 0 20px; }
.feature-heading p { max-width:480px; margin:0 0 14px; }
.feature-film { margin:0; min-width:0; background:#101114; border:1px solid #242c36; border-radius:12px; overflow:hidden; box-shadow:0 18px 50px #17283e12; }
.feature-film video { display:block; width:100%; height:auto; aspect-ratio:1360/900; object-fit:contain; background:#101114; }
.feature-film figcaption { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 15px; color:#bec8d5; font-size:11px; }
.feature-film figcaption div { display:flex; gap:8px; flex-shrink:0; }
.feature-film button { border:1px solid #465365; color:#e4ebf4; background:transparent; padding:7px 9px; border-radius:5px; cursor:pointer; font:inherit; }
.feature-film button:hover { background:#273445; }
.feature-opening .feature-film { max-width:1100px; margin:auto; }
.feature-scene { display:grid; grid-template-columns:.8fr 1.7fr; gap:55px; align-items:center; border-top:1px solid #d8dee5; }
.feature-scene.reverse { grid-template-columns:1.7fr .8fr; }
.feature-scene.reverse .feature-copy { order:2; }
.feature-copy>p { margin-bottom:20px; }
.feature-detail { font-size:13px; }
.feature-capture { display:grid; grid-template-columns:1fr 1fr; gap:25px 65px; border-top:1px solid #d8dee5; }
.feature-capture>img { grid-column:1/-1; width:min(980px,100%); height:auto; margin:15px auto 0; border-radius:12px; box-shadow:0 16px 40px #17283e14; }
.capture-options article { padding:22px 0; border-bottom:1px solid #d8dee5; }
.capture-options span { font-size:20px; font-weight:650; }
.capture-options p { margin:7px 0 0; }
.feature-extras { display:grid; grid-template-columns:1.25fr 1fr; gap:60px; border-top:1px solid #d8dee5; }
.feature-extras h3,.phone-feature-grid h3 { font-size:29px; margin:15px 0; }
.feature-extras .feature-film { margin-top:24px; }
.feature-extras #sound>a { display:inline-block; margin:0 20px 18px 0; }
.feature-note { border-left:3px solid #0a63f0; padding:15px 24px; margin-top:35px; background:#e8f1ff; }
.feature-note p { margin-bottom:0; }
.feature-phone { border-top:1px solid #d8dee5; }
.phone-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.phone-feature-grid article { padding:30px; background:white; border:1px solid #d8dee5; border-radius:10px; }
.features-bottom { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; border-top:1px solid #d8dee5; }
.features-bottom nav { grid-column:1/-1; display:flex; gap:24px; flex-wrap:wrap; font-size:13px; }
@media(max-width:900px) {
 .feature-scene,.feature-scene.reverse,.feature-extras { grid-template-columns:1fr; gap:25px; }
 .feature-scene.reverse .feature-copy { order:0; }
 .feature-copy { max-width:630px; }
 .features-showcase section { padding-block:48px; }
 .feature-heading { gap:25px; }
}
@media(max-width:620px) {
 .features-showcase .features-intro { display:block; padding-top:28px; }
 .features-lead { font-size:16px; }
 .features-actions { flex-direction:column; gap:16px; }
 .features-jump { gap:2px; }
 .features-jump a { padding:8px 10px; }
 .feature-heading,.feature-capture,.phone-feature-grid,.features-bottom { display:block; }
 .feature-heading p { margin-top:20px; }
 .feature-film figcaption { align-items:start; flex-direction:column; }
 .phone-feature-grid article { margin-bottom:16px; padding:22px; }
 .features-bottom nav { margin-top:25px; display:grid; gap:14px; }
 .capture-options { margin-block:20px; }
}