/* Explanatory pages: readable text, wider screenshots, existing Seamling brand. */
.eyebrow{font-size:13px;font-weight:500;letter-spacing:normal;color:var(--ml-colour-text)}
.closer-look{border-bottom:1px solid var(--ml-colour-border);padding-top:80px;padding-bottom:80px}
.closer-look-heading{max-width:650px;margin-bottom:36px}.closer-look-heading h2{font-size:clamp(32px,3.5vw,46px);font-weight:500}.closer-look-heading>p:last-child{font-size:17px;color:var(--ml-colour-text)}
.story-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.story-preview{display:block;border:1px solid var(--ml-colour-border);border-radius:12px;overflow:hidden;text-decoration:none;background:var(--ml-colour-surface)}
.story-preview>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#f8fafc}.story-preview-copy{padding:24px}.story-preview h3{font-size:25px;font-weight:500;margin:0 0 14px}.story-preview p{font-size:14px;line-height:1.7;color:var(--ml-colour-text);margin:0 0 24px}.story-preview-link{font-size:14px;color:var(--ml-colour-ink);text-decoration:underline;text-underline-offset:4px}.story-preview:hover{border-color:var(--ml-colour-focus)}
.preview-record{aspect-ratio:3/2;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:8px;border-bottom:1px solid var(--ml-colour-border);background:var(--ml-colour-canvas)}.preview-record strong{font-size:19px;font-weight:500;line-height:1.4;margin-bottom:6px}.preview-record>span:not(.eyebrow){font-size:13px;color:var(--ml-colour-text);border-top:1px solid var(--ml-colour-border);padding-top:5px}
.feature-story{padding:54px 28px 80px}.story-heading{max-width:850px;margin:0 auto 56px;text-align:center}.story-back{font-size:14px;text-decoration:underline;text-underline-offset:4px;color:var(--ml-colour-text)}.story-heading h1{font-size:clamp(36px,4.2vw,52px);font-weight:500;line-height:1.14;letter-spacing:-.025em;margin:20px auto 24px;max-width:850px}.story-lead{max-width:680px;font-size:20px;line-height:1.6;color:var(--ml-colour-text);margin:0 auto}
.story-copy{max-width:680px;margin:0 auto 40px}.story-copy h2{font-size:30px;font-weight:500;line-height:1.25;letter-spacing:-.02em;margin:48px 0 20px}.story-copy h3{font-size:22px;font-weight:500;line-height:1.35;letter-spacing:-.01em;margin:32px 0 12px}.story-copy p{font-size:18px;line-height:1.7;margin:16px 0;color:var(--ml-colour-text)}
.story-figure{max-width:1040px;margin:0 auto 56px}.story-figure>a{display:block;border-radius:8px;overflow:hidden;background:#f8fafc;border:1px solid var(--ml-colour-border)}.story-figure img{display:block;width:100%;height:auto}.story-figure figcaption{max-width:780px;margin:auto;padding:16px 0 0;font-size:14px;line-height:1.7;color:var(--ml-colour-text)}.story-figure figcaption>a{display:inline;background:none;border:0;border-radius:0;white-space:nowrap;margin-left:6px}

.record-example{max-width:900px}.record-sheet{background:var(--ml-colour-surface);border:1px solid var(--ml-colour-border);border-radius:12px;padding:36px 44px}.record-sheet h3{font-weight:500;font-size:24px;line-height:1.3;letter-spacing:-.01em;margin:18px 0 28px}.record-sheet dl{margin:0}.record-sheet dl>div{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;border-top:1px solid var(--ml-colour-border);padding:20px 0}.record-sheet dt{font-size:16px;font-weight:600}.record-sheet dd{font-size:16px;color:var(--ml-colour-text);margin:0}
.journey-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;background:var(--ml-colour-surface);border:1px solid var(--ml-colour-border);border-radius:12px;margin:0;padding:32px}.journey-steps li{position:relative}.journey-steps li:not(:last-child):after{content:'→';position:absolute;right:-24px;top:42px;color:var(--ml-colour-text)}.journey-steps span{display:block;color:var(--ml-colour-text);font-size:12px;margin-bottom:16px}.journey-steps strong{font-size:18px;font-weight:500;line-height:1.4;display:block}.journey-steps p{font-size:14px;color:var(--ml-colour-text);margin:12px 0 0}
.state-story-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.state-story-controls[hidden]{display:none}.state-choices{display:flex;gap:8px;flex-wrap:wrap}.state-choices button,.state-play{font-size:14px;line-height:1.4;min-height:44px;padding:10px 15px;border:1px solid var(--ml-colour-border);border-radius:6px;background:var(--ml-colour-surface);color:var(--ml-colour-ink)}.state-choices button[aria-pressed=true]{background:var(--ml-colour-brand);color:var(--ml-colour-canvas);border-color:var(--ml-colour-brand)}.state-play{background:transparent;text-decoration:underline;text-underline-offset:4px}.state-question{display:block;margin:8px 0}.state-story figcaption>a{margin-left:0}
.story-next{border-top:1px solid var(--ml-colour-border);padding-top:8px;margin-top:56px}.story-next nav{display:block}.story-next nav a{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid var(--ml-colour-border);font-size:18px;text-decoration:none}.story-next .button{margin-top:12px}.story-next p.small{font-size:14px}
@media(max-width:760px){.story-previews{grid-template-columns:1fr;gap:24px}.closer-look{padding-top:44px;padding-bottom:44px}.story-preview>div{padding:22px}.feature-story{padding:32px 20px 48px}.story-heading{margin-bottom:36px}.story-lead{font-size:18px}.story-copy p{font-size:16px}.story-figure{margin-bottom:36px}.record-sheet{padding:24px}.record-sheet dl>div{grid-template-columns:1fr;gap:8px}.journey-steps{grid-template-columns:1fr;padding:26px;gap:32px}.journey-steps li:not(:last-child):after{content:'↓';right:auto;top:auto;bottom:-28px}.state-story-controls{align-items:flex-start}.state-choices button{font-size:13px;padding:10px 12px}.story-heading h1{font-size:36px}.story-copy h2{font-size:27px}}

.persona-recording{max-width:1040px}.persona-recording video{display:block;width:100%;height:auto;background:var(--ml-colour-surface)}.state-story{max-width:1040px}



.persona-recording .demo-footer{max-width:none;align-items:flex-start;padding-top:16px}.persona-recording [data-persona-controls][hidden]{display:none}

.state-story .demo-footer{max-width:none;align-items:flex-start;padding-top:16px}.state-story .state-question{margin:0 0 8px}.state-story [data-state-playback][hidden]{display:none}

.state-story [data-state-full]{display:inline;background:none;border:0;border-radius:0;white-space:nowrap}

.state-image{overflow:hidden;border-radius:8px;background:var(--ml-colour-surface)}