/* Feature picker: six outcomes, one complete current screenshot. */
#features{padding-top:64px;padding-bottom:48px;scroll-margin-top:100px;}
#features .s-title{font-size:clamp(32px,4vw,48px);line-height:1.16;margin-bottom:0;}
#features .s-title em{color:var(--muted);}
#features .fx-intro{color:var(--muted);font-size:16px;line-height:1.65;max-width:720px;margin-top:18px;}
#features .fx-basics{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;padding:0;margin:22px 0 0;font-size:13px;line-height:1.6;color:var(--muted);}
#features .fx-basics li{display:flex;gap:8px;align-items:center;}
#features .fx-basics li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--orange);}
#features .fx-layout{margin-top:32px;}
#features .fx-tabs{display:none;}
#features.fx-ready .fx-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start;}
#features.fx-ready .fx-tabs{display:flex;flex-direction:column;gap:8px;}
#features .fx-tab{display:flex;align-items:center;gap:12px;min-height:64px;width:100%;border:1px solid transparent;border-radius:12px;padding:12px;text-align:left;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .16s,color .16s,border-color .16s;}
#features .fx-tab[aria-selected="true"]{color:var(--white);background:var(--card);border-color:var(--orange);}
#features .fx-icon{display:flex;align-items:center;justify-content:center;color:var(--orange);flex-shrink:0;width:36px;height:36px;border-radius:10px;background:rgba(255,107,43,.08);}
#features .fx-icon svg{width:21px;height:21px;stroke-width:1.65;}
#features .fx-step{font-size:10px;letter-spacing:.06em;margin-left:auto;color:var(--muted);}
#features .fx-panel{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:20px;}
#features.fx-ready .fx-panel{margin-bottom:0;}
#features [hidden]{display:none!important;}
#features .fx-photo-link{position:relative;display:block;color:var(--white);text-decoration:none;cursor:zoom-in;}
#features .fx-photo-link img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;background:#0c0f16;}
#features .fx-open{display:flex;align-items:center;gap:8px;justify-content:center;min-height:44px;font-size:12px;line-height:1.4;border-top:1px solid var(--border);color:var(--orange);}
#features .fx-open svg{width:16px;height:16px;stroke-width:1.65;}
#features .fx-copy{padding:20px 24px 24px;}
#features .fx-copy h3{font-size:21px;line-height:1.35;margin:0 0 10px;font-weight:700;letter-spacing:-.3px;}
#features .fx-copy p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;min-height:48px;}
#features .fx-note{margin-top:18px;font-size:12px;line-height:1.7;color:var(--muted);}
#features .fx-tab:focus-visible,#features .fx-photo-link:focus-visible{outline:2px solid var(--orange);outline-offset:3px;}
html[data-theme="light"] #features .fx-icon,html[data-theme="light"] #features .fx-open{color:var(--orange-ink);}
@media(hover:hover){#features .fx-tab:hover{color:var(--white);background:var(--card);}}
@media(max-width:900px){#features.fx-ready .fx-layout{grid-template-columns:230px minmax(0,1fr);gap:18px;}#features .fx-tab{font-size:13px;padding:10px;gap:9px;}}
@media(max-width:700px){#features{padding-inline:20px;}#features.fx-ready .fx-layout{display:block;}#features.fx-ready .fx-tabs{flex-direction:row;overflow-x:auto;margin:0 -20px 18px;padding:3px 20px 12px;scrollbar-width:thin;scrollbar-color:var(--border) var(--bg);scroll-snap-type:x proximity;gap:8px;}#features .fx-tab{width:180px;flex:0 0 180px;min-height:68px;border-color:var(--border);scroll-snap-align:center;}#features .fx-step{display:none;}#features .fx-basics{gap:8px 16px;font-size:12px;}#features .fx-copy{padding:18px;}#features .fx-copy h3{font-size:19px;}#features .fx-intro{font-size:15px;}#features .fx-note{font-size:11px;}}
@media(prefers-reduced-motion:reduce){#features .fx-tab{transition:none;}}