/* PORTED (31 Oct 2026) from sonoxr.media's XR Showcase page: only the rules the ported sections use, scoped to .sxr-port */
.sxr-port{--space-black:#0a0a0a;--deep-orbit:#101214;--orbital-graphite:#16191d;--chrome-primary:#ffffff;--chrome-secondary:#a9b2bc;--liquid-chrome:#a9b2bc;--silver:#cbd2d9;--silver-soft:#eef2f6;--silver-deep:#4b5762;--accent:var(--silver);--accent-rgb:203,210,217;--accent-soft-rgb:238,242,246;--accent-soft:var(--silver-soft);--accent-deep:var(--silver-deep);--champagne:var(--silver);--champagne-soft:var(--silver-soft);--champagne-deep:var(--silver-deep);--bronze-primary:var(--accent);--bronze-light:var(--accent-soft);--signal-live:var(--accent);--ink:var(--space-black);--ink-soft:var(--deep-orbit);--panel:var(--orbital-graphite);--line:rgba(232, 237, 244, 0.14);--line-strong:rgba(232, 237, 244, 0.3);--paper:var(--chrome-primary);--muted:var(--chrome-secondary);--gold:var(--bronze-primary);--gold-soft:var(--bronze-light);--cyan:var(--signal-live);--display:"SXR Space Grotesk", "Helvetica Neue", Arial, sans-serif;--tech:"SXR Space Grotesk", "Helvetica Neue", Arial, sans-serif;--mono:"SXR Space Grotesk", "Helvetica Neue", Arial, sans-serif;--material-silver:linear-gradient(135deg,#f0f3f6 0%,#c5cdd5 52%,#929da8 100%);--material-bronze:var(--material-silver);--material-champagne:var(--material-bronze);--material-chrome:linear-gradient(115deg, #65707a 0%, #ffffff 22%, #a9b2bc 47%, #f4f7f8 70%, #626c75 100%);--material-platinum-field:radial-gradient(ellipse at 17% -9%, rgba(255,255,255,.96), transparent 38%),
    radial-gradient(circle at 84% 18%, rgba(171,180,186,.55), transparent 37%),
    radial-gradient(circle at 48% 112%, rgba(109,119,127,.2), transparent 43%),
    linear-gradient(rgba(14,21,28,.026) 1px, transparent 1px) 0 0 / 96px 96px,
    linear-gradient(90deg, rgba(14,21,28,.026) 1px, transparent 1px) 0 0 / 96px 96px,
    linear-gradient(132deg, #c8cdd0 0%, #f0f3f6 29%, #d4d8da 54%, #edf1f5 77%, #bfc5c8 100%);--material-platinum-field-alt:radial-gradient(ellipse at 82% 0%, rgba(255,255,255,.9), transparent 35%),
    radial-gradient(circle at 9% 70%, rgba(144,153,159,.29), transparent 34%),
    radial-gradient(circle at 84% 82%, rgba(var(--accent-rgb),.1), transparent 28%),
    linear-gradient(rgba(14,21,28,.026) 1px, transparent 1px) 0 0 / 112px 112px,
    linear-gradient(90deg, rgba(14,21,28,.026) 1px, transparent 1px) 0 0 / 112px 112px,
    linear-gradient(140deg, #d1d5d7 0%, #f1f4f7 38%, #c7cccf 68%, #e5eaee 100%);--material-silver-field:radial-gradient(ellipse at 18% 0%, rgba(255,255,255,.75), transparent 38%),
    radial-gradient(circle at 88% 58%, rgba(105,116,124,.2), transparent 35%),
    linear-gradient(rgba(14,21,28,.035) 1px, transparent 1px) 0 0 / 108px 108px,
    linear-gradient(90deg, rgba(14,21,28,.035) 1px, transparent 1px) 0 0 / 108px 108px,
    linear-gradient(135deg, #b7bec2 0%, #dce2e7 38%, #c0c6c9 67%, #e2e8ed 100%);--sxr-ease:cubic-bezier(.22,1,.36,1);--sxr-notch:none;--sxr-depth-x:0px;--sxr-depth-y:0px;--sxr-gutter:20px;--sxr-gutter:clamp(48px, 4.2vw, 60px)}

.sxr-port #where .sec-head { margin-bottom:0; }
.sxr-port .xr-plans .pr-section-link { display:inline-flex; align-items:center; gap:6px; min-height:44px; margin-left:6px; color:var(--paper); text-decoration:underline; text-underline-offset:4px; text-decoration-color:rgba(var(--accent-rgb),.5); white-space:nowrap; }
.sxr-port .reveal-section { view-timeline-name: --section; view-timeline-axis: block; }
.sxr-port .showcase-signals-section { position: relative; padding: 145px clamp(28px,5vw,74px); overflow: hidden; }
.sxr-port .showcase-signals-section { padding-block: 112px; color: white; background: radial-gradient(circle at 73% 18%,rgba(var(--accent-rgb),.08),transparent 29%),linear-gradient(145deg,#080b0e,#11161a 62%,#080a0d); border-block: 1px solid var(--line); }
.sxr-port .showcase-signals-section::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px) 0 0/92px 92px,linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px) 0 0/92px 92px; mask-image: linear-gradient(#000,transparent 88%); }
.sxr-port .signals-dashboard { position: relative; max-width: 1500px; margin: 0 auto; padding: 14px; display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); grid-template-rows: 42px 226px 226px 274px; gap: 12px; border: 1px solid rgba(232,237,244,.18); border-radius: 26px; background: rgba(5,7,9,.72); box-shadow: 0 38px 110px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.055); }
.sxr-port .signals-dashboard > header { grid-column: 1 / -1; padding: 0 13px; display: flex; justify-content: space-between; align-items: center; color: #717d86; font: 6px var(--mono); letter-spacing: .14em; }
.sxr-port .signals-dashboard > header span { color: var(--gold); }
.sxr-port .signals-dashboard > header span i { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 12px var(--gold); animation: live-pulse 2.4s ease-in-out infinite; }
.sxr-port .signals-dashboard > article { position: relative; overflow: hidden; padding: 22px; border: 1px solid rgba(232,237,244,.13); border-radius: 16px; background: linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.sxr-port .signals-dashboard > article::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(112deg,transparent 24%,rgba(255,255,255,.035),transparent 64%); transform: translateX(-120%); animation: signals-panel-scan 10s var(--sxr-ease) infinite; }
.sxr-port .signals-card-label { display: flex; align-items: center; justify-content: space-between; color: #68747d; font: 6px var(--mono); letter-spacing: .14em; }
.sxr-port .signals-card-label b { color: var(--gold); font-size: 6px; font-weight: 500; }
.sxr-port .signals-card-label b i { display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: var(--gold); }
.sxr-port .signals-dashboard h3 { margin: 0; line-height: .98; letter-spacing: -.046em; }
.sxr-port .signals-feed-card { grid-column: 1 / 8; grid-row: 2 / 4; display: flex; flex-direction: column; background: radial-gradient(circle at 18% 8%,rgba(var(--accent-rgb),.055),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.014)) !important; }
.sxr-port .signals-feed-card h3 { margin-top: 24px; font-size: clamp(34px,3.25vw,52px); }
.sxr-port .signals-live-stream { margin-top: auto; border-top: 1px solid rgba(232,237,244,.12); }
.sxr-port .signals-live-stream > div { min-height: 66px; display: grid; grid-template-columns: 50px 9px minmax(0,1fr) auto; gap: 12px; align-items: center; border-bottom: 1px solid rgba(232,237,244,.1); opacity: .55; transform: translateX(18px); animation: signals-event-enter 7.5s var(--sxr-ease) infinite; animation-delay: calc(var(--event-index) * 1.15s); }
.sxr-port .signals-live-stream > div > span,.sxr-port .signals-live-stream > div > b { color: #647078; font: 5.5px var(--mono); letter-spacing: .1em; }
.sxr-port .signals-live-stream > div > b { color: var(--gold); }
.sxr-port .signals-live-stream > div > i { width: 7px; height: 7px; border: 1px solid var(--gold); border-radius: 50%; }
.sxr-port .signals-live-stream p { margin: 0; display: grid; gap: 4px; }
.sxr-port .signals-live-stream strong { font-size: 12px; font-weight: 520; }
.sxr-port .signals-live-stream small { color: #77828a; font: 5.5px var(--mono); letter-spacing: .09em; }
.sxr-port .signals-feed-card footer { margin-top: 15px; display: flex; justify-content: space-between; gap: 15px; color: #657078; font: 5px var(--mono); letter-spacing: .11em; }
.sxr-port .signals-modules-card { grid-column: 8 / 13; grid-row: 2; }
.sxr-port .signals-modules-card h3 { margin-top: 15px; max-width: 20ch; font-size: clamp(20px,1.8vw,28px); }
.sxr-port .signals-module-race { margin-top: 14px; display: grid; gap: 9px; }
.sxr-port .signals-module-race > div { display: grid; grid-template-columns: 18px 70px minmax(0,1fr) 20px; gap: 8px; align-items: center; }
.sxr-port .signals-module-race span,.sxr-port .signals-module-race b { color: #647078; font: 5px var(--mono); }
.sxr-port .signals-module-race strong { font-size: 8px; font-weight: 540; }
.sxr-port .signals-module-race i { height: 6px; width: var(--module-bar); border-radius: 999px; background: linear-gradient(90deg,rgba(var(--accent-rgb),.24),var(--gold)); box-shadow: 0 0 15px rgba(var(--accent-rgb),.1); transform-origin: left; animation: signals-bar-race 5.8s var(--sxr-ease) infinite; animation-delay: calc(var(--module-index) * .16s); }
.sxr-port .signals-module-race b { color: var(--gold); text-align: right; }
.sxr-port .signals-funnel-card { grid-column: 8 / 10; grid-row: 3; display: grid; grid-template-columns: 90px 1fr; grid-template-rows: auto 1fr auto; gap: 12px; align-items: center; }
.sxr-port .signals-funnel-card .signals-card-label { grid-column: 1 / -1; }
.sxr-port .signals-funnel-ring { position: relative; width: 88px; height: 88px; }
.sxr-port .signals-funnel-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.sxr-port .signals-funnel-ring circle { fill: none; stroke: rgba(232,237,244,.1); stroke-width: 7; }
.sxr-port .signals-funnel-ring .signals-funnel-progress { stroke: var(--gold); stroke-linecap: round; stroke-dasharray: 270; stroke-dashoffset: 270; animation: signals-ring-fill 5.8s var(--sxr-ease) infinite; }
.sxr-port .signals-funnel-ring > strong { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 1px; line-height: 1; font-size: 27px; }
.sxr-port .signals-funnel-ring > strong small { color: #7c878f; font-size: 10px; }
.sxr-port .signals-funnel-card h3 { font-size: clamp(16px,1.2vw,20px); }
.sxr-port .signals-funnel-meta { grid-column: 1 / -1; display: flex; justify-content: space-between; border-top: 1px solid rgba(232,237,244,.1); padding-top: 10px; }
.sxr-port .signals-funnel-meta span { color: #657078; font: 5px var(--mono); letter-spacing: .08em; }
.sxr-port .signals-funnel-meta b { margin-left: 4px; color: white; }
.sxr-port .signals-device-card { grid-column: 10 / 13; grid-row: 3; display: grid; grid-template-columns: 88px 1fr; grid-template-rows: auto 1fr auto; gap: 11px 14px; align-items: center; }
.sxr-port .signals-device-card .signals-card-label { grid-column: 1 / -1; }
.sxr-port .signals-device-visual { position: relative; width: 86px; height: 86px; }
.sxr-port .signals-device-visual svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.sxr-port .signals-device-track,.sxr-port .signals-device-segment { fill: none; stroke-width: 9; }
.sxr-port .signals-device-track { stroke: rgba(232,237,244,.08); }
.sxr-port .signals-device-segment { stroke-linecap: butt; stroke-dasharray: var(--dash) 276; stroke-dashoffset: calc(var(--offset) * -1); animation: signals-device-fill 5.8s var(--sxr-ease) infinite; }
.sxr-port .device-desktop { --dash: 130; --offset: 0; stroke: var(--gold); }
.sxr-port .device-mobile { --dash: 105; --offset: 134; stroke: #e8edf4; }
.sxr-port .device-tablet { --dash: 28; --offset: 243; stroke: #75818a; }
.sxr-port .device-headset { --dash: 14; --offset: 275; stroke: #35414c; }
.sxr-port .signals-device-visual > span { position: absolute; inset: 0; display: grid; place-content: center; font-size: 20px; font-weight: 620; text-align: center; }
.sxr-port .signals-device-visual small { display: block; color: #6f7a82; font: 4px var(--mono); letter-spacing: .08em; }
.sxr-port .signals-device-card h3 { font-size: clamp(16px,1.2vw,20px); }
.sxr-port .signals-device-legend { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,1fr); gap: 5px 10px; }
.sxr-port .signals-device-legend span { display: grid; grid-template-columns: 6px 1fr auto; align-items: center; gap: 5px; color: #68747d; font: 4.5px var(--mono); letter-spacing: .05em; }
.sxr-port .signals-device-legend i { width: 4px; height: 4px; border-radius: 50%; background: var(--gold); }
.sxr-port .signals-device-legend span:nth-child(2) i { background: #e8edf4; }
.sxr-port .signals-device-legend span:nth-child(3) i { background: #75818a; }
.sxr-port .signals-device-legend span:nth-child(4) i { background: #35414c; }
.sxr-port .signals-device-legend b { color: white; }
.sxr-port .signals-views-card { grid-column: 1 / 7; grid-row: 4; display: grid; grid-template-rows: auto auto 1fr auto; }
.sxr-port .signals-views-card h3 { margin-top: 14px; font-size: clamp(22px,2vw,31px); }
.sxr-port .signals-views-chart { position: relative; min-height: 135px; margin-top: 8px; display: grid; align-items: end; border-bottom: 1px solid rgba(232,237,244,.12); background: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/100% 33.33%; }
.sxr-port .signals-views-chart svg { width: 100%; height: 135px; overflow: visible; }
.sxr-port .signals-views-area { fill: url(#signalsThirtyDayFill); opacity: 0; animation: signals-area-rise 5.8s var(--sxr-ease) infinite; }
.sxr-port .signals-views-line { fill: none; stroke: var(--gold); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 900; stroke-dashoffset: 900; animation: signals-line-draw 5.8s var(--sxr-ease) infinite; }
.sxr-port .signals-views-chart > i { position: absolute; right: 1px; top: 10px; width: 10px; height: 10px; border: 2px solid #0a0d10; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 7px rgba(var(--accent-rgb),.1),0 0 18px rgba(var(--accent-rgb),.55); animation: signal-tracer 2.8s ease-in-out infinite; }
.sxr-port .signals-views-card footer { display: grid; grid-template-columns: repeat(4,auto); justify-content: space-between; gap: 10px; padding-top: 12px; color: #626e76; font: 4.5px var(--mono); letter-spacing: .07em; }
.sxr-port .signals-views-card footer b { display: block; margin-top: 4px; color: #dbe1e6; font-size: 6px; }
.sxr-port .signals-lead-card { grid-column: 7 / 13; grid-row: 4; display: flex; flex-direction: column; }
.sxr-port .signals-lead-card h3 { margin-top: 14px; max-width: 20ch; font-size: clamp(22px,2vw,31px); }
.sxr-port .signals-lead-route { margin-top: auto; }
.sxr-port .signals-lead-entry { padding: 13px; display: grid; grid-template-columns: 38px 1fr auto; gap: 11px; align-items: center; border: 1px solid rgba(232,237,244,.14); border-radius: 12px; background: rgba(255,255,255,.035); animation: signals-lead-arrive 5.8s var(--sxr-ease) infinite; }
.sxr-port .signals-lead-entry > span { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb),.42); border-radius: 50%; background: #10161a; color: var(--gold); font: 7px var(--mono); }
.sxr-port .signals-lead-entry p { margin: 0; display: grid; gap: 2px; }
.sxr-port .signals-lead-entry small,.sxr-port .signals-lead-entry em,.sxr-port .signals-lead-entry time { color: #68747d; font: 4.5px var(--mono); letter-spacing: .08em; }
.sxr-port .signals-lead-entry strong { font-size: 10px; }
.sxr-port .signals-lead-entry em { font-style: normal; }
.sxr-port .signals-lead-entry time { color: var(--gold); }
.sxr-port .signals-route-line { position: relative; height: 28px; margin-inline: 30px; border-bottom: 1px solid rgba(var(--accent-rgb),.2); }
.sxr-port .signals-route-line::before { content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: rgba(var(--accent-rgb),.25); }
.sxr-port .signals-route-line i { position: absolute; bottom: -4px; width: 7px; height: 7px; border: 1px solid var(--gold); border-radius: 50%; background: #0b0e11; animation: signals-route-pulse 3.6s ease-in-out infinite; }
.sxr-port .signals-route-line i:nth-child(1) { left: 0; }
.sxr-port .signals-route-line i:nth-child(2) { left: calc(50% - 3px); animation-delay: -.8s; }
.sxr-port .signals-route-line i:nth-child(3) { right: 0; animation-delay: -1.6s; }
.sxr-port .signals-route-targets { display: grid; grid-template-columns: repeat(3,1fr); }
.sxr-port .signals-route-targets span { min-height: 34px; display: grid; place-items: center; border-right: 1px solid rgba(232,237,244,.1); color: #808b93; font: 5px var(--mono); letter-spacing: .1em; }
.sxr-port .signals-route-targets span:last-child { border-right: 0; }
.sxr-port .signals-lead-card > footer { margin-top: 9px; color: #667179; font: 4.5px var(--mono); letter-spacing: .07em; }
@media (max-width: 900px) {
  .sxr-port .showcase-signals-section { padding: 105px 20px; }
  .sxr-port .signals-dashboard { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: 42px 390px 240px 280px 300px 300px; }
  .sxr-port .signals-feed-card { grid-column: 1 / -1; grid-row: 2; }.sxr-port .signals-modules-card { grid-column: 1 / -1; grid-row: 3; }.sxr-port .signals-funnel-card { grid-column: 1; grid-row: 4; }.sxr-port .signals-device-card { grid-column: 2; grid-row: 4; }.sxr-port .signals-views-card { grid-column: 1 / -1; grid-row: 5; }.sxr-port .signals-lead-card { grid-column: 1 / -1; grid-row: 6; min-height: 300px; }
  .sxr-port .signals-modules-card h3 { max-width: none; }.sxr-port .signals-module-race { grid-template-columns: repeat(2,1fr); gap: 12px 22px; }.sxr-port .signals-module-race > div { grid-template-columns: 18px 74px minmax(0,1fr) 20px; }
}
@media (max-width: 600px) {
  .sxr-port .showcase-signals-section { padding-block: 88px; }
  .sxr-port .signals-dashboard { margin-inline: -8px; padding: 8px; grid-template-columns: 1fr; grid-template-rows: 38px 420px 260px 245px 275px 280px 330px; border-radius: 19px; }.sxr-port .signals-dashboard > header { font-size: 5px; }.sxr-port .signals-dashboard > header small { display: none; }.sxr-port .signals-dashboard > article { padding: 18px; }
  .sxr-port .signals-feed-card { grid-column: 1; grid-row: 2; }.sxr-port .signals-modules-card { grid-column: 1; grid-row: 3; }.sxr-port .signals-funnel-card { grid-column: 1; grid-row: 4; }.sxr-port .signals-device-card { grid-column: 1; grid-row: 5; }.sxr-port .signals-views-card { grid-column: 1; grid-row: 6; }.sxr-port .signals-lead-card { grid-column: 1; grid-row: 7; min-height: 0; }
  .sxr-port .signals-feed-card h3 { font-size: 34px; }.sxr-port .signals-live-stream > div { min-height: 58px; grid-template-columns: 43px 8px minmax(0,1fr); gap: 9px; }.sxr-port .signals-live-stream > div > b { display: none; }.sxr-port .signals-feed-card footer { flex-direction: column; gap: 6px; }
  .sxr-port .signals-module-race { grid-template-columns: 1fr; gap: 9px; }.sxr-port .signals-module-race > div { grid-template-columns: 18px 68px minmax(0,1fr) 20px; }
  .sxr-port .signals-funnel-card,.sxr-port .signals-device-card { grid-template-columns: 92px 1fr; }.sxr-port .signals-views-card footer { grid-template-columns: repeat(2,1fr); gap: 9px; }
  .sxr-port .signals-lead-entry { grid-template-columns: 36px 1fr; }.sxr-port .signals-lead-entry time { grid-column: 2; }
}
.sxr-port .showcase-signals-section,
.sxr-port .studio-services {
  padding:var(--chapter-space) var(--chapter-gutter);
  color:var(--paper);
  background:var(--ink);
  border-block:0;
  border-top:1px solid var(--line);
}
.sxr-port .showcase-signals-section::before { content:none; }
.sxr-port .studio-services .pr-wrap {
  width:100%;
  max-width:var(--chapter-width);
  margin-inline:auto;
}
.sxr-port .signals-dashboard,
.sxr-port .studio-services .pr-enhancement {
  border-color:var(--line-strong);
  background:var(--chapter-surface);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 38px -20px #000;
}
.sxr-port .signals-dashboard { border-radius:26px; }
.sxr-port .signals-dashboard::before {
  content:"";
  position:absolute;
  top:0;
  left:24px;
  width:48px;
  height:2px;
  background:var(--accent);
  box-shadow:0 0 14px rgba(var(--accent-rgb),.65);
  pointer-events:none;
  transition:width .6s var(--sxr-ease);
}
.sxr-port .signals-dashboard > article { border-color:var(--line); }
.sxr-port .signals-dashboard:focus-within::before { width:calc(100% - 48px); }
@media(min-width:1201px) {
  .sxr-port .signals-feed-card { grid-column:1 / 7; }
  .sxr-port .signals-modules-card { grid-column:7 / 13; }
  .sxr-port .signals-funnel-card { grid-column:7 / 10; }
}
@media(min-width:901px) and (max-width:1200px) {
  .sxr-port .signals-dashboard { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:42px 390px 240px 280px 300px 300px; }
  .sxr-port .signals-feed-card { grid-column:1 / -1; grid-row:2; }
  .sxr-port .signals-modules-card { grid-column:1 / -1; grid-row:3; }
  .sxr-port .signals-funnel-card { grid-column:1; grid-row:4; }
  .sxr-port .signals-device-card { grid-column:2; grid-row:4; }
  .sxr-port .signals-views-card { grid-column:1 / -1; grid-row:5; }
  .sxr-port .signals-lead-card { grid-column:1 / -1; grid-row:6; }
}
@media(hover:hover) and (pointer:fine) {
  .sxr-port .signals-dashboard:hover::before { width:calc(100% - 48px); }
}
@media(prefers-reduced-motion:reduce) {
  .sxr-port .signals-dashboard::before { transition:none; }
}
.sxr-port .hf-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:32px; }
.sxr-port .hf-detail { min-width:0; overflow:hidden; border:1px solid rgba(var(--accent-rgb),.24); border-radius:22px; background:#101315; }
.sxr-port .hf-detail-visual { position:relative; display:grid; place-items:center; height:244px; overflow:hidden; border-bottom:1px solid rgba(var(--accent-rgb),.14); background:radial-gradient(ellipse at 50% 0%,rgba(var(--accent-rgb),.1),transparent 75%); }
.sxr-port .hf-detail-copy { padding:24px 26px 26px; }
.sxr-port .hf-detail h3 { margin:0; color:var(--silver-soft); font:600 clamp(24px,2.25vw,32px)/1.1 var(--display); letter-spacing:-.03em; text-wrap:balance; }
.sxr-port .hf-detail-copy > p { margin:12px 0 0; color:var(--chrome-secondary); font-size:16px; line-height:1.55; }
.sxr-port .hf-detail-labels { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; padding:0; margin:20px 0 0; list-style:none; color:var(--silver); font:600 11px/1.5 var(--display); letter-spacing:.08em; }
.sxr-port .hf-detail-labels li + li::before { content:"·"; margin-right:12px; color:var(--chrome-secondary); }
.sxr-port .hf-detail-copy > .hf-domain-note { margin-top:16px; padding-top:14px; border-top:1px solid rgba(var(--accent-rgb),.14); font-size:13px; line-height:1.5; }
.sxr-port .hf-domain-note a { display:inline-block; color:var(--silver-soft); text-decoration:underline; text-underline-offset:3px; }
.sxr-port .hf-domain-note a:focus-visible { outline:2px solid var(--silver); outline-offset:4px; border-radius:2px; }
.sxr-port .hf-media-collection { width:82%; max-width:410px; border:1px solid rgba(var(--accent-rgb),.32); border-radius:12px; background:#171b1e; box-shadow:0 22px 32px -24px #000; }
.sxr-port .hf-collection-head { display:flex; align-items:center; gap:8px; padding:12px; color:var(--silver-soft); font-size:12px; }
.sxr-port .hf-collection-mark { display:grid; place-items:center; width:20px; height:20px; border-radius:4px; background:var(--material-silver); color:#13171a; font-weight:700; }
.sxr-port .hf-collection-menu { margin-left:auto; color:var(--chrome-secondary); letter-spacing:2px; }
.sxr-port .hf-media-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding:0 12px; }
.sxr-port .hf-media-tile { position:relative; min-width:0; height:108px; overflow:hidden; border:1px solid rgba(var(--accent-rgb),.3); border-radius:6px; background:#e1e6eb; }
.sxr-port .hf-media-tile img { width:100%; height:100%; object-fit:cover; }
.sxr-port .hf-media-tile small { position:absolute; inset:auto 0 0; padding:7px 5px; background:#0d1014e8; color:var(--silver-soft); font-size:10px; line-height:1; text-align:center; }
.sxr-port .hf-tile-play { position:absolute; top:30%; left:50%; display:grid; place-items:center; width:28px; height:28px; transform:translateX(-50%); border:1px solid #fff9; border-radius:50%; background:#10131580; color:#fff; font:20px/1 var(--display); }
.sxr-port .hf-paper-title { display:block; padding:17px 10px 9px; color:#2a333b; font:600 12px/1.2 var(--display); }
.sxr-port .hf-paper-corner { position:absolute; top:0; right:0; width:15px; height:15px; border-bottom:1px solid #a9b2bc; border-left:1px solid #a9b2bc; background:#c3cbd2; }
.sxr-port .hf-tile-document > i { display:block; height:2px; margin:5px 10px; background:#8c99a3; }
.sxr-port .hf-tile-document > i:last-of-type { width:40%; }
.sxr-port .hf-tile-presentation img { object-fit:contain; padding:6px 4px 24px; }
.sxr-port .hf-collection-foot { display:flex; justify-content:space-between; gap:8px; padding:12px; color:var(--chrome-secondary); font-size:10px; }
.sxr-port .hf-brand-preview { position:relative; width:82%; max-width:410px; height:182px; overflow:hidden; border:1px solid rgba(var(--accent-rgb),.4); border-radius:12px; background:#15191d; box-shadow:0 22px 32px -24px #000; }
.sxr-port .hf-brand-preview > img { width:100%; height:100%; object-fit:cover; }
.sxr-port .hf-brand-treatment { position:absolute; inset:0; display:flex; flex-direction:column; align-items:flex-start; padding:16px; background:linear-gradient(90deg,#101b2bd9,#101b2b26); color:#fff; }
.sxr-port .hf-brand-before { opacity:0; background:linear-gradient(90deg,#101315ed,#10131526); }
.sxr-port .hf-brand-logo { display:flex; align-items:center; gap:8px; font:600 10px/1 var(--display); letter-spacing:.14em; }
.sxr-port .hf-brand-logo b { display:grid; place-items:center; width:26px; height:26px; border:1px solid #fff8; border-radius:50%; font:italic 20px/1 Georgia,serif; }
.sxr-port .hf-brand-after .hf-brand-logo b { border-radius:3px; font:600 17px/1 var(--display); }
.sxr-port .hf-brand-heading { max-width:170px; margin-top:auto; font:500 23px/1.05 var(--display); letter-spacing:-.025em; }
.sxr-port .hf-brand-explore { display:flex; align-items:center; gap:30px; margin-top:10px; padding:8px 12px; border-radius:4px; background:#cbdced; color:#172737; font:600 10px/1 var(--display); }
.sxr-port .hf-brand-before .hf-brand-explore { background:#eef2f6; color:#16191d; }
.sxr-port .hf-visual-caption { position:absolute; bottom:9px; color:var(--chrome-secondary); font-size:10px; letter-spacing:.04em; }
@media (prefers-reduced-motion:no-preference) {
  .sxr-port .hf-detail[data-visible="true"] .hf-media-tile { animation:hf-media-assemble 1.1s var(--sxr-ease) both; }
  .sxr-port .hf-tile-video { --tile-x:-35px; --tile-y:12px; --tile-turn:-9deg; }
  .sxr-port .hf-detail[data-visible="true"] .hf-tile-document { --tile-x:0px; --tile-y:-24px; --tile-turn:3deg; animation-delay:.15s; }
  .sxr-port .hf-detail[data-visible="true"] .hf-tile-presentation { --tile-x:35px; --tile-y:12px; --tile-turn:9deg; animation-delay:.3s; }
  .sxr-port .hf-detail[data-visible="true"] .hf-brand-before { animation:hf-brand-change 3.8s var(--sxr-ease) both; }
}
@media (max-width:700px) { .sxr-port .hf-details { grid-template-columns:minmax(0,1fr); gap:18px; margin-top:26px; } }
@media (max-width:420px) {
  .sxr-port .hf-detail-visual { height:208px; }
  .sxr-port .hf-detail-copy { padding:20px; }
  .sxr-port .hf-detail h3 { font-size:26px; }
  .sxr-port .hf-detail-copy > p { font-size:15px; }
  .sxr-port .hf-media-collection,.sxr-port .hf-brand-preview { width:88%; }
  .sxr-port .hf-brand-preview { height:158px; }
  .sxr-port .hf-brand-heading { font-size:21px; }
  .sxr-port .hf-media-tiles { gap:6px; padding-inline:9px; }
  .sxr-port .hf-media-tile { height:93px; }
  .sxr-port .hf-paper-title { font-size:10px; padding-inline:6px; }
  .sxr-port .hf-detail-labels { gap:6px 8px; font-size:10px; letter-spacing:.035em; }
  .sxr-port .hf-detail-labels li + li::before { margin-right:8px; }
}
.sxr-port .home-features { position:relative; padding:clamp(72px,9vw,120px) 0; scroll-margin-top:90px; }
.sxr-port .hf-wrap { width:min(1320px,calc(100% - 2 * var(--sxr-gutter))); margin-inline:auto; }
.sxr-port .hf-tabs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin:0 0 26px; }
.sxr-port .hf-tab { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-width:0; min-height:48px; padding:6px 14px; text-align:center; border:1px solid rgba(203,210,217,.26); border-radius:999px;
  background:rgba(19,21,23,.7); color:var(--chrome-secondary); font:500 15px/1.15 var(--display); cursor:pointer;
  transition:background .35s var(--sxr-ease),color .35s var(--sxr-ease),border-color .35s var(--sxr-ease); }
.sxr-port .hf-tab svg { flex:none; width:17px; height:17px; }
.sxr-port .hf-tab:hover { color:var(--silver-soft); border-color:rgba(203,210,217,.45); }
.sxr-port .hf-tab[aria-selected="true"] { background:linear-gradient(180deg,#f4f7fa,#c9d0d7); color:#0a0b0c; border-color:transparent; box-shadow:0 12px 30px -16px rgba(var(--accent-rgb),.8); }
.sxr-port .hf-tab:focus-visible { outline:2px solid var(--silver); outline-offset:3px; }
.sxr-port .hf-stage { --light-x:50%; --light-y:0%; position:relative; isolation:isolate; display:grid; overflow:hidden; border:1px solid rgba(203,210,217,.13); border-radius:26px;
  background:radial-gradient(120% 100% at 70% 0%,#1d2124,#0b0c0e 72%); box-shadow:0 40px 80px -40px #000; }
.sxr-port .hf-stage::after { content:""; position:absolute; z-index:6; inset:0; border-radius:inherit; pointer-events:none; opacity:0;
  background:radial-gradient(520px circle at var(--light-x) var(--light-y),rgba(var(--accent-rgb),.08),transparent 65%); transition:opacity .35s var(--sxr-ease); }
.sxr-port .hf-stage:hover::after { opacity:1; }
.sxr-port .hf-slide { grid-area:1/1; position:relative; aspect-ratio:16/8.2; visibility:hidden; opacity:0; transition:opacity .6s var(--sxr-ease),visibility 0s linear .6s; }
.sxr-port .hf-slide.is-on { visibility:visible; opacity:1; transition:opacity .6s var(--sxr-ease),visibility 0s; }
.sxr-port .hf-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sxr-port .hf-shade { position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg,rgba(8,9,10,.86) 0%,rgba(8,9,10,.55) 34%,rgba(8,9,10,.08) 64%,transparent 80%),linear-gradient(0deg,rgba(8,9,10,.7),transparent 48%); }
.sxr-port .hf-num { position:absolute; z-index:2; top:clamp(22px,3vw,40px); left:clamp(24px,4vw,60px); color:rgba(238,242,246,.45); font:600 15px/1 var(--display); letter-spacing:.12em; }
.sxr-port .hf-num b { color:var(--silver-soft); font-weight:600; }
.sxr-port .hf-copy { position:absolute; z-index:2; left:clamp(24px,4vw,60px); bottom:clamp(24px,4vw,56px); width:min(560px,48%); }
.sxr-port .hf-tag { display:inline-flex; align-items:center; gap:8px; margin:0 0 16px; padding:6px 11px; border:1px solid rgba(238,242,246,.3); border-radius:999px;
  background:rgba(8,9,10,.35); color:var(--silver-soft); font:600 12px/1 var(--display); letter-spacing:.08em; text-transform:uppercase; }
.sxr-port .hf-tag i { width:7px; height:7px; border-radius:50%; background:#d7dfe5; box-shadow:0 0 10px rgba(215,223,229,.6); }
.sxr-port .hf-tag.is-soft i { background:transparent; border:1px solid var(--silver); box-shadow:none; }
.sxr-port .hf-copy h3 { margin:0; color:#fff; font:600 clamp(30px,3.6vw,52px)/1.02 var(--display); letter-spacing:-.025em; text-shadow:0 2px 24px rgba(0,0,0,.35); }
.sxr-port .hf-copy > p { margin:14px 0 0; color:#dfe4e9; font-size:clamp(15px,1.3vw,18px); line-height:1.55; }
.sxr-port .hf-go { display:inline-flex; align-items:center; gap:12px; min-height:46px; margin-top:22px; padding:0 20px; border:1px solid rgba(238,242,246,.4); border-radius:999px;
  background:rgba(8,9,10,.35); color:#fff; font:600 14px/1 var(--display); text-decoration:none; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.sxr-port .hf-go:hover { border-color:#fff; }
.sxr-port .hf-go.is-primary { background:linear-gradient(180deg,#f4f7fa,#c9d0d7); color:#0a0b0c; border-color:transparent; }
.sxr-port .hf-go:focus-visible { outline:2px solid var(--silver); outline-offset:3px; }
.sxr-port .hf-marks { display:flex; justify-content:center; gap:6px; margin-top:20px; }
.sxr-port .hf-marks i { position:relative; width:26px; height:3px; border-radius:2px; background:rgba(203,210,217,.2); overflow:hidden; }
.sxr-port .hf-marks i.is-on::after { content:""; position:absolute; inset:0; background:var(--silver); transform-origin:left; }
@media (prefers-reduced-motion:no-preference) {
  .sxr-port .hf-tabs[data-visible="true"] .hf-tab { animation:hf-rise .7s var(--sxr-ease) both; animation-delay:calc(var(--k) * 40ms); }
  .sxr-port .hf-stage[data-visible="true"] { animation:sxr-card-reveal 1.1s var(--sxr-ease) both; }
  .sxr-port .hf-slide.is-on .hf-photo { animation:offer-image-reveal 1.5s var(--sxr-ease) both, hf-drift 22s 1.5s var(--sxr-ease) infinite alternate; }
  .sxr-port .hf-slide.is-on .hf-copy > * { animation:hf-rise .8s var(--sxr-ease) both; }
  .sxr-port .hf-slide.is-on .hf-copy > * + * { animation-delay:.07s; }
}
@media (prefers-reduced-motion:reduce) { .sxr-port .home-features *, .sxr-port .home-features *::after { transition:none !important; animation:none !important; } }
@media (min-width:901px) and (max-width:1180px) { .sxr-port .hf-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px) {
  .sxr-port .hf-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:18px; }
  .sxr-port .hf-tab { gap:7px; padding:0 10px; font-size:14px; }
  .sxr-port .hf-tab svg { width:16px; height:16px; }
  .sxr-port .hf-slide { aspect-ratio:3/4; }
  .sxr-port .hf-shade { background:linear-gradient(0deg,rgba(8,9,10,.92) 0%,rgba(8,9,10,.7) 42%,rgba(8,9,10,.1) 72%,transparent 85%); }
  .sxr-port .hf-copy { left:18px; right:18px; bottom:20px; width:auto; }
  .sxr-port .hf-num { top:16px; left:18px; }
}
@media (max-width:420px) {
  .sxr-port .hf-slide { aspect-ratio:9/14; }
  .sxr-port .hf-copy h3 { font-size:28px; }
}
@media (max-width:360px) { .sxr-port .hf-tab svg { display:none; } .sxr-port .hf-tab { padding:0 8px; font-size:13px; } }
.sxr-port .home-legacy-anchor { display: block; height: 0; scroll-margin-top: 76px; }
.sxr-port .home-features { padding-block:clamp(48px,5vw,72px); }
.sxr-port .studio-services { position:relative; padding-block:var(--chapter-space); }
.sxr-port .hf-stage { grid-template-columns:minmax(0,1fr); }
.sxr-port .hf-slide { width:100%; min-width:0; }
@media(max-width:900px) { .sxr-port .hf-slide { aspect-ratio:4/3; min-height:420px; } }
@media(max-width:600px) {
  .sxr-port .hf-slide { aspect-ratio:4/5; min-height:460px; }
}
.sxr-port .sec-head {
  max-width:var(--chapter-width,1500px);
  margin:0 0 clamp(32px,3.6vw,52px);
  text-align:left;
}
.sxr-port .sec-head .sec-label {
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  color:var(--silver);
  font:600 13px/1.5 var(--mono);
  letter-spacing:.24em;
  text-transform:uppercase;
}
.sxr-port .sec-head .sec-label b { color:var(--silver-soft); font-weight:600; letter-spacing:.12em; }
.sxr-port .sec-head .sec-label i { flex:0 0 28px; height:1px; background:linear-gradient(90deg,var(--silver-soft),rgba(203,210,217,.35)); }
.sxr-port .sec-head h2 {
  max-width:none;   /* one line on desktop; the rest belongs in the lede (owner 26 Oct 2026: "only one line with description beneath") */
  margin:20px 0 0;
  color:var(--silver-soft);
  font:600 clamp(36px,4vw,60px)/1.02 var(--display);
  letter-spacing:-.035em;
  text-align:left;
  text-wrap:balance;
}
.sxr-port .sec-head h2 em {
  font-style:normal;
  background:linear-gradient(180deg,#f4f7fa 0%,#c3cbd3 46%,#8e98a2 62%,#e6ebf0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.sxr-port .sec-head .sec-lede {
  max-width:60ch;
  margin:22px 0 0;
  color:var(--chrome-secondary);
  font-size:clamp(16px,1.3vw,19px);
  line-height:1.55;
  text-align:left;
  text-wrap:pretty;
}
@media(max-width:760px) {
  .sxr-port .sec-head h2 { font-size:clamp(30px,8.4vw,40px); }
  .sxr-port .sec-head .sec-label { font-size:11px; letter-spacing:.2em; }
}
@media(prefers-reduced-motion:no-preference) {
  .sxr-port .sec-head:is([data-visible="true"],[data-offer-visible="true"]) > * { animation:rise-in 1.1s var(--sxr-ease) both; }
  .sxr-port .sec-head:is([data-visible="true"],[data-offer-visible="true"]) > * + * { animation-delay:.08s; }
}
.sxr-port .svc-menu { margin-top:clamp(28px,3vw,40px); }
.sxr-port .svc-panel { display:grid; gap:18px; }
.sxr-port .svc-panel[hidden] { display:none; }
.sxr-port .svc-stage { position:relative; margin:0; overflow:hidden; aspect-ratio:16/8; max-height:720px; border:1px solid rgba(203,210,217,.16); border-radius:28px;
  background:#0b0e12; box-shadow:0 40px 80px -40px #000; isolation:isolate; }
.sxr-port .svc-stage img, .sxr-port .svc-stage video { position:absolute; inset:0; z-index:-2; display:block; width:100%; height:100%; object-fit:cover; }
.sxr-port .svc-stage::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(0deg,rgba(5,7,9,.5) 0%,rgba(5,7,9,.08) 42%,transparent 70%); }
.sxr-port .svc-glass { position:absolute; left:clamp(16px,2.8vw,40px); bottom:clamp(16px,2.8vw,40px); display:grid; gap:10px; width:min(540px,calc(100% - 32px)); padding:clamp(20px,2.2vw,30px);
  border:1px solid rgba(238,242,246,.24); border-radius:20px; background:linear-gradient(135deg,rgba(238,242,246,.14),rgba(238,242,246,.04) 60%),rgba(10,12,15,.5);
  -webkit-backdrop-filter:blur(18px) saturate(1.2); backdrop-filter:blur(18px) saturate(1.2); box-shadow:0 24px 50px -22px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.18); }
.sxr-port .svc-glass small { color:rgba(238,242,246,.78); font:600 10px/1.3 var(--mono); letter-spacing:.18em; text-transform:uppercase; }
.sxr-port .svc-glass strong { color:#fff; font:600 clamp(24px,2.2vw,32px)/1.1 var(--display); letter-spacing:-.02em; }
.sxr-port .svc-glass span { color:rgba(238,242,246,.88); font-size:15px; line-height:1.6; }
.sxr-port .svc-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)); gap:18px; }
.sxr-port .svc-card .pr-enhancement-copy > p:not(.pr-addon-price) { min-height:0; }
@media (prefers-reduced-motion: no-preference) {
  .sxr-port .svc-panel:not([hidden]) .svc-stage img, .sxr-port .svc-panel:not([hidden]) .svc-stage video { animation:svc-drift 14s ease-out both; }
  .sxr-port .svc-panel:not([hidden]) .svc-glass { animation:svc-glass .8s var(--sxr-ease) .1s both; }
}
@media (max-width:1100px) { .sxr-port .svc-stage { aspect-ratio:16/10; } }
@media (max-width:760px) {
  .sxr-port .svc-stage { aspect-ratio:4/5; border-radius:22px; }
  .sxr-port .svc-glass { left:12px; right:12px; bottom:12px; width:auto; padding:18px; }
  .sxr-port .svc-glass strong { font-size:22px; }
  .sxr-port .svc-glass span { font-size:14px; }
}
.sxr-port .studio-services.pr-enhancements { margin-top:0; scroll-margin-top:100px; }
.sxr-port .pr-service-footer { position:relative; margin-top:auto; padding-top:20px; }
.sxr-port .pr-service-details > summary { display:flex; align-items:center; justify-content:flex-end; gap:10px; width:110px; min-height:48px; margin-left:auto; color:var(--chrome-secondary); font-size:12px; list-style:none; cursor:pointer; }
.sxr-port .pr-service-details > summary::-webkit-details-marker { display:none; }
.sxr-port .pr-service-details > summary span { color:var(--champagne); font-size:16px; transition:transform .25s var(--sxr-ease); }
.sxr-port .pr-service-details[open] > summary span { transform:rotate(90deg); }
.sxr-port .pr-service-scope { margin-top:16px; padding-top:18px; border-top:1px solid var(--pr-edge); }
.sxr-port .pr-service-scope > p,.sxr-port .pr-service-scope li { color:var(--chrome-secondary); font-size:13px; line-height:1.7; }
.sxr-port .pr-service-scope > p { margin:0 0 18px; }
.sxr-port .pr-service-scope > small { display:block; margin-bottom:12px; color:var(--champagne); font:9px/1.5 var(--mono); letter-spacing:.08em; }
.sxr-port .pr-service-scope ul { padding-left:17px; margin:0 0 18px; }
.sxr-port .pr-service-scope li { padding-left:3px; margin-block:6px; }
.sxr-port .pr-service-scope li::marker { color:var(--champagne); }
.sxr-port .pr-service-inquiry { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding-block:10px; color:var(--champagne-soft); font-size:13px; line-height:1.6; }
@media(hover:hover) and (pointer:fine) {
  .sxr-port .pr-service-details > summary:hover { color:var(--champagne-soft); }
  .sxr-port .pr-enhancement:hover .pr-service-details:not([open]) > summary span { transform:translate(3px,-3px); }
}
.sxr-port .pr-enhancement-copy > .pr-addon-price { margin:14px 0 0; }
.sxr-port .pr-addon-price strong { display:block; color:var(--paper); font:600 20px/1.25 var(--display); letter-spacing:-.01em; }
.sxr-port .pr-addon-price small { display:block; margin-top:3px; color:var(--chrome-secondary); font-size:12px; line-height:1.5; }
.sxr-port :is(.vx,.home-reframe) .pr-lit { --light-x:50%; --light-y:0%; position:relative; isolation:isolate; min-width:0; }
.sxr-port :is(.vx,.home-reframe) .pr-lit::before { content:""; position:absolute; z-index:-1; inset:0; border-radius:inherit; opacity:0; pointer-events:none; background:radial-gradient(450px circle at var(--light-x) var(--light-y),rgba(var(--accent-rgb),.1),transparent 65%); transition:opacity .4s var(--sxr-ease); }
.sxr-port :is(.vx,.home-reframe) .pr-lit::after { content:""; position:absolute; z-index:2; inset:0 22px auto; height:2px; pointer-events:none; background:var(--accent); box-shadow:0 0 12px rgba(var(--accent-rgb),.3); transform:scaleX(.2); transform-origin:left; transition:transform .7s var(--sxr-ease); }
@media(hover:hover) and (pointer:fine) {
  .sxr-port :is(.vx,.home-reframe) .pr-lit:hover { border-color:var(--accent); box-shadow:inset 0 1px rgba(255,255,255,.1),0 20px 38px -25px rgba(var(--accent-rgb),.25); }
  .sxr-port :is(.vx,.home-reframe) .pr-lit:hover::before { opacity:1; }
  .sxr-port :is(.vx,.home-reframe) .pr-lit:hover::after { transform:scaleX(1); }
}
.sxr-port :is(.vx,.home-reframe) .pr-lit:focus-within::after { transform:scaleX(1); }
@media(prefers-reduced-motion:reduce) { .sxr-port :is(.vx,.home-reframe) .pr-lit::before,.sxr-port :is(.vx,.home-reframe) .pr-lit::after { transition:none; } }
.sxr-port .pricing-refined { --pr-surface:#111313; --pr-edge:rgba(169,178,188,.22); background:var(--space-black); }
.sxr-port .pr-wrap { width:min(1320px,calc(100% - 96px)); margin-inline:auto; }
.sxr-port .pr-lit { --light-x:50%; --light-y:0%; position:relative; isolation:isolate; min-width:0; }
.sxr-port .pr-lit::before { content:""; position:absolute; z-index:-1; inset:0; border-radius:inherit; opacity:0; background:radial-gradient(450px circle at var(--light-x) var(--light-y),rgba(var(--accent-rgb),.10),transparent 65%); transition:opacity .35s var(--sxr-ease); pointer-events:none; }
.sxr-port .pr-enhancements { margin-top:64px; padding-block:58px 64px; border-block:1px solid var(--pr-edge); background:linear-gradient(180deg,#101212,var(--space-black)); }
.sxr-port .pr-enhancement { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--pr-edge); border-radius:18px; background:linear-gradient(145deg,rgba(169,178,188,.07),transparent 65%),var(--pr-surface); box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 38px -20px #000; scroll-margin-top:110px; transition:border-color .4s ease,transform .5s var(--sxr-ease),box-shadow .4s ease; }
.sxr-port .pr-enhancement::after { content:""; position:absolute; z-index:4; top:0; left:24px; width:48px; height:2px; background:var(--champagne); box-shadow:0 0 14px rgba(var(--accent-rgb),.65); pointer-events:none; transition:width .6s var(--sxr-ease); }
.sxr-port .pr-enhancement:focus-within { border-color:var(--champagne); }
.sxr-port .pr-enhancement:focus-within::after { width:calc(100% - 48px); }
.sxr-port .pr-enhancement-copy { position:relative; display:flex; flex-direction:column; flex:1; padding:24px; }
.sxr-port .pr-enhancement-copy > small { display:block; color:var(--champagne); font:9px/1.5 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.sxr-port .pr-enhancement h3 { font-size:20px; line-height:1.3; font-weight:500; margin:9px 0; }
.sxr-port .pr-enhancement-copy > p { color:var(--chrome-secondary); font-size:14px; line-height:1.65; min-height:43px; }
.sxr-port .pr-enhancement:focus-within a span { transform:translate(3px,-3px); }
.sxr-port .pricing-refined :is(a,button,summary):focus-visible { outline:2px solid var(--champagne); outline-offset:5px; }
@media(hover:hover) and (pointer:fine) {
  .sxr-port .pr-lit:hover::before { opacity:1; }
  .sxr-port .pr-enhancement:hover { transform:translateY(-5px); border-color:var(--champagne); box-shadow:0 22px 42px rgba(0,0,0,.28); }
  .sxr-port .pr-enhancement:hover::after { width:calc(100% - 48px); }
  .sxr-port .pr-enhancement:hover a span { transform:translate(3px,-3px); }
  .sxr-port .pr-enhancement a:hover { color:var(--champagne-soft); }
}
@media(prefers-reduced-motion:no-preference) {
  .sxr-port .pr-enhancement[data-offer-visible=true] { animation:pr-reveal .8s var(--sxr-ease) both; animation-delay:calc(var(--reveal-index) * 80ms); }
  .sxr-port .pr-enhancement[data-offer-visible=true]::after { animation:pr-edge-arrive 1.8s var(--sxr-ease); animation-delay:calc(var(--reveal-index) * 80ms); }
}
@media(max-width:1100px) {
  .sxr-port .pr-wrap { width:calc(100% - 48px); }
  .sxr-port .pr-enhancement-copy { padding:22px; }
}
@media(max-width:760px) {
  .sxr-port .pr-wrap { width:calc(100% - 40px); }
  .sxr-port .pr-enhancements { margin-top:40px; padding-block:40px; }
  .sxr-port .pr-enhancement-copy { padding:20px; }
  .sxr-port .pr-enhancement h3 { font-size:19px; }
  .sxr-port .pr-enhancement-copy > p { font-size:14px; }
}
@media(max-width:600px) {
  .sxr-port .pr-enhancement h3,.sxr-port .pr-enhancement-copy > p { min-height:0; }
}
@media(prefers-reduced-motion:reduce) {
  .sxr-port .pricing-refined *, .sxr-port .pricing-refined *::before, .sxr-port .pricing-refined *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  .sxr-port .pr-enhancement:hover { transform:none; }
  .sxr-port .pr-enhancement a span { transform:none !important; }
  .sxr-port .pr-lit::before { display:none; }
}
@keyframes live-pulse { 50% { opacity: .35; transform: scale(.75); } }
@keyframes rise-in { from { opacity: .18; transform: translateY(70px); } to { opacity: 1; transform: none; } }
@keyframes sxr-card-reveal { from { opacity: .12; clip-path: inset(12% 0 0 0 round 18px); } to { opacity: 1; clip-path: inset(0 round 18px); } }
@keyframes signals-panel-scan { 0%,70% { transform: translateX(-120%); } 88%,100% { transform: translateX(120%); } }
@keyframes signals-event-enter { 0%,10% { opacity: .2; transform: translateX(18px); } 20%,72% { opacity: 1; transform: translateX(0); } 88%,100% { opacity: .42; transform: translateX(0); } }
@keyframes signals-bar-race { 0%,10% { transform: scaleX(.08); opacity: .35; } 38%,82% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(.76); opacity: .55; } }
@keyframes signals-ring-fill { 0%,10% { stroke-dashoffset: 270; } 42%,82% { stroke-dashoffset: 86; } 100% { stroke-dashoffset: 110; } }
@keyframes signals-device-fill { 0%,10% { stroke-dasharray: 0 276; } 42%,82% { stroke-dasharray: var(--dash) 276; } 100% { opacity: .72; } }
@keyframes signals-line-draw { 0%,10% { stroke-dashoffset: 900; opacity: .2; } 48%,82% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: .45; } }
@keyframes signals-area-rise { 0%,18% { opacity: 0; } 48%,82% { opacity: 1; } 100% { opacity: .35; } }
@keyframes signal-tracer { 0%,100% { transform: scale(.76); opacity: .6; } 50% { transform: scale(1.16); opacity: 1; } }
@keyframes signals-lead-arrive { 0%,10% { opacity: 0; transform: translateY(16px); } 28%,82% { opacity: 1; transform: translateY(0); } 100% { opacity: .45; } }
@keyframes signals-route-pulse { 50% { background: var(--gold); box-shadow: 0 0 14px var(--gold); transform: scale(1.25); } }
@keyframes hf-media-assemble { from { opacity:.4; transform:translate(var(--tile-x),var(--tile-y)) rotate(var(--tile-turn)); } to { opacity:1; transform:none; } }
@keyframes hf-brand-change { 0%,40% { opacity:1; } 80%,100% { opacity:0; } }
@keyframes hf-rise { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:none; } }
@keyframes hf-drift { from { transform:scale(1); } to { transform:scale(1.06) translate(-1%,-1%); } }
@keyframes offer-image-reveal { from { scale:1.045; } to { scale:1; } }
@keyframes svc-drift { from { transform:scale(1.06); } to { transform:none; } }
@keyframes svc-glass { from { opacity:0; transform:translate3d(0,14px,0); } to { opacity:1; transform:none; } }
@keyframes pr-reveal { from { opacity:.3; translate:0 20px; } to { opacity:1; translate:0 0; } }
@keyframes pr-edge-arrive { 0% { width:0; opacity:0; } 55% { width:calc(100% - 48px); opacity:1; } 100% { width:48px; opacity:1; } }