/* Commercial tiers use the Format hub palette and card rhythm. */
.experience-ladder { --el-ink:#eef3f6; --el-muted:#aeb8c1; --el-line:rgba(255,255,255,.18); --el-accent:#bfff00; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-block:32px; color:var(--el-ink); }
.experience-ladder__offer { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--el-line); border-radius:18px; background:#151f27; scroll-margin-top:120px; }
.experience-ladder__media { position:relative; background:#101a22; border-bottom:1px solid var(--el-line); }
.experience-ladder__media img { display:block; width:100%; height:auto; aspect-ratio:2; object-fit:cover; }
.experience-ladder__media > span { position:absolute; top:14px; left:16px; right:12px; color:var(--el-muted); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.experience-ladder__body { display:flex; flex:1; flex-direction:column; padding:24px; }
.experience-ladder__offer h4 { color:var(--el-ink); font-size:22px; line-height:1.22; letter-spacing:-.025em; margin:0 0 14px; }
.experience-ladder__offer p { color:var(--el-muted); font-size:15px; line-height:1.6; margin:0 0 18px; }
.experience-ladder__descriptor { min-height:4.8em; }
.experience-ladder__price { margin:0 0 14px; }
.experience-ladder__price strong { display:block; font-size:19px; line-height:1.4; color:var(--el-ink); }
.experience-ladder__price span { display:block; margin-top:4px; font-size:12px; line-height:1.5; color:var(--el-muted); }
.experience-ladder__offer .experience-ladder__supply { font-size:13px; padding-bottom:18px; border-bottom:1px solid var(--el-line); }
.experience-ladder__offer summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; cursor:pointer; list-style:none; font-size:14px; font-weight:600; line-height:1.4; }
.experience-ladder__offer summary::-webkit-details-marker { display:none; }
.experience-ladder__offer summary::after { content:'+'; color:var(--el-accent); font-size:24px; font-weight:400; }
.experience-ladder__offer details[open] > summary::after { content:'−'; }
.experience-ladder__offer details[open] > summary { margin-bottom:20px; }
.experience-ladder__offer dt { color:var(--el-accent); font-size:11px; letter-spacing:.07em; text-transform:uppercase; font-weight:700; margin:20px 0 8px; }
.experience-ladder__offer dd { color:var(--el-muted); font-size:14px; margin:0; line-height:1.65; }
.experience-ladder__offer dl { margin:0 0 24px; }
.experience-ladder__offer details p { font-size:13px; }
.experience-ladder__actions { display:flex; flex-direction:column; gap:8px; margin-top:auto; padding-top:20px; }
.experience-ladder a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; color:var(--el-ink); font-size:14px; line-height:1.5; text-decoration:none; text-underline-offset:4px; }
.experience-ladder__actions > a:first-child { border-top:1px solid var(--el-line); padding-top:16px; font-weight:700; }
.experience-ladder__actions > a:first-child span { color:var(--el-accent); }
.experience-ladder__actions > a + a { color:var(--el-muted); font-size:12px; }
.experience-ladder a:hover { color:var(--el-accent); text-decoration:underline; }
.experience-ladder a:focus-visible,.experience-ladder summary:focus-visible { outline:3px solid var(--el-accent); outline-offset:4px; }
.experience-heading { display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:end; margin-bottom:32px; }
.experience-heading h2 { margin:0; padding:0; background:none; color:#eef3f6; font-size:clamp(28px,3vw,42px); letter-spacing:-.035em; line-height:1.15; max-width:22ch; }
.experience-heading p { color:#aeb8c1; font-size:17px; line-height:1.65; max-width:52ch; margin:0; }
.format-family__grid.format-family__grid--ladders { display:grid; grid-template-columns:1fr; gap:40px; }
.format-series { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:32px; align-items:start; border-top:1px solid rgba(255,255,255,.18); padding-top:32px; }
.format-series .experience-ladder { grid-template-columns:1fr; margin:0; gap:20px; }
.format-series .format-card--ladder-full .format-card__media { aspect-ratio:16/9; }
.format-series .format-card--ladder-full .format-card__body { padding:28px; }
.format-series .format-card--ladder-full h3 { font-size:32px; line-height:1.2; }
.format-series .format-card--ladder-full p { font-size:16px; }
.format-series .format-card--ladder-full .format-card__tier { color:#bfff00; font-size:11px; text-transform:uppercase; letter-spacing:.09em; font-weight:700; margin-bottom:12px; }
.format-series .experience-ladder__offer { display:grid; grid-template-columns:112px minmax(0,1fr); border-radius:14px; }
.format-series .experience-ladder__media { background:#101a22; border:0; border-right:1px solid rgba(255,255,255,.1); padding-top:16px; }
.format-series .experience-ladder__media img { height:90px; object-fit:cover; }
.format-series .experience-ladder__media > span { display:block; position:static; padding:8px 12px; font-size:9px; letter-spacing:.04em; line-height:1.6; }
.format-series .experience-ladder__body { padding:20px; }
.format-series .experience-ladder__offer h4 { font-size:20px; margin-bottom:10px; }
.format-series .experience-ladder__descriptor { min-height:0; font-size:13px; margin-bottom:14px; }
.format-series .experience-ladder__price strong { font-size:17px; }
.format-series .experience-ladder__price span { font-size:11px; }
.format-series .experience-ladder__offer .experience-ladder__supply { font-size:11px; padding-bottom:12px; margin-bottom:6px; }
.format-series .experience-ladder__offer summary { font-size:12px; }
.format-series .experience-ladder__actions { padding-top:8px; gap:4px; }
.format-series .experience-ladder__actions > a { font-size:12px; }
.format-series .experience-ladder__actions > a + a { font-size:11px; min-height:36px; }
.experience-network { color:#eef3f6; padding:40px; margin-block:64px 24px; border:1px solid rgba(255,255,255,.18); border-radius:20px; background:linear-gradient(125deg,#151f27,#101d21); }
.experience-network h2 { font-size:clamp(26px,2.6vw,36px); letter-spacing:-.03em; line-height:1.2; margin:0; max-width:30ch; }
.experience-network__intro { font-size:16px; line-height:1.6; color:#aeb8c1; max-width:65ch; margin:18px 0 32px; }
.experience-network__steps { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.experience-network__steps li { position:relative; border-top:1px solid #526169; padding-top:20px; }
.experience-network__steps li::before { content:''; position:absolute; top:-5px; left:0; width:9px; height:9px; background:#bfff00; border-radius:50%; }
.experience-network__steps span { color:#bfff00; font-size:12px; font-weight:700; letter-spacing:.08em; }
.experience-network__steps h3 { font-size:20px; margin:10px 0; line-height:1.25; }
.experience-network__steps p { color:#aeb8c1; font-size:14px; line-height:1.6; margin:0; }
.experience-network__note { color:#aeb8c1; font-size:12px; line-height:1.7; margin:28px 0 0; padding-top:22px; border-top:1px solid rgba(255,255,255,.15); max-width:95ch; }
@media(min-width:1250px) { #partner-start .experience-ladder { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:1000px) { .experience-ladder { grid-template-columns:repeat(2,minmax(0,1fr)); } .format-series { grid-template-columns:1fr; } .format-series .experience-ladder { grid-template-columns:repeat(2,minmax(0,1fr)); } .format-series .experience-ladder__offer { display:flex; } .format-series .experience-ladder__media { display:flex; align-items:center; padding:0; border:0; } .format-series .experience-ladder__media img { width:120px; height:80px; } .format-series .experience-ladder__media > span { flex:1; } }
@media(max-width:640px) { .experience-ladder,.format-series .experience-ladder { grid-template-columns:1fr; gap:20px; } .experience-ladder__descriptor { min-height:0; } .experience-ladder__body { padding:22px; } .experience-heading { grid-template-columns:1fr; gap:18px; } .experience-heading p { font-size:16px; } .format-series .format-card--ladder-full h3 { font-size:28px; } .format-series .format-card--ladder-full .format-card__body { padding:24px; } .experience-network { padding:24px; margin-top:40px; } .experience-network__steps { grid-template-columns:1fr; gap:24px; } .experience-network__intro { font-size:15px; } }
.format-card__price { margin:20px 0 24px; }
.format-card__price strong { display:block; color:#eef3f6; font-size:22px; line-height:1.4; }
.format-card__price span { display:block; color:#aeb8c1; font-size:12px; line-height:1.6; margin-top:8px; }
@media(min-width:641px) {
 .experience-ladder--surface > .experience-ladder__offer { display:grid; grid-template-rows:subgrid; grid-row:span 7; row-gap:0; }
 .experience-ladder--surface .experience-ladder__body { display:grid; grid-template-rows:subgrid; grid-row:span 6; row-gap:0; }
 .experience-ladder--surface .experience-ladder__descriptor { min-height:0; }
 .experience-ladder--surface .experience-ladder__actions { align-self:end; }
}
.format-family__grid--ladders > .format-card { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); }
.format-family__grid--ladders > .format-card .format-card__media { aspect-ratio:auto; height:100%; }
.format-family__grid--ladders > .format-card .format-card__body { padding:28px; }
@media(max-width:640px) { .format-family__grid--ladders > .format-card { display:block; } .format-family__grid--ladders > .format-card .format-card__media { aspect-ratio:16/9; height:auto; } }

/* Keep the first-intervention heading clear of the fixed mobile header on anchor arrival. */
@media (max-width: 48rem) {
    #partner-start, #solutions-first-experience { scroll-margin-top: 96px; }
}