/* Shared conversion structure for Future Studio product, package, and Academy pages. */
.pps-hero-modes{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.pps-mode{position:relative;min-height:44px;padding:10px 16px;border:1px solid rgba(8,8,8,.38);background:rgba(255,248,245,.78);font-family:var(--font-d);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#080808;cursor:pointer}
.pps-mode::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--cyan),#55aaff,var(--violet));transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease,ease)}
.pps-mode:hover,.pps-mode.active{background:#080808;color:#fff}.pps-mode.active::after{transform:scaleX(1)}
.pps-swap{animation:ppsSwap .45s var(--ease) both}@keyframes ppsSwap{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.pps-diagnosis{padding:92px 0;background:var(--cream);border-block:1px solid rgba(8,8,8,.16)}
.pps-head{display:grid;grid-template-columns:minmax(0,.84fr) minmax(360px,1.16fr);gap:72px;align-items:end;margin-bottom:42px}
.pps-head .headline-lg,.pps-workflow-head .headline-lg{margin:0;font-family:var(--font-d,var(--d,Impact,sans-serif));font-weight:800;font-style:italic;text-transform:uppercase}.pps-head .headline-lg{font-size:clamp(58px,7.5vw,104px);line-height:.84}.pps-head-copy{max-width:610px;margin:0;color:rgba(8,8,8,.68);font-size:19px;line-height:1.62}
.pps-layout{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);border:1px solid #080808}
.pps-tabs{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));background:#080808;color:#fff}
.pps-tab{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:34px minmax(0,1fr);align-content:center;gap:14px;width:100%;min-height:0;padding:20px 22px;border:0;border-bottom:1px solid rgba(255,255,255,.15);background:#080808;text-align:left;color:#fff;cursor:pointer}
.pps-tab::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(120deg,var(--cyan),#55aaff 52%,var(--violet));opacity:0;transition:opacity .22s var(--ease)}.pps-tab>*{position:relative;z-index:1}.pps-tab:last-child{border-bottom:0}.pps-tab:hover::before,.pps-tab.active::before{opacity:1}.pps-tab:hover,.pps-tab.active,.pps-tab:hover span,.pps-tab.active span,.pps-tab:hover strong,.pps-tab.active strong{color:#080808}
.pps-tab-index{font-family:var(--font-d);font-size:13px;font-weight:800;letter-spacing:.1em;color:#fff}.pps-tab strong{display:block;font-family:var(--font-d);font-size:25px;font-weight:800;font-style:italic;line-height:.92;text-transform:uppercase;color:#fff}.pps-tab-copy{display:block;margin-top:8px;font-size:14px;line-height:1.42;color:#fff}
.pps-detail{position:relative;isolation:isolate;overflow:hidden;padding:48px 46px 40px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:38px;transition:box-shadow .25s var(--ease)}.pps-detail::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(125deg,rgba(0,229,204,.12),rgba(85,170,255,.08) 52%,rgba(155,89,255,.1));opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}.pps-detail>*{position:relative;z-index:1}.pps-detail:hover{box-shadow:inset 0 0 0 2px rgba(0,229,204,.58),0 18px 48px rgba(85,170,255,.13)}.pps-detail:hover::before{opacity:1}
.pps-label{font-family:var(--font-d);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan)}.pps-title{max-width:760px;margin:14px 0 18px;font-family:var(--font-d);font-size:clamp(34px,4vw,58px);font-weight:800;font-style:italic;line-height:.9;text-transform:uppercase}.pps-copy{max-width:760px;margin:0;color:rgba(8,8,8,.72);font-size:18px;line-height:1.62}
.pps-outcomes,.pps-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(8,8,8,.16)}.pps-outcomes{margin-top:30px}.pps-outcome,.pps-flow div{padding:16px;border-right:1px solid rgba(8,8,8,.16);transition:background .24s var(--ease),box-shadow .24s var(--ease),transform .24s var(--ease)}.pps-outcome:last-child,.pps-flow div:last-child{border-right:0}.pps-outcome:hover,.pps-flow div:hover{background:linear-gradient(120deg,rgba(0,229,204,.2),rgba(85,170,255,.13) 52%,rgba(155,89,255,.16));box-shadow:inset 0 0 0 1px var(--cyan);transform:translateY(-2px)}.pps-outcome span{display:block;margin-bottom:7px;font-family:var(--font-d);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--cyan)}.pps-outcome strong{display:block;font-size:14px;line-height:1.45}.pps-flow div{font-family:var(--font-d);font-size:14px;font-weight:800;font-style:italic;text-transform:uppercase}.pps-flow div:last-child{background:rgba(0,229,204,.17)}
.pps-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid rgba(8,8,8,.14)}
.pps-workflows{padding:96px 0;background:#fff}.pps-workflow-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:end;margin-bottom:42px}.pps-workflow-head p{max-width:620px;color:rgba(8,8,8,.68);font-size:18px;line-height:1.65}.pps-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;border:1px solid #080808}.pps-workflow-card{padding:28px;border-right:1px solid #080808;display:grid;grid-template-rows:auto minmax(64px,auto) minmax(120px,1fr) minmax(120px,1fr);gap:18px}.pps-workflow-card:last-child{border-right:0}.pps-workflow-label{font-family:var(--font-d);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan)}.pps-workflow-card h3{min-height:64px;font-family:var(--font-d);font-size:32px;font-weight:800;font-style:italic;line-height:.92;text-transform:uppercase}.pps-state{height:100%;min-height:120px;padding:18px;border:1px solid rgba(8,8,8,.16)}.pps-state.before{background:#080808;color:#fff}.pps-state.after{position:relative;isolation:isolate;overflow:hidden;background:#fff;border:2px solid var(--cyan);box-shadow:inset 6px 0 0 var(--cyan);color:#080808}.pps-state.after::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(120deg,var(--cyan),#55aaff 52%,var(--violet));opacity:.22}.pps-state.after>*{position:relative;z-index:1}.pps-state strong{display:block;margin-bottom:7px;font-family:var(--font-d);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.pps-state p{margin:0;font-size:14px;line-height:1.55;color:inherit}
@media(max-width:900px){.pps-head,.pps-layout,.pps-workflow-head,.pps-workflow-grid{grid-template-columns:1fr}.pps-tabs{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.pps-tab{min-height:132px}.pps-detail{padding:34px}.pps-outcomes{grid-template-columns:1fr}.pps-outcome{border-right:0;border-bottom:1px solid rgba(8,8,8,.16)}.pps-workflow-card{grid-template-rows:auto auto auto auto;border-right:0;border-bottom:1px solid #080808}.pps-workflow-card h3{min-height:0}}
@media(max-width:620px){.pps-diagnosis{padding:72px 0}.pps-head{gap:26px}.pps-head .headline-lg{font-size:clamp(48px,16vw,72px)}.pps-tabs{display:block}.pps-tab{min-height:0;grid-template-columns:30px minmax(0,1fr)}.pps-tab-copy{display:none}.pps-detail{padding:28px 20px}.pps-outcomes,.pps-flow{grid-template-columns:1fr}.pps-flow div,.pps-outcome{border-right:0;border-bottom:1px solid rgba(8,8,8,.16)}.pps-actions .btn{width:100%;justify-content:center}.pps-hero-modes{display:grid;grid-template-columns:1fr}.pps-mode{width:100%}.pps-state{min-height:0}}
@media(prefers-reduced-motion:reduce){.pps-swap{animation:none}.pps-mode::after{transition:none}}

/* Approved product selector: Version 2 four-track grid. */
.pps-diagnosis .pps-layout{display:block;border:1px solid #080808}
.pps-diagnosis .pps-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none}
.pps-diagnosis .pps-tab{min-height:184px;grid-template-columns:1fr;align-content:start;gap:22px;padding:24px 22px;border-bottom:0;border-right:1px solid rgba(255,255,255,.28)}
.pps-diagnosis .pps-tab:last-child{border-right:0}
.pps-diagnosis .pps-tab-index{font-size:14px}
.pps-diagnosis .pps-tab strong{font-size:24px;line-height:.95}
.pps-diagnosis .pps-tab-copy{font-size:13px;line-height:1.45}
.pps-diagnosis .pps-detail{display:block;padding:28px 26px 22px;border-top:1px solid #080808;box-shadow:none}
.pps-diagnosis .pps-detail:hover{box-shadow:inset 0 0 0 2px rgba(0,229,204,.45)}
.pps-diagnosis .pps-detail>div:first-child{display:grid;grid-template-columns:minmax(260px,.88fr) minmax(0,1.62fr);grid-template-rows:auto auto 1fr;column-gap:34px;align-items:start}
.pps-diagnosis .pps-label{grid-column:1;grid-row:1;color:#55aaff}
.pps-diagnosis .pps-title{grid-column:1;grid-row:2;margin:10px 0 12px;font-size:clamp(32px,3.2vw,48px)}
.pps-diagnosis .pps-copy{grid-column:1;grid-row:3;font-size:15px;line-height:1.5}
.pps-diagnosis .pps-outcomes{grid-column:2;grid-row:1/4;margin:0;align-self:stretch}
.pps-diagnosis .pps-outcome{display:flex;flex-direction:column;justify-content:center;min-height:132px;padding:20px}
.pps-diagnosis .pps-outcome span{color:#55aaff}
.pps-diagnosis .pps-detail>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(8,8,8,.18)}
.pps-diagnosis .pps-detail>div:last-child::before{content:"CLEAR INPUT. WORKING LOGIC. VISIBLE NEXT STEP.";font-family:var(--font-d,var(--d,Impact,sans-serif));font-size:14px;font-weight:800;font-style:italic;letter-spacing:.08em;color:#55aaff}
.pps-diagnosis .pps-flow{display:none}
.pps-diagnosis .pps-actions{margin:0;padding:0;border:0}
@media(max-width:980px){.pps-diagnosis .pps-tabs{grid-template-columns:repeat(2,1fr)}.pps-diagnosis .pps-tab{border-bottom:1px solid rgba(255,255,255,.2)}.pps-diagnosis .pps-tab:nth-child(2n){border-right:0}.pps-diagnosis .pps-detail>div:first-child{grid-template-columns:1fr;grid-template-rows:auto}.pps-diagnosis .pps-label,.pps-diagnosis .pps-title,.pps-diagnosis .pps-copy,.pps-diagnosis .pps-outcomes{grid-column:1;grid-row:auto}.pps-diagnosis .pps-outcomes{margin-top:22px}}
@media(max-width:620px){.pps-diagnosis .pps-tabs{display:block}.pps-diagnosis .pps-tab{min-height:0;border-right:0;padding:20px}.pps-diagnosis .pps-detail>div:last-child{align-items:stretch;flex-direction:column}.pps-diagnosis .pps-detail>div:last-child::before{text-align:center}.pps-diagnosis .pps-actions .btn{width:100%}}