.platform{background:var(--color-bg-cream);padding-block:6.25em}.platform__inner{width:100%}.tab-layout__wrap{z-index:1;flex-wrap:wrap;align-items:stretch;gap:3em 0;display:flex;position:relative}.tab-layout__col{flex-direction:column;width:50%;padding-inline:.5em;display:flex}.tab-content__wrap{width:100%;max-width:36em;height:100%;margin-left:0;margin-right:0}.tab-content__inner{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:3em;min-height:100%;padding:1em 2.5em 0 0;display:flex}.tab-content__top{flex-direction:column;align-items:flex-start;gap:1.25em;display:flex}.tab-content__bottom{flex-direction:column;align-items:stretch;width:100%;max-width:30em;display:flex}.tab-content__item{width:100%;color:var(--color-text-dark);appearance:none;font:inherit;text-align:left;transition:opacity var(--transition-base);cursor:pointer;background:0 0;border:0;margin:0;padding-block:1.75em;text-decoration:none;display:block;position:relative}.tab-content__item:not(.active){opacity:.55}.tab-content__item:not(.active):hover{opacity:.85}.tab-content__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;opacity:1;border-radius:var(--radius-sm)}.tab-content__item-main{align-items:flex-start;gap:1.25em;width:100%;display:flex}.content-item__nr{background:var(--color-bg-dark);border:1px solid var(--color-bg-dark);width:2.25em;height:2.25em;color:var(--color-primary);font-family:var(--font-mono);transition:transform .4s var(--ease-osmo);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.25em;font-size:.75em;line-height:1;display:inline-flex}.tab-content__item.active .content-item__nr{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-dark);transform:scale(1.08)}.content-item__heading{font-family:var(--font-heading);letter-spacing:-1.12px;color:var(--color-text-dark);margin:0;font-size:1.75em;font-weight:400;line-height:1.15}.tab-content__item-detail{opacity:0;width:100%;max-height:0;transition:opacity .3s var(--ease-osmo);padding-left:3.5em;overflow:hidden}.tab-content__item.active .tab-content__item-detail{opacity:1;max-height:11em}.tab-description__spacer{padding-top:.75em}.tab-description{font-family:var(--font-body);letter-spacing:-.32px;color:var(--color-text-body-dark);margin:0;font-size:1em;line-height:1.5}.tab-content__item-bottom{background:color-mix(in srgb, var(--color-bg-dark) 15%, transparent);height:1px;transition:background-color var(--transition-fast);position:absolute;inset:auto 0 0}.tab-progress{transform-origin:0;background:var(--color-primary);width:100%;height:1px;display:block;transform:scaleX(0)}.tab-visual__wrap{flex:1;width:100%;min-height:24em;position:relative}.tab-visual__item{visibility:hidden;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.tab-visual__item.active{visibility:visible}.tab-visual__inner{border:1px solid color-mix(in srgb, var(--color-bg-dark) 18%, transparent);background:var(--color-bg-dark);border-radius:.75em;width:100%;height:100%;padding:.5em;overflow:hidden}.mock{background:var(--color-bg-dark);width:100%;height:100%;color:var(--color-text-white);font-family:var(--font-body);border-radius:.5em;flex-direction:column;gap:1em;padding:1em;display:flex}.mock__bar{border-bottom:1px solid color-mix(in srgb, var(--color-text-white) 8%, transparent);align-items:center;gap:.5em;padding-bottom:.75em;display:flex}.mock__dot{background:color-mix(in srgb, var(--color-text-white) 25%, transparent);border-radius:50%;width:.5em;height:.5em}.mock__title{font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:color-mix(in srgb, var(--color-text-white) 50%, transparent);margin-left:.75em;font-size:.75em}.mock--dashboard .mock__grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1.5fr 1fr;gap:.75em;display:grid}.mock__card{background:color-mix(in srgb, var(--color-text-white) 4%, transparent);border:1px solid color-mix(in srgb, var(--color-text-white) 8%, transparent);border-radius:.5em;flex-direction:column;justify-content:space-between;gap:.5em;padding:1em;display:flex}.mock__card--hero{background:color-mix(in srgb, var(--brand-steel) 8%, transparent);border-color:color-mix(in srgb, var(--brand-steel) 18%, transparent);grid-row:span 2}.mock__card--wide{grid-column:span 1}.mock__label{letter-spacing:.5px;text-transform:uppercase;color:color-mix(in srgb, var(--color-text-white) 55%, transparent);font-size:.75em;font-family:var(--font-mono)}.mock__big{font-family:var(--font-heading);color:var(--color-primary-soft);letter-spacing:-1.6px;font-size:3em;line-height:1}.mock__big-sm{font-family:var(--font-heading);color:var(--color-text-white);letter-spacing:-1px;font-size:2em;line-height:1}.mock__delta{color:color-mix(in srgb, var(--brand-steel) 80%, transparent);font-size:.8em}.mock__sub{color:color-mix(in srgb, var(--color-text-white) 80%, transparent);font-size:.9em;line-height:1.3}.mock__timeline{flex-direction:column;flex:1;gap:.75em;padding:.25em .5em;display:flex}.mock__timeline li{background:color-mix(in srgb, var(--color-text-white) 3%, transparent);border:1px solid color-mix(in srgb, var(--color-text-white) 7%, transparent);border-radius:.5em;align-items:flex-start;gap:1em;padding:.75em;display:flex}.mock__pip{background:color-mix(in srgb, var(--color-text-white) 30%, transparent);border-radius:50%;flex-shrink:0;width:.6em;height:.6em;margin-top:.5em}.mock__pip--accent{background:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-steel) 15%, transparent)}.mock__line{color:var(--color-text-white);font-size:.95em;line-height:1.3}.mock__meta{font-family:var(--font-mono);letter-spacing:.8px;text-transform:uppercase;color:color-mix(in srgb, var(--color-text-white) 45%, transparent);margin-top:.25em;font-size:.7em}.mock__playgrid{flex:1;grid-template-columns:1fr 1fr;gap:.75em;display:grid}.mock__play{background:color-mix(in srgb, var(--color-text-white) 4%, transparent);border:1px solid color-mix(in srgb, var(--color-text-white) 8%, transparent);border-radius:.5em;flex-direction:column;justify-content:space-between;gap:.5em;padding:1em;display:flex}.mock__play--alt{background:color-mix(in srgb, var(--brand-steel) 6%, transparent);border-color:color-mix(in srgb, var(--brand-steel) 18%, transparent)}.mock__playtag{font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--brand-steel) 15%, transparent);color:var(--color-primary);align-self:flex-start;padding:.35em .6em;font-size:.7em}.mock__playtitle{font-family:var(--font-heading);color:var(--color-text-white);letter-spacing:-.4px;font-size:1.05em;line-height:1.2}.mock__playmeta{font-family:var(--font-mono);letter-spacing:.8px;text-transform:uppercase;color:color-mix(in srgb, var(--color-text-white) 50%, transparent);font-size:.7em}@media (width<=991px){.tab-layout__col{width:100%;padding-inline:0}.tab-content__inner{gap:2em;padding:0}.tab-content__wrap{max-width:none;margin-left:0}.tab-content__top{gap:1em}.tab-visual__wrap{aspect-ratio:1.6;height:auto;max-height:none}}@media (width<=767px){.tab-content__bottom{max-width:none}.tab-content__item-main{gap:1em}.content-item__heading{letter-spacing:-.8px;font-size:1.5em}.tab-content__item-detail{padding-left:3em}.mock__grid,.mock__playgrid{grid-template-columns:1fr 1fr}.mock__big{font-size:2.25em}}@media (width<=479px){.tab-content__item{padding-block:1.25em}.tab-visual__inner{border:none;padding:.25em}.mock{gap:.6em;padding:.6em}.mock__big{font-size:1.8em}}
