@font-face{
  font-family:"Switzer";
  src:
    local("Switzer Regular"),
    local("Switzer"),
    url("../fonts/Switzer-Regular.woff2") format("woff2"),
    url("../fonts/Switzer-Regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Switzer";
  src:
    local("Switzer Semibold"),
    local("Switzer Medium"),
    url("../fonts/Switzer-Semibold.woff2") format("woff2"),
    url("../fonts/Switzer-Semibold.woff") format("woff");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Switzer";
  src:
    local("Switzer Bold"),
    url("../fonts/Switzer-Bold.woff2") format("woff2"),
    url("../fonts/Switzer-Bold.woff") format("woff");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Outfit";
  src:
    local("Outfit Regular"),
    local("Outfit"),
    url("../fonts/Outfit-Regular.woff2") format("woff2"),
    url("../fonts/Outfit-Regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Outfit";
  src:
    local("Outfit Medium"),
    url("../fonts/Outfit-Medium.woff2") format("woff2"),
    url("../fonts/Outfit-Medium.woff") format("woff");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Outfit";
  src:
    local("Outfit SemiBold"),
    local("Outfit Semibold"),
    url("../fonts/Outfit-SemiBold.woff2") format("woff2"),
    url("../fonts/Outfit-SemiBold.woff") format("woff");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

:root {
  --bg:#ffffff; --surface:#f7f7f5; --border:#e5e5e1;
  --text-primary:#111110; --text-secondary:#666663;
  --text-tertiary:#999997; --label:#888885;
  --green:#2d7a4f; --green-bg:#edf7f1; --green-border:#b8dfc9;
  --red:#c0392b; --red-bg:#fdf0ee; --red-border:#f0c4be;
  --accent:#2d7a4f; --card-bg:#ffffff;
  --teal:#00c4b0; --amber:#d4880a; --purple:#7B52B5;
  --nav-h:64px;
  --section-space-xl:96px;
  --section-space-lg:80px;
  --section-space-md:64px;
  --section-space-sm:48px;
  --font-display:"Switzer","Helvetica Neue",Arial,sans-serif;
  --font-body:"Outfit","Inter","Helvetica Neue",Arial,sans-serif;
  --font-ui:"Outfit","Inter","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.7;letter-spacing:0;-webkit-font-smoothing:antialiased;}
.skip-link{position:fixed;top:12px;left:12px;z-index:2000;transform:translateY(calc(-100% - 24px));background:var(--text-primary);color:var(--bg);font-family:var(--font-ui);font-size:13px;font-weight:500;text-decoration:none;padding:10px 14px;border-radius:100px;transition:transform 0.2s ease;}
.skip-link:focus,
.skip-link:focus-visible{transform:translateY(0);}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
a:focus-visible,
button:focus-visible,
.hero-cta:focus-visible,
.nav-item:focus-visible,
.accordion-trigger:focus-visible{outline:2px solid #7B52B5;outline-offset:4px;}
#main-content:focus{outline:none;}
#research-section,
#v1-concept-section,
#v2-redesign-section,
#prototype-section,
#outcomes-section{scroll-margin-top:90px;}
header.nav-hidden{transform:translateY(-100%);}
.nav-ham{display:flex;flex-direction:column;gap:5px;cursor:pointer;background:transparent;border:0;padding:0;appearance:none;-webkit-appearance:none;}
.nav-ham span{display:block;width:20px;height:1.5px;background:var(--label);}
.float-nav{position:fixed;bottom:28px;left:50%;width:max-content;max-width:calc(100vw - 24px);transform:translateX(-50%) translateY(12px);z-index:1000;background:rgba(224,223,218,0.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:56px;padding:8px 20px;border:0.5px solid rgba(0,0,0,0.1);box-shadow:0 2px 8px rgba(0,0,0,0.02),0 6px 14px rgba(0,0,0,0.02);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.45s cubic-bezier(0.2,0.9,0.3,1.1),transform 0.5s cubic-bezier(0.2,0.9,0.4,1.1),bottom 0.45s cubic-bezier(0.2,0.9,0.4,1.1),visibility 0s linear 0.45s;}
.float-nav.visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto;transition-delay:0s;}
.float-nav.collapsed{bottom:0;transform:translateX(-50%) translateY(calc(100% - 12px));opacity:0.92;}
.float-nav.collapsed:hover,
.float-nav.collapsed:focus-within{bottom:28px;transform:translateX(-50%) translateY(0);opacity:1;}
.nav-items{display:flex;gap:2px;align-items:center;justify-content:center;flex-wrap:nowrap;}
.nav-item{display:flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:100px;font-family:var(--font-body);font-size:12px;font-weight:480;color:#5d5b56;background:transparent;text-decoration:none;letter-spacing:-0.01em;white-space:nowrap;transition:all 0.2s cubic-bezier(0.2,0.8,0.4,1);}
.nav-item.active{background:rgba(0,0,0,0.07);color:#121210;font-weight:530;transform:scale(1.02);}
.nav-item:hover{background:rgba(0,0,0,0.04);transform:translateY(-1.5px);color:#1c1c1a;}
.hero{padding-top:calc(var(--nav-h) + 56px);padding-bottom:64px;padding-left:0;padding-right:0;max-width:none;margin:0;}
.hero-inner{max-width:1120px;margin:0 auto;padding:0 32px;}
.hero-main{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,520px);gap:48px;align-items:center;margin-bottom:52px;}
.hero-copy{max-width:560px;}
.hero-title{font-family:var(--font-display);font-size:clamp(32px,3.3vw,50px);font-weight:700;line-height:0.98;letter-spacing:-0.04em;color:var(--text-primary);margin-bottom:24px;max-width:100%;white-space:nowrap;}
.hero-sub{font-family:var(--font-body);font-size:17px;color:var(--text-secondary);font-weight:500;line-height:1.6;max-width:400px;margin-bottom:28px;}
.hero-cta-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0 0;}
.hero-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:200px;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:-0.01em;text-decoration:none;transition:all 0.2s cubic-bezier(0.2,0.8,0.4,1);}
.hero-cta-primary{background:#1e1e1c;border:1px solid #1e1e1c;color:#ffffff;}
.hero-cta-primary:hover{background:#2c2c2a;transform:translateY(-1px);}
.hero-cta-secondary{background:transparent;border:1px solid #cbcbc6;color:#121210;}
.hero-cta-secondary:hover{background:rgba(0,0,0,0.03);border-color:#b3b3ad;}
.hero-img{min-height:520px;display:flex;align-items:center;justify-content:flex-end;}
.hero-compare{position:relative;width:min(100%,500px);min-height:650px;margin:0 0 0 auto;transform:translateX(56px);}
.compare-screen{position:absolute;display:flex;flex-direction:column;align-items:flex-start;}
.compare-label{font-family:var(--font-ui);font-size:12px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:#8A8680;margin-bottom:8px;padding-left:12px;}
.compare-screen img{display:block;width:100%;height:auto;object-fit:contain;}
.compare-screen-back{width:220px;left:18px;top:42px;z-index:1;}
.compare-screen-front{width:300px;right:10px;top:0;z-index:2;}
.compare-screen-back img{filter:drop-shadow(0 14px 28px rgba(17,17,16,0.10));opacity:1;}
.compare-screen-front img{filter:drop-shadow(0 28px 46px rgba(17,17,16,0.16));}
.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;}
.meta-label{font-family:var(--font-ui);font-size:12px;font-weight:550;letter-spacing:0.06em;text-transform:uppercase;color:#6f6a63;margin-bottom:6px;}
.meta-value{font-family:var(--font-body);font-size:15px;color:var(--text-secondary);line-height:1.58;font-weight:500;}
.avatars{display:flex;margin-top:4px;}
.av{width:30px;height:30px;border-radius:50%;border:2px solid var(--bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:10px;font-weight:600;margin-right:-8px;}

/* STICKY SCROLL */
.ss-inner{display:flex;align-items:flex-start;max-width:1120px;margin:0 auto;}
.ss-left{width:44%;flex-shrink:0;position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));display:flex;align-items:center;justify-content:center;padding:0 48px 0 40px;}
.ss-vis-set{position:relative;width:100%;height:55vh;}
.ss-vis{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:0;opacity:0;transform:translateY(10px);transition:opacity 0.5s ease,transform 0.5s ease;pointer-events:none;}
.ss-vis.active{opacity:1;transform:translateY(0);pointer-events:auto;}
.ss-right{width:56%;}
.ss-step{min-height:85vh;display:flex;flex-direction:column;justify-content:flex-start;padding:18vh 56px 80px;}
.ss-step[data-v="p1"]{min-height:65vh;}

/* STATIC SPLIT SECTIONS */
.split-static-section{padding:var(--section-space-xl) 32px;background:var(--bg);}
.split-static-section-research{padding-top:var(--section-space-xl);}
.split-static-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(320px,44%) minmax(0,56%);gap:48px;align-items:start;}
.split-static-media{display:flex;align-items:flex-start;justify-content:center;align-self:start;padding:24px 40px 24px 0;}
.split-static-copy{max-width:620px;align-self:start;padding:16px 0;}

/* STEP TYPOGRAPHY */
.step-tag{font-family:var(--font-ui);font-size:12px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--label);margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.step-tag::before{content:none;}
.step-h{font-family:var(--font-display);font-size:clamp(22px,2.8vw,32px);font-weight:600;line-height:1.06;color:var(--text-primary);margin-bottom:20px;letter-spacing:-0.03em;}
.section-label{font-family:var(--font-ui);font-size:12px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--label);margin-bottom:14px;}
h1,h2{font-family:var(--font-display);}
h2{font-size:clamp(26px,4vw,40px);font-weight:600;line-height:1.05;color:var(--text-primary);margin-bottom:20px;letter-spacing:-0.035em;}
h3{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:10px;margin-top:32px;letter-spacing:-0.02em;}
h3:first-child{margin-top:0;}
h4{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:-0.01em;}
p{font-family:var(--font-body);color:var(--text-secondary);font-size:17px;font-weight:500;line-height:1.6;margin-bottom:16px;}
p:last-child{margin-bottom:0;}
p strong{color:var(--text-primary);font-weight:600;}
ul.bl{font-family:var(--font-body);color:var(--text-secondary);font-size:16px;font-weight:500;line-height:1.62;padding-left:18px;margin-bottom:16px;}
ul.bl li{margin-bottom:5px;}
ul.bl li strong{color:var(--text-primary);font-weight:600;}
ol.bl{font-family:var(--font-body);color:var(--text-secondary);font-size:16px;font-weight:500;line-height:1.62;padding-left:18px;margin-bottom:16px;}
ol.bl li{margin-bottom:5px;}
.accordion{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin:18px 0;}
.accordion-trigger{width:100%;background:var(--card-bg);padding:16px 18px;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-ui);font-size:13.5px;font-weight:500;color:var(--text-primary);text-align:left;transition:background 0.15s;}
.accordion-trigger:hover{background:var(--surface);}
.accordion-icon{font-size:11px;color:var(--label);transition:transform 0.2s;flex-shrink:0;margin-left:10px;}
.accordion-trigger[aria-expanded="true"] .accordion-icon{transform:rotate(180deg);}
.accordion-body{display:none;border-top:1px solid var(--border);background:var(--card-bg);padding:20px 18px;font-family:var(--font-body);font-size:17px;font-weight:500;line-height:1.62;}
.accordion-body.open{display:block;}
.insight-rows{display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:10px;overflow:hidden;margin:16px 0;}
.insight-row{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--card-bg);}
.insight-row.hrow{background:var(--surface);}
.insight-cell{padding:12px 14px;font-family:var(--font-body);font-size:13px;color:var(--text-secondary);border-right:1px solid var(--border);line-height:1.5;}
.insight-cell:last-child{border-right:none;}
.insight-cell.hcell{font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;color:var(--label);padding:8px 14px;}
.insight-success{color:var(--text-secondary);font-family:var(--font-body);font-size:13px;font-weight:500;line-height:1.5;letter-spacing:0;}
.reflection-card{background:rgba(255,255,255,0.42);border:1px solid rgba(17,17,16,0.08);border-radius:8px;padding:26px 24px;margin-bottom:14px;}
.reflection-card h4{font-size:16px;font-weight:600;line-height:1.24;letter-spacing:-0.01em;margin-bottom:12px;max-width:360px;}
.reflection-card p{font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.62;color:var(--text-secondary);max-width:380px;margin-bottom:0;}

/* TL;DR */
.tldr{background:var(--text-primary);padding:80px 32px;}
.tldr-inner{max-width:720px;margin:0 auto;}
.tldr .section-label{color:rgba(255,255,255,0.35);}
.tldr h2{color:var(--bg);font-size:clamp(22px,4vw,34px);margin-bottom:28px;}
.tldr-rows{display:flex;flex-direction:column;}
.tldr-row{display:grid;grid-template-columns:90px 1fr;gap:20px;border-top:1px solid rgba(255,255,255,0.1);padding:20px 0;}
.tldr-key{font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.35);padding-top:2px;}
.tldr-val{font-family:var(--font-body);font-size:16px;color:rgba(255,255,255,0.86);font-weight:500;line-height:1.6;}

/* METRICS GRID */
.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;}
.metric-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:20px 16px;box-shadow:0 2px 6px rgba(0,0,0,0.02),0 4px 12px rgba(0,0,0,0.03);transition:all 0.2s ease;}
.metric-label{font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--label);margin-bottom:12px;}
.metric-before{font-family:var(--font-ui);font-size:18px;font-weight:500;color:var(--text-tertiary);line-height:1.2;margin-bottom:4px;}
.metric-after{font-family:var(--font-display);font-size:34px;font-weight:600;color:var(--text-primary);line-height:0.98;margin-bottom:8px;letter-spacing:-0.03em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";}
.metric-improvement{font-family:var(--font-ui);font-size:11px;font-weight:500;color:var(--green);display:inline-block;background:var(--green-bg);padding:2px 8px;border-radius:20px;letter-spacing:0.01em;}
.research-metrics-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
  max-width:248px;
  margin:0 auto;
}

.research-metric-card{
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:16px;
  padding:20px 16px;
  box-shadow:0 2px 6px rgba(0,0,0,0.02),0 4px 12px rgba(0,0,0,0.03);
}

.research-metric-label{
  font-family:var(--font-ui);
  font-size:11px;
  line-height:1.16;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#8d8478;
  font-weight:500;
  max-width:100px;
}

.research-metric-value{
  margin-top:10px;
  font-family:var(--font-display);
  font-size:34px;
  font-weight:700;
  line-height:.94;
  letter-spacing:-0.03em;
  color:var(--text-primary);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum";
}

@media (max-width:768px){

  .research-metrics-grid{
    gap:8px;
    max-width:248px;
  }

  .research-metric-card{
    min-height:102px;
    padding:12px;
    border-radius:14px;
  }

  .research-metric-label{
    font-size:10px;
    max-width:92px;
  }

  .research-metric-value{
    font-size:30px;
    margin-top:8px;
  }
}

/* KEY INSIGHT */
.key-insight-section{padding:var(--section-space-xl) 32px;background:var(--bg);}
.key-insight-shell{max-width:1120px;margin:0 auto;}
.key-insight-card{width:calc(100% - 95px);margin-left:95px;margin-right:0;padding:40px 44px 40px 14px;}
.key-insight-copy{font-family:var(--font-display);font-size:clamp(30px,3.6vw,44px);font-weight:600;line-height:1.06;letter-spacing:-0.04em;color:var(--text-primary);margin:0;max-width:none;width:100%;}

/* STATIC BEFORE/AFTER */
.ba-static-section{width:100%;background:var(--bg);padding:0 48px;}
.ba-static-container{display:flex;flex-wrap:nowrap;width:100%;}
.ba-col{flex:1 1 33.333%;min-width:0;min-height:600px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;padding:64px 20px;}
.ba-col-left,.ba-col-right,.ba-col-modern{background:var(--bg);}
.ba-col .step-tag{margin-bottom:14px;}
.ba-col-right .step-tag{color:var(--label);}
.ba-col-right .step-h{color:var(--text-primary);}
.ba-col-right .ba-desc{color:var(--text-secondary);}
.ba-col .step-h{margin-top:0;margin-bottom:14px;font-size:clamp(21px,1.7vw,25px);line-height:1.1;}
.ba-desc{max-width:360px;margin:0 0 40px 0;font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.6;color:var(--text-secondary);padding-left:18px;list-style-position:outside;}
.ba-desc li{color:var(--text-secondary);margin-bottom:4px;line-height:1.6;}
.ba-image-wrap{width:100%;max-width:360px;margin:0;}
.ba-image{display:block;width:100%;max-width:100%;height:auto;border-radius:30px;overflow:hidden;}
.ba-image-wrap-placeholder{display:flex;justify-content:center;align-items:center;}
.ba-placeholder-screen{width:100%;max-width:320px;background:#fcfcfa;border:1px solid rgba(17,17,16,0.08);border-radius:28px;padding:14px;box-shadow:0 8px 18px rgba(17,17,16,0.04);}
.ba-placeholder-topbar{display:flex;gap:6px;margin-bottom:12px;}
.ba-placeholder-dot{width:6px;height:6px;border-radius:50%;background:#d6d4cd;display:block;}
.ba-placeholder-phone{background:#ffffff;border:1px solid rgba(17,17,16,0.08);border-radius:22px;padding:14px 14px 16px;}
.ba-placeholder-nav{height:14px;width:52%;border-radius:999px;background:#111110;margin-bottom:14px;opacity:0.92;}
.ba-placeholder-block{border-radius:14px;background:linear-gradient(180deg,#f3f1ea 0%,#ece9e0 100%);}
.ba-placeholder-block-hero{height:108px;margin-bottom:14px;}
.ba-placeholder-chip-row{display:flex;gap:8px;margin-bottom:14px;}
.ba-placeholder-chip{height:24px;flex:1;border-radius:999px;background:#f1efe8;border:1px solid rgba(17,17,16,0.06);}
.ba-placeholder-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;}
.ba-placeholder-item{padding:12px;border-radius:14px;background:#faf9f6;border:1px solid rgba(17,17,16,0.06);}
.ba-placeholder-line{height:8px;border-radius:999px;background:#d8d5cc;}
.ba-placeholder-line + .ba-placeholder-line{margin-top:8px;}
.ba-placeholder-line-long{width:88%;}
.ba-placeholder-line-medium{width:72%;}
.ba-placeholder-line-short{width:54%;}
.ba-placeholder-cta{height:42px;border-radius:14px;background:#111110;}

/* SCREEN GALLERIES */
.screen-gallery-section{padding:var(--section-space-xl) 32px;background:var(--bg);}
.screen-gallery-section-final{padding-top:var(--section-space-xl);padding-left:16px;padding-right:16px;}
.screen-gallery-section-modern{padding-top:var(--section-space-xl);padding-left:16px;padding-right:16px;}
.screen-gallery-inner{max-width:1120px;margin:0 auto;}
.screen-gallery-section-modern .screen-gallery-inner{max-width:1700px;}
.screen-gallery-section-final .screen-gallery-inner{max-width:1700px;}
.screen-gallery-section-modern .step-tag,
.screen-gallery-section-modern .section-display-title,
.screen-gallery-section-modern .screen-gallery-intro{max-width:1120px;margin-left:auto;margin-right:auto;}
.screen-gallery-section-final .step-tag,
.screen-gallery-section-final .section-display-title,
.screen-gallery-section-final .screen-gallery-intro{max-width:1120px;margin-left:auto;margin-right:auto;}
.screen-gallery-section-final .step-tag,
.screen-gallery-section-modern .step-tag{margin-bottom:14px;}
.screen-gallery-intro{max-width:640px;margin-top:0;margin-bottom:36px;}
.screen-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;}
.screen-gallery-section-modern .screen-gallery-grid.screen-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:1700px;margin:0 auto;padding:0;}
.screen-gallery-section-final .screen-gallery-grid.screen-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:1700px;margin:0 auto;padding:0;}
.screen-placeholder{display:flex;justify-content:center;}
.screen-placeholder-surface{
  width:100%;
  max-width:320px;
  aspect-ratio:9 / 19;
  border-radius:30px;
  border:1px solid rgba(17,17,16,0.08);
  background:linear-gradient(180deg,#ffffff 0%,#f6f5f2 100%);
  box-shadow:0 10px 24px rgba(17,17,16,0.05),0 2px 8px rgba(17,17,16,0.03);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.screen-placeholder-label{
  font-family:var(--font-ui);
  font-size:12px;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--label);
}
.media-card{display:flex;justify-content:center;}
.media-card-surface{width:100%;max-width:320px;aspect-ratio:9/19;border-radius:30px;border:1px solid rgba(17,17,16,0.12);background:linear-gradient(180deg,#1e1e1c 0%,#111110 100%);box-shadow:0 10px 24px rgba(17,17,16,0.1),0 2px 8px rgba(17,17,16,0.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;}
.media-card-icon{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(242,241,239,0.25);display:flex;align-items:center;justify-content:center;}
.media-card-label{font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(242,241,239,0.4);}
.screen-image-card{display:flex;justify-content:center;}
.screen-gallery-section-modern .screen-image-card{flex-shrink:0;}
.screen-gallery-section-modern .screen-image-card img{width:100%;height:auto;border-radius:30px;display:block;box-shadow:none;}
.screen-gallery-section-final .screen-image-card img{width:100%;height:auto;border-radius:30px;display:block;box-shadow:none;}
.proto-block{width:100vw;margin:80px 0 0 50%;transform:translateX(-50%);padding:104px 32px;background:radial-gradient(circle at 78% 48%,rgba(124,58,237,0.16) 0%,rgba(20,184,166,0.06) 24%,rgba(15,15,15,0) 52%),linear-gradient(145deg,#161615 0%,#0f0f0f 52%,#070707 100%);box-shadow:0 34px 80px rgba(17,17,16,0.18),0 10px 24px rgba(17,17,16,0.12);overflow:hidden;}
.proto-inner{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(0,0.92fr) minmax(380px,1fr);align-items:center;gap:clamp(56px,7vw,96px);}
.prototype-copy{max-width:580px;}
.prototype-eyebrow{font-family:var(--font-ui);font-size:13px;font-weight:500;letter-spacing:0.10em;text-transform:uppercase;color:#a78bfa;margin-bottom:18px;}
.prototype-heading{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.04;letter-spacing:-0.04em;color:#f7f4ef;margin:0;}
.prototype-description{max-width:540px;font-family:var(--font-body);font-size:16px;line-height:1.65;color:rgba(242,241,239,0.68);margin:24px 0 0;}

/* ACC case study header visual layer fix */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--color-border, #e5e7eb);
  z-index: 3000;
  transform: translateY(0);
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.4, 1), background 0.2s ease, border-color 0.2s ease;
}

header.nav-hidden {
  transform: translateY(-100%);
}

.prototype-divider{width:100%;height:1px;background:rgba(242,241,239,0.16);margin:34px 0 24px;}
.prototype-flow-label{font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:0.10em;text-transform:uppercase;color:rgba(242,241,239,0.46);margin:0 0 14px;}
.prototype-feature-list{display:flex;flex-direction:column;gap:14px;}
.prototype-feature{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:14px 16px;border:1px solid rgba(242,241,239,0.10);border-radius:12px;background:rgba(255,255,255,0.025);}
.prototype-feature-body{min-width:0;}
.prototype-feature-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;background:rgba(255,255,255,0.04);flex-shrink:0;}
.prototype-feature-icon svg{width:20px;height:20px;display:block;}
.prototype-feature-icon-purple{color:#a78bfa;background:rgba(124,58,237,0.08);border-color:rgba(167,139,250,0.46);}
.prototype-feature-icon-teal{color:#5eead4;background:rgba(20,184,166,0.08);border-color:rgba(94,234,212,0.42);}
.prototype-feature-icon-gold{color:#f2c94c;background:rgba(242,201,76,0.08);border-color:rgba(242,201,76,0.42);}
.prototype-feature h4{font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.22;letter-spacing:-0.02em;color:#f4f1eb;margin:0 0 7px;}
.prototype-feature p{font-family:var(--font-body);font-size:14.5px;line-height:1.55;color:rgba(242,241,239,0.62);margin:0;}
.prototype-device-wrap{position:relative;width:100%;min-height:840px;display:flex;align-items:center;justify-content:center;isolation:isolate;}
.prototype-device-glow{position:absolute;left:50%;top:48%;width:min(620px,110%);height:min(620px,86vw);border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,0.24) 0%,rgba(34,211,238,0.08) 32%,rgba(10,10,10,0) 70%);filter:blur(14px);transform:translate(-50%,-50%);pointer-events:none;z-index:0;}
.prototype-device-shadow{position:absolute;left:50%;bottom:6%;width:min(430px,84%);height:74px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,0.62) 0%,rgba(0,0,0,0.32) 38%,rgba(0,0,0,0) 72%);filter:blur(8px);transform:translateX(-50%);pointer-events:none;z-index:0;}
.proto-device{--device-scale:0.95;width:373px;max-width:100%;height:809px;justify-self:center;position:relative;z-index:1;}
.proto-block .phone-stage{width:393px;height:852px;position:relative;isolation:isolate;transform:scale(var(--device-scale));transform-origin:top left;}
.proto-block .iphone-shell{width:393px;height:852px;border-radius:55px;background:#050505;border:8px solid #050505;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.08),inset -1px -1px 0 rgba(0,0,0,0.24),0 0 0 2px #050505,0 0 0 5px #8a887f,-2px -2px 0 5px rgba(208,206,196,0.16),2px 2px 0 5px rgba(42,41,38,0.2),0 42px 94px rgba(0,0,0,0.44),0 14px 34px rgba(0,0,0,0.22);display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative;isolation:isolate;}
.proto-block .side-button{position:absolute;z-index:-1;width:5px;border-radius:999px;background:linear-gradient(180deg,#d8d6cd 0%,#b1aea5 22%,#7d7a73 58%,#4f4d49 100%);box-shadow:inset 1px 0 0 rgba(255,255,255,0.38),inset -1px 0 0 rgba(0,0,0,0.18),0 1px 2px rgba(0,0,0,0.14);pointer-events:none;}
.proto-block .action-button{left:-12px;top:150px;height:30px;}
.proto-block .volume-up{left:-12px;top:210px;height:66px;}
.proto-block .volume-down{left:-12px;top:292px;height:66px;}
.proto-block .power-button{right:-12px;top:250px;height:96px;}
.proto-block .status-area{width:100%;height:54px;background:#fff;flex-shrink:0;position:relative;color:#000;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;}
.proto-block .status-time{position:absolute;left:31px;top:18px;font-size:16px;line-height:1;font-weight:700;letter-spacing:0;}
.proto-block .status-icons{position:absolute;right:29px;top:17px;display:flex;align-items:center;gap:7px;}
.proto-block .cellular{display:flex;align-items:flex-end;gap:2px;height:12px;}
.proto-block .cellular span{width:3px;border-radius:2px;background:#000;}
.proto-block .cellular span:nth-child(1){height:4px;}
.proto-block .cellular span:nth-child(2){height:6px;}
.proto-block .cellular span:nth-child(3){height:9px;}
.proto-block .cellular span:nth-child(4){height:11px;}
.proto-block .wifi{width:16px;height:12px;position:relative;}
.proto-block .wifi::before,
.proto-block .wifi::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border:2px solid transparent;border-top-color:#000;border-radius:50%;}
.proto-block .wifi::before{top:1px;width:16px;height:16px;}
.proto-block .wifi::after{top:5px;width:9px;height:9px;}
.proto-block .wifi-dot{position:absolute;left:50%;bottom:0;width:4px;height:4px;border-radius:50%;background:#000;transform:translateX(-50%);}
.proto-block .battery{width:25px;height:12px;border:1.5px solid #000;border-radius:3px;position:relative;}
.proto-block .battery::before{content:"";position:absolute;right:-4px;top:3px;width:2px;height:5px;border-radius:0 2px 2px 0;background:#000;}
.proto-block .battery::after{content:"";position:absolute;left:2px;top:2px;width:18px;height:6px;border-radius:1.5px;background:#000;}
.proto-block .dynamic-island{width:120px;height:34px;border-radius:20px;background:#000;position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:2;}
.proto-block .screen-wrapper{width:100%;flex-grow:1;overflow:hidden;position:relative;}
.proto-block .iphone-screen{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block;}

/* INSIGHT HERO */
.insight-hero{position:relative;display:flex;align-items:flex-end;min-height:680px;padding:0 32px;overflow:hidden;background-image:url("../assets/images/table_group.png");background-size:cover;background-position:center center;background-repeat:no-repeat;}
.insight-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.48) 42%,rgba(0,0,0,0.22) 100%);pointer-events:none;}
.insight-hero-inner{position:relative;z-index:1;max-width:1120px;width:100%;margin:0 auto;padding:0 0 88px 109px;}
.insight-hero .step-tag{color:var(--red);font-size:13px;font-weight:600;letter-spacing:0.01em;text-transform:none;margin-bottom:8px;}
.insight-hero-h{max-width:500px;font-family:var(--font-display);font-size:clamp(16px,1.3vw,22px);font-weight:550;line-height:1.16;color:#f2f1ef;letter-spacing:-0.02em;margin:0;}

/* STAT VISUAL helpers */
.vis-stat{text-align:center;padding:8px;}
.vs-num{font-family:var(--font-display);font-weight:600;line-height:0.98;letter-spacing:-0.04em;}
.vs-label{font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--label);margin-top:8px;}

/* Problem section metric stack: tighten only the left problem block */
.problem-metric-stack{
  text-align:center;
  width:100%;
  max-width:240px;
}
.participation-visual{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:228px;
  padding:16px 18px;
  gap:10px;
  background:rgba(255,255,255,0.42);
  border:1px solid rgba(17,17,16,0.08);
  border-radius:16px;
  box-shadow:0 8px 22px rgba(17,17,16,0.04);
}
.participation-comparison{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}
.participation-row{
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  gap:10px;
  min-height:36px;
}
.participation-row-muted{
  color:#707070;
}
.participation-row-active{
  color:#111111;
}
.participation-arrow{
  display:none;
}
.participation-number{
  font-family:var(--font-display);
  font-size:32px;
  font-weight:700;
  line-height:0.92;
  letter-spacing:0;
  color:inherit;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum";
  transition:color 0.45s ease,opacity 0.45s ease;
}
.participation-row-muted .participation-number{
  color:#707070;
}
.participation-row-active .participation-number{
  color:#111111;
}
.participation-label{
  font-family:var(--font-ui);
  font-size:11px;
  line-height:1.16;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:500;
  color:#8d8478;
  margin:0;
  padding:0;
  display:inline-block;
  min-width:54px;
  text-align:left;
}
.student-token-grid{
  --token-size:10px;
  --token-gap:4px;
  display:grid;
  grid-template-columns:repeat(10,var(--token-size));
  gap:var(--token-gap);
  justify-content:center;
  min-height:96px;
}
.student-token{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#111111;
  opacity:1;
  transform:none;
  transition:
    opacity 1s ease,
    transform 1s cubic-bezier(0.2,0.8,0.2,1),
    background-color 1s ease;
  transition-delay:var(--token-delay,0ms);
}
.student-token:not(.is-lost){
  background:#111111;
  opacity:1;
}
.student-token.is-lost{
  background:#c4c1bb;
  opacity:0.72;
  transform:none;
}
.participation-drop{
  font-family:var(--font-ui);
  font-size:11px;
  font-weight:600;
  color:var(--red);
  letter-spacing:0.04em;
  text-transform:uppercase;
  display:inline-block;
  padding:2px 8px;
  border-radius:999px;
  background:var(--red-bg);
  opacity:0;
  transform:translateY(6px);
  transition:opacity 0.35s ease,transform 0.35s ease;
}
.participation-visual.is-complete .student-token:not(.is-lost){
  background:#111111;
  opacity:1;
}
.participation-visual.is-complete .participation-drop{
  opacity:1;
  transform:translateY(0);
}
.participation-visual.is-complete .participation-row-muted{
  color:#707070;
}
.participation-visual.is-complete .participation-row-active{
  color:#111111;
}
.participation-visual.is-reduced-motion .participation-row,
.participation-visual.is-reduced-motion .participation-arrow,
.participation-visual.is-reduced-motion .participation-number,
.participation-visual.is-reduced-motion .student-token,
.participation-visual.is-reduced-motion .participation-drop{
  transition:none;
}
.research-scope-value{
  font-family:var(--font-display);
  font-size:38px;
  font-weight:600;
  color:#111110;
  line-height:0.98;
  letter-spacing:-0.03em;
  margin:0;
}
.research-scope-label{
  font-family:var(--font-ui);
  font-size:11px;
  font-weight:500;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:#888885;
  margin:0;
}
.research-scope-label-multiline{
  line-height:1.35;
}
.section-display-title{
  font-family:var(--font-display);
  font-size:clamp(24px,2.8vw,32px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-0.03em;
  margin-bottom:14px;
}
.longform-copy{
  font-size:18px;
  font-weight:500;
  line-height:1.62;
}
.outcomes-section{padding:var(--section-space-xl) 32px;background:var(--bg);}
.outcomes-inner{max-width:1120px;margin:0 auto;}
.outcomes-statement{max-width:720px;font-family:var(--font-display);font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.12;letter-spacing:-0.03em;color:var(--text-primary);margin:0;}
.outcomes-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px;}
.carried-forward-section{padding:var(--section-space-xl) 32px;background:var(--bg);}
.carried-forward-layout{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(320px,44%) minmax(0,56%);gap:48px;align-items:start;}
.carried-forward-cards{display:flex;flex-direction:column;align-self:start;padding:16px 40px 16px 0;}
.carried-forward-copy{max-width:620px;align-self:start;padding:16px 0;}
.carried-forward-copy .longform-copy{margin-bottom:20px;}
.carried-forward-copy .longform-copy:last-child{margin-bottom:0;}
.two-years-section{padding-top:var(--section-space-xl);padding-bottom:var(--section-space-xl);}

footer{padding:72px 32px 48px;text-align:center;}
.f-head{font-family:var(--font-display);font-size:clamp(26px,6vw,48px);font-weight:600;letter-spacing:-0.04em;line-height:1.04;margin-bottom:28px;}
.f-btn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);color:var(--text-primary);text-decoration:none;font-family:var(--font-ui);padding:12px 28px;border-radius:60px;font-size:14px;font-weight:500;background:var(--card-bg);}
.f-social{display:flex;justify-content:center;gap:28px;margin-top:36px;}
.f-social a{color:var(--text-tertiary);font-family:var(--font-ui);font-size:13px;font-weight:500;text-decoration:none;}
.copy{margin-top:24px;font-family:var(--font-ui);font-size:11px;font-weight:500;color:var(--text-tertiary);letter-spacing:0.04em;}

@media(max-width:900px){
  .hero{padding-top:calc(var(--nav-h) + 40px);padding-bottom:56px;}
  .hero-inner{padding:0 24px;}
  .hero-main{grid-template-columns:1fr;gap:28px;margin-bottom:0;}
  .hero-copy{max-width:none;}
  .hero-cta-row{margin:22px 0 0;}
  .hero-img{min-height:auto;}
  .hero-compare{width:min(100%,420px);min-height:560px;transform:none;}
  .compare-screen-back{width:198px;left:10px;top:34px;}
  .compare-screen-front{width:260px;right:12px;}
  .screen-gallery-section{padding:var(--section-space-sm) 24px;}
  .screen-gallery-section-final{padding-top:var(--section-space-sm);}
  .screen-gallery-section-modern{padding-top:var(--section-space-sm);}
  .screen-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;}
  .screen-gallery-grid.screen-row-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .proto-block{margin-top:56px;padding:72px 24px;}
  .proto-inner{grid-template-columns:1fr;gap:48px;}
  .prototype-copy{max-width:720px;}
  .prototype-heading{font-size:clamp(30px,7vw,42px);}
  .prototype-device-wrap{min-height:auto;}
  .proto-device{--device-scale:0.86;width:338px;height:733px;}
  .outcomes-section{padding:var(--section-space-sm) 24px;}
  .outcomes-card-grid{grid-template-columns:1fr;gap:16px;margin-top:28px;}
  .carried-forward-section{padding:var(--section-space-sm) 24px;}
  .carried-forward-layout{grid-template-columns:1fr;gap:28px;}
  .carried-forward-cards{padding:0;order:1;}
  .carried-forward-copy{padding:0;order:2;max-width:none;}
  .two-years-section{padding-top:var(--section-space-sm);padding-bottom:var(--section-space-sm);}
  .ss-inner{flex-direction:column;}
  .ss-left{display:none;}
  .ss-vis-set{height:auto;}
  .ss-right{width:100%;}
  .ss-step{padding:40px 24px;min-height:auto;}
  .split-static-section{padding:var(--section-space-sm) 24px;}
  .split-static-section-research{padding-top:var(--section-space-sm);}
  .split-static-inner{grid-template-columns:1fr;gap:28px;}
  .split-static-media{padding:0;order:1;}
  .split-static-copy{padding:0;order:2;max-width:none;}
  .problem-metric-stack{max-width:232px;}
  .participation-visual{min-height:220px;padding:15px 16px;gap:9px;}
  .participation-comparison{gap:3px;}
  .participation-row{min-height:36px;gap:7px;}
  .participation-number{font-size:30px;}
  .participation-arrow{font-size:14px;}
  .student-token-grid{--token-size:10px;--token-gap:3px;min-height:94px;}
  .participation-drop{font-size:11px;}
  .key-insight-section{padding:var(--section-space-sm) 24px;}
  .key-insight-card{max-width:none;margin:0 auto;padding:28px 24px;border-radius:18px;}
  .key-insight-copy{max-width:none;font-size:clamp(24px,7vw,34px);}
  .insight-row{grid-template-columns:1fr;}
  .insight-cell{border-right:none;border-bottom:1px solid var(--border);}
  .metrics-grid{grid-template-columns:1fr 1fr;max-width:100%;width:100%;}
  .tldr-row{grid-template-columns:1fr;gap:6px;}
  .tldr{padding:48px 24px;}
  .insight-hero{min-height:540px;padding:0 24px;background-position:center center;}
  .insight-hero-inner{padding-bottom:56px;}
  .insight-hero-h{max-width:100%;font-size:clamp(20px,5.5vw,26px);line-height:1.18;}
  .meta-grid{grid-template-columns:1fr 1fr;}
  .ba-static-container{flex-wrap:wrap;}
  .ba-col{flex:1 1 100%;min-height:auto;padding:48px 24px;}
  .ba-image-wrap{max-width:280px;}
  .ba-placeholder-screen{max-width:280px;}
  .metric-after{font-size:28px;}
  .metric-before{font-size:16px;}
  .metric-card{padding:16px 12px;}
  .metrics-grid{gap:12px;}
}
@media(max-width:640px){
  .float-nav{left:50%;right:auto;bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);width:calc(100vw - 16px);max-width:calc(100vw - 16px);z-index:9999;padding:6px;overflow-x:auto;overflow-y:hidden;}
  .float-nav.visible{opacity:1;visibility:visible;pointer-events:auto;}
  .float-nav.collapsed{bottom:env(safe-area-inset-bottom, 0px);transform:translateX(-50%) translateY(calc(100% - 12px));}
  .float-nav.collapsed:hover,
  .float-nav.collapsed:focus-within{bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);transform:translateX(-50%) translateY(0);opacity:1;}
  .nav-items{flex-wrap:nowrap;gap:1px;justify-content:flex-start;width:max-content;min-width:100%;max-width:none;overflow:visible;}
  .nav-items::-webkit-scrollbar{display:none;}
  .nav-item{flex:0 0 auto;font-size:10px;padding:6px 7px;}
  .hero-cta-row{gap:10px;margin:20px 0 0;}
  .hero-cta{padding:9px 16px;font-size:13px;}
  .hero-compare{width:min(100%,340px);min-height:494px;}
  .compare-screen-back{width:min(52vw,176px);left:0;top:32px;}
  .compare-screen-front{width:min(68vw,230px);right:0;}
  .compare-label{font-size:10px;letter-spacing:0.06em;margin-bottom:10px;}
  .screen-gallery-grid{grid-template-columns:1fr;}
  .screen-gallery-grid.screen-row-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
  .screen-gallery-section-modern .screen-image-card img,
  .screen-gallery-section-final .screen-image-card img{border-radius:18px;}
  .key-insight-section{padding:var(--section-space-sm) 16px;}
  .key-insight-card{width:100%;padding:24px 18px;border-radius:16px;}
  .key-insight-copy{font-size:clamp(22px,6vw,28px);line-height:1.1;}
  .insight-hero{min-height:480px;padding:0 20px;background-position:center center;}
  .insight-hero-inner{padding:0 0 44px 0;}
  .insight-hero-h{font-size:clamp(19px,5.2vw,23px);line-height:1.2;}
  .metrics-grid{gap:8px;}
  .metric-card{padding:12px 10px;border-radius:12px;}
  .metric-label{font-size:10px;margin-bottom:8px;}
  .metric-before{font-size:14px;margin-bottom:3px;}
  .metric-after{font-size:24px;margin-bottom:6px;}
  .metric-improvement{font-size:10px;padding:2px 7px;}
  .proto-block{padding:56px 16px;}
  .proto-inner{gap:36px;}
  .prototype-heading{font-size:clamp(28px,8vw,36px);}
  .prototype-description{font-size:15px;line-height:1.6;}
  .prototype-divider{margin:28px 0 26px;}
  .prototype-feature-list{gap:20px;}
  .prototype-feature{grid-template-columns:40px minmax(0,1fr);gap:14px;padding:14px;}
  .prototype-feature-icon{width:40px;height:40px;}
  .prototype-feature h4{font-size:16px;}
  .proto-device{--device-scale:0.74;width:291px;height:630px;}
  .screen-placeholder-surface{max-width:280px;}
}
@media(max-width:380px){
  .nav-item{font-size:9.5px;padding:5px 4px;}
  .proto-device{--device-scale:0.7;width:275px;height:596px;}
}
@media(max-width:340px){
  .nav-item{font-size:9px;padding:5px 3px;}
  .proto-device{--device-scale:0.62;width:244px;height:528px;}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,
  *::before,
  *::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important;}
  nav,
  .float-nav{transition:none;}
}