/* Page-specific styling; brand, container widths and breakpoints follow the existing site. */
:root{--purple:#8e44ad;--ink:#1f2937;--muted:#4b5563;--pale:#faf7fc;--line:#e9e2ed}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{font-family:Inter,Arial,sans-serif;color:var(--ink)}
.herdy-gradient{background:linear-gradient(135deg,#8e44ad 0%,#9b59b6 50%,#b19cd9 100%)}
.wrap{max-width:1280px;margin:auto;padding:0 32px}
.section{padding:88px 0}
.soft{background:#f9fafb}
.purple{color:var(--purple)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--purple);margin:0 0 18px}
.eyebrow.light{color:#fff}
.employer-hero{padding:76px 0 84px;color:white}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:76px;align-items:center}
main h1{font-size:58px;line-height:1.08;font-weight:700;letter-spacing:-.045em;margin:0}
h1 span{color:#fde047}
main h2{font-size:42px;line-height:1.14;font-weight:700;letter-spacing:-.035em;margin:0 0 24px}
main h3{font-size:21px;line-height:1.35;font-weight:700;margin:0 0 12px}
main h4{font-size:16px;font-weight:700;margin:0 0 12px}
p{line-height:1.75;margin:0 0 16px}
.hero-copy{font-size:20px;line-height:1.6;max-width:540px;margin:28px 0}
.hero-note{font-size:13px;margin:26px 0 0;color:#fff}
.actions{display:flex;gap:20px;align-items:flex-start;flex-direction:column}
.button{display:inline-flex;gap:16px;align-items:center;justify-content:center;padding:15px 22px;border-radius:12px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}
.button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #00000015}
.yellow{background:#fde047;color:#35203e}
.purple-button{background:var(--purple);color:white}
.hero-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}
.commute-card{background:white;border-radius:24px;padding:28px;color:var(--ink);box-shadow:0 25px 60px #37194433;transform:rotate(2deg)}
.card-top{display:flex;align-items:center;gap:12px;font-weight:700;font-size:14px}
.card-top small{font-weight:400;color:var(--muted);font-size:11px}
.mini-brand{display:grid;place-items:center;background:var(--purple);width:40px;height:40px;color:white;border-radius:12px;font-size:24px;font-weight:800;flex-shrink:0}
.pill{background:#f3edf7;color:#733b89;font-size:10px;padding:5px 8px;border-radius:30px;margin-left:auto}
.journey{display:flex;gap:18px;background:#faf8fc;border-radius:16px;padding:26px;margin:26px 0}
.journey small{display:block;font-size:10px;color:#6b7280;letter-spacing:.08em;font-weight:650}
.journey strong{font-size:23px}
.journey p{margin:0 0 28px}
.journey p:last-child{margin:0}
.route-line{display:flex;flex-direction:column;align-items:center;padding:10px 0;width:14px}
.route-line span{width:12px;height:12px;border:3px solid var(--purple);border-radius:50%}
.route-line i{height:76px;border-left:2px dashed #cbb1d6}
.colleagues{display:flex;align-items:center;padding:4px 0 24px}
.avatar{background:#eee2f5;color:#713b89;border:3px solid white;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-weight:700}
.avatar.second{background:#ffe9a6;color:#725b10;margin-left:-9px}
.avatar.third{background:#d8ece7;color:#316b5c;margin-left:-9px}
.colleagues p{margin:0 0 0 14px;font-size:13px;line-height:1.5}
.group-note{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:20px}
.group-note>span{color:var(--purple);font-size:24px}
.group-note p{font-size:13px;line-height:1.6;margin:0}
.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.benefits{margin-top:40px}
.benefits p,.steps p,.stack p{font-size:16px;color:var(--muted)}
.icon{background:#f3eaf8;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--purple);font-size:26px;margin-bottom:24px}
.cost-note{border:1px solid var(--line);border-radius:16px;padding:24px 28px;margin-top:36px;display:flex;gap:32px;align-items:center}
.cost-note strong{color:var(--purple);min-width:180px;font-size:16px}
.cost-note p{font-size:14px;color:var(--muted);margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.intro{font-size:19px;color:var(--muted);max-width:720px}
.stack article{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:8px}
.stack article:last-child{border:0;margin:0}
.section-heading{max-width:760px;margin-bottom:38px}
.steps{list-style:none;padding:0;margin-top:46px}
.step-number{display:block;color:#9464aa;font-size:32px;font-weight:700;margin-bottom:18px}
.quiet-note{border-left:3px solid #b19cd9;padding-left:18px;margin:30px 0 0;font-size:14px;color:var(--muted)}
.dark{background:#211a2b;color:#fff}
.dark .intro{color:#f4e9fa;font-size:23px}
.dark p{color:#e0d7e6}
.dark .boundary{border-top:1px solid #594562;padding-top:20px;font-size:13px}
.dashboard{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #26193208}
.dashboard-banner{background:#f5edf9;padding:13px 28px;display:flex;gap:16px;align-items:center;color:#713b89;font-size:12px}
.dashboard-banner strong{font-size:10px;letter-spacing:.09em;white-space:nowrap}
.dashboard-heading{padding:30px;display:flex;justify-content:space-between;gap:24px;align-items:start}
.dashboard-heading h3{font-size:26px;margin:0 0 6px}
.dashboard-heading p{margin:0;font-size:13px;color:var(--muted)}
.dashboard-heading .eyebrow{font-size:10px;margin-bottom:10px;color:var(--purple)}
.dashboard-controls{display:flex;flex-wrap:wrap;gap:8px;max-width:230px}
.dashboard-controls label{font-size:12px;font-weight:600;width:100%}
select{border:1px solid #ccc3d2;border-radius:8px;background:#fff;color:var(--ink);padding:10px;font:inherit;font-size:14px;width:100%}
.outline{background:#fff;border:1px solid #bbaac4;color:#713b89;padding:10px 14px;font-size:12px;width:100%}
.metrics{padding:0 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.metrics article{border:1px solid var(--line);padding:20px;border-radius:14px;display:flex;flex-direction:column}
.metrics p{font-size:12px;line-height:1.5;min-height:36px;margin:0 0 14px}
.metrics strong{font-size:34px;letter-spacing:-.035em;line-height:1.1;margin-bottom:12px}
.metrics small{font-size:11px;color:var(--muted);line-height:1.5}
.metrics .metric-highlight{background:#f6effa;border-color:#dec9e9}
.metric-highlight strong{color:#7c3f96}
.dashboard-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:34px 30px}
.small{font-size:12px;color:var(--muted);line-height:1.65}
.mode-bar{display:flex;height:15px;border-radius:5px;overflow:hidden;margin:24px 0 20px}
.mode-bar span:nth-child(1){width:70%;background:#8e44ad}
.mode-bar span:nth-child(2){width:20%;background:#b19cd9}
.mode-bar span:nth-child(3){width:5%;background:#60a899}
.mode-bar span:nth-child(4){width:5%;background:#c5c9d0}
.mode-list{margin:0 0 20px}
.mode-list>div{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;border-bottom:1px solid #f0edf2}
.mode-list dt{display:flex;align-items:center;gap:9px}
.mode-list dd{font-weight:650}
.dot{width:9px;height:9px;display:inline-block;border-radius:50%}
.drive{background:#8e44ad}
.transit{background:#b19cd9}
.walk{background:#60a899}
.unknown{background:#c5c9d0}
.impact{background:#faf7fc;border-radius:14px;padding:26px}
.impact>strong{font-size:48px;letter-spacing:-.04em;display:block;color:#713b89;line-height:1.2;margin-bottom:12px}
.impact>strong>span:last-child{font-size:19px;font-weight:500;letter-spacing:0}
.impact>p:not(.eyebrow){font-size:13px}
.impact .eyebrow{font-size:10px}
.impact-rule{border-top:1px solid #e3d6ec;padding-top:15px;margin-top:20px;display:flex;flex-direction:column;gap:6px;font-size:12px}
.impact-rule+p{margin:10px 0 0}
.quality-strip{background:#fafafa;padding:17px 30px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted);border-top:1px solid #eee}
.quality-strip strong{color:var(--ink)}
details{border-top:1px solid var(--line)}
summary{cursor:pointer;padding:22px 0;font-size:16px;font-weight:600;line-height:1.5}
summary:hover{color:var(--purple)}
.methodology summary{padding:22px 30px;font-size:14px}
.methodology summary span{float:right}
.methodology-body{padding:0 30px 28px}
.methodology-body p{font-size:13px;color:var(--muted)}
.methodology-body h4{margin-top:24px;font-size:14px}
.source-links a,.contact-fallback a{color:#713b89;text-decoration:underline;text-underline-offset:3px}
.pilot-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}
.pilot-panel .button{margin-top:14px}
.contact-fallback{margin:18px 0 0}
.pilot-details{background:#faf7fc;border:1px solid var(--line);border-radius:20px;padding:32px}
.offer{font-size:18px;color:#713b89;display:block;margin-bottom:22px}
.offer strong{font-size:42px;letter-spacing:-.04em}
.pilot-details ul{padding-left:19px;list-style:disc;font-size:14px;line-height:1.7;margin:20px 0}
.pilot-details li{padding-left:6px;margin-bottom:12px}
.pilot-details .small{border-top:1px solid var(--line);padding-top:18px;margin:0}
.faq-wrap{max-width:960px}
.faq-wrap h2{margin-bottom:36px}
.faq-wrap details p{color:var(--muted);font-size:15px;padding:0 10px 12px 0}
.skip-link{position:absolute;left:16px;top:-100px;background:white;color:#713b89;padding:12px;z-index:100}
.skip-link:focus{top:8px}
a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d49a00;outline-offset:4px}
button[hidden]{display:none}

@media(min-width:1280px){.hero-grid{gap:96px}
.commute-card{max-width:440px;justify-self:end}
}

@media(max-width:1023px){main h1{font-size:46px}
.hero-grid{gap:36px}
.split,.pilot-panel{gap:42px}
main h2{font-size:36px}
.three-columns{gap:24px}
.metrics{grid-template-columns:repeat(2,1fr)}
.metrics p{min-height:0}
.dashboard-detail{gap:24px}
.commute-card{padding:22px;transform:none}
.card-top{flex-wrap:wrap}
.pill{margin-left:0}
}

@media(max-width:767px){.wrap{padding:0 20px}
.section{padding:56px 0}
.employer-hero{padding:48px 0 52px}
.hero-grid,.split,.pilot-panel,.three-columns,.dashboard-detail{grid-template-columns:1fr}
.hero-grid{gap:40px}
main h1{font-size:43px}
main h2{font-size:32px}
.hero-copy{font-size:18px}
.hero-note{font-size:12px}
.commute-card{max-width:480px;width:100%;justify-self:center}
.three-columns{gap:25px}
.benefits article{border-bottom:1px solid var(--line);padding-bottom:12px}
.icon{margin-bottom:18px}
.cost-note{display:block;padding:22px}
.cost-note p{margin-top:10px}
.split,.pilot-panel{gap:28px}
.steps{margin-top:28px}
.step-number{font-size:25px;margin-bottom:12px}
.dashboard-banner{padding:16px 20px;display:block}
.dashboard-banner strong{display:block;margin-bottom:6px}
.dashboard-heading{padding:24px 20px;flex-direction:column;gap:18px}
.dashboard-controls{max-width:none;width:100%}
.dashboard-heading h3{font-size:23px}
.metrics{padding:0 16px;gap:10px}
.metrics article{padding:15px}
.metrics p{min-height:36px;font-size:11px}
.metrics strong{font-size:30px}
.dashboard-detail{padding:26px 20px;gap:16px}
.quality-strip{padding:16px 20px;display:grid;gap:10px}
.methodology summary{padding:20px;font-size:13px}
.methodology-body{padding:0 20px 20px}
.methodology summary span{display:none}
.pilot-details{padding:24px}
.intro{font-size:17px}
.section-heading{margin-bottom:28px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.button{transition:none}
.button:hover{transform:none}
}

@media print{nav,footer,.actions,.dashboard-controls,.skip-link{display:none!important}
.section{padding:24px 0}
.employer-hero{background:#fff!important;color:#111;padding:24px 0}
.hero-note,.eyebrow.light{color:#111}
.hero-grid{display:block}
.commute-card{display:none}
.wrap{padding:0}
.dashboard{box-shadow:none}
.dark{background:white;color:#111}
.dark p,.dark .intro{color:#111}
.metrics article{break-inside:avoid}
main h1{font-size:36px}
h1 span{color:#713b89}
}


#mobile-menu-btn{width:44px;height:44px;font-size:24px;line-height:1}
select:disabled{opacity:1}

/* Employer story: dashboard hero, national evidence and an open commuting network. */
.hero-grid{grid-template-columns:1.12fr 1fr;gap:64px}
.hero-dashboard{background:#fff;color:var(--ink);border-radius:22px;padding:28px;box-shadow:0 24px 64px #37194438;width:100%;max-width:480px;justify-self:end}
.demo-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#f4edf8;color:#713b89;border-radius:6px;padding:8px 10px;margin:20px 0}
.hero-impact>p:first-child{font-size:13px;font-weight:600;margin:0 0 6px}
.hero-impact>strong{font-size:56px;line-height:1.15;letter-spacing:-.055em;color:#713b89}
.hero-impact>strong span{font-size:21px;letter-spacing:-.02em;font-weight:500}
.hero-impact>p:last-child{font-size:12px;color:var(--muted);margin:8px 0 22px}
.comparison-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin:12px 0 6px}
.comparison-track{height:10px;background:#f5f2f7;border-radius:4px;overflow:hidden}
.comparison-track span{height:100%;display:block;border-radius:4px}
.baseline-bar{width:100%;background:#d4c7de}
.shared-bar{width:61.76%;background:#8e44ad}
.hero-mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:26px}
.hero-mini-metrics strong{display:block;font-size:28px;line-height:1.2;letter-spacing:-.035em}
.hero-mini-metrics span{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.hero-dashboard-note{font-size:10px;line-height:1.6;color:var(--muted);margin:20px 0 5px}
.mini-method{font-size:11px;color:#713b89;text-decoration:underline;text-underline-offset:3px}
.problem-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:90px}
.problem-grid h2{font-size:36px}
.problem-grid>div>p:not(.eyebrow):not(.small){color:var(--muted)}
.problem-close{margin-top:24px}
.problem-close strong{color:var(--ink)}
.evidence{border:1px solid #e5d8ed;background:var(--pale);border-radius:20px;padding:36px}
.big-stat{font-size:76px;line-height:1.1;letter-spacing:-.055em;color:#713b89;display:block;margin:14px 0 10px}
.big-stat>span{font-size:44px;vertical-align:top;line-height:1.3;margin-left:6px}
.evidence h3{font-size:25px}
.evidence-bottom{display:flex;gap:16px;border-top:1px solid #e5d8ed;padding-top:24px;margin-top:26px}
.evidence-bottom>span{font-size:28px;color:var(--purple)}
.evidence-bottom p{font-size:14px;margin:0}
.centred{text-align:center;max-width:900px;margin:0 auto 44px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.feature-card{background:white;border:1px solid var(--line);border-radius:18px;padding:30px}
.feature-card h3{font-size:20px}
.feature-card p{font-size:15px;color:var(--muted);margin:0}
.feature-card .icon{font-size:23px;margin-bottom:20px}
.feature-card:nth-child(3n+1) .icon{background:#effaf5;color:#287757}
.feature-card:nth-child(3n) .icon{background:#fff8de;color:#8a6500}
.narrow{max-width:1000px}
.setup-steps{list-style:none;padding:0;margin:44px 0 0;display:grid;gap:34px}
.setup-steps li{display:grid;grid-template-columns:52px 1fr;gap:24px}
.setup-steps .step-number{background:var(--purple);color:white;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:24px;margin:0}
.setup-steps h3{padding-top:3px;font-size:21px}
.setup-steps p{color:var(--muted);margin:0}
.community-section{background:#faf5ff}
.community-grid{gap:72px;align-items:center}
.community-grid>div>p:not(.eyebrow){color:var(--muted)}
.community-cards{display:grid;gap:16px}
.community-cards article{display:flex;gap:18px;background:#fff;border:1px solid #eee1f7;border-radius:18px;padding:24px}
.community-cards .icon{flex-shrink:0;margin:0;font-size:21px}
.community-cards h3{font-size:17px;margin-bottom:7px}
.community-cards p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.faq-wrap{max-width:1040px}
.faq-wrap details{background:white;border:1px solid var(--line);border-radius:15px;margin:14px 0;padding:0 26px}
.faq-wrap summary{list-style:none;position:relative;padding:24px 28px 24px 0}
.faq-wrap summary::-webkit-details-marker{display:none}
.faq-wrap summary:after{content:'+';position:absolute;right:0;top:21px;font-size:24px;color:var(--purple);font-weight:400}
.faq-wrap details[open] summary:after{content:'−'}
.faq-wrap details p{padding-bottom:12px}
.anchor-alias{display:block;position:relative;top:-24px}
@media(max-width:1023px){.hero-grid{gap:32px}.hero-dashboard{padding:24px}.problem-grid,.community-grid{gap:36px}.big-stat{font-size:62px}.problem-grid h2{font-size:32px}}
@media(max-width:767px){.hero-grid,.problem-grid,.feature-grid,.community-grid{grid-template-columns:1fr}.hero-grid{gap:36px}main h1{font-size:42px}.hero-dashboard{justify-self:center;padding:24px}.problem-grid h2{font-size:32px}.evidence{padding:28px}.big-stat{font-size:68px}.feature-card{padding:25px}.centred{text-align:left;margin-bottom:28px}.setup-steps{gap:30px;margin-top:32px}.setup-steps li{grid-template-columns:42px 1fr;gap:16px}.setup-steps .step-number{width:42px;height:42px;font-size:20px;border-radius:12px}.setup-steps h3{font-size:19px}.setup-steps p{font-size:15px}.community-cards article{padding:22px;gap:14px}.community-cards .icon{width:40px;height:40px;border-radius:11px}.faq-wrap details{padding:0 20px}.faq-wrap summary{font-size:15px}.hero-mini-metrics{gap:12px}}
@media(max-width:359px){main h1{font-size:36px}.hero-dashboard{padding:20px}.hero-impact>strong{font-size:49px}.hero-mini-metrics span{font-size:10px}}
@media print{.hero-dashboard{display:none}.feature-card,.community-cards article,.faq-wrap details{break-inside:avoid}}


/* Compact illustrative dashboard, with a little depth and a one-time chart reveal. */
.dashboard-alive{background:#f8f9fb;padding:22px;transform:rotate(2deg);transform-origin:center;max-width:510px;border:1px solid #ffffffb3;box-shadow:0 28px 70px #32133d40,0 6px 18px #32133d12}
.dashboard-alive .card-top{flex-wrap:nowrap;font-size:13px}
.dashboard-alive .mini-brand{width:34px;height:34px;border-radius:10px;font-size:21px}
.preview-badge{margin-left:auto;font-size:9px;color:#713b89;background:#eee5f6;border-radius:20px;padding:5px 8px}
.dashboard-alive .demo-label{margin:13px 0;font-size:9px;padding:0;background:none;letter-spacing:.04em;color:#71647b}
.snapshot-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.snapshot-metrics>div{background:#fff;border-radius:14px;padding:15px 5px;text-align:center;box-shadow:0 4px 15px #25304a05}
.snapshot-metrics strong{display:block;color:#8e44ad;font-size:30px;line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.snapshot-metrics strong>span{font-size:21px}
.snapshot-metrics>div>span{display:block;font-size:9px;color:#596273;margin-top:7px;line-height:1.4}
.snapshot-metrics .green-metric strong{color:#15934b}
.snapshot-panel{background:white;border-radius:15px;padding:16px;margin-top:12px;box-shadow:0 4px 15px #25304a05}
.snapshot-title{display:flex;justify-content:space-between;align-items:center;gap:8px}
.snapshot-title h3{font-size:12px;margin:0;letter-spacing:-.015em}
.saving-badge{color:#15703d;background:#dcfce7;border-radius:20px;padding:4px 8px;font-size:9px;white-space:nowrap;font-weight:650}
.chart-period{font-size:9px;color:#7c3f96;background:#f3eafa;border-radius:20px;padding:4px 8px;white-space:nowrap}
.dashboard-alive .comparison-label{font-size:10px;margin-top:13px;color:#596273}
.dashboard-alive .comparison-label strong{font-weight:500}
.dashboard-alive .comparison-track{height:7px}
.dashboard-alive .baseline-bar{background:linear-gradient(90deg,#8e44ad,#b19cd9)}
.dashboard-alive .shared-bar{background:linear-gradient(90deg,#22c55e,#86efac)}
.spark-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;height:101px;margin-top:14px;background:repeating-linear-gradient(to top,transparent 0,transparent 24px,#f1eef5 25px);padding:0 6px 19px}
.spark-bars>div{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.spark-bars i{display:block;height:var(--bar-height);width:100%;max-width:30px;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#cdb4df,#a671c1);transform-origin:bottom}
.spark-bars b{font-size:8px;font-weight:500;color:#6c6375;margin-bottom:3px}
.spark-bars span{position:absolute;bottom:-18px;font-size:9px;color:#687080}
.spark-bars .latest-month i{background:linear-gradient(0deg,#8e44ad,#b479cb)}
.spark-bars .latest-month b,.spark-bars .latest-month span{color:#713b89;font-weight:700}
.corridor-row{display:grid;grid-template-columns:1.5fr 1fr auto;gap:12px;align-items:center;margin-top:11px;font-size:10px;color:#596273}
.corridor-row>i{height:6px;background:#f3f1f6;border-radius:5px;overflow:hidden}
.corridor-row b{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#8e44ad,#b19cd9)}
.corridor-row strong{font-size:9px;font-weight:500;white-space:nowrap}
.dashboard-alive .hero-dashboard-note{font-size:9px;margin:13px 0 4px}
.dashboard-alive .mini-method{font-size:10px}
@media(prefers-reduced-motion:no-preference){
 .dashboard-alive{animation:dashboard-arrive .8s ease-out both}
 .dashboard-alive .comparison-track>span{transform-origin:left;animation:dashboard-bar-in 1s cubic-bezier(.2,.7,.3,1) .2s both}
 .spark-bars i{animation:dashboard-bar-up .85s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--delay)}
 @keyframes dashboard-arrive{from{opacity:0;transform:translateY(16px) rotate(0deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}
 @keyframes dashboard-bar-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 @keyframes dashboard-bar-up{from{transform:scaleY(0)}to{transform:scaleY(1)}}
}
@media(max-width:767px){.dashboard-alive{max-width:480px;padding:18px;transform:rotate(1deg);margin:4px 0}.snapshot-title h3{font-size:11px}.snapshot-panel{padding:14px}.spark-bars{gap:12px}.snapshot-metrics strong{font-size:28px}.corridor-row{gap:8px;font-size:9px}.dashboard-alive .hero-dashboard-note{font-size:9px}}
@media(max-width:359px){.dashboard-alive{padding:14px;transform:none}.snapshot-metrics{gap:6px}.snapshot-metrics strong{font-size:24px}.snapshot-metrics>div>span{font-size:8px}.saving-badge{font-size:8px;padding:4px 6px}.preview-badge{display:none}}
@media(max-width:767px) and (prefers-reduced-motion:no-preference){.dashboard-alive{animation-name:dashboard-arrive-mobile}@keyframes dashboard-arrive-mobile{from{opacity:0;transform:translateY(12px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(1deg)}}}