/* Public Turn Manager page only. All rules are scoped to this page. */
/* White throughout except the dark hero and Controls band. The page base, the hero, section rhythm, the type
   scale, screenshot frames, the lightbox, and the related/FAQ/CTA sections come from feature-story.css
   (sharedStory: true). The hero photo: monitor x 885-1600 and stand base y 760 in the 1672x941 source, so the wide
   box is 1.1 (the monitor span, 787/941 of the height, plus the fade) and phones crop in further. */
.turn-feature-page{--story-hero-ratio:1.1;--story-hero-crop:16/9;--story-hero-crop-top:-20%;--story-hero-crop-width:167%;}
.turn-feature-page .turn-kicker{margin:0 0 20px;color:#806426;font-size:var(--story-text-label);font-weight:600;letter-spacing:.12em;text-transform:uppercase;}
/* Turn Manager's hero predates the shared one by a few details: a narrower intro and h1, a bolder demo button with
   an arrow, and a wider gap before the ↓. */
@media(min-width:1001px){.turn-feature-page .story-hero__intro{max-width:500px;}}
.turn-feature-page .story-hero h1{max-width:640px;}
.turn-feature-page .story-demo{gap:28px;font-weight:700;}
.turn-feature-page .story-explore{gap:16px;}
.turn-feature-page .turn-product-intro{padding:var(--story-section-space) 0;background:#fff;}
.turn-feature-page .turn-product-intro__board{max-width:1000px;margin:0 auto;}
.turn-feature-page .turn-workflow{scroll-margin-top:100px;}
.turn-feature-page .turn-workflow__label{display:flex;justify-content:space-between;gap:24px;padding:32px 0;border-bottom:1px solid var(--story-line);font-size:var(--story-text-label);font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
.turn-feature-page .turn-walkthrough{padding:var(--story-section-space) 0;}
/* Rows after the first sit under a hairline so white rows never run together. */
.turn-feature-page .turn-walkthrough + .turn-walkthrough{padding-top:0;}
.turn-feature-page .turn-walkthrough + .turn-walkthrough .turn-walkthrough__grid{border-top:1px solid var(--story-line);padding-top:var(--story-section-space);}
.turn-feature-page .turn-walkthrough__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:center;}
.turn-feature-page .turn-section-intro{margin:22px 0 0;max-width:var(--story-measure);color:var(--story-body-muted);font-size:var(--story-text-body);}
.turn-feature-page .turn-details{margin:28px 0 0;}
.turn-feature-page .turn-details > div{padding:16px 0;border-top:1px solid var(--story-line);}
.turn-feature-page .turn-details dt{font-size:var(--story-text-small);font-weight:600;line-height:1.6;}
.turn-feature-page .turn-details dd{margin:5px 0 0;font-size:var(--story-text-small);line-height:1.75;color:var(--story-body-muted);}
.turn-feature-page .turn-walkthrough--queue .turn-walkthrough__copy{grid-column:2;grid-row:1;}
.turn-feature-page .turn-walkthrough--queue .turn-walkthrough__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);}
.turn-feature-page .turn-walkthrough--queue .feature-visual{grid-column:1;grid-row:1;}
.turn-feature-page .turn-walkthrough--services .turn-walkthrough__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;}
.turn-feature-page .turn-visual--services{width:440px;justify-self:center;}
/* Neutral greys (R=G=B) to match the hero's #222; #6c6c6c is the lightest line that reaches 3:1 on it. */
.turn-feature-page .turn-controls{--story-focus:#dcc58f;--turn-controls-muted:#d4d4d4;--turn-controls-line:#6c6c6c;--story-divider:var(--turn-controls-line);background:#222;color:#fff;padding:var(--story-section-space) 0;}
.turn-feature-page .turn-controls .turn-kicker{color:#dcc58f;}
.turn-feature-page .turn-controls__intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:40px;}
.turn-feature-page .turn-controls__intro > p{margin:0;max-width:var(--story-measure);color:var(--turn-controls-muted);font-size:var(--story-text-body);}
.turn-feature-page .turn-control-group{display:grid;grid-template-columns:1fr 2fr;gap:64px;padding:26px 0;border-top:1px solid var(--turn-controls-line);}
.turn-feature-page .turn-control-group h3{font-size:var(--story-text-h3);font-weight:500;margin:0;color:#dcc58f;line-height:1.6;}
.turn-feature-page .turn-control-group dl{margin:0;}
.turn-feature-page .turn-control-group .feature-capability{display:grid;grid-template-columns:.8fr 1.5fr;gap:24px;padding:0;border:0;min-height:0;background:none;}
.turn-feature-page .turn-control-group .feature-capability + .feature-capability{margin-top:22px;}
.turn-feature-page .turn-control-group dt{font-size:var(--story-text-small);line-height:1.75;font-weight:500;}
.turn-feature-page .turn-control-group dd{font-size:var(--story-text-small);line-height:1.75;color:var(--turn-controls-muted);margin:0;}
@media(max-width:1000px){
 .turn-feature-page .turn-walkthrough__grid,.turn-feature-page .turn-walkthrough--services .turn-walkthrough__grid{gap:36px;}
 .turn-feature-page .turn-control-group{gap:32px;}
}
@media(max-width:760px){
 .turn-feature-page{--story-hero-crop:4/3;--story-hero-crop-top:-14%;--story-hero-crop-width:192%;}
 .turn-feature-page .turn-controls__intro{grid-template-columns:1fr;gap:24px;}
 .turn-feature-page .turn-walkthrough__grid,.turn-feature-page .turn-walkthrough--queue .turn-walkthrough__grid,.turn-feature-page .turn-walkthrough--services .turn-walkthrough__grid{grid-template-columns:1fr;gap:28px;}
 .turn-feature-page .turn-walkthrough--queue .turn-walkthrough__copy,.turn-feature-page .turn-walkthrough--queue .feature-visual{grid-column:auto;grid-row:auto;}
 .turn-feature-page .turn-visual--services{width:min(100%,440px);}
 .turn-feature-page .turn-control-group{grid-template-columns:1fr;gap:18px;}
 .turn-feature-page .turn-control-group .feature-capability{grid-template-columns:1fr;gap:4px;}
}