/* Product homepage, layered over the established editorial styles. */
.site-header{min-height:80px;gap:20px}
.header-nav{display:flex;align-items:center;gap:24px;font-size:12px}
.header-nav a{text-decoration:none;color:var(--muted);padding-block:12px}
.header-nav a:hover{color:var(--accent)}
.header-nav .nav-create{color:var(--accent);border:1px solid var(--border);border-radius:8px;padding:10px 14px}
.hero{min-height:0;padding:56px 0 40px}
.hero .hero-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px;align-items:center}
.hero .hero-copy{text-align:left}
.hero .eyebrow{justify-content:flex-start;font-size:10px;letter-spacing:.14em;margin-bottom:22px}
.hero h1{font-size:clamp(48px,5vw,72px);line-height:1.04;letter-spacing:-.045em;margin-bottom:20px;max-width:none;text-wrap:initial}
.hero h1 em{display:block}
.hero .subtitle{font-size:22px;line-height:1.4;margin:0 0 14px;color:var(--text);text-align:left}
.hero-description{font-size:15px;max-width:44ch;margin:0;line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px}
.hero-actions .primary-cta{width:auto;min-height:54px;font-size:14px;padding:14px 20px;border-radius:11px;gap:20px}
.text-link{font-size:12px;text-underline-offset:5px;color:var(--accent);min-height:44px;display:inline-flex;align-items:center;gap:10px}
.hero-reassurance{font-size:11px;line-height:1.8;color:var(--muted);margin:16px 0 0}
.hero-reassurance a{color:var(--accent);text-underline-offset:3px}
.sample-card{margin:0;min-width:0;border:1px solid var(--border);border-radius:16px;background:var(--card);overflow:hidden;scroll-margin-top:24px;box-shadow:0 20px 60px #0003}
.sample-heading{display:flex;align-items:center;gap:9px;padding:16px 18px}
.sample-heading h2{font-family:var(--font-body);font-size:12px;letter-spacing:0;font-weight:500;line-height:1.5;margin:0}
.sample-dot{height:6px;width:6px;background:var(--accent);border-radius:50%;flex:none}
.sample-badge{margin-left:auto;color:var(--accent);font:11px var(--font-mono);border:1px solid var(--border);border-radius:4px;padding:4px 6px}
#sample-video{display:block;width:100%;height:auto;aspect-ratio:768/1344;max-height:420px;background:#080709;object-fit:contain}
.sample-inputs{display:flex;gap:16px;align-items:center;margin:18px 18px 10px}
.sample-portraits{display:flex;gap:7px;flex-shrink:0}
.sample-portraits img{width:52px;height:52px;object-fit:contain;border-radius:7px;background:#2a2728}
.sample-inputs p{font-size:12px;margin:0 0 4px;line-height:1.5}
.sample-inputs span{font-size:10px;line-height:1.6;color:var(--accent)}
.sample-card figcaption{padding:0 18px 18px;color:var(--muted);font-size:10px;line-height:1.7}
.preview-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 52px;padding:25px 0;list-style:none;border-block:1px solid var(--border)}
.preview-steps li{display:flex;gap:14px;align-items:flex-start;min-width:0}
.preview-steps li>span{color:var(--accent);font:italic 26px var(--font-title);line-height:1.2}
.preview-steps strong{font-size:12px;font-weight:500}
.preview-steps p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.generator-shell{width:min(100%,880px);margin:0 auto 64px;padding:32px;scroll-margin-top:24px;background:linear-gradient(145deg,#1b171c,var(--card) 70%)}
.generator-heading .section-index{margin-bottom:10px}
.generator-heading h2{font-size:36px;margin-bottom:12px}
.generator-heading .prose{font-size:14px;margin:0 0 18px}
.generator-privacy{text-align:left;font-size:11px;margin:0 0 24px;max-width:75ch}
.generator-privacy a{color:var(--accent);text-underline-offset:3px}
.photo-grid{gap:20px}
.photo-slot{padding:18px;background:#0e0d10}
.photo-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;margin:0}
.role-number{font:11px var(--font-mono);color:var(--accent)}
.role-note{font-size:11px;margin:8px 0 16px;min-height:2em}
.photo-select{display:block;width:100%;padding:0 10px 14px;border:1px dashed #e7b87a66;background:#171419;border-radius:10px;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}
.photo-select:hover,.photo-select.is-dragging{border-color:var(--accent);background:#211b22}
.photo-select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.photo-select:disabled{cursor:default}
.photo-preview{height:190px;max-height:none;border-radius:7px;font-family:var(--font-body)}
.photo-preview img{object-fit:contain;max-height:none;padding:10px 0}
.photo-empty svg{width:34px;height:34px;color:var(--accent)}
.photo-select-label{display:block;font-size:12px;font-weight:600;color:var(--accent)}
.photo-drop-hint{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.has-photo .photo-drop-hint{display:none}
.photo-remove{padding:5px 12px;min-height:44px;font-size:11px;margin-top:10px;border-color:var(--border)}
.scene-field{margin-top:24px}
.scene-field select{min-height:48px}
.photo-status{color:var(--accent);margin:14px 0}
.verification-note{font-size:11px}
#verification{width:100%;max-width:380px;margin:20px auto 0;min-height:65px}
#verification-note{max-width:52ch;margin:10px auto 16px;text-align:center}
.result-actions{margin-top:14px}
.preview-faq{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:60px;padding-block:56px}
.preview-faq h2{font-size:40px}
.preview-faq .faq-list{margin:0;max-width:none}
.preview-faq .faq-item{padding-block:22px}
.preview-faq .faq-item:first-child{padding-top:0}
.preview-faq .faq-item h3{font-size:15px;margin-bottom:12px}
.preview-faq .prose{font-size:13px;line-height:1.8}
.preview-faq .prose p{margin-bottom:10px}
.final-cta{margin-block:44px}
@media(max-width:1000px){.hero .hero-layout{gap:28px}.hero h1{font-size:60px}.hero-actions{gap:10px}.header-nav{gap:16px}.sample-inputs{gap:10px}.sample-portraits img{width:44px;height:44px}.preview-faq{gap:28px}}
@media(max-width:767px){
 .site-header{padding-block:15px;gap:12px;min-height:0}
 .brand{font-size:14px}
 .header-nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}
 .header-nav .nav-create{padding:8px 10px;min-height:44px;display:inline-flex;align-items:center}
 .hero{padding:30px 0}
 .hero .hero-layout{grid-template-columns:1fr;gap:28px}
 .hero h1{font-size:clamp(40px,11vw,62px);max-width:none;margin-bottom:14px}
 .hero h1 em{display:inline}
 .hero .eyebrow{font-size:12px;margin-bottom:15px;letter-spacing:.1em}
 .hero .subtitle{font-size:20px}
 .hero-description{font-size:15px;max-width:48ch}
 .hero-actions{margin-top:20px;gap:6px 18px}
 .hero-actions .primary-cta{font-size:14px}
 .hero-reassurance{font-size:12px;margin-top:10px}
 .sample-heading{padding:13px 14px;flex-wrap:wrap}
 .sample-heading h2,.sample-badge{font-size:12px}
 .sample-inputs{margin:14px 14px 10px}
 .sample-inputs p{font-size:13px}
 .sample-inputs span,.sample-card figcaption{font-size:12px}
 .sample-card figcaption{padding:0 14px 14px}
 .preview-steps{grid-template-columns:1fr;gap:17px;padding-block:22px;margin-bottom:28px}
 .preview-steps strong{font-size:14px}
 .preview-steps p{font-size:13px;margin-top:3px}
 .generator-shell{padding:20px;margin-bottom:36px}
 .generator-heading h2{font-size:29px}
 .generator-heading .prose{font-size:15px}
 .generator-privacy{font-size:13px}
 .photo-grid{gap:12px}
 .photo-slot{padding:12px}
 .photo-label{font-size:14px;line-height:1.5;align-items:flex-start;gap:6px}
 .role-number{font-size:12px;line-height:1.75}
 .role-note{font-size:13px;min-height:3.4em;margin:8px 0 12px}
 .photo-preview{height:160px}
 .photo-select{padding-inline:8px}
 .photo-select-label,.photo-remove{font-size:14px}
 .photo-drop-hint{font-size:12px}
 .photo-guidelines,.photo-warning,.verification-note,.generation-estimate{font-size:13px;line-height:1.7}
 .scene-help,.photo-status{font-size:14px;line-height:1.7}
 .scene-field label{font-size:14px}
 .scene-field select{font-size:16px}
 .preview-faq{grid-template-columns:1fr;gap:18px;padding-block:36px}
 .preview-faq h2{font-size:32px}
 .preview-faq .section-index{margin-bottom:10px}
 .preview-faq .prose{font-size:15px}
 .preview-faq .faq-item h3{font-size:16px}
 .section-index,.card-kicker,.hero-end,.footer-note,.copy-help{font-size:12px}
}
@media(max-width:479px){
 .photo-grid{grid-template-columns:1fr}
 .role-note{min-height:0}
 .photo-preview{height:160px}
}
@media(max-width:359px){
 .wrap{width:calc(100% - 28px)}
 .generator-shell{padding:14px}
 .sample-inputs{align-items:flex-start}
 .sample-portraits img{width:36px;height:36px}
 .header-nav{gap:5px;flex-wrap:wrap}
 .hero-actions .primary-cta{width:100%}
}
@media(prefers-reduced-motion:reduce){.photo-select{transition:none}}

/* Format and recovery controls use the existing form language. */
#aspect-ratio{width:100%;padding:14px 16px;color:var(--text);background:var(--bg);border:1px solid var(--accent);border-radius:10px;font:inherit}
#discard-task{display:block;margin-top:14px;white-space:normal}
#discard-task[hidden]{display:none}
#result-video{width:100%;height:auto;max-height:72vh;object-fit:contain;aspect-ratio:auto}
.result-video-wrap{aspect-ratio:auto;display:flex;justify-content:center;background:#090809}
.guide-link{font-size:14px;margin:12px 0 36px;line-height:1.7}
.guide-link a{color:var(--accent)}

/* Keep the homepage product-led: one compact offer comparison and one guide link. */
.home-summary{padding-block:64px;border-top:1px solid var(--border)}
.home-summary>.section-intro,.home-summary>.summary-grid,.home-summary>.summary-note,.guide-summary{max-width:880px;margin-inline:auto}
.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.summary-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:28px;border:1px solid var(--border);border-radius:14px;background:var(--card)}
.summary-card h3{font:500 34px/1.2 var(--font-title);margin:0 0 12px;color:var(--text)}
.summary-card h3 span{font:12px/1.6 var(--font-body);color:var(--muted)}
.summary-card>p:not(.card-kicker){font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 24px}
.summary-card .primary-cta,.summary-card .secondary-button{margin-top:auto}
.summary-note{font-size:13px;line-height:1.7;margin-top:16px}
.summary-note a,.guide-summary a{color:var(--accent);text-underline-offset:4px}
.guide-summary{margin-block:0 64px;padding:32px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,#1b171c,var(--card) 70%)}
.guide-summary h2{font-size:clamp(30px,4vw,42px);margin-bottom:12px}
.guide-summary>p:not(.section-index){font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 22px}
@media(max-width:700px){.home-summary{padding-block:40px}.summary-grid{grid-template-columns:1fr}.summary-card{padding:22px}.summary-card .primary-cta,.summary-card .secondary-button{width:100%}.guide-summary{margin-bottom:40px;padding:22px}}

.portrait-sample{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:40px;align-items:center;border-top:1px solid var(--border);padding:32px 0 44px}.portrait-sample video{display:block;width:100%;height:auto;border-radius:12px;background:#080709}.portrait-sample h2{font-size:32px;margin-bottom:16px}.portrait-sample p{font-size:13px;line-height:1.8;color:var(--muted)}.portrait-sample .sample-spec{color:var(--accent);font-size:12px}#portrait-sample-caption{font-size:11px}@media(max-width:600px){.portrait-sample{grid-template-columns:1fr;gap:24px}.portrait-sample video{width:min(100%,260px);margin-inline:auto}.portrait-sample h2{font-size:28px}}

/* Availability is shown before photo selection, without hiding existing tasks. */
.service-status{padding:18px;margin:0 0 24px;border:1px solid var(--accent);border-radius:10px;background:#241d18;font-size:14px;line-height:1.7}
.service-status[hidden]{display:none}
#verification[hidden]{display:none}
.service-status p{margin:0 0 10px}
.service-status-actions{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap}
.service-status-actions a{color:var(--accent);min-height:44px;display:inline-flex;align-items:center}
.service-status-actions button{font:inherit;min-height:44px;padding:8px 12px}
@media(max-width:767px){
 .portrait-sample p{font-size:14px}
 #portrait-sample-caption{font-size:12px}
 .service-status{padding:14px}
}

/* Shared page edges, with a centered reading column for the longer guide. */
.wrap{width:min(1200px,calc(100% - 48px))}
.content-section{padding-block:64px}
#trend>.section-intro,#trend>.prose,#how-to>.section-intro,#how-to>.route-grid,
#prompts>.section-intro,#prompts>.prompt-list,#prompts>.prompt-note{
 max-width:880px;margin-inline:auto
}
.content-section .prose{color:#C4BEC7}
.portrait-sample{grid-template-columns:minmax(220px,300px) minmax(0,680px);justify-content:center;gap:clamp(32px,5vw,64px);padding-block:48px}
.portrait-sample h2{font-size:clamp(32px,3.4vw,44px);max-width:20ch}
.portrait-sample p{font-size:16px;line-height:1.75}
.portrait-sample .section-index{font-size:12px;color:var(--accent)}
.portrait-sample .sample-spec{font-size:14px;margin-block:20px 12px}
#portrait-sample-caption{font-size:13px;max-width:62ch}
.sample-create{margin-top:16px;min-height:52px;padding:14px 22px;border-radius:11px;font-size:14px;width:auto}

/* Native FAQ controls preserve readable answers and keyboard operation. */
.preview-faq,#faq{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:start}
.preview-faq h2,#faq h2{font-size:clamp(32px,3.3vw,42px)}
.preview-faq .faq-list,#faq .faq-list{max-width:none;margin:0;min-width:0}
.preview-faq .faq-item,#faq .faq-item{padding:0;border-top:1px solid var(--border)}
.preview-faq .faq-item:first-child,#faq .faq-item:first-child{border-top:0}
.faq-item summary{cursor:pointer;min-height:64px;padding:20px 4px;list-style-position:inside;color:var(--accent)}
.preview-faq .faq-item h3,#faq .faq-item h3{display:inline;font-size:16px;line-height:1.5;color:var(--text);margin:0;padding-left:6px;font-weight:500}
.faq-item summary:hover h3{color:var(--accent)}
.faq-item .prose,.preview-faq .prose{font-size:15px;line-height:1.8;max-width:68ch;padding:0 4px 24px}
.faq-item .prose p{margin-bottom:14px}
.faq-item .prose p:last-child{margin-bottom:0}
summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:4px}

/* Scan the five beats first; expand or copy the complete prompt on demand. */
.prompt-list{gap:16px}
.prompt-card{padding:28px;box-shadow:none;transition:none;scroll-margin-top:24px}
.prompt-card:hover{transform:none;box-shadow:none}
.prompt-header{margin-bottom:12px;align-items:center}
.prompt-heading .card-kicker{font-size:12px;margin-bottom:8px}
.prompt-heading h3{font-size:19px;line-height:1.45}
.prompt-summary{max-width:64ch;margin:0 0 12px;color:#C4BEC7;font-size:15px;line-height:1.75}
.prompt-details summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--accent);font-size:14px;list-style-position:inside}
.prompt-details summary>span:first-child{margin-left:6px}
.prompt-details[open] .when-open{margin-left:6px}
.prompt-details .when-open,.prompt-details[open] .when-closed{display:none}
.prompt-details[open] .when-open{display:inline}
.prompt-card pre{max-width:none;margin-top:8px;padding:22px;font-size:14px;line-height:1.8}
.copy-button{font-size:13px;min-width:80px;min-height:44px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:normal;border:0}
@media(min-width:768px){.wrap{width:min(1200px,calc(100% - 96px))}}
@media(max-width:900px){.preview-faq,#faq{grid-template-columns:1fr;gap:12px}}
@media(max-width:767px){
 .content-section{padding-block:40px}
 .preview-faq,#faq{grid-template-columns:1fr;gap:12px}
 .preview-faq h2,#faq h2{font-size:32px;margin-bottom:12px}
 .faq-item summary{min-height:60px;padding-block:18px}
 .portrait-sample{grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:24px;padding-block:36px}
 .portrait-sample h2{font-size:30px}
 .portrait-sample p{font-size:15px}
 .prompt-card{padding:20px}
 .prompt-header{gap:12px;align-items:flex-start}
 .prompt-heading h3{font-size:18px}
 .prompt-card pre{padding:16px;font-size:14px}
}
@media(max-width:600px){
 .portrait-sample{grid-template-columns:1fr;gap:28px}
 .portrait-sample video{width:min(100%,260px)}
 .portrait-sample h2{max-width:none}
 .sample-create{width:100%}
}
@media(max-width:359px){
 .wrap{width:calc(100% - 28px)}
 .prompt-card{padding:16px}
 .prompt-header{flex-wrap:wrap}
 .prompt-card pre{padding:12px}
}

.paid-teaser{padding:16px 20px;margin:0 0 20px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.paid-teaser p{font-size:14px;line-height:1.7;margin:0}.paid-teaser a{color:var(--accent);text-underline-offset:4px}

/* Real landscape film on desktop; the accepted portrait film on mobile. */
.hero{padding:44px 0 40px}
.hero .hero-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-areas:"copy sample" "conversion sample" "details sample";grid-template-rows:1fr auto 1fr;column-gap:clamp(32px,4vw,56px);row-gap:0}
.hero .hero-copy{grid-area:copy;align-self:end}
.hero h1{font-size:clamp(48px,5vw,68px)}
.hero .eyebrow{font-size:11px;margin-bottom:22px}
.hero-description{font-size:16px;line-height:1.75;max-width:43ch}
.hero-conversion{grid-area:conversion;align-self:start}
.hero-details{grid-area:details;align-self:start}
.hero-actions{margin-top:26px;gap:8px 20px}
.hero-reassurance{font-size:12px;margin-top:14px}
.hero-formats{display:flex;align-items:center;gap:12px;color:var(--text);font-size:13px;line-height:1.6;margin:24px 0 0}
.format-icons{display:inline-flex;color:var(--accent);flex:none}
.format-icons svg{width:38px;height:24px}
.hero-allowance{max-width:48ch;font-size:12px;line-height:1.7;color:var(--muted);margin:16px 0 0}
.hero-allowance a{color:var(--accent);text-underline-offset:3px}
.story-hero-sample{grid-area:sample;margin:0;min-width:0;width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:18px 24px;align-items:start;scroll-margin-top:24px}
.story-hero-sample .sample-heading{grid-column:1/-1;padding:0;gap:9px;flex-wrap:wrap}
.story-hero-sample .sample-heading h2{font-size:13px;line-height:1.6}
.story-hero-sample .sample-badge{font-size:11px;padding:4px 8px}
.sample-player{min-width:0}
#sample-video{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1344/768;object-fit:contain;border:1px solid var(--border);border-radius:14px;background:#080709;box-shadow:0 16px 48px #0005}
#sample-video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.sample-sound-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--accent)}
.sample-sound-note svg{width:18px;height:18px;flex:none}
.sample-story{min-width:0;align-self:center}
.story-hero-sample .sample-inputs{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0}
.story-hero-sample .sample-input-label{font-size:12px;line-height:1.6;margin:0;max-width:18ch;color:var(--text)}
.story-hero-sample .sample-portraits{gap:8px}
.story-hero-sample .sample-portraits img{width:56px;height:56px;border:1px solid var(--border);border-radius:8px;object-fit:contain}
.sample-story-steps{list-style:none;padding:0;margin:28px 0 24px;display:grid;gap:20px}
.sample-story-steps li{display:flex;gap:10px;min-width:0}
.sample-story-steps li>span{color:var(--accent);font:11px/1.6 var(--font-mono);padding-top:2px}
.sample-story-steps strong{font-size:12px;font-weight:500;line-height:1.6}
.sample-story-steps p{font-size:12px;line-height:1.7;color:var(--muted);margin:4px 0 0}
#sample-format-note{font-size:11px;line-height:1.75;color:var(--muted);margin:0;padding-top:16px;border-top:1px solid var(--border)}
.story-hero-sample figcaption{grid-column:1/-1;padding:16px 0 0;border-top:1px solid var(--border);font-size:11px;line-height:1.75;color:var(--muted)}
.story-hero-sample figcaption strong{display:block;font-size:13px;font-weight:500;color:var(--accent);margin-bottom:4px}
.story-hero-sample figcaption span{display:block}
.free-allowance{font-size:13px;line-height:1.7;color:var(--muted);max-width:68ch;margin:14px 0 0}
.free-allowance a{color:var(--accent);text-underline-offset:3px}
@media(min-width:901px){
 .sample-story{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px 24px}
 .story-hero-sample .sample-inputs{gap:8px}
 .sample-story-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;align-self:center}
 .sample-story-steps li{display:block}
 .sample-story-steps li>span{display:block;margin-bottom:5px}
 .sample-story-steps p{display:none}
 #sample-format-note{grid-column:1/-1;padding:0;border:0}
}
@media(min-width:901px) and (max-width:1100px){
 .hero .hero-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:32px}
 .hero h1{font-size:52px}
 .hero-description{font-size:15px}
 .sample-story{grid-template-columns:120px minmax(0,1fr);column-gap:16px}
}
@media(max-width:900px){
 .hero .hero-layout{grid-template-columns:1fr;grid-template-areas:"copy" "conversion" "sample" "details";grid-template-rows:auto;gap:0}
 .hero .hero-copy,.hero-conversion,.hero-details{max-width:600px;width:100%;justify-self:center}
 .hero .hero-copy{align-self:start}
 .hero h1 em{display:inline}
 .hero-description{max-width:50ch}
 .story-hero-sample{grid-template-columns:minmax(0,280px) minmax(0,1fr);max-width:520px;justify-self:center;margin-top:32px}
}
@media(max-width:600px){
 .header-nav .nav-create{display:none}
 .header-nav a{min-height:44px;display:inline-flex;align-items:center}
 .hero{padding:24px 0 32px}
 .hero h1{font-size:clamp(38px,10vw,54px);line-height:1.06;margin-bottom:12px}
 .hero .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:14px}
 .hero .subtitle{font-size:20px;margin-bottom:10px}
 .hero-description{font-size:14px;line-height:1.7}
 .hero-actions{margin-top:20px;gap:10px}
 .hero-actions .primary-cta{width:100%;min-height:50px}
 .hero-actions .text-link{justify-content:center;width:100%;min-height:44px;border:1px solid var(--border);border-radius:10px;text-decoration:none;font-size:13px}
 .hero-reassurance{text-align:center;margin-top:10px}
 .hero-formats{margin-top:18px;font-size:12px}
 .hero-allowance{font-size:11px;margin-top:12px}
 .story-hero-sample{grid-template-columns:1fr;gap:16px;margin-top:28px}
 .story-hero-sample .sample-heading{padding-top:24px;border-top:1px solid var(--border);gap:8px}
 .story-hero-sample .sample-heading h2{font-size:12px}
 .story-hero-sample .sample-badge{font-size:10px}
 .sample-player{width:min(100%,260px);justify-self:center}
 .sample-story{width:100%}
 .story-hero-sample .sample-inputs{flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:14px}
 .story-hero-sample .sample-input-label{font-size:12px;max-width:none}
 .story-hero-sample .sample-portraits img{width:44px;height:44px}
 .sample-story-steps{display:none}
 #sample-format-note{font-size:12px;line-height:1.7;padding-top:0;border:0;margin-top:12px}
 #sample-format-note br{display:none}
 .story-hero-sample figcaption{font-size:11px;padding-top:12px}
}