html{background:#faf9f6;scroll-behavior:smooth;scroll-padding-top:88px}
body{min-width:320px;overflow-x:hidden;background:#faf9f6}
.city-page{position:relative;min-height:170svh;overflow:clip;background:radial-gradient(circle at 50% 18%,rgba(183,217,192,.14),transparent 34%),#faf9f6}
.site-nav{position:fixed;z-index:50;top:0;left:50%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:34px;width:min(calc(100% - 64px),1380px);height:82px;padding:0;box-sizing:border-box;border-bottom:1px solid rgba(17,20,24,.09);background:#faf9f600;transform:translate(-50%);transition:top .42s cubic-bezier(.2,.8,.2,1),width .42s cubic-bezier(.2,.8,.2,1),height .42s cubic-bezier(.2,.8,.2,1),padding .42s cubic-bezier(.2,.8,.2,1),border-color .3s ease,border-radius .42s cubic-bezier(.2,.8,.2,1),background .3s ease,box-shadow .3s ease}
.site-nav.is-scrolled{top:12px;width:min(calc(100% - 32px),1160px);height:64px;padding:0 18px;border:1px solid rgba(17,20,24,.1);border-radius:18px;background:#faf9f6d1;box-shadow:0 16px 50px #1f30241c;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}
.wordmark{justify-self:start;display:inline-flex;align-items:center;min-height:44px;font-family:var(--serif);font-size:28px;font-weight:600;letter-spacing:-.05em;text-decoration:none;transition:font-size .35s ease}
.wordmark span{color:var(--accent)}
.site-nav.is-scrolled .wordmark{font-size:25px}
.site-nav nav{display:flex;align-items:center;gap:28px;transition:gap .35s ease}
.site-nav.is-scrolled nav{gap:22px}
.site-nav nav>a,.solutions-menu summary{position:relative;display:flex;align-items:center;min-height:44px;color:#414942;font-size:14px;text-decoration:none;cursor:pointer;list-style:none;transition:color .2s ease}
.site-nav nav>a:after,.solutions-menu summary:after{content:"";position:absolute;right:0;bottom:6px;left:0;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.site-nav nav>a:hover,.solutions-menu summary:hover{color:var(--ink)}
.site-nav nav>a:hover:after,.solutions-menu[open] summary:after,.solutions-menu summary:hover:after{transform:scaleX(1)}
.solutions-menu{position:relative}
.solutions-menu summary::-webkit-details-marker{display:none}
.solutions-menu summary svg{width:10px;margin-left:7px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .22s ease}
.solutions-menu[open] summary svg{transform:rotate(180deg)}
.solutions-panel{position:absolute;top:calc(100% + 10px);left:50%;display:grid;grid-template-columns:1fr 1fr;gap:2px;width:min(584px,92vw);padding:10px;border:1px solid rgba(17,20,24,.1);border-radius:18px;background:#fdfdfbf5;box-shadow:0 24px 70px #1f302426;opacity:0;transform:translate(-50%,-8px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:menu-in .22s ease forwards}
.solutions-panel a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:56px;padding:10px 15px;border-radius:11px;text-decoration:none;transition:background .18s ease}
.solutions-panel a:hover{background:#2e6b4412}
.solutions-panel strong{color:var(--ink);font-size:14px;font-weight:600}
/* The right-hand action pair owns the grid's third column, so the
   header stays a three-column grid; the two buttons sit side by side
   inside it, the demo CTA (quieter, .nav-studio) to the left of the
   primary "Sign in" button (.nav-cta). */
.nav-actions{justify-self:end;display:inline-flex;align-items:center;gap:8px}
.nav-studio{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border:1px solid transparent;border-radius:999px;color:#414942;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .2s ease,border-color .2s ease,background .3s ease,color .3s ease}
.nav-studio:hover{border-color:rgba(17,20,24,.2);background:#ffffff5c;color:var(--ink);transform:translateY(-1px)}
.site-nav.is-scrolled .nav-studio{min-height:42px}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .2s ease,border-color .2s ease,background .3s ease,color .3s ease}
.nav-cta:hover{border-color:var(--accent-strong);background:var(--accent-strong);transform:translateY(-1px)}
.site-nav.is-scrolled .nav-cta{min-height:42px}
.nav-burger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;transition:background .2s ease}
.nav-burger:hover{background:#11141808}
.site-nav.menu-open .nav-burger{background:#2e6b440f}
.nav-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s ease-in-out,opacity .2s ease}
.site-nav.menu-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-nav.menu-open .nav-burger span:nth-child(2){opacity:0;transform:scaleX(.4)}
.site-nav.menu-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
html.menu-locked{overflow:hidden}
.menu-ctas{display:none}
/* The icon tiles stay menu-only, but the one-line sublines the mobile
   sheet injects now show on the desktop panel too, so the dropdown
   says what each solution is instead of listing bare labels. */
.solutions-panel .mi{display:none}
.solutions-panel small{display:block;margin-top:2px;color:#6d776f;font-size:12.5px;line-height:1.35}
.nav-vine{position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:999px;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .12s linear;pointer-events:none}
.site-nav.is-scrolled .nav-vine{right:18px;left:18px;bottom:-1px}
.city-hero{position:relative;height:100svh;min-height:760px;overflow:visible;isolation:isolate;background:transparent}
.hero-copy{position:relative;z-index:24;display:grid;justify-items:center;width:min(100% - 36px,1100px);margin:0 auto;padding-top:clamp(270px,33svh,340px);text-align:center}
.hero-copy h1{max-width:1080px;margin:0;font-family:var(--serif);font-size:clamp(58px,5.7vw,82px);font-weight:500;line-height:.94;letter-spacing:-.058em;text-wrap:balance}
.hero-copy h1 em{display:block}
.hero-copy h1 em,.report-explainer h2 em{color:var(--accent);font-weight:500}
.hero-copy>p{max-width:720px;margin:18px 0 0;color:#59645d;font-size:clamp(16px,1.35vw,19px);line-height:1.48;text-wrap:balance}
.hero-actions{display:flex;gap:10px;margin-top:26px}
.primary-cta,.secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:53px;padding:0 23px;border-radius:13px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.primary-cta{background:var(--accent);color:#fff;box-shadow:0 12px 30px #2e6b4430}
.primary-cta:hover{background:var(--accent-strong);transform:translateY(-2px)}
.secondary-cta{border:1px solid rgba(17,20,24,.17);background:#fffc}
.secondary-cta:hover{border-color:#11141861;transform:translateY(-1px)}
.city-world{position:absolute;z-index:1;inset:0 0 -130px;overflow:hidden;pointer-events:none}
.city-world:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(to bottom,#faf9f60a,#eef0ec8f 72%,#faf9f6f2)}
.city-world:after{content:"";position:absolute;z-index:2;right:0;bottom:0;left:0;height:38%;background:linear-gradient(to bottom,transparent,rgba(250,249,246,.96));pointer-events:none}
.city-layer{position:absolute;left:0;display:block;filter:saturate(.16) contrast(1.02) brightness(1.01);image-rendering:auto;user-select:none}
.city-back{z-index:1;top:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.66;transform:scale(1.12);transform-origin:center 48%}
.city-front{display:none}
.city-wash{position:absolute;z-index:3;inset:0;background:linear-gradient(to bottom,#faf9f647 0,#faf9f629 18%,#faf9f60a 48%,#faf9f614,#faf9f675)}
.fold-fade{display:none}
.city-connectors{position:absolute;z-index:11;top:0;left:0;width:100%;overflow:visible;pointer-events:none}
.connector{opacity:0;transition:opacity .46s ease}
.connector.is-visible{opacity:1}
.connector.is-leaving{opacity:0}
.connector path{fill:none;stroke-linecap:round;stroke-dasharray:5 8}
.connector .halo{stroke:#fffffff0;stroke-width:5.2}
.connector .flow{stroke:#2e6b44d1;stroke-width:1.8;animation:connector-flow 1.3s linear infinite}
.connector.is-active .flow{stroke-width:2.6}
.connector.is-active{filter:drop-shadow(0 2px 5px rgba(46,107,68,.2))}
.customer-node{position:absolute;z-index:14;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:10px;max-width:234px;min-height:58px;padding:6px 13px 6px 6px;border:1px solid rgba(17,20,24,.12);border-radius:17px;background:#fffffff2;box-shadow:0 12px 34px #25342a21;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);font:inherit;text-align:left;cursor:pointer;opacity:0;transform:translateY(9px) scale(.95);transition:opacity .6s ease,transform .75s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease}
.customer-node.is-visible{opacity:1;transform:none}
.customer-node.is-leaving{opacity:0;transform:translateY(-8px) scale(.96)}
.customer-node:hover,.customer-node:focus-visible,.customer-node.is-active{z-index:18;border-color:#2e6b447a;box-shadow:0 18px 50px #1f302430;transform:translateY(-3px)}
.customer-node img{width:46px;height:46px;border-radius:50%;object-fit:cover;filter:saturate(.72)}
.customer-node>span{display:grid;min-width:0;gap:1px}
.customer-node strong{font-size:11.5px;font-weight:600}
.customer-node small{display:-webkit-box;overflow:hidden;max-width:154px;color:#5d6861;font-family:var(--serif);font-size:11.5px;font-style:italic;line-height:1.26;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.customer-node img[src*=interview-b]{object-position:32% 44%}
.customer-node img[src*=interview-c]{object-position:28% 54%}
.customer-node img[src*=conversation],.customer-node img[src*=listening]{object-position:50% 40%}
.slot-1{left:3%;top:52%}
.slot-2{left:6%;top:60%}
.slot-3{left:16%;top:68%}
.slot-4{left:4%;top:76%}
.slot-5{left:14%;top:83%}
.slot-6{left:9%;top:90%}
.slot-7{right:3%;top:54%}
.slot-8{right:6%;top:62%}
.slot-9{right:16%;top:70%}
.slot-10{right:4%;top:78%}
.slot-11{right:14%;top:85%}
.slot-12{right:9%;top:91%}
@media(min-width:1600px){.slot-1{left:3.5%;top:38%}
.slot-2{left:4.5%;top:48%}
.slot-3{left:17%;top:63%}
.slot-4{left:6%;top:70%}
.slot-5{left:16%;top:78%}
.slot-6{left:8%;top:85%}
.slot-7{right:3.5%;top:41%}
.slot-8{right:4.5%;top:51%}
.slot-9{right:17%;top:66%}
.slot-10{right:6%;top:73%}
.slot-11{right:16%;top:80%}
.slot-12{right:8%;top:87%}
}
.report-section{position:relative;z-index:30;min-height:760px;padding:110px 24px 116px;background:linear-gradient(to bottom,#faf9f600 0,#faf9f62e 24%,#faf9f6c2 52%,#faf9f6 72% 100%)}
.report-dock{position:relative;z-index:4;width:min(384px,92vw);margin:0 auto;transform:translateY(-88%);will-change:transform}
.insight-report{overflow:hidden;border:1px solid rgba(17,20,24,.13);border-radius:19px;background:#fffffffb;box-shadow:0 30px 80px #1f30242e,0 2px 8px #1114180d}
.report-header{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #e3e8e2;background:#fafcfa}
.report-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;overflow:hidden}
.report-mark img{width:100%;height:100%;object-fit:contain}
.report-header p{display:grid;margin:0}
.report-header p strong{font-size:12.5px}
.report-header>b{padding:6px 9px;border-radius:999px;background:#e8f1e9;color:var(--accent-strong);font-size:10px}
.report-body{padding:16px 19px 13px;transition:opacity .2s ease,transform .2s ease}
.insight-report.is-changing .report-body{opacity:.25;transform:translateY(5px)}
.report-body h2{margin:0;font-family:var(--serif);font-size:30px;font-weight:500;line-height:1.05;letter-spacing:-.035em}
.report-copy{min-height:20px;margin:6px 0 0;color:#59645d;font-size:12.5px;line-height:1.44}
.evidence-meter{height:6px;margin-top:10px;overflow:hidden;border-radius:999px;background:#e4ece5}
.evidence-meter i{display:block;width:var(--meter);height:100%;border-radius:inherit;background:var(--accent);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.evidence-line{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;margin-top:10px;color:#68736c;font-size:10.5px}
.avatar-cluster{display:flex;grid-row:1/3}
.avatar-cluster img{width:19px;height:19px;margin-left:-6px;border:1.5px solid #fff;border-radius:50%;object-fit:cover}
.avatar-cluster img:first-child{margin-left:0}
.evidence-line strong{color:var(--accent-strong);font-size:10.5px;font-weight:600}
.ranked-findings{margin-top:12px;border-top:1px solid #e5e9e4}
.rank-row{display:grid;grid-template-columns:116px 1fr 48px;align-items:center;gap:8px;min-height:34px;padding:5px 4px;border-top:1px solid #edf0ec;color:#333a35;font-size:10.5px;transition:background .25s ease}
.rank-row:first-child{border-top:0}
.rank-row.is-active{margin:0 -4px;padding-inline:8px;border-radius:8px;background:#eef5ef}
.rank-row>i{height:4px;overflow:hidden;border-radius:999px;background:#e4ebe5}
.rank-row>i b{display:block;width:var(--bar);height:100%;border-radius:inherit;background:var(--accent)}
.rank-row small{text-align:right;color:#6e7971;font-size:10px}
.listening-pulse{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px;border-top:1px solid #e5e9e4;background:#fafbf9;color:#758078;font-size:9.5px}
.listening-pulse i{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:listening 1.5s ease-in-out infinite}
.listening-pulse i:nth-child(2){animation-delay:.25s}
.listening-pulse i:nth-child(3){animation-delay:.5s}
.listening-pulse span{margin-left:5px}
.report-explainer{max-width:720px;margin:6px auto 0;text-align:center}
.report-explainer>p{margin:0 0 12px;color:#5c6760;font-size:15px}
.report-explainer h2{margin:0;font-family:var(--serif);font-size:clamp(46px,5.2vw,76px);font-weight:500;line-height:.96;letter-spacing:-.055em;text-wrap:balance}
.report-explainer>a{display:inline-flex;align-items:center;gap:24px;min-height:52px;margin-top:26px;padding:0 21px;border-radius:13px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;text-decoration:none}
@keyframes connector-flow{to{stroke-dashoffset:-26}
}
@keyframes listening{50%{opacity:.22;transform:translateY(-2px)}
}
@keyframes menu-in{to{opacity:1;transform:translate(-50%)}
}
@keyframes nav-in{0%{opacity:0;transform:translate(-50%,-14px)}
to{opacity:1;transform:translate(-50%)}
}
@keyframes hero-in{0%{opacity:0;transform:translateY(14px)}
to{opacity:1;transform:none}
}
.js .site-nav{animation:nav-in .65s cubic-bezier(.2,.8,.2,1)}
.js .hero-copy h1{animation:hero-in .68s .08s both}
.js .hero-copy>p{animation:hero-in .68s .18s both}
.js .hero-actions{animation:hero-in .68s .28s both}
@media(min-aspect-ratio:2/1){.city-back{object-position:center 52%;transform:scale(1.2);transform-origin:center 52%}
}
@media(min-width:701px)and (max-height:820px){.report-dock{transform:translateY(-65%)}
}
@media(max-width:1023px){.site-nav{grid-template-columns:1fr auto auto;gap:12px}
.nav-burger{display:inline-flex}
.site-nav nav{display:none}
/* Once the burger appears the header only has room for the primary
   "Sign in" button; the demo CTA (.nav-studio) moves into the mobile
   menu's pinned CTA row. */
.nav-studio{display:none}
.site-nav.menu-open{border-radius:0 0 18px 18px;background:#faf9f6;box-shadow:0 1px 0 rgba(17,20,24,.06)}
.nav-scrim{position:fixed;inset:0;z-index:49;background:rgba(17,20,24,.36);opacity:0;pointer-events:none;transition:opacity .32s ease}
.nav-scrim.on{opacity:1}
.site-nav.menu-open nav{position:absolute;top:calc(100% + 10px);right:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 122px);overflow:auto;overscroll-behavior:contain;padding:4px 10px 12px;border:1px solid rgba(17,20,24,.08);border-radius:22px;background:#fdfdfc;box-shadow:0 40px 90px #1f30243d,0 2px 10px #11141812;animation:mobile-menu-in .34s cubic-bezier(.32,.72,0,1) both}
.site-nav.menu-open nav>*{animation:menu-item-in .42s cubic-bezier(.32,.72,0,1) both}
.site-nav.menu-open nav>*:nth-child(2){animation-delay:.04s}
.site-nav.menu-open nav>*:nth-child(3){animation-delay:.07s}
.site-nav.menu-open nav>*:nth-child(4){animation-delay:.1s}
.site-nav.menu-open nav>a{justify-content:flex-start;min-height:54px;margin:0 2px;padding:0 12px;border-top:1px solid #eef0ec;border-radius:14px;color:var(--ink);font-size:16px;font-weight:500}
.site-nav.menu-open nav>a:hover,.site-nav.menu-open nav>a:active{background:#2e6b440f}
.site-nav.menu-open nav>a:after{display:none}
.site-nav.menu-open .solutions-menu{padding:2px 0 6px}
.site-nav.menu-open .solutions-menu summary{pointer-events:none;min-height:0;padding:14px 12px 6px;border-radius:0;color:#79837c;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.site-nav.menu-open .solutions-menu summary:after{display:none}
.site-nav.menu-open .solutions-menu summary svg{display:none}
.site-nav.menu-open .solutions-panel{position:static;display:grid;grid-template-columns:1fr;gap:2px;width:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;opacity:1;transform:none;animation:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-nav.menu-open .solutions-panel a{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center;min-height:56px;padding:8px 10px;border-radius:14px}
.site-nav.menu-open .solutions-panel a:hover,.site-nav.menu-open .solutions-panel a:active{background:#2e6b440f}
.site-nav.menu-open .solutions-panel .mi{display:grid;place-items:center;grid-row:1/3;width:38px;height:38px;border:1px solid #e7eae6;border-radius:11px;background:#fff;color:var(--accent)}
.site-nav.menu-open .solutions-panel .mi svg{width:19px;height:19px;display:block}
.site-nav.menu-open .solutions-panel strong{grid-column:2;color:var(--ink);font-size:15px;font-weight:600;line-height:1.2}
.site-nav.menu-open .solutions-panel small{display:block;grid-column:2;margin-top:1px;color:#6d776f;font-size:12.5px;line-height:1.3}
.site-nav.menu-open .menu-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 2px 0;padding-top:12px;border-top:1px solid #eef0ec}
/* "Sign in" already sits in the header at this width, so its menu row
   spans full width under the two primary actions as a backup entry. */
.site-nav.menu-open .mc-studio{grid-column:1/-1}
.site-nav.menu-open .menu-ctas a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:13px;font-size:14.5px;font-weight:600;text-decoration:none;transition:transform .18s ease,background .18s ease}
.site-nav.menu-open .menu-ctas a:active{transform:scale(.98)}
.site-nav.menu-open .mc-ghost{border:1px solid rgba(17,20,24,.16);background:#fff;color:var(--ink)}
.site-nav.menu-open .mc-fill{background:var(--accent);color:#fff}
.site-nav.menu-open .mc-fill:active{background:var(--accent-strong)}
@keyframes mobile-menu-in{0%{opacity:0;transform:translateY(-10px) scale(.985)}
to{opacity:1;transform:none}
}
@keyframes menu-item-in{0%{opacity:0;transform:translateY(-7px)}
to{opacity:1;transform:none}
}
@keyframes scrim-in{0%{opacity:0}
to{opacity:1}
}
.customer-node{max-width:200px}
.slot-1{left:2%;top:65%}
.slot-2{display:none}
.slot-3{display:none}
.slot-4{display:none}
.slot-5{display:none}
.slot-6{display:none}
.slot-7{right:2%;top:67.5%}
.slot-8{display:none}
.slot-9{display:none}
.slot-10{display:none}
.slot-11{display:none}
.slot-12{display:none}
.report-section{min-height:720px}
}
@media(max-width:700px){html{scroll-padding-top:76px}
.site-nav{width:calc(100% - 30px);height:72px}
.site-nav.is-scrolled{top:8px;width:calc(100% - 16px);height:58px;padding:0 12px;border-radius:16px}
.wordmark{font-size:24px}
.site-nav.is-scrolled .wordmark{font-size:22px}
.nav-cta,.site-nav.is-scrolled .nav-cta{min-height:42px;padding:0 14px;font-size:12px}
.nav-vine,.site-nav.is-scrolled .nav-vine{right:12px;left:12px}
.city-hero{height:100svh;min-height:940px}
.hero-copy{width:calc(100% - 24px);padding-top:180px}
.hero-copy h1{max-width:380px;font-size:clamp(40px,11.5vw,48px);line-height:.97;letter-spacing:-.052em}
.hero-copy>p{max-width:342px;margin-top:15px;font-size:15px;line-height:1.45}
.hero-actions{display:grid;grid-template-columns:1.16fr 1fr;width:100%;margin-top:20px}
.primary-cta,.secondary-cta{min-height:50px;padding:0 10px;font-size:13px}
.city-world{inset:0 0 -100px}
.city-back{width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.68;transform:scale(1.08);transform-origin:center 48%}
.city-wash{background:linear-gradient(to bottom,#faf9f657 0,#faf9f633 20%,#faf9f60f 44%,#faf9f61f 70%,#faf9f699)}
.customer-node{display:none;grid-template-columns:40px 1fr;max-width:174px;min-height:52px;padding:5px 8px 5px 5px}
.customer-node img{width:40px;height:40px}
.customer-node strong,.customer-node small{font-size:10px}
.slot-1,.slot-2,.slot-7,.slot-8{display:grid}
.slot-1{left:2%;top:49%}
.slot-2{left:5%;top:60%}
.slot-7{right:2%;top:52%}
.slot-8{right:5%;top:63%}
.report-section{min-height:0;padding:90px 16px 96px}
.report-dock{width:min(340px,92vw);transform:translateY(-95%)}
.report-explainer{margin-top:26px}
.report-explainer>p{font-size:13px}
.report-explainer h2{font-size:48px}
}
@media(max-width:390px){.hero-copy{padding-top:176px}
.hero-copy h1{font-size:42px}
.hero-copy>p{font-size:14.5px}
.primary-cta,.secondary-cta{font-size:12px}
.report-dock{width:min(332px,94vw)}
.report-header{padding:12px}
.report-body{padding:14px 16px 12px}
.report-body h2{font-size:27px}
.rank-row{grid-template-columns:104px 1fr 42px}
.report-section{padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.customer-node{opacity:0;transform:none}
.customer-node.slot-1,.customer-node.slot-2,.customer-node.slot-7,.customer-node.slot-8{opacity:1}
.connector{opacity:0}
.connector:nth-child(1),.connector:nth-child(2),.connector:nth-child(7),.connector:nth-child(8){opacity:.72}
.report-dock{transform:none!important;will-change:auto}
.report-section{padding-top:90px}
.insight-report.is-changing .report-body{opacity:1;transform:none}
}