/* Features page follows the public homepage's typography and content edges. */
.marketing[data-public-page="/features"] #content {width:min(1344px,calc(100% - 80px));max-width:none;padding:0}
.marketing[data-public-page="/features"] h1,.marketing[data-public-page="/features"] h2,.marketing[data-public-page="/features"] h3 {font-family:Studio Grotesk,sans-serif;font-weight:700;letter-spacing:-.05em}
.marketing[data-public-page="/features"] h1 span,.marketing[data-public-page="/features"] h2 span {color:var(--accent-text)}
.marketing[data-public-page="/features"] .m-eyebrow {font-size:10px;letter-spacing:.13em;margin-bottom:18px!important}
.f-hero {display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:76px 0 56px}
.f-hero-copy {min-width:0}
.marketing .f-hero h1 {font-size:clamp(42px,4.5vw,64px);line-height:1.08;margin-bottom:26px}
.marketing .f-lead {font-size:16px;line-height:1.8;max-width:510px;color:var(--text-secondary);margin-bottom:30px}
.f-hero .m-actions {gap:12px}
.f-hero .m-button {font-size:12px;min-height:46px;border-radius:4px}
.marketing .f-hero-note {font-size:11px;color:var(--text-muted);margin:22px 0 0}
.f-hero-art {position:relative;isolation:isolate;aspect-ratio:1.25;min-width:0;border:1px solid var(--media-border);border-radius:14px;overflow:hidden;box-shadow:0 24px 48px -32px var(--shadow-color);background:var(--media-surface)}
.f-hero-art>img {display:block;width:100%;height:100%;object-fit:cover;object-position:55% 50%}
.f-hero-art:after {content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,color-mix(in srgb,var(--media-surface) 85%,transparent),transparent 60%);pointer-events:none}
.f-art-tag {position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;padding:9px 12px;background:color-mix(in srgb,var(--media-surface) 75%,transparent);border:1px solid var(--media-border);backdrop-filter:blur(12px);border-radius:4px;color:var(--media-text);font-size:8px;letter-spacing:.1em}
.f-art-tag svg {width:14px!important;height:14px!important}
.f-hero-sequence {position:absolute;z-index:1;bottom:20px;left:20px;right:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.f-hero-sequence>div {border:1px solid var(--media-border);border-radius:5px;overflow:hidden;background:var(--media-surface)}
.f-hero-sequence img {display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover}
.f-hero-sequence span {display:block;padding:8px;font-size:8px;line-height:1.5;color:var(--media-text)}
.f-tool-nav {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:18px 0;border-block:1px solid var(--border-default)}
.f-tool-nav>a {display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px;border:1px solid transparent;border-radius:4px;font-size:12px;color:var(--text-secondary)}
.f-tool-nav>a:hover {background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}
.f-tool-nav svg {color:var(--accent-text);width:18px!important;height:18px!important}
.f-section {padding-top:100px;scroll-margin-top:110px}
.f-section-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:36px}
.marketing .f-section h2 {font-size:clamp(34px,3.8vw,54px);line-height:1.08;margin-bottom:0}
.f-section-heading>p {max-width:340px;font-size:14px;line-height:1.8;color:var(--text-secondary);margin-bottom:4px}
.marketing .f-disclosure {font-size:11px;line-height:1.7;color:var(--text-muted);margin:22px 0 0;text-align:center}
.marketing[data-public-page="/features"] .r-monitor-frame>.m-hero-background {z-index:auto}
.f-tool-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.f-tool-card {display:flex;flex-direction:column;min-width:0;border:1px solid var(--border-default);border-radius:14px;overflow:hidden;background:var(--surface-panel);scroll-margin-top:110px}
.f-tool-copy {padding:36px}
.f-tool-meta {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;color:var(--accent-text);font-size:9px;letter-spacing:.1em}
.f-tool-meta>span {display:flex;align-items:center;gap:10px}
.f-tool-meta svg {width:17px!important;height:17px!important}
.f-tool-meta>b {font-size:13px;font-family:Studio Grotesk,sans-serif;font-weight:400;color:var(--text-muted);letter-spacing:0}
.marketing .f-tool-card h3 {font-size:32px;line-height:1.15;margin-bottom:18px}
.f-tool-copy>p {font-size:14px;line-height:1.8;color:var(--text-secondary);margin:0;max-width:490px}
.f-tool-preview {display:grid;align-items:center;flex:1;min-height:330px;padding:28px 36px;border-top:1px solid var(--border-subtle);background:linear-gradient(140deg,var(--accent-soft),var(--surface-base))}
.f-tool-preview>div {min-width:0}
.f-tool-preview .m-step-script {padding:28px;background:var(--surface-base);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 14px 28px -24px var(--shadow-color)}
.f-tool-preview .m-step-script>small {font-size:9px;color:var(--accent-text)}
.f-tool-preview .m-step-script>p {font-family:Studio Grotesk,sans-serif;font-size:32px;line-height:1.2;letter-spacing:-.045em;color:var(--text-primary);margin:22px 0 18px}
.f-tool-preview .m-step-script>span {font-size:12px;line-height:1.8}
.f-tool-preview .m-step-script>b {font-size:10px;margin-top:22px}
.f-tool-preview .m-step-storyboard {padding:0}
.f-tool-preview .m-step-storyboard>.m-eyebrow {display:none}
.f-tool-preview .m-step-storyboard>div {padding:10px;background:var(--surface-base);border:1px solid var(--border-default);border-radius:6px;gap:16px;margin-bottom:10px}
.f-tool-preview .m-step-storyboard>div:last-child {margin-bottom:0}
.f-tool-preview .m-step-storyboard img {width:100px;height:66px;border-radius:4px}
.f-tool-preview .m-step-storyboard strong {font-size:13px;color:var(--text-primary)}
.f-tool-preview .m-step-storyboard small {font-size:8px}
.f-tool-preview .m-step-storyboard p {font-size:10px;line-height:1.6;margin:4px 0 0;color:var(--text-secondary)}
.f-tool-preview .m-step-image {aspect-ratio:2.1;border:1px solid var(--media-border);border-radius:8px}
.f-tool-preview .m-step-image>span {bottom:12px;left:12px;right:12px;font-size:11px;background:color-mix(in srgb,var(--surface-base) 90%,transparent);color:var(--text-primary);border-color:var(--border-default);border-radius:4px;line-height:1.5}
.f-tool-preview .m-step-model {flex-wrap:wrap;gap:8px;margin-top:14px}
.f-tool-preview .m-step-model>span {font-size:10px;background:var(--surface-base);border-color:var(--accent-border)}
.f-tool-preview .m-step-model small {font-size:10px;color:var(--text-secondary)}
.f-tool-preview .m-step-generation>p {font-size:10px;color:var(--text-secondary)}
.f-tool-preview .m-step-voice {padding:26px;border:1px solid var(--border-default);background:var(--surface-base);border-radius:8px}
.f-tool-preview .m-step-voice>div:first-child>[data-icon] {background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:4px}
.f-tool-preview .m-step-voice strong {font-size:14px;color:var(--text-primary)}
.f-tool-preview .m-step-voice small {font-size:9px}
.f-tool-preview .m-step-voice blockquote {font-family:Studio Grotesk,sans-serif;font-size:30px;letter-spacing:-.035em;margin:24px 0}
.f-tool-preview .m-voice-wave {height:44px;border-radius:4px}
.f-tool-preview .m-step-voice footer {font-size:10px;color:var(--text-secondary);margin-top:16px}
.f-tool-preview .m-layer-chips {margin-top:14px;gap:8px}
.f-tool-preview .m-layer-chips>span {font-size:10px;background:var(--surface-base);border-color:var(--accent-border)}
.f-tool-preview .m-mini-timeline {gap:6px;margin-top:14px}
.f-tool-preview .m-mini-timeline>small {font-size:9px;margin-bottom:4px}
.f-tool-preview .m-track-visuals {height:32px}
.f-tool-preview .m-track-visuals>span {font-size:9px;display:flex;align-items:center;min-width:0;padding:6px 8px}
.f-tool-preview .m-track-voice,.f-tool-preview .m-track-music {height:24px}
.marketing[data-public-page="/features"] .r-home-faq {padding-bottom:0}
.marketing[data-public-page="/features"] .r-home-faq h2 {margin-bottom:24px}
.marketing[data-public-page="/features"] .m-final {margin:100px 0 88px;padding:64px;border:1px solid var(--accent-border);border-radius:14px;background:radial-gradient(ellipse at 100% 100%,var(--accent-soft),transparent 75%),var(--surface-panel)}
.marketing[data-public-page="/features"] .m-final h2 {font-size:clamp(36px,4vw,56px);line-height:1.08;margin-bottom:22px}
.marketing[data-public-page="/features"] .m-final p:not(.m-eyebrow) {font-size:14px;line-height:1.8;color:var(--text-secondary)}
.marketing[data-public-page="/features"] .m-final .m-text-link {font-size:12px}
.marketing[data-public-page="/features"] a:focus-visible {outline:2px solid var(--accent-primary);outline-offset:4px}

@media(max-width:1100px) {
 .marketing[data-public-page="/features"] #content {width:calc(100% - 54px)}
 .f-hero {gap:36px}
 .marketing .f-hero h1 {font-size:46px}
 .f-tool-copy {padding:28px}
 .f-tool-preview {padding:24px 28px}
 .marketing .f-tool-card h3 {font-size:29px}
}
@media(max-width:950px) {
 .f-hero {grid-template-columns:1fr 1fr;padding-top:56px;gap:28px}
 .marketing .f-hero h1 {font-size:38px}
 .marketing .f-lead {font-size:14px}
 .f-hero-art {aspect-ratio:.95}
 .f-art-tag {top:14px;left:14px;font-size:7px;padding:8px}
 .f-hero-sequence {left:14px;right:14px;bottom:14px;gap:6px}
 .f-hero-sequence span {font-size:7px;padding:6px}
 .f-section {padding-top:80px}
 .f-tool-grid {gap:18px}
 .f-tool-preview {padding:22px;min-height:310px}
 .f-tool-copy>p {font-size:13px}
 .f-tool-preview .m-step-storyboard>div {gap:10px}
 .f-tool-preview .m-step-storyboard img {width:70px;height:54px}
 .f-tool-preview .m-step-model small {margin:0;width:100%}
 .f-tool-preview .m-step-voice {padding:22px}
 .f-tool-preview .m-step-voice blockquote {font-size:26px}
 .marketing[data-public-page="/features"] .m-final {padding:44px;gap:32px}
}
@media(max-width:760px) {
 .marketing[data-public-page="/features"] #content {width:calc(100% - 40px)}
 .f-hero {grid-template-columns:minmax(0,1fr);padding:44px 0 32px;gap:32px}
 .marketing .f-hero h1 {font-size:clamp(34px,8.8vw,52px);margin-bottom:24px}
 .marketing .f-lead {font-size:14px;margin-bottom:26px}
 .f-hero .m-actions {gap:10px}
 .f-hero .m-button {font-size:11px;padding:12px 14px}
 .marketing .f-hero-note {margin-top:18px}
 .f-hero-art {aspect-ratio:1.3}
 .f-hero-sequence {gap:8px}
 .f-tool-nav {grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 0;gap:4px}
 .f-tool-nav>a {font-size:11px;gap:7px;padding:8px 5px}
 .f-tool-nav svg {width:16px!important;height:16px!important}
 .f-section {padding-top:64px}
 .f-section-heading {display:block;margin-bottom:28px}
 .marketing .f-section h2 {font-size:clamp(32px,8vw,44px)}
 .f-section-heading>p {margin:20px 0 0;max-width:none;font-size:13px}
 .f-tool-grid {grid-template-columns:minmax(0,1fr);gap:20px}
 .f-tool-copy {padding:28px}
 .f-tool-meta {font-size:8px;margin-bottom:22px;letter-spacing:.06em}
 .marketing .f-tool-card h3 {font-size:30px}
 .f-tool-preview {padding:24px;min-height:0}
 .f-tool-preview .m-step-script {padding:22px}
 .f-tool-preview .m-step-script>p {font-size:28px}
 .f-tool-preview .m-step-script>span {font-size:11px}
 .f-tool-preview .m-step-storyboard img {width:76px;height:58px}
 .f-tool-preview .m-step-storyboard>div {gap:12px}
 .f-tool-preview .m-step-storyboard strong {font-size:12px}
 .f-tool-preview .m-step-storyboard p {font-size:9px}
 .f-tool-preview .m-step-image {aspect-ratio:1.6}
 .f-tool-preview .m-step-image>span {left:10px;right:10px;bottom:10px;font-size:10px;padding:8px 10px}
 .f-tool-preview .m-step-voice blockquote {font-size:27px}
 .f-tool-preview .m-step-voice footer {font-size:9px}
 .f-tool-preview .m-track-visuals>span {font-size:8px;padding-inline:5px}
 .marketing .f-disclosure {font-size:10px;text-align:left;line-height:1.8}
 .marketing[data-public-page="/features"] .m-final {margin:64px 0;padding:36px 28px;display:block}
 .marketing[data-public-page="/features"] .m-final>div:last-child {margin-top:28px}
 .marketing[data-public-page="/features"] .m-final h2 {font-size:38px}
 .marketing[data-public-page="/features"] .m-final p:not(.m-eyebrow) {font-size:13px}
}
@media(max-width:360px) {
 .marketing[data-public-page="/features"] #content {width:calc(100% - 30px)}
 .f-tool-copy,.f-tool-preview {padding:22px}
 .f-tool-meta>span {gap:8px}
 .f-tool-preview .m-step-script>p {font-size:25px}
 .f-tool-preview .m-step-storyboard img {width:64px;height:54px}
 .marketing[data-public-page="/features"] .m-final {padding-inline:24px}
}