.results-section { grid-template-columns:minmax(0,1fr); }
.results-section>.results-copy { order:1;min-width:0; }
.results-section>.results-visual { order:2;display:block;min-width:0;min-height:0;padding:22px; }
.analytics-device-wrap { display:grid;gap:14px;width:100%;min-width:0; }
.analytics-device-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px;min-width:0; }
.analytics-device { display:grid;justify-items:center;align-content:start;gap:9px;min-width:0; }
.analytics-account-badge { display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid rgba(232,124,222,.38);border-radius:99px;background:rgba(41,19,51,.72);color:#f6dcf7;font:600 11px/1.2 "Space Grotesk",Arial,sans-serif;letter-spacing:.02em; }
.analytics-account-badge::before { content:"";width:6px;height:6px;border-radius:50%;background:#e87cde; }
.analytics-device .analytics-screen-scroll { touch-action:auto; }
.analytics-phone { width:min(220px,100%);padding:7px;border:1px solid rgba(238,199,255,.42);border-radius:33px;background:linear-gradient(145deg,#33233b,#0a0810 32%,#21142a);box-shadow:0 22px 58px rgba(0,0,0,.48),inset 0 0 0 2px rgba(255,255,255,.035); }
.analytics-phone-frame { position:relative;padding:17px 7px 6px;border-radius:29px;background:#08060b; }
.analytics-phone-camera { position:absolute;z-index:2;top:6px;left:50%;width:48px;height:8px;border-radius:99px;background:#030205;transform:translateX(-50%); }
.analytics-phone-camera::after { content:"";position:absolute;right:5px;top:2px;width:4px;height:4px;border-radius:50%;background:#25202b; }
.analytics-phone-screen { height:auto;aspect-ratio:9/15.5;overflow:hidden;border:1px solid rgba(218,180,235,.18);border-radius:20px;background:#0f0d14;color:#fff; }
.analytics-screen-scroll { width:100%;height:100%;overflow-y:auto;overscroll-behavior-y:auto;scroll-snap-type:y mandatory;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a54bc5 #141019; }
.analytics-screen-scroll:focus-visible { outline:2px solid #e87cde;outline-offset:-3px; }
.analytics-screen-slide { display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:100%;margin:0;padding:8px 8px 23px;scroll-snap-align:start;scroll-snap-stop:always;background:#0f0d14; }
.analytics-screen-zoom { display:grid;place-items:center;width:100%;height:100%;min-height:0;padding:0;border:0;background:transparent;cursor:zoom-in; }
.analytics-screen-zoom img { display:block;width:100%;height:100%;object-fit:contain; }
.analytics-screen-slide figcaption { position:absolute;right:8px;bottom:5px;left:8px;overflow:hidden;color:#c4b8cc;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:8px; }
.analytics-empty-screen { display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:18px 14px;text-align:center;background:radial-gradient(ellipse at 50% 28%,rgba(181,70,210,.19),transparent 44%),#0f0d14; }
.analytics-brand-mark { display:grid;width:38px;height:38px;place-items:center;margin-bottom:15px;border:1px solid rgba(237,114,222,.4);border-radius:12px;color:#f0c2ed;font:700 20px/1 "Space Grotesk",Arial,sans-serif; }
.analytics-screen-label { margin:0 0 11px;color:#dc83db;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase; }
.analytics-empty-screen h3 { max-width:170px;margin:0 0 9px;font:600 17px/1.15 "Space Grotesk",Arial,sans-serif;letter-spacing:-.035em; }
.analytics-empty-screen>p:last-child { max-width:180px;margin:0;color:#b9adbf;font-size:9px;line-height:1.55; }
.analytics-phone-controls { display:flex;align-items:center;justify-content:center;gap:13px;padding:7px 2px 0; }
.analytics-phone-controls button { display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(227,152,245,.36);border-radius:50%;color:#fae8ff;background:#21132b;cursor:pointer;font-size:13px; }
.analytics-phone-controls button:disabled { opacity:.35;cursor:default; }
.analytics-phone-controls button:focus-visible { outline:2px solid #ff9df0;outline-offset:2px; }
.analytics-phone-controls button:not(:disabled):hover { border-color:#ec7bdc;background:#3a1743; }
.analytics-phone-controls span { min-width:95px;color:#c6b2d0;text-align:center;font-size:8px; }
.analytics-period-label { margin:0;color:#b9a6c2;text-align:center;font-size:9px; }
.analytics-verified-block { margin:17px 0 18px;padding:13px;border:1px solid rgba(225,145,238,.2);border-radius:12px;background:rgba(41,19,51,.42); }
.analytics-verified-period { display:flex;align-items:center;gap:7px;margin:0 0 10px;color:#d9b1e0;font-size:10px;font-weight:700; }
.analytics-verified-period span { color:#76dfb7; }
.analytics-metrics { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0; }
.analytics-metrics>div { min-width:0;padding:8px;border:1px solid rgba(225,145,238,.12);border-radius:8px;background:rgba(14,8,19,.38); }
.analytics-metrics dt { color:#bba9c4;font-size:9px; }
.analytics-metrics dd { margin:4px 0 0;color:#fff;font:600 17px/1.1 "Space Grotesk",Arial,sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere; }
.portfolio-media-gallery { margin-top:33px;padding-top:27px;border-top:1px solid rgba(225,166,255,.1); }
.media-gallery-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px; }
.media-gallery-heading h3 { margin:0 0 5px;font:600 21px/1.2 "Space Grotesk",Arial,sans-serif;letter-spacing:-.04em; }
.media-gallery-heading p { margin:0;color:#b9a6c2;font-size:11px;line-height:1.5; }
.media-filters { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px; }
.media-filters button { min-height:31px;padding:6px 11px;border:1px solid rgba(220,152,239,.23);border-radius:99px;color:#ddcbe4;background:rgba(33,16,43,.7);cursor:pointer;font:600 9px/1.2 "DM Sans",Arial,sans-serif; }
.media-filters button:hover,.media-filters button[aria-pressed="true"] { border-color:rgba(232,110,222,.74);color:#fff;background:linear-gradient(105deg,rgba(151,57,209,.56),rgba(208,50,179,.4)); }
.media-gallery-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.media-gallery-card { min-width:0;overflow:hidden;border:1px solid rgba(219,153,247,.2);border-radius:14px;background:linear-gradient(145deg,rgba(37,19,49,.92),rgba(17,10,24,.96)); }
.media-gallery-card[hidden] { display:none; }
.media-gallery-asset { display:grid;aspect-ratio:4/3;overflow:hidden;place-items:center;background:#0e0913; }
.media-gallery-asset img,.media-gallery-asset video,.media-gallery-asset iframe { display:block;width:100%;height:100%;border:0;object-fit:cover; }
.media-gallery-asset video { background:#07060a;object-fit:contain; }
.media-image-open { display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in; }
.media-image-open:focus-visible,.media-lightbox button:focus-visible { outline:2px solid #ff9df0;outline-offset:3px; }
.media-gallery-card-copy { padding:13px 14px 15px; }
.media-gallery-category { margin:0 0 5px;color:#dd82e2;font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase; }
.media-gallery-card-copy h4 { margin:0 0 6px;font:600 15px/1.25 "Space Grotesk",Arial,sans-serif; }
.media-gallery-card-copy>p:last-child { margin:0;color:#b8a7c1;font-size:10px;line-height:1.5; }
.media-gallery-empty { display:grid;min-height:150px;place-content:center;justify-items:center;padding:24px;border:1px dashed rgba(219,153,247,.25);border-radius:14px;background:radial-gradient(ellipse at 50% 0,rgba(150,54,191,.16),transparent 66%),rgba(23,12,31,.48);text-align:center; }
.media-gallery-empty>span { margin-bottom:5px;color:#e971df;font-size:22px; }
.media-gallery-empty h4 { margin:0 0 6px;font:600 16px "Space Grotesk",Arial,sans-serif; }
.media-gallery-empty p { max-width:480px;margin:0;color:#ad9bb7;font-size:10px;line-height:1.5; }
.media-filter-empty { grid-column:1/-1;margin:0;padding:24px;color:#b9a6c2;text-align:center;font-size:11px; }
.media-lightbox { position:fixed;width:min(1000px,94vw);max-width:none;max-height:92vh;padding:48px 14px 14px;border:1px solid rgba(227,143,255,.35);border-radius:16px;background:#110a18;box-shadow:0 25px 90px rgba(0,0,0,.65); }
.media-lightbox::backdrop { background:rgba(5,3,8,.86);backdrop-filter:blur(5px); }
.media-lightbox[open] { display:grid;place-items:center; }
.media-lightbox img { display:block;max-width:100%;max-height:calc(92vh - 70px);object-fit:contain; }
.media-lightbox-close { position:absolute;top:9px;right:11px;width:34px;height:34px;border:1px solid rgba(227,143,255,.28);border-radius:50%;color:#fff;background:#291534;cursor:pointer;font-size:21px;line-height:1; }
@media (prefers-reduced-motion:no-preference) { .analytics-screen-scroll { scroll-behavior:smooth; } }
@media (max-width:1080px) {
  .analytics-device-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .analytics-phone { width:min(240px,100%); }
}
@media (max-width:960px) {
  .media-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .results-section>.results-visual { padding:16px 0 14px; }
  .analytics-device-grid { display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:4px 16px 10px;scroll-padding-inline:16px;scrollbar-width:thin;scrollbar-color:#a54bc5 transparent; }
  .analytics-device { flex:0 0 72%;scroll-snap-align:start; }
  .analytics-phone { width:100%;max-width:240px; }
  .analytics-period-label { padding:0 12px; }
  .media-gallery-heading { align-items:flex-start;flex-direction:column; }
  .media-filters { justify-content:flex-start; }
  .media-gallery-grid { grid-template-columns:1fr;gap:15px; }
  .media-gallery-asset { aspect-ratio:16/10; }
  .media-gallery-empty { min-height:130px; }
}
@media (max-width:420px) {
  .analytics-device { flex-basis:76%; }
  .analytics-metrics dd { font-size:15px; }
  .media-gallery-heading h3 { font-size:19px; }
}