.feature-gallery{background:radial-gradient(ellipse at 15% 0%,#28445b,transparent 60%),linear-gradient(160deg,#122a40,#0b192b);padding:72px 0 54px;scroll-margin-top:24px}.feature-shell{width:calc(100% - 96px);max-width:1280px;margin:auto}.fg-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px}.fg-heading .eyebrow{font-size:11px;margin-bottom:14px}.fg-heading h2{font-size:clamp(30px,3vw,44px)}.fg-heading>p{font-size:15px;margin:0;color:#bacdde}.feature-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-card{border:1px solid #b3d8f32b;border-radius:18px;background:#ffffff05;overflow:hidden;transition:transform .25s ease,border-color .25s ease;min-width:0}.feature-card:hover,.feature-card:focus-within{transform:translateY(-5px);border-color:#d9c18b88}.fc-preview{display:block;width:100%;text-align:left;position:relative;padding:22px 18px 30px;height:216px;background:radial-gradient(ellipse at 50% 60%,#80acc52b,transparent 75%);color:#263440;overflow:hidden}.fc-window{border:1px solid #ebe6f0b3;border-radius:9px;background:#eae7f1;box-shadow:0 8px 18px #0003;height:164px;overflow:hidden}.fc-chrome{display:flex;align-items:center;justify-content:space-between;gap:5px;height:25px;padding:0 9px;background:linear-gradient(#efecf4,#d5cfdf);font-size:8px;color:#645b70}.fc-dots{color:#d27766;letter-spacing:2px;font-size:9px}.fc-body{padding:12px;font:11px/1.45 -apple-system,BlinkMacSystemFont,sans-serif}.fc-speaker{font-size:9px;color:#a24c40;margin-bottom:9px}.fc-speaker i{float:right;color:#b34848;font-style:normal}.fc-step{opacity:0;transform:translateY(5px)}.feature-card.is-live .fc-step{animation:fc-reveal 6s ease both infinite}.feature-card.is-live .two{animation-delay:.7s}.feature-card.is-live .three{animation-delay:1.4s}.fc-muted{color:#687986;font-size:9px;margin-top:9px}.fc-actions{display:flex;gap:6px;margin:7px 0}.fc-actions span{padding:3px 7px;border:1px solid #adb6c1;border-radius:5px;background:#faf9fc;color:#3b4f61;font-size:8px}.fc-answer{background:#fff8f5;border-left:2px solid #b8564e;padding:7px;color:#a34d42;font-size:10px}.fc-selection{border:1px dashed #688ab8;padding:5px;font-weight:600;border-radius:4px}.fc-selection small{font-weight:400;font-size:8px}.fc-code{font-size:9px;margin-top:5px}.fc-code code{color:#425d7e;font-size:8px}.fc-note{display:flex;gap:8px;margin-bottom:9px;font-size:9px}.fc-note b{color:#a04a40;min-width:48px}.fc-folder{font-weight:700;border-bottom:1px solid #bac3cd;padding-bottom:6px}.fc-folder span{float:right;font-size:9px;font-weight:400;color:#687986}.fc-file{padding:6px;background:#f9fafb;border-radius:5px;margin-top:6px;font-size:9px}.fc-saved{color:#427665;margin-top:6px;font-size:9px}.fc-desktop{position:relative;height:66px;border-radius:5px;background:#b4cad9;padding:8px}.fc-call{color:#365164;font-size:10px}.fc-call small,.fc-private small{font-size:8px}.fc-private{position:absolute;right:6px;top:15px;background:#f4edf2e6;border:1px solid #fff;border-radius:5px;padding:5px;font-size:10px;box-shadow:0 3px 7px #21394b33}.fc-open{position:absolute;bottom:8px;right:18px;color:#c4d8e8;font-size:10px;letter-spacing:.02em}.fc-caption{padding:7px 22px 22px}.fc-number{font-size:9px;letter-spacing:.09em;color:#e9cd96}.fc-caption h3{font-size:22px;letter-spacing:-.025em;line-height:1.2;margin:10px 0}.fc-caption p{font-size:13px;line-height:1.6;margin:0;color:#b9ccde}.feature-card.is-live .fc-caption{animation:fc-caption-in .55s ease both}.fg-footnote{font-size:11px;color:#8fa9be;margin:24px 0 0}.fc-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.fc-dialog-head h2{font-size:25px}.fc-close{background:transparent;color:#fff;font-size:30px}.fc-dialog-content .feature-card{transform:none}.fc-dialog-content .fc-preview{height:280px;pointer-events:none}.fc-dialog-content .fc-window{height:218px}.fc-dialog-content .fc-body{font-size:15px}.fc-dialog-content .fc-open{display:none}#feature-animation-dialog{width:min(620px,calc(100% - 32px));background:#142b40;color:#f7f8ff;border:1px solid #92abc44d;border-radius:22px;padding:26px}#feature-animation-dialog::backdrop{background:#061221bb}@keyframes fc-reveal{0%,5%{opacity:0;transform:translateY(5px)}18%,78%{opacity:1;transform:none}94%,100%{opacity:0;transform:none}}@keyframes fc-caption-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:1050px){.feature-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-shell{width:calc(100% - 48px)}}@media(max-width:600px){.feature-card-grid{grid-template-columns:1fr}.feature-shell{width:calc(100% - 32px)}.fg-heading{display:block}.fg-heading>p{margin-top:20px}.feature-gallery{padding-top:48px}.fc-preview{height:220px}.fc-window{height:169px}}@media(prefers-reduced-motion:reduce){.feature-card,.feature-card *{animation:none!important;transition:none!important}.fc-step{opacity:1;transform:none}.feature-card:hover{transform:none}}
/* Arrive at the feature screen itself, without the previous section above it. */
.feature-gallery{scroll-margin-top:-105px;padding-top:44px;padding-bottom:36px}
@media(min-width:1051px){.fg-heading{margin-bottom:26px}.fg-heading h2{font-size:36px}.fc-preview{height:190px;padding-top:16px}.fc-window{height:148px}.fc-caption{padding-bottom:18px}.fc-caption h3{font-size:21px}.fc-caption p{font-size:12px}.feature-card-grid{gap:20px}}
/* Taller, frameless feature scenes with the copy inside the top of each card. */
.feature-card-grid{gap:22px 18px}
.feature-card{position:relative;border:0;border-radius:0;background:none;overflow:visible}
.feature-card:hover,.feature-card:focus-within{border:0;transform:translateY(-4px)}
.feature-card .fc-caption{position:absolute;z-index:1;top:0;left:0;right:0;padding:8px 6px 0;pointer-events:none}
.feature-card .fc-number{font-size:10px}
.feature-card .fc-caption h3{font-size:24px;margin:10px 0}
.feature-card .fc-caption p{font-size:14px;line-height:1.55}
.feature-card .fc-preview{height:490px;padding:160px 6px 28px;background:none;overflow:visible;border-radius:10px}
.feature-card .fc-window{height:300px;border-radius:11px;box-shadow:0 8px 20px #0002}
.feature-card .fc-chrome{height:31px;font-size:10px;padding:0 12px}
.feature-card .fc-body{padding:18px;font-size:15px;line-height:1.6}
.feature-card .fc-speaker{font-size:11px;margin-bottom:16px}
.feature-card .fc-question{font-size:14px}
.feature-card .fc-actions{gap:7px;margin:12px 0}
.feature-card .fc-actions span{font-size:10px;padding:5px 8px}
.feature-card .fc-answer{font-size:13px;padding:10px}
.feature-card .fc-selection{padding:10px;font-size:14px}
.feature-card .fc-selection small{font-size:11px}
.feature-card .fc-code{font-size:12px;margin-top:12px}
.feature-card .fc-code code{font-size:11px}
.feature-card .fc-muted{font-size:11px;margin-top:14px}
.feature-card .fc-note{font-size:13px;margin-bottom:18px;gap:10px}
.feature-card .fc-note b{min-width:60px}
.feature-card .fc-file{font-size:12px;padding:10px;margin-top:12px}
.feature-card .fc-folder span,.feature-card .fc-saved{font-size:11px}
.feature-card .fc-desktop{height:140px;padding:14px}
.feature-card .fc-call,.feature-card .fc-private{font-size:13px}
.feature-card .fc-call small,.feature-card .fc-private small{font-size:10px}
.feature-card .fc-private{top:60px;padding:10px}
.feature-card .fc-open{right:7px;bottom:5px;font-size:11px}
.fc-dialog-content .feature-card .fc-preview{height:500px;padding-top:150px}
.fc-dialog-content .feature-card .fc-window{height:320px}
@media(max-width:600px){.feature-card-grid{gap:28px}.feature-card .fc-caption h3{font-size:23px}.feature-card .fc-preview{padding-top:160px;height:470px}.feature-card .fc-window{height:280px}}
/* Spacious feature gallery: three rows, two columns, without a viewport cap. */
.feature-shell{max-width:1320px}
.feature-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 48px}
.feature-card .fc-preview{height:790px;padding:148px 8px 34px}
.feature-card .fc-caption{padding:0 8px}
.feature-card .fc-caption h3{font-size:28px}
.feature-card .fc-caption p{font-size:16px;line-height:1.6;max-width:560px}
.feature-card .fc-window{height:590px}
@media(max-width:760px){.feature-card-grid{grid-template-columns:1fr;gap:46px}.feature-card .fc-preview{height:680px;padding-top:158px}.feature-card .fc-window{height:480px}.feature-card .fc-caption h3{font-size:25px}.feature-card .fc-caption p{font-size:14px}}
/* Editorial full-width feature chapters: generous native UI, alternating copy. */
.feature-shell{max-width:1240px}
.feature-card-grid{display:flex;flex-direction:column;gap:0}
.feature-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:76px;padding:64px 0 72px;border-bottom:1px solid #b9d2e51c}
.feature-card:hover,.feature-card:focus-within{transform:none;border-bottom:1px solid #b9d2e51c}
.feature-card .fc-caption{position:static;padding:0;pointer-events:auto}
.feature-card:nth-child(even) .fc-caption{grid-column:1;grid-row:1}
.feature-card:nth-child(even) .fc-preview{grid-column:2;grid-row:1}
.feature-card .fc-number{display:block;font-size:11px;letter-spacing:.12em}
.feature-card .fc-caption h3{font-size:clamp(32px,3.5vw,48px);line-height:1.12;letter-spacing:-.035em;margin:22px 0}
.feature-card .fc-caption p{font-size:18px;line-height:1.8;color:#b9cfdf;max-width:430px}
.feature-card .fc-preview{height:auto;padding:0 0 30px;background:none;overflow:visible}
.fc-native-scene{position:relative;width:100%;max-width:505px;margin:auto;aspect-ratio:1010/1436;border-radius:16px;filter:drop-shadow(0 18px 26px #0003);transition:transform .35s ease}
.fc-preview:hover .fc-native-scene{transform:translateY(-5px)}
.fc-native-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.fc-native-next{opacity:0}
.feature-card.is-live .fc-native-next{animation:fc-native-crossfade 9s ease-in-out infinite}
.feature-card .fc-open{bottom:0;right:0;left:0;text-align:center;color:#e6d2a9;font-size:12px}
@keyframes fc-native-crossfade{0%,22%{opacity:0}38%,82%{opacity:1}96%,100%{opacity:0}}
.fc-dialog-content .feature-card{display:block;padding:0;border:0}
.fc-dialog-content .feature-card .fc-preview{height:auto;padding:0;pointer-events:none}
.fc-dialog-content .feature-card .fc-caption{padding:24px 0 0}
.fc-dialog-content .feature-card .fc-caption h3{font-size:26px}
#feature-animation-dialog{max-height:90vh;overflow:auto}
@media(max-width:760px){.feature-card{display:flex;flex-direction:column-reverse;gap:30px;padding:42px 0}.feature-card .fc-preview{width:100%}.feature-card .fc-caption{width:100%}.feature-card .fc-caption h3{font-size:32px;margin:14px 0}.feature-card .fc-caption p{font-size:16px}.fg-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.fc-native-next{opacity:1}.fc-preview:hover .fc-native-scene{transform:none}}

/* Interview captions build through three interviewer-only questions. */
.fc-native-third{opacity:0}
.feature-card[data-card="1"].is-live .fc-native-next{animation:fc-question-two 12s ease-in-out infinite}
.feature-card[data-card="1"].is-live .fc-native-third{animation:fc-question-three 12s ease-in-out infinite}
@keyframes fc-question-two{0%,20%{opacity:0}27%,91%{opacity:1}99%,100%{opacity:0}}
@keyframes fc-question-three{0%,47%{opacity:0}54%,91%{opacity:1}99%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.fc-native-third{opacity:1}}

.fc-native-video{display:block;width:100%;height:100%;object-fit:contain;border-radius:16px}

/* Two spacious features per row, with native-window proportions. */
.feature-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 72px}
.feature-card{display:flex;flex-direction:column-reverse;justify-content:flex-end;align-items:stretch;gap:28px;padding:24px 0 36px;border:0}
.feature-card:hover,.feature-card:focus-within{border:0}
.feature-card .fc-caption{width:100%;min-height:156px}
.feature-card .fc-caption h3{font-size:34px;margin:16px 0;line-height:1.15}
.feature-card .fc-caption p{font-size:17px;line-height:1.65;max-width:500px}
.feature-card .fc-preview{width:100%}
.fc-native-scene{max-width:460px;overflow:hidden;border-radius:3.2% / 2.25%;isolation:isolate}
.fc-native-scene img,.fc-native-video{border-radius:inherit}
.fc-dialog-content .feature-card{display:flex;flex-direction:column-reverse;gap:24px}
.fc-dialog-content .feature-card .fc-caption{min-height:0;padding:0}
.fc-dialog-content .fc-native-scene{max-width:505px}
@media(max-width:900px){.feature-card-grid{gap:48px 36px}.feature-card .fc-caption h3{font-size:28px}.feature-card .fc-caption p{font-size:16px}.feature-card .fc-caption{min-height:170px}}
@media(max-width:760px){.feature-card-grid{grid-template-columns:1fr;gap:32px}.feature-card{gap:26px;padding:28px 0}.feature-card .fc-caption{min-height:0}.feature-card .fc-caption h3{font-size:32px}}
/* Paired desktop windows keep their original rounded native chrome. */
.fc-native-scene.fc-desktop-scene{max-width:580px;aspect-ratio:900/760;border-radius:0;overflow:visible;filter:none}
.fc-desktop-scene .fc-native-video{border-radius:0}
.fc-chapters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.fc-chapters button{padding:7px 12px;border:1px solid #b9d4e650;border-radius:20px;background:#cce8ff0b;color:#d9e9f5;font-size:12px;cursor:pointer}
.fc-chapters button:hover,.fc-chapters button:focus-visible{background:#d2e9fb20;border-color:#c6e2f3}
.feature-card-grid{align-items:start}
/* A shared 300px native-window scale across all six examples. */
.fc-native-scene:not(.fc-desktop-scene){width:56.1111%;max-width:300px;aspect-ratio:1010/1436;border-radius:3.2% / 2.25%;clip-path:inset(0 round 3.2% / 2.25%);-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff)}
.fc-native-scene:not(.fc-desktop-scene) .fc-native-video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;clip-path:inset(0 round 3.2% / 2.25%)}
.fc-native-scene.fc-desktop-scene{max-width:535px}
.feature-card[data-card="6"] .fc-desktop-scene{aspect-ratio:16/9}
.fc-dialog-content .fc-native-scene:not(.fc-desktop-scene){width:100%;max-width:505px}
/* Compact, quiet at rest; preview only on deliberate interaction. */
.feature-shell{max-width:1100px}.feature-card-grid{gap:36px 48px}
.feature-card{padding:16px 0 22px;gap:18px}
.feature-card .fc-caption{min-height:0}.feature-card .fc-caption h3{font-size:27px;margin:10px 0}.feature-card .fc-caption p{font-size:14px;line-height:1.55;max-width:none}
.feature-card .fc-number{font-size:10px}.fc-chapters{margin-top:10px;gap:6px}.fc-chapters button{padding:5px 9px;font-size:11px}
.feature-card .fc-preview{padding-bottom:24px}.feature-card.is-live .fc-caption{animation:none}
.feature-card.is-live .fc-native-next{animation-duration:5s}.feature-card[data-card="1"].is-live .fc-native-next,.feature-card[data-card="1"].is-live .fc-native-third{animation-duration:6s}
@media(hover:hover) and (pointer:fine){.feature-card:hover{z-index:5}.feature-card:hover .fc-native-scene{transform:scale(1.12)}.fc-dialog-content .feature-card:hover .fc-native-scene{transform:none}}
@media(max-width:760px){.feature-card-grid{gap:24px}.feature-card .fc-caption h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.feature-card:hover .fc-native-scene{transform:none}}

/* Single-line feature heading, including narrow phone widths. */
#features-title{white-space:nowrap;font-size:clamp(22px,4.9vw,36px)}

/* No footer link below feature previews. */
.feature-card .fc-preview{padding-bottom:0}

/* Grow below the caption rather than across it. */
.fc-native-scene{transform-origin:top center}

/* Feature media must not inherit the generic video viewport-height cap. */
.feature-card .fc-native-video{max-height:none;object-fit:contain}
.fc-dialog-head{align-items:flex-start}
.fc-dialog-head h2{font-size:24px;line-height:1.25}
.fc-dialog-head .fc-close{flex:0 0 auto;line-height:1;padding:3px 7px}
/* One-screen feature directory with one active native preview. */
#features{scroll-margin-top:0;padding:28px 0 24px;min-height:calc(100svh - 100px);box-sizing:border-box}
#features .feature-shell{max-width:1240px;width:calc(100% - 80px)}
#features .fg-heading{margin-bottom:22px}
#features .fg-heading .eyebrow{display:block;color:#f4d995;font-size:11px;letter-spacing:.14em;margin-bottom:12px}
#features-title{font-size:clamp(26px,3vw,38px)}
.feature-browser{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);gap:56px;align-items:center}
.feature-directory{display:flex;flex-direction:column;gap:7px}
.feature-directory button{display:flex;align-items:center;gap:18px;min-height:61px;width:100%;padding:12px 16px;text-align:left;border:1px solid transparent;border-radius:12px;background:transparent;color:#afc5d7;font:500 17px/1.3 inherit;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.feature-directory button span:nth-child(2){font-size:17px;line-height:1.3;flex:1}
.fd-index{font-size:12px;letter-spacing:.08em;color:#829eb5}.fd-arrow{font-size:22px;opacity:0;color:#f4d995}
.feature-directory button[aria-pressed=true]{background:#d5eafa0d;border-color:#cde6fa36;color:#fff}
.feature-directory button[aria-pressed=true] .fd-index{color:#f4d995}.feature-directory button[aria-pressed=true] .fd-arrow{opacity:1}
.feature-directory button:focus-visible{outline:2px solid #c2e5fa;outline-offset:3px}
#features .feature-card-grid{display:block;min-width:0}
#features .feature-card[hidden]{display:none!important}
#features .feature-card{display:flex;flex-direction:column-reverse;gap:18px;padding:0;transform:none}
#features .fc-caption{min-height:86px;position:static;padding:0}
#features .fc-number{display:none}
#features .fc-caption h3{font-size:28px;margin:0 0 9px}
#features .fc-caption p{font-size:14px;line-height:1.5;max-width:580px}
#features .fc-preview{display:flex;align-items:center;justify-content:center;height:clamp(300px,calc(100svh - 305px),520px);padding:0;overflow:visible}
#features .fc-native-scene:not(.fc-desktop-scene){height:100%;width:auto;max-width:100%;aspect-ratio:1010/1436}
#features .fc-desktop-scene{width:100%;max-width:620px;max-height:100%;height:auto}
#features .fc-native-scene,#features .feature-card:hover .fc-native-scene{transform:none}
#features .fc-native-video{object-fit:contain}
#features .fg-footnote{margin-top:16px;font-size:10px}
@media(max-width:760px){#features{padding:28px 0;min-height:0}#features .feature-shell{width:calc(100% - 32px)}.feature-browser{grid-template-columns:1fr;gap:24px}.feature-directory{display:grid;grid-template-columns:1fr 1fr;gap:5px}.feature-directory button{min-height:58px;padding:9px;gap:9px}.feature-directory button span:nth-child(2){font-size:13px}.fd-arrow{display:none}#features .fc-preview{height:380px}#features .fc-caption{min-height:0}#features .fc-caption h3{font-size:25px}#features .fg-footnote{margin-top:20px}}
#features .fc-caption{min-height:116px}
#features .fc-preview{height:clamp(270px,calc(100svh - 335px),490px)}
#features .feature-card:not([hidden]){animation:feature-panel-enter .22s ease-out both}
@keyframes feature-panel-enter{from{opacity:0;translate:7px 0}to{opacity:1;translate:0 0}}
@media(max-width:760px){#features .fc-caption{min-height:112px}#features .fc-preview{height:380px}}
@media(prefers-reduced-motion:reduce){#features .feature-card:not([hidden]){animation:none}}
/* Phone-first interaction: readable copy, full-width media and thumb targets. */
@media(max-width:760px){
 #features-title{font-size:clamp(22px,5.7vw,34px);white-space:normal;text-wrap:balance;line-height:1.15}
 #features .fg-heading .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.1em;max-width:100%}
 .feature-directory button{min-height:60px;touch-action:manipulation}
 .feature-directory button span:nth-child(2){font-size:14px}
 #features .fc-caption{min-height:158px}
 #features .fc-caption p{font-size:15px;line-height:1.6}
 #features .fc-preview{height:clamp(360px,calc((100vw - 32px)*1.422),470px)}
 #features .fc-native-scene:not(.fc-desktop-scene){max-width:100%;width:auto;height:100%}
 .fc-chapters button{min-height:44px;padding:10px 12px;font-size:12px;touch-action:manipulation}
 #feature-animation-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:16px;box-sizing:border-box}
 #feature-animation-dialog .fc-close{min-width:44px;min-height:44px}
 .fc-dialog-head h2{font-size:21px}
 .fc-dialog-content .fc-native-scene:not(.fc-desktop-scene){width:100%;height:auto;max-width:505px}
}

/* Inline illustrations of the native transcript action buttons. */
.fc-inline-app-button{display:inline-block;white-space:nowrap;vertical-align:baseline;padding:1px 8px 2px;border:1px solid #aaa5b7;border-radius:6px;background:linear-gradient(#eeeaf3,#d8d3e2);box-shadow:inset 0 1px 0 #ffffff80,0 1px 1px #00000014;color:#41414b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.9em;font-weight:400;line-height:1.3;letter-spacing:normal}
.fc-inline-meeting{border-color:#a8b5c2;background:linear-gradient(#edf3f8,#d4e0eb);color:#3e4852}

@media(min-width:761px){.feature-browser{grid-template-columns:minmax(0,var(--feature-directory-width,380px)) minmax(0,1fr)}}

/* Static native control illustrations, with hover feedback only. */
.fc-chapters{gap:8px}
.fc-app-control{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #c4ced8;border-radius:6px;background:linear-gradient(#f1f5f9,#dce5ee);color:#39414a;font:400 12px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap;cursor:default;transition:background .15s,box-shadow .15s}
.fc-app-control img{position:static;width:15px;height:15px;object-fit:contain}
.fc-app-control:hover{background:#f6fbff;box-shadow:0 0 0 1px #bce5ff80}

.fc-setup-link{color:#f4d995;text-decoration:underline;text-underline-offset:3px}
@media(min-width:761px){.feature-directory button{min-height:54px}.feature-directory{gap:5px}}
/* A brighter chapter after the moonlit hero. */
#features{background:radial-gradient(ellipse at 85% 15%,#ffffffd9,transparent 60%),linear-gradient(140deg,#dfedf5,#f0f6fa);color:#19364b}
#features .fg-heading .eyebrow{color:#946b21}
#features-title,#features .fc-caption h3{color:#18384e}
#features .fc-caption p{color:#486477}
#features .feature-directory button{color:#476477}
#features .feature-directory .fd-index{color:#6b8495}
#features .feature-directory button[aria-pressed=true]{background:#ffffffb8;border-color:#8eaec37a;color:#17384f;box-shadow:0 4px 15px #17384f06}
#features .feature-directory button[aria-pressed=true] .fd-index,#features .feature-directory .fd-arrow{color:#967023}
#features .feature-directory button:focus-visible{outline-color:#356e95}
#features .fg-footnote{color:#607889}
#features .fc-setup-link{color:#275f84}
/* Selected Lavender Sky theme: lavender at left, sky blue at right. */
#features{background:radial-gradient(ellipse at 88% 18%,#b8ddf4b3,transparent 65%),linear-gradient(125deg,#c8b3e7 0%,#d2c8ed 48%,#bcdcf0 100%);color:#392f4d}
#features-title,#features .fc-caption h3{color:#392f4d}
#features .fg-heading .eyebrow,#features .feature-directory .fd-arrow,#features .feature-directory button[aria-pressed=true] .fd-index{color:#79521c}
#features .fc-caption p,#features .feature-directory button{color:#57486a}
#features .feature-directory .fd-index,#features .fg-footnote{color:#6b547f}
#features .feature-directory button[aria-pressed=true]{background:#fffaf18c;border-color:#8867a160;color:#392f4d;box-shadow:none}
#features .feature-directory button:focus-visible{outline-color:#79521c}
#features .fc-setup-link{color:#614580}
/* Slightly shorter desktop feature directory. */
@media(min-width:761px){.feature-browser{grid-template-columns:minmax(0,calc(var(--feature-directory-width,380px) - 32px)) minmax(0,1fr)}}
/* Reserve the same caption space for the three-label summary chapter. */
@media(min-width:1001px){#features .fc-caption{min-height:140px}#features .fc-preview{height:clamp(246px,calc(100svh - 359px),466px)}}
@media(min-width:761px) and (max-width:1000px){#features .fc-caption{min-height:168px}#features .fc-preview{height:clamp(218px,calc(100svh - 387px),438px)}}
/* Pull the preview closer to its description without chapter-to-chapter shifts. */
@media(min-width:1200px){
 #features .fc-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-content:start;align-items:start;column-gap:16px;row-gap:9px;min-height:96px}
 #features .fc-caption h3{grid-column:1;grid-row:1;margin:0}
 #features .fc-caption p{grid-column:1 / -1;grid-row:2;margin:0}
 #features .fc-chapters{grid-column:2;grid-row:1;margin:0;align-self:center;gap:5px}
 #features .fc-app-control{font-size:11px;padding:5px 6px}
 #features .feature-card{gap:14px}
}
@media(min-width:1001px) and (max-width:1199px){#features .fc-caption{min-height:124px}#features .feature-card{gap:14px}}
/* On phones, let each illustration follow the copy at its own aspect ratio. */
@media(max-width:760px){
 #features .fc-caption{min-height:0}
 #features .fc-caption p{margin-bottom:0}
 #features .feature-card{gap:16px}
 #features .fc-preview{height:auto;min-height:0;align-items:flex-start}
 #features .fc-native-scene:not(.fc-desktop-scene){width:min(100%,330px);height:auto;max-height:none;aspect-ratio:1010/1436}
 #features .fc-desktop-scene{width:100%;height:auto;max-height:none}
}

/* Keep the approved compact directory independent of headline typography. */
@media(min-width:761px){.feature-browser{grid-template-columns:clamp(260px,28vw,380px) minmax(0,1fr)}}

/* Summary controls follow the title and match the inline native action labels. */
#features .feature-card[data-card="4"] .fc-caption{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
#features .feature-card[data-card="4"] .fc-caption h3,#features .feature-card[data-card="4"] .fc-caption p{margin:0}
#features .feature-card[data-card="4"] .fc-chapters{margin:0;align-self:flex-start;gap:8px;flex-wrap:wrap}
#features .fc-app-control{padding:1px 8px 2px;font-size:.9em;font-weight:400;line-height:1.3;gap:5px}
#features .fc-app-control img{width:1em;height:1em}
#features .fc-app-control{font-size:12.6px}
@media(max-width:760px){#features .fc-app-control{font-size:13.5px}}

/* Shared tracks keep every feature caption and preview anchored while switching. */
#features .feature-card-grid{
 display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;
}
#features .feature-card,
#features .feature-card[hidden]{
 display:grid!important;grid-column:1;grid-row:1 / 3;
 grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;
 row-gap:14px;visibility:visible;animation:none;
}
#features .feature-card[hidden]{visibility:hidden;pointer-events:none}
#features .feature-card .fc-caption{
 grid-column:1;grid-row:1;display:flex;flex-direction:column;
 align-items:flex-start;justify-content:flex-start;gap:9px;min-height:0;
}
#features .feature-card .fc-caption h3,
#features .feature-card .fc-caption p{margin:0}
#features .feature-card .fc-preview{
 grid-column:1;grid-row:2;align-items:flex-start;
 height:clamp(246px,calc(100svh - 359px),466px);
}
#features .fc-native-scene:not(.fc-desktop-scene){height:100%;width:auto;max-width:100%;margin:0 auto}
#features .fc-desktop-scene{margin:0 auto}
@media(max-width:760px){
 #features .feature-card .fc-preview{height:min(470px,calc((100vw - 32px)*1.422))}
 #features .fc-native-scene:not(.fc-desktop-scene){width:auto;height:100%;max-width:100%}
}

/* Phone previews keep a shared top edge without reserving portrait space for wide demos. */
@media(max-width:760px){
 #features .feature-card[hidden] .fc-preview{display:none}
 #features .feature-card .fc-preview{height:auto;min-height:0}
 #features .fc-native-scene:not(.fc-desktop-scene){width:min(100%,330px);height:auto;max-height:none}
 #features .fc-desktop-scene{width:100%;height:auto;max-height:none}
 #features .fg-footnote{margin-top:14px;margin-bottom:0}
 #features{padding-bottom:18px}
}

/* On phones each description owns its height; hidden captions must not reserve space. */
@media(max-width:760px){
 #features .feature-card[hidden]{display:none!important}
 #features .feature-card-grid{display:block}
 #features .feature-card{grid-template-rows:auto auto;row-gap:12px}
}

/* Preview-only feedback; the existing directory/card/window tracks are unchanged. */
.fc-native-scene .fc-static-poster {
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  border-radius:inherit;pointer-events:none;
}
.fc-media-message {
  position:absolute;z-index:2;left:12px;right:12px;bottom:12px;
  padding:8px 10px;border:1px solid #b5c5d4aa;border-radius:8px;
  background:#f1f6f9ed;color:#263b4d;text-align:center;
  font:500 12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  pointer-events:none;
}
.fc-media-message[hidden] {display:none!important}
.fc-dialog-content .fc-can-retry .fc-preview {pointer-events:auto;cursor:pointer}
.fc-can-retry .fc-preview:focus-visible {outline:2px solid #356e95;outline-offset:3px}