/* Dashboard components follow the supplied design system's KPI, chart and record patterns. */
.site-header .brand img{width:224px}
.platform-layout{grid-template-columns:minmax(235px,.7fr) minmax(0,1.95fr);gap:36px}
.feature-tab[aria-selected=true]{background:#EEEFE5;border-radius:0 12px 12px 0}
.feature-tab[aria-selected=true] .tab-number{background:var(--gold);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;flex:none;padding:0;box-shadow:2px 3px 0 #D3AC61}
.workspace{border-color:#CDD8CE;border-radius:18px;box-shadow:0 25px 60px -26px #134A3945,0 5px 0 #DAE2D5,0 0 0 6px #EAEDE4;min-height:638px}
.workspace-main{padding:23px;background:#F3F5EF}
.workspace-heading{margin-bottom:15px}
.workspace-heading h3{font-size:19px;letter-spacing:-.045em}
.workspace-heading p{font-size:11px;margin-top:5px}
.workspace-period{background:#fff;border-color:#D8E0D7;font-size:10px;border-radius:7px;padding:7px 10px}
.workspace-filters{gap:5px;border:0;background:#E7ECE3;border-radius:8px;width:fit-content;padding:4px;margin-bottom:18px}
.workspace-filters button{padding:7px 13px;border:0;font-size:11px;min-height:32px;border-radius:5px}
.workspace-filters button[aria-pressed=true]{background:white;color:var(--forest);box-shadow:0 2px 5px #134A3912}
.workspace-rail{background:linear-gradient(165deg,#174F3D,#0F332A);gap:30px}
.workspace-link{font-size:11px;margin-top:14px}
.dash-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.dash-metric{position:relative;overflow:hidden;min-width:0;padding:15px 14px 12px;border:1px solid #D2DED3;border-radius:11px;background:#E7F0E5;box-shadow:0 3px 8px #183D2705;color:#134A39}
.dash-metric.tone-1{background:#E7EEF6;border-color:#D2DFEC;color:#24567A}
.dash-metric.tone-2{background:#F2ECF7;border-color:#DFD5E9;color:#61428A}
.metric-label{display:block;font-size:10px;font-weight:600;position:relative;z-index:1;padding-right:24px}
.dash-metric>strong{display:block;font-size:clamp(23px,2.15vw,33px);line-height:1.4;letter-spacing:-.06em;margin:5px 0 10px;font-weight:700}
.metric-note{display:block;font-size:9px;position:relative;z-index:1;max-width:77%;min-height:26px;line-height:1.45}
.metric-icon{position:absolute;right:12px;top:12px;background:#FFFFFF80;border-radius:7px;padding:5px}
.metric-icon .icon{width:18px;height:18px}
.metric-spark{position:absolute;right:9px;bottom:11px;width:68px;height:26px;opacity:.7}
.dash-charts{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:13px;margin-bottom:16px}
.dash-card{min-width:0;background:white;border:1px solid #E0E5DA;border-radius:11px;padding:15px 13px 10px;box-shadow:0 3px 8px #173D2D06}
.dash-card-heading{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-bottom:11px}
.dash-card h4{font-size:12px;line-height:1.4;color:var(--forest);letter-spacing:-.025em;margin:0 0 4px}
.dash-card-heading p{font-size:9px;color:#697366;line-height:1.5}
.card-ellipsis{font-size:11px;letter-spacing:2px;color:#697366;line-height:1}
.dash-legend{display:flex;flex-wrap:wrap;gap:5px 13px;margin:4px 0 8px;font-size:9px;line-height:1.4;color:#536351}
.dash-legend span{display:flex;align-items:center;gap:5px}
.dash-legend i{display:block;width:6px;height:6px;border-radius:50%;background:var(--series);flex:none}
.dash-plot{width:100%;height:175px;overflow:visible}
.plot-bar{transform-box:fill-box;transform-origin:bottom;animation:bar-rise .8s var(--ease) both;animation-delay:var(--bar-delay)}
.donut-wrap{position:relative;max-width:144px;margin:0 auto}
.dash-donut{width:100%;height:auto;transform:rotate(-7deg)}
.donut-wrap>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut-wrap strong{font-size:28px;letter-spacing:-.05em;line-height:1.3;color:var(--forest)}
.donut-wrap span{font-size:9px;color:#61715F}
.status-card .dash-legend{justify-content:center;margin-top:5px}
.rank-bars{padding-top:14px}
.rank-bars>div{margin-bottom:21px}
.rank-bars span{font-size:10px;color:#51614F;display:flex;justify-content:space-between;gap:7px;margin-bottom:7px}
.rank-bars b{color:var(--forest);font-size:11px}
.rank-bars i,.care-scores i{display:block;border-radius:6px;background:#EEF0EB;height:7px;overflow:hidden}
.rank-bars em,.care-scores em{display:block;height:100%;border-radius:6px;transform-origin:left;animation:bar-wide .8s var(--ease) both}
.dash-insight{font-size:9px;line-height:1.7;color:#745015;background:#FBF2DF;border-radius:7px;padding:8px;display:flex;gap:7px}
.dash-insight .icon{width:15px;height:17px}
.care-scores>div{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #F0F1EB}
.care-scores>div>.icon{width:27px;height:27px;background:#EDF3E8;border-radius:7px;padding:5px;color:var(--green)}
.care-scores>div>span{flex:1;font-size:10px;color:#465940}
.care-scores i{margin-top:8px;height:6px}
.care-scores strong{color:var(--forest);font-size:18px;line-height:1.1;text-align:right}
.care-scores strong small{display:block;font-size:8px;font-weight:400;margin-top:4px;color:#6E665B}
.care-note{display:flex;gap:6px;font-size:9px;color:#4D684A;padding:12px 0 0;align-items:center}
.care-note .icon{width:14px;height:14px}
.dealer-journey{list-style:none;padding:3px 0 0;margin:0}
.dealer-journey li{display:flex;gap:10px;align-items:center;position:relative;padding:9px 0 14px}
.dealer-journey li:not(:last-child):after{content:'';height:15px;position:absolute;top:44px;left:16px;border-left:2px dotted #B8C6B2}
.dealer-journey .icon{width:34px;height:34px;border-radius:9px;background:#EBF1E6;color:var(--forest);padding:8px}
.dealer-journey li:nth-child(2) .icon{background:#FFF0C8;color:#895600}
.dealer-journey li:nth-child(3) .icon{background:#E7EAF5;color:#67508F}
.dealer-journey strong{display:block;font-size:11px;color:var(--forest)}
.dealer-journey small{display:block;font-size:8px;color:#6E665B;margin-top:2px}
.dash-records{border:1px solid #DCE3D6;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 3px 8px #173D2D06}
.dash-records-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px}
.dash-records-heading strong{font-size:11px;color:var(--forest)}
.dash-records-heading>span{font-size:9px;color:#6E665B}
.dash-table-wrap{overflow:auto;scrollbar-width:thin}
.dash-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:10px;line-height:1.6}
.dash-table thead{background:#EEF2E9;color:#52604B}
.dash-table th,.dash-table td{padding:10px 12px;border-bottom:1px solid #E8EDE2}
.dash-table thead th{font-weight:600;font-size:9px;padding-block:7px}
.dash-table tbody th{font-weight:600;color:var(--forest);display:flex;align-items:center;gap:9px}
.dash-table tbody tr:last-child :is(th,td){border-bottom:0}
.dash-table tbody tr:nth-child(2n){background:#FAFBF7}
.dash-table tbody tr:hover{background:#F2F6E9}
.dash-table td:last-child{width:1%}
.dash-table small{display:block;font-size:8px;font-weight:400;color:#6A7165;margin-top:1px}
.barn-avatar{background:#E7EFE2;color:#1E6B52;padding:7px;border-radius:8px;flex:none}
.barn-avatar.tone-1{background:#FBF0D4;color:#92600C}.barn-avatar.tone-2{background:#EDE7F4;color:#715092}
.barn-avatar .icon{height:18px;width:18px}
.numeric{font-weight:600;font-variant-numeric:tabular-nums;color:#344F3C}
.table-rate{display:block;min-width:56px}
.table-rate i{display:block;height:3px;border-radius:3px;background:linear-gradient(to right,var(--series) var(--rate),#E4E9DD var(--rate));margin-top:4px}
.dash-status{display:inline-flex;gap:5px;align-items:center;border:1px solid #D1E3CF;background:#EFF7EB;color:#2B613B;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:600}
.dash-status i{width:4px;height:4px;border-radius:50%;background:currentColor}
.dash-status.review{background:#FFF4DA;border-color:#EDDEB9;color:#7C570E}

/* Strong, dimensional workflow feedback follows the pointer's column. */
.workflow-steps{gap:21px;perspective:1100px}
.workflow-steps:before{top:65px}
.workflow-steps li{padding:25px 18px 23px;border:1px solid transparent;border-radius:20px;position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .25s,border-color .25s;transform-style:preserve-3d}
.workflow-steps li:after{content:'';position:absolute;top:18px;right:19px;width:8px;height:8px;background:var(--gold);border-radius:50%;opacity:0;box-shadow:0 0 0 6px #F2B33D25;transition:opacity .25s}
.workflow-steps li.is-hovered,.workflow-steps li:hover{background:#FFFDF7;border-color:#D2DCC6;transform:translateY(-14px) rotateX(5deg) rotateY(-3deg);box-shadow:0 24px 32px -17px #134A3950,0 6px 0 #DFE5D3}
.workflow-steps li.is-hovered:after,.workflow-steps li:hover:after{opacity:1}
.workflow-steps li.is-hovered .step-icon,.workflow-steps li:hover .step-icon{background:var(--forest);color:var(--gold);border-color:var(--forest);box-shadow:0 9px 0 #DDE5D2;transform:translateY(-3px) rotate(-6deg)}
.workflow-steps .step-icon{transition:all .3s var(--ease)}
.workflow-steps p{position:relative}

/* A live SVG farmer dashboard inside the existing phone. */
.phone{width:285px;padding:16px 15px 13px;background:#F2F5EF;bottom:64px;right:35px;border:7px solid #16392F;border-radius:39px;box-shadow:0 28px 50px #082A2855,inset 0 0 0 2px #FFFFFF;transform:rotate(3deg)}
.phone-status{padding-bottom:21px;font-size:9px}
.phone-heading{padding:0 1px}
.phone-heading strong{font-size:15px}
.phone-heading>span{font-size:9px}
.phone-toolbar{display:flex;justify-content:space-between;align-items:center;margin:15px 0 12px;gap:8px}
.phone-toolbar>span{font-size:10px;font-weight:600;color:var(--forest)}
.phone-periods{display:flex;padding:3px;background:#E0E8DC;border-radius:7px}
.phone-periods button{font-size:9px;font-weight:600;min-width:39px;min-height:29px;padding:5px 7px;border:0;background:transparent;border-radius:5px;color:#4B6045}
.phone-periods button[aria-pressed=true]{background:var(--forest);color:white;box-shadow:0 2px 4px #134A3922}
.phone-total{background:var(--forest);color:white;border-radius:12px;padding:13px 14px;position:relative;overflow:hidden;margin-bottom:10px}
.phone-total:after{content:'';position:absolute;width:85px;height:85px;border:15px solid #FFFFFF09;border-radius:50%;right:-16px;bottom:-26px}
.phone-total>span{display:flex;justify-content:space-between;font-size:9px;color:#EEF6E8}
.phone-total>span>span{color:#FFDD8C;font-size:9px}
.phone-total>strong{font-size:29px;letter-spacing:-.05em;display:block;line-height:1.5}
.phone-total strong small{font-weight:400;font-size:10px;margin-left:5px;letter-spacing:0}
.phone-total p{font-size:8px;color:#D8E5D5}
.phone-chart-card{padding:12px 10px 9px;background:#fff;border:1px solid #DDE6D9;border-radius:11px;box-shadow:0 3px 8px #153A2C05}
.phone-card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:5px}
.phone-card-heading strong{font-size:10px;color:var(--forest)}
.phone-card-heading>span{font-size:8px;color:#266B9C}
.phone-chart-card>svg{width:100%;height:112px}
.phone-bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9px;margin-top:9px}
.phone-lay,.phone-collection{background:white;border:1px solid #DFE6D9;border-radius:11px;padding:8px}
.phone-lay .donut-wrap{max-width:100px}
.phone-lay .donut-wrap strong{font-size:19px}
.phone-lay .donut-wrap span{font-size:8px}
.phone-lay>span{font-size:8px;display:block;text-align:center;color:#4C6748}
.phone-collection{background:#F2EAF8;border-color:#E2D5EC;color:#69458D}
.phone-collection>span{font-size:8px}
.phone-collection>strong{display:block;font-size:23px;line-height:1.3;letter-spacing:-.04em;margin-top:4px}
.phone-collection strong small{font-size:8px;font-weight:400;letter-spacing:0;margin-left:3px}
.phone-collection>small{font-size:8px}
.collection-bars{height:35px;display:flex;gap:4px;align-items:flex-end;margin-top:3px}
.collection-bars i{background:#9170B3;flex:1;border-radius:3px 3px 0 0;transform-origin:bottom;animation:collection-breathe 4s ease-in-out infinite;animation-delay:var(--bar-delay)}
.collection-bars i:last-child{background:#624287}
.phone-footnote{display:flex;justify-content:center;align-items:center;gap:5px;font-size:7px;line-height:1.5;color:#4C6348;margin:12px 0 0}
.phone-footnote .icon{width:12px;height:12px}
.field-visual{min-height:650px}

/* A few distinct editorial accents, rather than repeating the same underline. */
.sun-word{position:relative;display:inline-block;isolation:isolate}
.sun-word:after{content:'✳';display:inline-block;font-weight:400;color:#B8790C;font-size:.78em;vertical-align:top;margin-left:15px;transform:rotate(14deg)}
.highlight-word{background:linear-gradient(transparent 63%,#F2B33D66 63%,#F2B33D66 91%,transparent 91%);padding:0 5px;margin-left:-5px}
.field-copy h2>span{position:relative;display:inline-block}
.field-copy h2>span:after{content:'';position:absolute;inset:-4px -10px -5px;border:1.5px solid #F2B33D99;border-radius:50%;transform:rotate(-7deg);pointer-events:none}
.chart-annotation{margin-left:0;gap:14px}
.chart-annotation p{font-size:15px;line-height:1.75}
.chart-annotation strong{font-size:17px}
.footer-top>p{font-size:17px;line-height:1.55;color:var(--forest);max-width:390px}
@keyframes bar-rise{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@keyframes bar-wide{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
@keyframes collection-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.73)}}
@media(max-width:1199px){
  .site-header .brand img{width:194px}.platform-layout{grid-template-columns:230px minmax(0,1fr);gap:26px}
  .workspace{grid-template-columns:44px minmax(0,1fr)}.workspace-main{padding:18px 14px}
  .dash-metrics{gap:8px}.dash-metric{padding:13px 10px 10px}.metric-icon{display:none}.metric-label{padding:0;font-size:9px}.metric-note{font-size:8px}.metric-spark{width:45px}
  .dash-card{padding:12px 10px 9px}.dash-charts{gap:9px}.dash-table th,.dash-table td{padding:9px 8px}.barn-avatar{display:none}
  .phone{right:20px;width:274px}.field-visual{min-height:660px}
  .footer-top>p{font-size:16px}.desktop-nav{gap:19px}
}
@media(max-width:960px){
  .site-header .brand img{width:174px}.platform-layout{grid-template-columns:1fr}.workspace-main{padding:22px}.workspace{min-height:0}
  .feature-tab[aria-selected=true]{border-radius:0 0 10px 10px}.feature-tab[aria-selected=true] .tab-number{display:inline-grid}.feature-tab .tab-number{height:29px}
  .dash-metric>strong{font-size:30px}.metric-label{font-size:11px}.metric-note{font-size:9px}.metric-icon{display:block}.metric-spark{width:68px}.dash-plot{height:183px}
  .dash-table th,.dash-table td{padding:11px 12px}.barn-avatar{display:block}.workflow-steps{gap:12px}.workflow-steps li{padding:24px 10px 18px}.workflow-steps h3{font-size:16px}
  .field-visual{height:650px}.phone{right:8%;width:285px}.footer-top>p{max-width:none}
}
@media(max-width:720px){
  .site-header .brand img{width:180px}.workspace{grid-template-columns:minmax(0,1fr);border-radius:13px;box-shadow:0 16px 35px -23px #134A3955,0 4px 0 #DAE2D5,0 0 0 3px #EAEDE4}
  .workspace-rail{display:none}.workspace-main{padding:17px 12px}.workspace-heading h3{font-size:17px}.workspace-heading p{font-size:10px}.workspace-period{font-size:8px;padding:5px 7px}
  .workspace-filters button{font-size:10px;padding:7px 11px}.dash-metrics{gap:7px}.dash-metric{padding:10px 8px}.metric-label{font-size:9px;min-height:27px;line-height:1.5}.metric-icon{display:none}
  .dash-metric>strong{font-size:clamp(19px,5.3vw,29px);margin:0 0 8px;white-space:nowrap}.metric-note{font-size:8px;max-width:100%;min-height:24px}.metric-spark{position:static;height:22px;width:100%;margin-top:7px}
  .dash-charts{grid-template-columns:1fr}.dash-card{padding:14px}.dash-card h4{font-size:13px}.dash-card-heading p{font-size:10px}.dash-legend{font-size:10px}.dash-plot{height:auto;max-height:190px}
  .status-card{display:grid;grid-template-columns:1fr 110px;align-items:center;column-gap:8px}.status-card .dash-card-heading{grid-column:1;grid-row:1;margin:0}.status-card .card-ellipsis{display:none}.status-card .donut-wrap{grid-column:2;grid-row:1/3;width:110px}.status-card .dash-legend{grid-column:1;grid-row:2;justify-content:start;align-self:start}
  .dash-records-heading{padding:12px 10px}.dash-records-heading strong{font-size:11px}.dash-records-heading>span{font-size:8px}.dash-table{min-width:420px}.dash-table th,.dash-table td{padding:10px}.dash-table small{font-size:9px}.dash-table thead th{font-size:10px}
  .barn-avatar{display:none}.dash-table-wrap{padding-bottom:4px}.workspace-link{font-size:10px}.rank-bars{padding-top:5px}.rank-bars>div{margin-bottom:14px}.dealer-journey{display:flex;justify-content:space-between;gap:7px}.dealer-journey li{display:block;flex:1;padding:4px 0}.dealer-journey li:after{display:none}.dealer-journey .icon{margin-bottom:7px}.dealer-journey strong{font-size:10px}.dealer-journey small{font-size:8px}
  .workflow-steps{gap:18px 12px}.workflow-steps li{padding:18px 12px;border-color:#E4E7D9;background:#F5F5ED}.workflow-steps h3{font-size:16px}.workflow-steps p{font-size:11px}.workflow-steps li:hover{transform:translateY(-7px) rotate(-1deg)}
  .step-icon{width:58px;height:58px}.field-visual{height:640px;min-height:640px}.phone{right:22px;bottom:56px;width:276px}.field-copy h2>span:after{inset:-3px -7px -4px}.phone-status{padding-bottom:21px}.phone-heading strong{font-size:15px}
  .chart-annotation p{font-size:14px}.chart-annotation strong{font-size:16px}.footer-top>p{font-size:18px}.sun-word:after{margin-left:10px}
}
@media(max-width:380px){
  .workspace-main{padding:15px 10px}.workspace-heading{gap:6px}.workspace-period{font-size:7px}.metric-label{font-size:8px}.dash-metric>strong{font-size:19px}.dash-metric{padding-inline:6px}.metric-note{font-size:7px}
  .phone{width:253px;right:14px;padding-inline:12px;transform:rotate(2deg)}.field-visual{min-height:640px}.phone-heading strong{font-size:14px}.phone-card-heading strong{font-size:9px}.phone-footnote{font-size:6.5px}.phone-chart-card>svg{height:103px}.workflow-steps h3{font-size:14px}.workflow-steps li{padding-inline:9px}
}
@media(prefers-reduced-motion:reduce){.workflow-steps li.is-hovered,.workflow-steps li:hover{transform:none}.collection-bars i,.plot-bar,.rank-bars em,.care-scores em{animation:none!important}}

.dash-table{table-layout:fixed}.dash-table thead th:first-child{width:40%}.dash-table thead th:nth-child(2){width:19%}.dash-table thead th:nth-child(3){width:23%}.dash-table thead th:last-child{width:18%}.dash-table .table-rate{max-width:100px}.dash-table tbody th{display:table-cell}.dash-table tbody th>.barn-avatar{display:inline-flex;vertical-align:middle;margin-right:9px}.dash-table tbody th>span:last-child{display:inline-block;vertical-align:middle}.workflow-heading .highlight-word{margin-left:.15em}.sun-word:after{content:none}.sun-word svg{display:inline-block;width:.8em;height:.8em;margin-left:14px;vertical-align:baseline;color:#B8790C;transform:rotate(14deg)}
@media(max-width:1199px){.dash-table tbody th>.barn-avatar{display:none}}
@media(max-width:720px){.workflow-heading .highlight-word{margin-left:0}.dash-table{min-width:440px}.dash-table thead th:first-child{width:39%}.dash-table thead th:nth-child(2){width:20%}.dash-table thead th:nth-child(3){width:22%}.dash-table thead th:last-child{width:19%}}

.workflow-steps h3 span{color:#87580B}
@media(max-width:720px){.field-visual{height:715px;min-height:715px}}
@media(max-width:380px){.field-visual{height:690px;min-height:690px}}

/* Keep the symbol itself in the high-contrast hover color. */
.workflow-steps li:is(:hover,.is-hovered) .step-icon .icon{color:var(--gold);stroke:currentColor}
.hero-board{width:97%}.board-layout{grid-template-columns:39px 1fr}.board-content{padding:16px;background:#F4F6F0}.board-rail{background:#174B3B;color:#DCE7D6;border:0;padding-inline:6px}.board-rail .rail-active{background:#34755A;color:#fff}.board-heading{margin-bottom:12px}.board-heading>div>strong{font-size:15px;display:block;color:var(--forest);letter-spacing:-.04em}.hero-dash-eyebrow{font-size:7px;letter-spacing:.13em;color:#66725D;display:block;margin-bottom:5px}.hero-kpis{display:grid;grid-template-columns:1fr 1.15fr 1.2fr;gap:7px;margin-bottom:10px}.hero-kpis>div{padding:10px 9px;border:1px solid #D7E1CF;background:#E5EFDC;border-radius:8px;min-width:0}.hero-kpis>div:nth-child(2){background:#E3EDF5;border-color:#D2DFEA;color:#225E88}.hero-kpis>div:nth-child(3){background:#F1E9F5;border-color:#DFD4E9;color:#66458A}.hero-kpis span{font-size:8px;display:block;font-weight:600}.hero-kpis strong{display:block;font-size:24px;letter-spacing:-.065em;line-height:1.5}.hero-kpis em{font-size:8px;font-weight:400;font-style:normal;letter-spacing:0;margin-left:3px}.hero-kpis small{display:block;font-size:7px}.hero-dash-charts{display:grid;grid-template-columns:1.8fr 1fr;gap:8px;margin-bottom:10px}.hero-trend,.hero-lay{background:#fff;border:1px solid #DFE5D8;border-radius:8px;padding:11px 9px;min-width:0}.hero-trend>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:5px}.hero-trend strong,.hero-lay>strong{font-size:9px;color:var(--forest)}.hero-trend>div>span{font-size:7px;color:#66725D}.hero-chart-key{display:flex;gap:8px;margin:6px 0 7px}.hero-chart-key span:first-child{color:#8A6418}.hero-chart-key span:last-child{color:#256694}.hero-trend>svg{width:100%;height:auto}.hero-lay{text-align:center}.hero-ring{position:relative;margin:7px auto 4px;width:94px;max-width:100%}.hero-ring>span{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center}.hero-ring b{font-size:17px;color:#66458A;letter-spacing:-.04em}.hero-ring small{font-size:7px;color:#6A676D}.hero-lay>span{display:block;font-size:8px;font-weight:600;color:var(--forest)}.hero-lay>small{display:block;font-size:7px;color:#66725D;margin-top:4px}.hero-network{background:#fff;border:1px solid #DFE5D8;border-radius:8px;overflow:hidden}.hero-network-heading{display:flex;justify-content:space-between;background:#EDF1E7;padding:7px 10px;gap:8px;font-size:8px;color:var(--forest)}.hero-network-heading>span{font-size:7px;color:#66725D}.hero-network>div:not(:first-child){display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid #E6EBDD}.hero-row-icon{width:25px;height:25px;border-radius:6px;background:#F9EDCC;color:#87580B;display:grid;place-items:center;font-size:14px;flex:none}.hero-network b{font-size:8px;display:block;color:var(--forest)}.hero-network small{display:block;font-size:7px;color:#66725D}.hero-pill{margin-left:auto;background:#EBF3E4;color:#315B37;border:1px solid #D9E5CF;padding:3px 6px;font-size:6px;border-radius:4px;white-space:nowrap}.hero-pill.purple,.hero-row-icon.purple{background:#F0E9F5;color:#66458A;border-color:#E1D6EA}.connected-note{top:365px;right:-17px;padding:12px 16px;font-size:10px}.hero-visual{height:520px}
@media(min-width:1550px){.hero-visual{top:72px}}
@media(max-width:1199px){.board-content{padding:11px}.hero-kpis strong{font-size:20px}.hero-kpis>div{padding:9px 6px}.hero-kpis span{font-size:7px}.hero-kpis small{font-size:6px}.hero-ring{width:80px}.hero-trend,.hero-lay{padding:9px 7px}.hero-network-heading>span{display:none}.hero-visual{width:51%}.connected-note{top:385px}}
@media(min-width:721px) and (max-width:960px){.hero-kpis strong{font-size:16px}.hero-kpis em{display:none}.board-layout{grid-template-columns:29px 1fr}.board-content{padding:9px}.hero-kpis{gap:4px}.hero-kpis span{font-size:6px}.hero-dash-charts{grid-template-columns:1.5fr 1fr;gap:5px}.hero-trend>div:first-child>span{display:none}.hero-chart-key{gap:4px}.hero-chart-key span{font-size:5px!important}.hero-ring{width:63px}.hero-ring b{font-size:13px}.hero-lay>strong{font-size:7px}.hero-lay>span,.hero-lay>small{font-size:6px}.hero-network>div:not(:first-child){padding:7px}.hero-network b{font-size:7px}.hero-network small{font-size:6px}.hero-pill{font-size:5px;padding:3px}.hero-row-icon{display:none}.connected-note{top:340px}}
@media(max-width:720px){.hero-visual{height:435px;width:98%;margin-top:32px}.hero-board{width:94%;left:0}.board-layout{grid-template-columns:29px 1fr}.board-content{padding:10px}.board-heading>div>strong{font-size:12px}.hero-dash-eyebrow{font-size:6px}.hero-kpis strong{font-size:18px}.hero-kpis span{font-size:6px}.hero-kpis small{font-size:6px}.hero-kpis{gap:5px}.hero-kpis em{display:none}.hero-dash-charts{grid-template-columns:1.6fr 1fr;gap:6px}.hero-trend strong,.hero-lay>strong{font-size:8px}.hero-trend>div:first-child>span{display:none}.hero-chart-key{gap:5px}.hero-chart-key>span{font-size:6px!important}.hero-ring{width:72px}.hero-ring b{font-size:14px}.hero-lay>span{font-size:7px}.hero-lay>small{font-size:6px}.hero-row-icon{display:none}.hero-network b{font-size:7px}.hero-network small{font-size:6px}.hero-pill{font-size:5.5px;padding:3px 4px}.hero-network>div:not(:first-child){padding:7px}.connected-note{top:375px;right:0}.hero-landscape img{height:650px}.hero-inner{padding-bottom:75px}}
@media(max-width:380px){.hero-kpis strong{font-size:16px}.hero-visual{height:420px}.hero-ring{width:62px}.hero-network-heading strong{font-size:7px}.connected-note{top:355px}.hero-kpis>div{padding-inline:5px}.hero-trend,.hero-lay{padding:8px 5px}.hero-kpis span{font-size:5.5px}.hero-kpis small{font-size:5.5px}}

.hero-visual .connected-note{top:-16px;right:-8px}
@media(max-width:720px){.hero-visual .connected-note{top:-17px;right:0;font-size:8px;padding:9px 12px}.hero-visual .connected-note .icon{width:20px;height:20px}}
.hero-network-heading>span{color:#526149}

/* Keep visit counts inside the mobile donut's inner ring. */
@media(max-width:720px){.status-card .donut-wrap strong{font-size:20px;letter-spacing:-.04em}.status-card .donut-wrap span{font-size:8px}.status-card .donut-wrap>div{padding-inline:20px}}