.apps-extension { margin-top:48px; padding-top:44px; border-top:1px solid var(--line); scroll-margin-top:104px; }
.apps-heading { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; margin-bottom:28px; }
.apps-heading h3 { font-size:34px; line-height:1.18; max-width:550px; }
.apps-heading .eyebrow { margin-bottom:12px; }
.apps-heading > div > p:not(.eyebrow) { color:var(--muted); font-size:15px; }
.apps-heading .apps-scope { margin-top:12px; font-size:13px; }
.apps-device-caption { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:16px 0; font-size:13px; border-bottom:1px solid var(--line); }
.apps-device-caption > span { display:flex; gap:10px; align-items:center; font-weight:650; }
.apps-device-caption small { color:var(--muted); font-size:12px; }
.apps-devices { display:grid; grid-template-columns:.83fr .83fr 1fr 1fr; align-items:end; gap:26px; padding:24px 0 32px; }
.apps-device { min-width:0; margin:0; transition:opacity 200ms; }
.apps-device figcaption { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 10px; margin-bottom:12px; font-size:13px; }
.apps-device figcaption span { font-size:11px; color:var(--muted); }
.apps-frame { background:#272631; padding:7px; border:1px solid #45424e; box-shadow:0 8px 12px #25232e0d; width:100%; height:340px; position:relative; }
.apps-phone { border-radius:23px; max-width:218px; margin-inline:auto; }
.apps-tablet { border-radius:14px; height:320px; padding:8px; }
.apps-screen { height:100%; background:#fff; border-radius:inherit; overflow:hidden; }
.apps-screen-top { height:44px; display:flex; gap:7px; align-items:center; padding:0 10px; border-bottom:1px solid #e1e5e4; background:#f5f8f7; }
.apps-screen-top img { flex:0 0 23px; width:23px; height:23px; }
.apps-screen-top > span { font-size:10px; font-weight:700; line-height:1.15; flex:1; }
.apps-screen-top .icon { width:14px; height:14px; }
.apps-screen-body { padding:14px 11px; }
.apps-screen-body > small { display:block; font-size:8px; font-weight:700; color:var(--teal); line-height:1.3; }
.apps-screen-title { display:block; font-size:15px; font-weight:750; line-height:1.22; margin:8px 0 12px; }
.apps-task-row { display:flex; align-items:center; gap:8px; border-top:1px solid #ecebf0; padding:9px 0; font-size:10px; line-height:1.35; }
.apps-task-row > .icon { width:17px; height:17px; color:var(--teal); }
.apps-task-row small,.apps-offer small { display:block; color:var(--muted); font-size:9px; margin-top:2px; }
.apps-screen-bottom { display:flex; gap:6px; align-items:center; font-size:9px; color:var(--teal); margin-top:8px; }
.apps-screen-bottom .status-dot { width:5px; height:5px; }
.apps-screen-bottom .icon { width:13px; height:13px; }
.apps-offer { display:flex; align-items:center; gap:9px; padding:11px 7px; background:#e8f5ef; border-radius:3px; font-size:10px; margin-bottom:5px; }
.apps-offer .icon { color:var(--teal); width:24px; height:24px; }
.apps-table-row { display:flex; justify-content:space-between; align-items:center; gap:8px; border-top:1px solid #ecebf0; padding:8px 0; font-size:10px; line-height:1.2; }
.apps-table-row strong { color:var(--purple-dark); font-size:9px; font-weight:650; text-align:right; }
.apps-table-head { color:var(--muted); font-size:8px; padding-block:5px; }
.apps-chart { display:flex; align-items:end; gap:10px; height:65px; padding:0 10px; margin:0 0 10px; border-bottom:1px solid var(--line); }
.apps-chart span { display:block; flex:1; height:var(--height); background:#7b60bb; border-radius:2px 2px 0 0; }
.apps-chart span:nth-child(even) { background:#3c9279; }
.apps-role-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.apps-role-tabs button { display:flex; justify-content:center; align-items:center; gap:9px; min-height:50px; padding:9px 12px; border:0; border-bottom:3px solid transparent; background:none; font-size:13px; }
.apps-role-tabs button[aria-selected="true"] { border-bottom-color:var(--purple); color:var(--purple-dark); font-weight:750; background:#f0edf7; }
.apps-role-tabs .icon { width:17px; height:17px; }
.apps-role-panel { display:grid; grid-template-columns:1.05fr 1fr; gap:44px; padding-block:22px; min-height:140px; }
.apps-role-panel h4 { font-size:20px; margin-bottom:7px; }
.apps-role-panel p { color:var(--muted); font-size:14px; max-width:540px; }
.apps-role-panel ol { display:grid; gap:8px; list-style:none; padding:0; margin:0; align-content:center; }
.apps-role-panel li { display:flex; align-items:center; gap:12px; font-size:13px; }
.apps-role-panel li span { color:var(--teal); font-size:11px; font-weight:750; }
.apps-footline { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; margin-bottom:26px; }
.apps-footline a { min-height:44px; }
.apps-pilot-row { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; border-top:1px solid var(--line); padding-block:28px; }
.apps-pilot { margin:0; min-width:0; }
.apps-pilot video { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; border-radius:4px; background:#20232a; }
.apps-pilot figcaption { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); margin-top:9px; }
.apps-pilot figcaption .icon { width:16px; height:16px; color:var(--purple); }
.apps-pilot-copy h4 { font-size:23px; line-height:1.25; margin-bottom:12px; }
.apps-pilot-copy > p:not(.eyebrow) { font-size:14px; color:var(--muted); }
.apps-pilot-copy > small { display:block; font-size:11px; color:var(--muted); margin-top:16px; }
.apps-pilot-copy small a { text-decoration:underline; text-underline-offset:2px; }
.apps-pilot-copy details { margin-top:12px; font-size:13px; }
.apps-pilot-copy details p { margin-top:8px; }
.apps-media-status { padding-top:10px; font-size:13px; color:#832a37; }
.apps-calculator,.apps-availability { border-top:1px solid var(--line); }
.apps-calculator > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; list-style:none; padding:18px 0; font-size:15px; font-weight:650; }
.apps-calculator > summary::-webkit-details-marker { display:none; }
.apps-calculator > summary > span { display:flex; gap:10px; align-items:center; }
.apps-calculator > summary > .icon { width:18px; transition:transform 180ms; }
.apps-calculator[open] > summary > .icon { transform:rotate(45deg); }
.apps-calculator-body { padding-bottom:24px; }
.apps-calculator-body > p { max-width:850px; font-size:14px; color:var(--muted); }
.apps-inputs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:20px; align-items:start; }
.apps-inputs label { display:grid; gap:8px; min-width:0; font-size:12px; font-weight:650; }
.apps-inputs input { width:100%; min-width:0; height:46px; padding:10px; border:1px solid #aaa7b4; border-radius:4px; background:white; color:var(--ink); font-size:15px; }
.apps-inputs input:invalid { border-color:#ad3543; }
.apps-inputs label > small { font-weight:400; font-size:11px; color:var(--muted); }
.apps-ad-toggle { display:flex; align-items:center; gap:10px; margin-top:20px; font-size:13px; cursor:pointer; }
.apps-ad-toggle input { width:18px; height:18px; accent-color:var(--purple); }
.apps-ad-inputs { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:570px; }
.apps-results { display:grid; grid-template-columns:1fr 1fr 1.25fr; gap:24px; margin-top:26px; padding-top:22px; border-top:1px solid var(--line); }
.apps-results > div { min-width:0; }
.apps-results span { font-size:12px; color:var(--muted); display:block; }
.apps-results output { display:block; color:var(--teal); font-size:23px; line-height:1.3; font-weight:750; margin:8px 0; overflow-wrap:anywhere; }
.apps-results small { display:block; font-size:11px; color:var(--muted); }
.apps-calculator-body .apps-calculator-note { font-size:12px; margin-top:20px; }
.apps-calculation-error { padding-top:16px; color:#982a3d !important; }
.apps-availability { padding-top:16px; font-size:12px; color:var(--muted); }
.apps-availability summary { min-height:32px; }
.apps-availability p { margin-top:10px; max-width:940px; }
.apps-inline-evidence { padding-top:25px; margin-top:25px; border-top:1px solid var(--line); }
.apps-inline-evidence h3 { margin-bottom:10px; }
.apps-inline-evidence p { margin-bottom:14px; }
.apps-inline-evidence ol { padding-left:20px; margin:0 0 16px; font-size:14px; }
.apps-inline-evidence li { margin-top:8px; }
.apps-inline-evidence .text-link { min-height:44px; }
@media (prefers-reduced-motion:no-preference) {
  .apps-device[data-selected="true"] .apps-screen-top { animation:apps-confirm 4s ease-in-out infinite; }
  @keyframes apps-confirm { 0%,100% { background:#f5f8f7; }50% { background:#e4f4ee; } }
}
@media (max-width:1000px) {
  .apps-devices { gap:18px; grid-template-columns:repeat(4,minmax(0,1fr)); }
  .apps-frame { height:330px; }
  .apps-tablet { height:320px; }
  .apps-screen-top > span { font-size:9px; }
  .apps-screen-top { padding-inline:7px; gap:5px; }
  .apps-screen-top img { width:19px; height:19px; flex-basis:19px; }
  .apps-screen-body { padding-inline:8px; }
  .apps-screen-title { font-size:14px; }
  .apps-table-row { flex-wrap:wrap; gap:3px; }
  .apps-heading { gap:28px; }
  .apps-inputs { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .case-tabs { flex-wrap:wrap; }
  .apps-extension[data-enhanced] { display:flex; flex-direction:column; }
  .apps-extension[data-enhanced] .apps-heading { order:0; }
  .apps-extension[data-enhanced] .apps-device-caption { order:1; }
  .apps-extension[data-enhanced] .apps-role-tabs { order:2; }
  .apps-extension[data-enhanced] .apps-devices { order:3; grid-template-columns:1fr; }
  .apps-extension[data-enhanced] .apps-device:not([data-selected="true"]) { display:none; }
  .apps-extension[data-enhanced] .apps-device { width:min(100%,400px); justify-self:center; }
  .apps-extension[data-enhanced] .apps-phone { max-width:244px; height:325px; }
  .apps-extension[data-enhanced] .apps-tablet { height:320px; }
  .apps-extension[data-enhanced] .apps-role-panels { order:4; }
  .apps-extension[data-enhanced] .apps-footline { order:5; }
  .apps-extension[data-enhanced] .apps-pilot-row { order:6; }
  .apps-extension[data-enhanced] .apps-calculator { order:7; }
  .apps-extension[data-enhanced] .apps-availability { order:8; }
  .apps-heading { grid-template-columns:1fr; gap:20px; }
  .apps-heading h3 { font-size:29px; }
  .apps-heading > div > p:not(.eyebrow) { max-width:580px; }
  .apps-devices { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; }
  .apps-role-panel { grid-template-columns:1fr; gap:18px; min-height:242px; }
  .apps-pilot-row { grid-template-columns:1fr; gap:20px; }
  .apps-pilot { max-width:600px; }
  .apps-role-tabs button { padding-inline:4px; gap:5px; font-size:12px; }
  .apps-results { grid-template-columns:1fr 1fr; gap:20px; }
  .apps-results > div:last-child { grid-column:1/-1; }
  .apps-role-tabs .icon { width:15px; height:15px; }
}
@media (max-width:480px) {
  .apps-extension { margin-top:32px; padding-top:32px; }
  .apps-heading h3 { font-size:27px; }
  .apps-heading h3 br { display:none; }
  .apps-device-caption { font-size:12px; }
  .apps-devices { gap:20px 12px; }
  .apps-device figcaption { min-height:39px; flex-direction:column; align-items:flex-start; justify-content:center; gap:1px; }
  .apps-frame { height:300px; padding:5px; }
  .apps-tablet { height:300px; }
  .apps-screen-body { padding:11px 7px; }
  .apps-screen-title { font-size:12px; }
  .apps-screen-top .icon { display:none; }
  .apps-screen-top { height:38px; }
  .apps-task-row { font-size:9px; gap:5px; }
  .apps-task-row small { font-size:8px; }
  .apps-task-row > .icon { width:14px; height:14px; }
  .apps-screen-body > small { font-size:7px; }
  .apps-role-tabs .icon { display:none; }
  .apps-inputs { grid-template-columns:1fr; }
  .apps-pilot-copy h4 { font-size:21px; }
  .apps-results { grid-template-columns:1fr; }
  .apps-results > div:last-child { grid-column:auto; }
  .apps-extension[data-enhanced] .apps-screen-body { padding:14px 11px; }
  .apps-extension[data-enhanced] .apps-screen-title { font-size:15px; }
  .apps-extension[data-enhanced] .apps-screen-top > span { font-size:11px; }
  .apps-extension[data-enhanced] .apps-screen-body > small { font-size:9px; }
  .apps-extension[data-enhanced] .apps-task-row { font-size:12px; }
  .apps-extension[data-enhanced] .apps-task-row small { font-size:10px; }
  .apps-extension[data-enhanced] .apps-table-row { font-size:12px; flex-wrap:nowrap; }
  .apps-extension[data-enhanced] .apps-table-row strong { font-size:11px; }
  .apps-extension[data-enhanced] .apps-screen-bottom { font-size:10px; }
  .apps-extension[data-enhanced] .apps-offer { font-size:12px; }
  .apps-extension[data-enhanced] .apps-offer small { font-size:10px; }
}