.planning-process-page { overflow: clip; }
.planning-process-page .planning-hero { padding-block: var(--space-32); background: linear-gradient(120deg, var(--color-midnight-indigo-900), var(--color-obsidian-950) 62%); }
.planning-hero__grid, .planning-concept__top, .planning-poker__top, .planning-form-section__grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--space-16); align-items:center; }
.planning-hero__copy, .planning-concept__copy, .planning-poker__copy, .planning-form-section__intro { min-width:0; }
.planning-hero__copy { max-width:40rem; display:flex; flex-direction:column; gap:var(--space-6); align-items:flex-start; }
.planning-hero__copy > * { margin:0; }
.planning-hero__lead { max-width:40rem; }
.planning-hero__media, .planning-concept__media, .planning-poker__media { width:100%; min-width:0; margin:0; box-shadow:var(--shadow-panel); }
.planning-hero__media img { width:100%; aspect-ratio:16 / 10; object-position:70% center; }
.planning-hero__promises { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-4); width:100%; }
.planning-hero__promise { min-width:0; border-top:1px solid var(--color-gold-500); padding-top:var(--space-3); display:flex; flex-direction:column; gap:var(--space-2); font-size:var(--text-xs); line-height:var(--leading-sm); }
.planning-hero__promise strong { font-size:var(--text-sm); }
.planning-brief__grid { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,4fr); gap:var(--space-12) var(--space-16); align-items:end; }
.planning-brief__intro { grid-column:1; min-width:0; max-width:42rem; }
.planning-brief__narrative { grid-column:1; min-width:0; display:flex; flex-direction:column; gap:var(--space-12); }
.planning-numbered-copy { min-width:0; max-width:36rem; display:grid; grid-template-columns:4rem minmax(0,1fr); gap:var(--space-6); }
.planning-numbered-copy__index, .planning-script__row > span, .planning-poker__service > span, .planning-production__item > span { color:var(--color-gold-300); font-family:var(--font-display); font-size:var(--text-2xl); line-height:1; }
.planning-brief__frame { grid-column:2; grid-row:2; min-width:0; display:flex; flex-direction:column; gap:var(--space-6); }
.planning-brief__frame > * { margin:0; }
.planning-concept { background:linear-gradient(180deg, transparent, rgba(23,26,53,.36)); }
.planning-concept__copy { max-width:38rem; display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-4); }
.planning-concept__copy > * { margin:0; }
.planning-concept__media img, .planning-poker__media img { width:100%; aspect-ratio:3 / 2; object-position:70% center; }
.planning-concept__layers { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:var(--space-16); margin-top:var(--space-12); }
.planning-concept__layer { min-width:0; max-width:32rem; }
.planning-concept__layer--accent { border-left:1px solid var(--color-gold-500); padding-left:var(--space-6); max-width:38rem; }
.planning-script { background:var(--color-midnight-indigo-900); }
.planning-script__intro { max-width:38rem; }
.planning-script__rows { display:flex; flex-direction:column; margin-top:var(--space-12); border-top:1px solid var(--border-subtle); }
.planning-script__row { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,6fr); gap:var(--space-8); padding-block:var(--space-8); border-bottom:1px solid var(--border-subtle); }
.planning-script__row > * { min-width:0; margin:0; }
.planning-script__row h3 { font-size:var(--text-xl); }
.planning-script__closing { max-width:40rem; margin:var(--space-8) 0 0; color:var(--color-champagne-100); font-family:var(--font-display); font-size:var(--text-xl); line-height:1.2; }
.planning-poker__panel { padding:var(--space-8); background:linear-gradient(145deg, rgba(23,26,53,.95), var(--color-obsidian-900)); border:1px solid var(--border-subtle); box-shadow:var(--shadow-panel); }
.planning-poker__copy { max-width:42rem; }
.planning-poker__services { display:flex; flex-direction:column; gap:var(--space-4); margin-top:var(--space-12); }
.planning-poker__service { min-width:0; display:grid; grid-template-columns:4rem minmax(0,1fr); gap:var(--space-6); padding:var(--space-6) 0; border-top:1px solid var(--border-subtle); transition:background-color var(--transition-base), border-color var(--transition-base); }
.planning-poker__service:hover { border-color:var(--color-gold-300); background:rgba(228,196,119,.04); }
.planning-poker__service > * { min-width:0; }
.planning-poker__service--raised { padding-inline:var(--space-6); background:var(--color-obsidian-800); }
.planning-poker__notice { max-width:50rem; margin:var(--space-8) 0 var(--space-6); border-left:1px solid var(--color-gold-500); padding-left:var(--space-6); }
.planning-details__intro { max-width:40rem; }
.planning-details__grid { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--space-6); margin-top:var(--space-12); }
.planning-detail-card { min-width:0; padding:var(--space-8); background:var(--color-obsidian-900); border:1px solid var(--border-subtle); transition:transform var(--transition-base), border-color var(--transition-base); }
.planning-detail-card:hover { transform:translateY(-3px); border-color:var(--color-gold-300); }
.planning-detail-card--wide { grid-column:auto; }
.planning-detail-card--corner { position:relative; }
.planning-detail-card--corner::after { content:""; position:absolute; top:0; right:0; width:2rem; height:2rem; border-top:1px solid var(--color-gold-300); border-right:1px solid var(--color-gold-300); }
.planning-production__lane { width:75%; min-width:0; display:flex; flex-direction:column; gap:var(--space-8); }
.planning-production__lane header { max-width:40rem; }
.planning-production__item { min-width:0; display:grid; grid-template-columns:3rem minmax(0,1fr); gap:var(--space-4); max-width:42rem; }
.planning-production__item--offset { margin-left:var(--space-12); }
.planning-production__item--panel { padding:var(--space-6); background:var(--color-obsidian-900); border:1px solid var(--border-subtle); }
.planning-production__quote { max-width:32rem; margin:0; border-left:1px solid var(--color-gold-500); padding-left:var(--space-6); color:var(--color-champagne-100); font-family:var(--font-display); font-size:var(--text-xl); line-height:1.2; }
.planning-focus { background:var(--color-obsidian-900); }
.planning-focus__intro { max-width:40rem; }
.planning-focus__columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-8); margin-top:var(--space-12); }
.planning-focus__columns > article { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-4); border-top:1px solid var(--color-gold-500); padding-top:var(--space-6); }
.planning-focus__columns > article > * { margin:0; }
.planning-focus__columns > article + article { border-left:1px solid var(--border-subtle); padding-left:var(--space-8); }
.planning-focus__columns .text-link { min-height:2.75rem; margin-top:auto; }
.planning-outcomes__intro { max-width:38rem; }
.planning-outcomes__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-12); margin-top:var(--space-12); }
.planning-outcomes__grid > article { min-width:0; }
.planning-outcomes__grid ul { display:flex; flex-direction:column; gap:var(--space-4); padding-left:0; }
.planning-outcomes__grid li { padding-left:var(--space-6); position:relative; }
.planning-outcomes__grid li::before { content:""; position:absolute; top:.7em; left:0; width:.45rem; height:1px; background:var(--color-gold-500); }
.planning-outcomes__closing { width:min(100%,38rem); margin:var(--space-12) auto 0; color:var(--color-champagne-100); font-family:var(--font-display); font-size:var(--text-2xl); line-height:1.12; }
.planning-form-section { background:linear-gradient(135deg, var(--color-midnight-indigo-900), var(--color-obsidian-950)); }
.planning-form-section__intro { max-width:34rem; }
.planning-form-section__help { margin-top:var(--space-12); color:var(--color-champagne-100); }
.planning-form-panel { min-width:0; }
.planning-form-panel form { display:flex; flex-direction:column; gap:var(--space-8); }
.planning-form-panel fieldset { display:flex; flex-direction:column; gap:var(--space-4); }
.planning-form-panel legend { color:var(--color-gold-300); font-size:var(--text-sm); font-weight:700; letter-spacing:.02em; }
.planning-form-panel__fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-6); }
.planning-form-panel__fields > * { min-width:0; }
.planning-form-panel__full { grid-column:1 / -1; }
.planning-form-panel .field { min-height:3rem; }
.planning-form-panel__error { min-height:1.2em; margin:var(--space-2) 0 0; color:var(--color-error-coral); font-size:var(--text-sm); line-height:var(--leading-sm); }
.planning-form-panel .field[aria-invalid="true"] { border-color:var(--color-error-coral); }
.planning-form-panel__consent { min-width:0; display:grid; grid-template-columns:1.25rem minmax(0,1fr); gap:var(--space-3); align-items:start; }
.planning-form-panel__consent input { width:1.1rem; height:1.1rem; margin-top:.15rem; accent-color:var(--color-gold-500); }
.planning-form-panel__consent label { min-width:0; margin:0; font-weight:400; }
.planning-form-panel__consent .planning-form-panel__error { grid-column:1 / -1; }
.planning-form-panel__support { max-width:42rem; margin:0; color:var(--color-mist-500); font-size:var(--text-sm); }
.planning-form-panel__success { display:flex; flex-direction:column; gap:var(--space-4); color:var(--color-success-sage); }
.planning-form-panel__success > * { margin:0; }
.planning-form-panel__status { min-height:0; color:var(--color-error-coral); font-size:var(--text-sm); }
.planning-closing { padding-block:var(--space-32); background:linear-gradient(180deg, rgba(199,154,67,.08), transparent 30%), var(--color-obsidian-950); }
.planning-closing__content { width:min(100%,36rem); margin-inline:auto; display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-6); }
.planning-closing__content > * { margin:0; }
@media (max-width: 900px) { .planning-hero__grid, .planning-concept__top, .planning-poker__top, .planning-form-section__grid { grid-template-columns:minmax(0,1fr); gap:var(--space-8); } .planning-hero__media { grid-row:2; } .planning-concept__copy, .planning-poker__copy { max-width:100%; } .planning-concept__layers { grid-template-columns:minmax(0,1fr); gap:var(--space-8); } .planning-brief__grid { grid-template-columns:minmax(0,1fr); gap:var(--space-8); } .planning-brief__intro, .planning-brief__narrative, .planning-brief__frame { grid-column:1; grid-row:auto; max-width:100%; } .planning-focus__columns { grid-template-columns:repeat(2,minmax(0,1fr)); } .planning-focus__columns > article:nth-child(3) { grid-column:1 / -1; } .planning-production__lane { width:100%; } }
@media (max-width: 860px) { .planning-details__grid { grid-template-columns:minmax(0,1fr); } .planning-detail-card, .planning-detail-card--wide { grid-column:1; } }
@media (max-width: 820px) { .planning-script__row { grid-template-columns:minmax(0,1fr) minmax(0,5fr); gap:var(--space-4) var(--space-6); } .planning-script__row p { grid-column:1 / -1; max-width:40rem; } .planning-outcomes__grid { grid-template-columns:minmax(0,1fr); gap:var(--space-8); } }
@media (max-width: 700px) { .planning-process-page .planning-hero, .planning-closing { padding-block:var(--space-24); } .planning-hero__copy { max-width:100%; } .planning-hero__media img, .planning-concept__media img, .planning-poker__media img { aspect-ratio:4 / 5; } .planning-hero__media img { object-position:65% center; } .planning-hero__promises { grid-template-columns:minmax(0,1fr); gap:var(--space-6); } .planning-focus__columns { grid-template-columns:minmax(0,1fr); gap:var(--space-6); } .planning-focus__columns > article:nth-child(3) { grid-column:1; } .planning-focus__columns > article + article { border-left:0; border-top:1px solid var(--border-subtle); padding-left:0; padding-top:var(--space-6); } .planning-form-panel__fields { grid-template-columns:minmax(0,1fr); } .planning-form-panel__full { grid-column:1; } }
@media (max-width: 620px) { .planning-script__row { grid-template-columns:minmax(0,1fr); gap:var(--space-3); } .planning-script__row p { grid-column:1; } .planning-numbered-copy, .planning-poker__service, .planning-production__item { grid-template-columns:minmax(0,1fr); gap:var(--space-3); } .planning-numbered-copy__index, .planning-poker__service > span, .planning-production__item > span { font-size:2rem; } .planning-production__item--offset { margin-left:0; } .planning-poker__panel { padding:var(--space-6); } .planning-poker__service--raised { padding-inline:var(--space-4); } }
@media (max-width: 520px) { .planning-hero__actions, .planning-hero__actions .button, .planning-closing .actions, .planning-closing .button { width:100%; } .planning-detail-card { padding:var(--space-6); } }
@media (prefers-reduced-motion: no-preference) { .planning-reveal { opacity:0; transform:translateY(20px); transition:opacity 420ms ease-out, transform 420ms ease-out; } .planning-reveal.is-visible { opacity:1; transform:translateY(0); } }