/* Open deliverable breakdown, delivery timeline and application sequence. */
.offer-section { padding-block:112px; }
.offer-heading { max-width:990px; margin-bottom:64px; }
.offer-kicker { display:flex; align-items:center; gap:13px; margin-bottom:25px; color:var(--muted); font:700 11px/1.5 var(--font); letter-spacing:.18em; }
.offer-kicker > span { color:var(--lime); }
.offer-kicker::before { content:""; display:block; width:6px; height:6px; border-radius:50%; background:var(--lime); flex-shrink:0; }
.offer-heading h2 { font-size:clamp(38px,4.8vw,64px); line-height:1.1; letter-spacing:-.05em; color:var(--white); }
.offer-heading em,.expectation-card em { color:var(--lime); font-style:normal; }
.offer-lead { max-width:860px; margin-top:27px; font-size:18px; line-height:1.85; color:var(--muted); }
.deliverable-group { margin-top:48px; }
.deliverable-group-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--line); padding-block:16px 12px; }
.deliverable-group-heading h3 { color:var(--lime); font-size:11px; line-height:1.5; letter-spacing:.14em; }
.deliverable-group-heading > p { color:#9CAABD; font-size:12px; }
.deliverable-list { list-style:none; }
.deliverable-row { display:grid; grid-template-columns:54px minmax(0,1fr) auto; align-items:center; column-gap:26px; padding:31px 0; border-bottom:1px solid #354154; }
.deliverable-number { color:var(--lime); font-size:12px; font-weight:750; font-variant-numeric:tabular-nums; letter-spacing:.08em; }
.deliverable-copy h3 { font-size:22px; font-weight:650; line-height:1.35; color:var(--white); }
.deliverable-copy p { color:var(--muted); margin-top:9px; font-size:15px; line-height:1.8; max-width:850px; }
.included-label { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:8px 13px; border:1px solid #D6FF3542; border-radius:30px; background:#D6FF3507; color:var(--lime); font-size:10px; font-weight:750; letter-spacing:.09em; white-space:nowrap; }
.included-label > span { font-size:15px; }
.build-scope { margin-top:52px; padding:32px; border:1px solid #D6FF3545; background:linear-gradient(110deg,#D6FF3508,#1B2638); border-radius:8px; display:grid; grid-template-columns:1fr auto; gap:36px; align-items:center; }
.build-scope > div { position:relative; padding-left:42px; }
.scope-marker { position:absolute; top:-5px; left:0; color:var(--lime); font-size:29px; }
.build-scope h3 { font-size:21px; line-height:1.35; }
.build-scope p { color:var(--muted); font-size:13px; line-height:1.8; margin-top:10px; max-width:760px; }
.build-scope .button { white-space:nowrap; font-size:12px; }
.launch-timeline { padding-block:112px; background:#0C1320; border-block:1px solid #293448; }
.delivery-phases { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; margin:84px 0 55px; }
.delivery-phases > li { position:relative; text-align:center; padding:53px 16px 0; }
.delivery-phases > li::before { content:""; position:absolute; left:0; right:0; top:9px; height:2px; background:var(--lime); }
.delivery-phases > li:first-child::before { left:50%; }
.delivery-phases > li:last-child::before { right:50%; }
.timeline-point { position:absolute; z-index:1; top:0; left:calc(50% - 10px); width:20px; height:20px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 7px #D6FF3514; }
.phase-icon { display:flex; align-items:center; justify-content:center; width:69px; height:69px; border:1px solid #D6FF3535; border-radius:18px; background:radial-gradient(ellipse at top,#D6FF3512,transparent); color:var(--lime); margin:0 auto 24px; }
.phase-icon svg { width:32px; height:32px; }
.phase-days { color:var(--lime); font-size:11px; font-weight:750; letter-spacing:.13em; }
.delivery-phases h3 { margin-top:13px; font-size:24px; font-weight:600; line-height:1.25; }
.delivery-phases ul { list-style:none; margin-top:22px; }
.delivery-phases ul li { color:var(--muted); font-size:14px; line-height:1.75; margin-top:10px; }
.day-plan { border-block:1px solid var(--line); }
.day-plan summary { display:flex; align-items:center; gap:20px; justify-content:space-between; cursor:pointer; padding-block:24px; color:var(--white); font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; list-style:none; }
.day-plan summary::-webkit-details-marker { display:none; }
.day-plan summary > span { font-size:24px; line-height:1; font-weight:400; color:var(--lime); transition:transform .2s; }
.day-plan[open] summary > span { transform:rotate(45deg); }
.day-plan ol { list-style:none; padding-bottom:10px; }
.day-plan li { display:grid; grid-template-columns:125px minmax(0,1fr) 130px; gap:24px; padding:24px 0; border-top:1px solid #293448; }
.day-plan li > span { color:var(--lime); font-size:12px; }
.day-plan h4 { font-size:16px; line-height:1.5; font-weight:650; }
.day-plan p { font-size:14px; line-height:1.8; color:var(--muted); margin-top:5px; }
.day-plan li > .plan-owner { text-align:right; color:#9CAABD; font-size:11px; }
.delivery-note,.expectation-note { font-size:12px; line-height:1.8; color:#9CAABD; margin-top:22px; max-width:950px; }
.expectation-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.expectation-card { border:1px solid var(--line); border-radius:9px; padding:39px 36px; background:#172031; }
.expectation-card.included-card { border-color:#D6FF3545; background:linear-gradient(140deg,#D6FF3505,#172031); }
.expectation-card .offer-kicker { margin-bottom:26px; font-size:10px; }
.expectation-card.included-card .offer-kicker { color:var(--lime); }
.responsibility-card .offer-kicker::before { background:#AEB9CB; }
.expectation-card h3 { font-size:30px; line-height:1.3; font-weight:600; }
.expectation-card ul { list-style:none; margin-top:30px; }
.expectation-card li { padding-left:36px; position:relative; color:#C2CBD9; font-size:15px; line-height:1.8; margin-top:22px; }
.expectation-card li::before { content:"✓"; position:absolute; left:0; top:3px; display:grid; place-items:center; width:22px; height:22px; border:1px solid #D6FF3545; border-radius:5px; background:#D6FF350B; color:var(--lime); font-size:13px; line-height:1; }
.responsibility-card li::before { content:"→"; color:#C2CBD9; border-color:#56647A; background:#FFFFFF05; }
.application-section { padding-block:106px; background:#0C1320; border-block:1px solid #293448; }
.application-section .offer-heading { max-width:950px; margin:0 auto 47px; text-align:center; }
.application-section .offer-kicker { justify-content:center; }
.application-section .offer-lead { margin-inline:auto; max-width:800px; }
.application-facts { border:1px solid #D6FF3545; border-top:3px solid var(--lime); border-radius:9px; background:radial-gradient(ellipse at top,#D6FF350A,transparent),#141D2B; display:grid; grid-template-columns:repeat(3,1fr); max-width:800px; margin:0 auto; padding:32px 16px; text-align:center; }
.application-facts > div { padding:6px 20px; }
.application-facts > div + div { border-left:1px solid var(--line); }
.application-facts strong { display:block; font-size:47px; font-weight:650; line-height:1.1; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.application-facts strong span { font-size:21px; margin-left:4px; }
.application-facts div > span { display:block; color:var(--muted); font-size:9px; font-weight:650; letter-spacing:.1em; margin-top:17px; }
.after-apply { max-width:720px; margin:60px auto 0; text-align:center; }
.after-apply h3 { font-size:36px; line-height:1.2; font-weight:600; }
.after-apply ol { list-style:none; margin:34px auto 38px; text-align:left; max-width:620px; }
.after-apply li { display:grid; grid-template-columns:29px 1fr; gap:18px; margin-top:25px; }
.after-apply li > span { color:var(--lime); font-size:11px; line-height:26px; font-weight:750; }
.after-apply h4 { font-size:17px; line-height:1.5; }
.after-apply li p { color:var(--muted); font-size:14px; line-height:1.8; margin-top:5px; }
.after-apply > .button { min-width:300px; padding:23px 30px; font-size:15px; }
.apply-microcopy { color:#AEB9CB; font-size:11px; margin-top:17px; }
@media(max-width:900px) {
 .offer-section,.launch-timeline,.application-section { padding-block:80px; }
 .deliverable-row { grid-template-columns:30px minmax(0,1fr) auto; gap:18px; }
 .deliverable-copy h3 { font-size:20px; }
 .deliverable-copy p { font-size:14px; }
 .build-scope { grid-template-columns:1fr; gap:22px; }
 .build-scope .button { justify-self:start; margin-left:42px; }
 .delivery-phases { grid-template-columns:1fr 1fr; gap:36px 10px; margin-top:50px; }
 .delivery-phases > li:nth-child(odd)::before { left:50%; right:0; }
 .delivery-phases > li:nth-child(even)::before { left:0; right:50%; }
 .expectation-card { padding:30px 25px; }
 .expectation-card h3 { font-size:27px; }
 .expectation-card li { font-size:14px; }
}
@media(max-width:560px) {
 .offer-section,.launch-timeline,.application-section { padding-block:62px; }
 .offer-heading { margin-bottom:36px; }
 .offer-heading h2 { font-size:36px; line-height:1.14; }
 .offer-kicker { font-size:9px; letter-spacing:.13em; gap:9px; margin-bottom:20px; }
 .offer-lead { font-size:15px; line-height:1.8; margin-top:21px; }
 .deliverable-group { margin-top:33px; }
 .deliverable-group-heading { display:block; padding-block:14px 3px; }
 .deliverable-group-heading h3 { font-size:10px; }
 .deliverable-group-heading p { font-size:11px; margin-top:6px; }
 .deliverable-row { grid-template-columns:25px minmax(0,1fr); column-gap:12px; row-gap:14px; align-items:start; padding-block:25px; }
 .deliverable-number { margin-top:4px; font-size:11px; }
 .deliverable-copy h3 { font-size:19px; line-height:1.4; }
 .deliverable-copy p { font-size:13px; line-height:1.85; margin-top:8px; }
 .included-label { grid-column:2; justify-self:start; padding:4px 10px; font-size:8px; gap:6px; }
 .included-label > span { font-size:12px; }
 .build-scope { padding:24px 21px; margin-top:30px; }
 .build-scope > div { padding-left:0; }
 .scope-marker { position:static; display:block; line-height:1; margin-bottom:17px; }
 .build-scope h3 { font-size:22px; }
 .build-scope p { font-size:12px; }
 .build-scope .button { margin-left:0; width:100%; white-space:normal; font-size:12px; }
 .delivery-phases { display:block; margin-top:44px; margin-bottom:35px; }
 .delivery-phases > li { text-align:left; padding:0 0 34px 48px; }
 .delivery-phases > li:last-child { padding-bottom:0; }
 .delivery-phases > li::before,.delivery-phases > li:nth-child(odd)::before,.delivery-phases > li:nth-child(even)::before { left:9px; right:auto; top:10px; bottom:0; width:2px; height:100%; }
 .delivery-phases > li:last-child::before { display:none; }
 .timeline-point { top:9px; left:1px; width:18px; height:18px; box-shadow:0 0 0 5px #D6FF3514; }
 .phase-icon { margin:0 0 17px; width:52px; height:52px; border-radius:13px; }
 .phase-icon svg { width:27px; height:27px; }
 .phase-days { font-size:10px; }
 .delivery-phases h3 { font-size:25px; margin-top:9px; }
 .delivery-phases ul { margin-top:14px; }
 .delivery-phases ul li { font-size:13px; margin-top:7px; }
 .day-plan summary { font-size:9px; letter-spacing:.08em; padding-block:20px; }
 .day-plan li { grid-template-columns:1fr; gap:9px; padding-block:19px; }
 .day-plan h4 { font-size:15px; }
 .day-plan p { font-size:12px; }
 .day-plan li > .plan-owner { text-align:left; }
 .delivery-note,.expectation-note { font-size:10px; }
 .expectation-grid { grid-template-columns:1fr; gap:17px; }
 .expectation-card { padding:28px 24px; }
 .expectation-card h3 { font-size:28px; }
 .expectation-card li { font-size:13px; padding-left:32px; margin-top:19px; }
 .expectation-card ul { margin-top:23px; }
 .application-facts { padding:22px 6px; }
 .application-facts > div { padding:3px 8px; }
 .application-facts strong { font-size:33px; }
 .application-facts strong span { font-size:14px; margin-left:2px; }
 .application-facts div > span { font-size:7px; letter-spacing:.05em; margin-top:12px; line-height:1.8; }
 .after-apply { margin-top:42px; }
 .after-apply .offer-kicker { font-size:8px; }
 .after-apply h3 { font-size:31px; }
 .after-apply li { gap:10px; }
 .after-apply h4 { font-size:15px; }
 .after-apply li p { font-size:12px; }
 .after-apply > .button { width:100%; min-width:0; padding:21px 18px; font-size:13px; }
 .apply-microcopy { font-size:10px; }
}
