/* ============================================================================
   Home layout, second pass.
   Loaded after site.css so it overrides the chapter system rather than fighting it.
   Rules of this sheet:
     1. Sections size to their content. No 100vh chapters, no dead space.
     2. One vertical rhythm: 64px between sections, 24px between blocks, 24px gutters.
     3. One primary action per section, always cobalt and always 54px tall.
     4. Nothing sits inside a box unless the box is doing a job.
   ========================================================================== */

html.home{scroll-snap-type:none}
[data-split] .ln,[data-split] span{overflow:visible!important;transform:none!important;opacity:1!important;clip-path:none!important}
[data-reveal]{opacity:1!important;transform:none!important}          /* snapping was producing the jumpy, empty screens */
body{padding-top:0}

main > section,
main > section.hero,
main > section#how,
main > section#calculator,
main > section#dashboard,
main > section#markets,
main > section#book,
main > .sec,
main > .sec-tight{
  min-height:0!important;
  height:auto!important;
  display:block!important;
  padding-block:72px!important;
  border-top:1px solid var(--line);
}
main > section:first-child{border-top:0}
.wrap{max-width:1180px;padding-inline:32px}

/* ---------------------------------------------------------------- type */
h1,.h1{font-size:clamp(46px,5.6vw,76px);line-height:1.0;letter-spacing:-.042em}
h2,.h2{font-size:clamp(32px,3.8vw,48px);line-height:1.04;letter-spacing:-.036em}
h3,.h3{font-size:clamp(22px,2.2vw,28px);line-height:1.15;letter-spacing:-.026em}
.lead{font-size:18px;line-height:1.62;color:var(--muted);max-width:62ch}
p{margin:0}
p + p{margin-top:12px}

/* section label: readable, not a whisper */
.chapter{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.chapter i{
  font-family:var(--font-m);font-style:normal;font-size:11px;letter-spacing:.14em;
  color:var(--accent);border:0;padding:0;width:auto;height:auto;background:none;
}
.chapter span{font-family:var(--font-m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.chapter-next{display:none!important}      /* one next control per section, not two */

/* ---------------------------------------------------------------- actions */
.btn{
  height:54px;padding:0 28px;font-size:15.5px;font-weight:500;letter-spacing:-.01em;
  border-radius:4px;display:inline-flex;align-items:center;gap:10px;
  background:var(--accent);color:#fff;border:1px solid var(--accent);
  box-shadow:0 1px 0 rgba(11,13,18,.08);
}
.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}
.btn .arw{transition:transform .2s ease}
.btn:hover .arw{transform:translateX(3px)}
.btn-ghost,.btn-light{background:transparent;color:var(--ink);border:1px solid var(--line-strong);box-shadow:none}
.btn-ghost:hover,.btn-light:hover{background:var(--surface-2);border-color:var(--ink);color:var(--ink)}

/* a quiet action is a text link with an arrow, not a second box */
.tlink{
  display:inline-flex;align-items:center;gap:8px;height:54px;
  font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;
  border-bottom:1px solid transparent;
}
.tlink:hover{color:var(--accent);border-bottom-color:var(--accent)}
.tlink .arw{transition:transform .2s ease}
.tlink:hover .arw{transform:translateX(3px)}

.hero-actions,.actions,.calc-actions,.close-actions{
  display:flex;align-items:center;gap:28px;margin-top:32px;flex-wrap:wrap;
}

/* ---------------------------------------------------------------- hero */

.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.badge-live{font-size:11px;letter-spacing:.13em;color:var(--accent);margin-bottom:18px;display:block}
.hero-copy h1{margin:0 0 20px}
.hero-copy .lead{font-size:18.5px;max-width:54ch}

/* guarantees: a rule, four figures, room to breathe */
.sla-head{
  margin-top:40px;padding:0 0 10px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  font-family:var(--font-m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
}
.sla-head span:first-child{color:var(--ink)}
.sla-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.sla{padding:18px 16px 2px 0;border-right:1px solid var(--line);min-width:0}
.sla:last-child{border-right:0}
.sla-n{display:flex;align-items:baseline;gap:5px;font-family:var(--font-d);font-weight:500;
  font-size:clamp(30px,3.1vw,38px);line-height:1;letter-spacing:-.05em;color:var(--ink);white-space:nowrap}
.sla-n .u{font-family:var(--font-m);font-size:11px;letter-spacing:.1em;color:var(--accent);font-weight:400}
.sla-l{display:block;margin-top:9px;font-family:var(--font-m);font-size:10px;letter-spacing:.09em;
  text-transform:uppercase;color:#4B5361}

/* the sample day: a table with a real action at the end */
.panel{border:1px solid var(--line);border-radius:6px;background:var(--surface);overflow:hidden}
.panel-bar{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between}
.panel-bar .t{font-family:var(--font-m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.panel-body{padding:0 20px}
.act{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid var(--line2)}
.panel-body .act:first-child{border-top:0;padding-top:16px}
.act .av{font-family:var(--font-m);font-size:11px;color:#5A6270}
.act .who{font-size:14px;font-weight:500;letter-spacing:-.01em}
.act .what{font-size:13px;color:#4B5361;margin-top:3px}
.panel-note{padding:14px 20px;border-top:1px solid var(--line);font-size:12px;color:#4B5361;margin:0}
.day-cta{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 20px;border-top:1px solid var(--line);background:var(--accent-soft);
  font-size:14px;font-weight:500;color:var(--accent);text-decoration:none;
}
.day-cta:hover{background:var(--accent-soft);color:var(--accent)}

/* ---------------------------------------------------------------- problem picker */
#how .lead{max-width:64ch}
.pick{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;margin-top:36px;align-items:start}
.pick-tabs{display:flex;flex-direction:column;gap:8px}
.pick-tab{
  width:100%;height:58px;justify-content:flex-start;padding:0 18px;margin:0;
  border:1px solid var(--line);border-radius:4px;background:var(--surface);
  font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--ink);text-align:left;
  display:flex;align-items:center;gap:10px;cursor:pointer;
}
.pick-tab:hover{border-color:var(--line-strong)}
.pick-tab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.pick-tab .arw,.pick-tab::after{margin-left:auto}
.pick-tab::after{content:"92";font-family:var(--font-m);font-size:13px;opacity:.45}
.pick-tab[aria-selected="true"]::after{opacity:1}

.pick-panel{border:1px solid var(--line);border-radius:6px;padding:32px;background:var(--surface)}
.pick-h{font-size:30px;line-height:1.1;letter-spacing:-.03em;margin:0 0 12px}
.pick-p{font-size:16px;line-height:1.6;color:var(--muted);max-width:56ch;margin:0}
.pick-cost{
  margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--line);
  font-size:15px;color:var(--ink);max-width:56ch;
}
.pick-artifact{display:none}             /* the nested sample box was one container too many */
.pick-side{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;
  margin-top:28px;padding-top:24px;border-top:1px solid var(--line);align-items:start;
}
.pick-kicker{font-family:var(--font-m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pick-sys{font-family:var(--font-d);font-weight:500;font-size:22px;letter-spacing:-.025em;margin:6px 0 10px}
.pick-week{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.pick-week li{position:relative;padding-left:16px;font-size:14px;color:var(--muted);line-height:1.5}
.pick-week li::before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;background:var(--accent)}
.pick-side .btn{height:auto;padding:0;background:none;border:0;color:var(--accent);font-size:14.5px;
  display:inline-flex;gap:8px;margin-top:16px;box-shadow:none}
.pick-side .btn:hover{color:var(--accent-hover)}

/* ---------------------------------------------------------------- calculator */
.calc-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.calc-fields{margin-top:28px;display:grid;gap:24px;max-width:440px}
.calc-field label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;
  font-family:var(--font-m);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.calc-field b{font-family:var(--font-d);font-weight:500;font-size:20px;letter-spacing:-.02em;color:var(--ink)}
.calc-money{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:4px;
  padding:0 14px;height:52px;background:var(--surface)}
.calc-money input{border:0;background:none;font-size:17px;font-weight:500;width:100%;color:var(--ink);outline:none}
.calc-money span{color:var(--muted);font-size:15px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;
  background:var(--line);outline:none;margin:8px 0 0}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;
  background:var(--ink);border:3px solid #fff;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer}

/* the result is the dark object on the page: contrast, not a pale card */
.calc{
  background:var(--ink);color:#F5F7FA;border:0;border-radius:8px;padding:36px;
  display:block;position:static;width:100%;
}
.calc *{color:inherit}
.calc .calc-label,.calc .calc-sub,.calc .calc-note{color:rgba(245,247,250,.66)!important}
.calc-big{font-family:var(--font-d);font-weight:500;font-size:clamp(44px,5vw,64px);letter-spacing:-.045em;color:#fff!important;margin:10px 0 6px}
.calc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:24px;padding-top:20px;
  border-top:1px solid rgba(255,255,255,.16)}
.calc-stats div{padding-right:16px;border-right:1px solid rgba(255,255,255,.12)}
.calc-stats div:last-child{border-right:0;padding-right:0}
.calc-stats dt{font-family:var(--font-m);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,247,250,.6)!important}
.calc-stats dd{font-family:var(--font-d);font-weight:500;font-size:22px;letter-spacing:-.03em;margin:6px 0 0;color:#fff!important}
.calc .calc-note{font-size:12px;line-height:1.5;margin-top:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.calc-actions{grid-column:1;margin-top:28px}
.calc-actions .btn{background:var(--accent);color:#fff}
.calc-actions .tlink{display:none}
.calc .calc-loss b{color:#AFC0FF!important}
.calc-hint{font-family:var(--font-m);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.calc-actions .tlink{color:var(--muted);height:auto;font-size:14.5px}

/* ---------------------------------------------------------------- systems list */
#packages .pkg-bento{display:block;margin-top:36px;border-top:1px solid var(--ink)}
.pkg-list{margin-top:28px;border-top:2px solid var(--ink)}
.pkg-cell{
  display:grid;grid-template-columns:56px minmax(0,1fr) 96px;gap:24px;align-items:center;
  padding:24px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;
  text-decoration:none;color:inherit;
}
.pkg-main{display:block}
.pkg-main .pain,.pkg-main .name,.pkg-main .desc{display:block}
.pkg-cell:hover{background:var(--accent-soft)}
.pkg-cell .num{font-family:var(--font-m);font-size:11px;letter-spacing:.12em;color:var(--muted);border:0;padding:0}
.pkg-cell .pain{font-family:var(--font-m);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);margin:0 0 4px}
.pkg-cell .name{font-family:var(--font-d);font-weight:500;font-size:26px;letter-spacing:-.03em;line-height:1}
.pkg-cell .desc{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0;max-width:52ch}
.pkg-cell .go{display:block!important;font-family:var(--font-m);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink);white-space:nowrap;text-align:right}
.pkg-cell:hover .go{color:var(--accent)}
.pkg-cell.is-featured{background:transparent;border-color:var(--line);color:inherit;grid-column:auto;padding:22px 8px}
.pkg-cell.is-featured .name,.pkg-cell.is-featured .desc,.pkg-cell.is-featured .num{color:inherit}
.pkg-cell.is-featured .desc{color:var(--muted)}
.pkg-cell .chip{display:none}            /* capabilities belong on the service page, not the index */

/* ---------------------------------------------------------------- dashboard */
#dashboard .lead{max-width:70ch;font-size:17px}
.db-shell{border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden;margin-top:28px}
.db-shell-bar{padding:12px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}
.db-shell-bar .t{font-family:var(--font-m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.db{padding:14px}
.db-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:6px}
.db-kpi{padding:12px 16px;border-right:1px solid var(--line)}
.db-kpi:last-child{border-right:0}
.db-kpi-label{font-family:var(--font-m);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);display:block}
.db-kpi-value{font-family:var(--font-d);font-weight:500;font-size:26px;letter-spacing:-.04em;line-height:1.05;margin-top:5px}
.db-kpi-sub{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.35}
.db-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;margin-top:12px;align-items:stretch}
.db-card{border:1px solid var(--line);border-radius:6px;padding:14px 16px;background:var(--surface);display:flex;flex-direction:column}
.db-card-h,.db-title{font-family:var(--font-m);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-weight:400}
.db-rev{display:flex;align-items:baseline;gap:6px}
.db-rev-num{font-family:var(--font-d);font-weight:500;font-size:26px;letter-spacing:-.04em}
.db-rev-of{font-size:11px;color:var(--muted)}
.db-track{height:5px;background:var(--line);border-radius:0;margin:8px 0 10px;overflow:hidden}
.db-track span{display:block;height:100%;background:var(--accent)}
.db-rows{list-style:none;margin:0;padding:0}
.db-rows li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12.5px;border-top:1px solid var(--line2)}
.db-rows li:first-child{border-top:0}
.db-rows>li>span:last-child{font-variant-numeric:tabular-nums;font-weight:500}
.db-appts{list-style:none;margin:0;padding:0}
.db-appts li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center;
  padding:6px 0;border-top:1px solid var(--line2);font-size:12.5px}
.db-appts li:first-child{border-top:0}
.db-time{font-family:var(--font-m);font-size:10.5px;color:var(--muted)}
.db-chip{font-family:var(--font-m);font-size:8px;letter-spacing:.06em;text-transform:uppercase;
  border:0;padding:0;color:var(--muted);background:none}
.db-note{font-size:10.5px;color:var(--muted);margin:8px 0 0}

#dashboard .note{font-size:12px;margin-top:12px;color:var(--muted)}
#dashboard .db-shell{margin-top:20px}

/* ---------------------------------------------------------------- proof */
#results .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}
.quote{border:0;border-top:2px solid var(--ink);border-radius:0;background:transparent;padding:24px 0 0;margin:0}
.quote blockquote{font-size:20px;line-height:1.45;letter-spacing:-.015em;color:var(--ink);margin:0}
.quote figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  margin-top:20px;font-family:var(--font-m);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* ---------------------------------------------------------------- markets, as a band */
#markets{
  position:relative;isolation:isolate;padding-block:96px!important;
  background:#0B0D12 url('photos/new-york-1600.jpg') center/cover no-repeat;
  color:#fff;border-top:0;
}
#markets::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg, rgba(6,8,14,.96) 0%, rgba(6,8,14,.88) 44%, rgba(6,8,14,.62) 100%)}
#markets .wrap{position:relative}
#markets .h2{color:#fff}
#markets .markets-head{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:20px;display:block}
#markets .markets-kicker{color:#C7D3FF}
#markets .markets-head .note{color:rgba(255,255,255,.72);text-align:left;max-width:52ch;margin-top:12px}
#markets .home-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:32px}
#markets .hp{border:0;border-radius:0;background:transparent;position:static;padding:0 28px 0 0;border-right:1px solid rgba(255,255,255,.16)}
#markets .hp:last-child{border-right:0}
#markets .hp img{display:none}            /* the photograph is the section now */
#markets .hp figcaption{position:static;padding:0;background:none;display:block;color:#fff}
#markets .hp figcaption span{color:#C7D3FF;font-size:10.5px;letter-spacing:.14em}
#markets .hp figcaption em{display:block;margin-top:10px;font-family:var(--font-d);font-weight:500;
  font-size:22px;line-height:1.2;letter-spacing:-.02em;opacity:1}

/* ---------------------------------------------------------------- faq */
#faq .faq{margin-top:28px;max-width:none}
#faq details{border:0;border-top:1px solid var(--line);padding:18px 0;background:none;border-radius:0}
#faq details:last-child{border-bottom:1px solid var(--line)}
#faq summary{font-size:17px;font-weight:500;letter-spacing:-.01em;cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;gap:16px}
#faq summary::-webkit-details-marker{display:none}
#faq summary::after{content:"+";font-family:var(--font-m);color:var(--accent);font-size:18px}
#faq details .faq-plus,#faq summary .plus{display:none!important}
#faq details[open] summary::after{content:"\2212"}
#faq details p{margin-top:12px;color:var(--muted);max-width:72ch}

/* ---------------------------------------------------------------- close */
#book{border-top:0;background:var(--accent);color:#fff}
#book .wrap{position:relative;z-index:1}
#book .close{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;
  background:none;border:0;padding:0;border-radius:0}
#book .chapter span{color:rgba(255,255,255,.72)}
#book .chapter i{color:#fff}
#book .h2{color:#fff;margin:8px 0 14px}
#book p{color:rgba(255,255,255,.82);max-width:52ch}
#book .close-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:0}
#book .btn{background:#fff;color:#0B0D12;border-color:#fff}
#book .btn:hover{background:rgba(255,255,255,.9);color:#0B0D12}
#book .btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}
#book .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}
#book .small,#book .small a{color:rgba(255,255,255,.78)!important}

.db-foot{display:flex!important;align-items:center;gap:24px;margin-top:24px;flex-wrap:wrap}
.db-foot .tlink{height:auto;font-size:14.5px;color:var(--muted)}

/* ---------------------------------------------------------------- footer */
.site-footer{padding-block:56px 32px}

/* ---------------------------------------------------------------- phone */
@media (max-width:960px){
  main > section,main > section#dashboard,main > section#how{padding-block:48px!important}
  .hero-grid,#book .close{grid-template-columns:minmax(0,1fr);gap:36px}
  .sla-head{margin-top:32px}
  .hero-actions,.actions,.calc-actions,.close-actions{gap:16px}
  .calc-wrap{grid-template-columns:minmax(0,1fr);gap:32px}
  .pick{grid-template-columns:minmax(0,1fr);gap:20px}
  .pick-side{grid-template-columns:minmax(0,1fr)}
  #results .grid{grid-template-columns:minmax(0,1fr);gap:28px}
  #markets .home-places{grid-template-columns:minmax(0,1fr);gap:24px}
  #markets .hp{border-right:0;padding:0;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:20px}
  .pkg-cell{grid-template-columns:40px minmax(0,1fr);gap:14px}
  .pkg-cell .desc{grid-column:2}
  .pkg-cell .go{display:none}
  .wrap{padding-inline:22px}
  .sla-n{font-size:34px}
  .sla-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sla{padding:16px 14px 2px 0;border-bottom:1px solid var(--line)}
  .sla:nth-child(2n){border-right:0;padding-left:14px}
  .sla:nth-child(-n+2){}
  .sla:nth-child(3),.sla:nth-child(4){border-bottom:0}
  .db-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .db-kpi:nth-child(2){border-right:0}
  .db-kpi:nth-child(1),.db-kpi:nth-child(2){border-bottom:1px solid var(--line)}
  .db-grid{grid-template-columns:minmax(0,1fr)}
}

/* the dashboard has to hold one screen, so it gets a height tier of its own */
@media (max-height:900px) and (min-width:960px){
  main > section#dashboard{padding-block:44px!important}
  #dashboard .h2{font-size:34px;line-height:1.05}
  #dashboard .lead{font-size:15.5px;margin-top:10px;max-width:78ch}
  #dashboard .db-shell{margin-top:16px}
  #dashboard .db{padding:12px}
  #dashboard .db-kpi{padding:10px 14px}
  #dashboard .db-kpi-value{font-size:24px}
  #dashboard .db-kpi-sub{font-size:10.5px}
  #dashboard .db-grid{margin-top:10px;gap:10px}
  #dashboard .db-card{padding:12px 14px}
  #dashboard .db-rev-num{font-size:23px}
  #dashboard .db-rows li,#dashboard .db-appts li{font-size:12px;padding:4px 0}
  #dashboard .db-foot{margin-top:16px}
  #dashboard .note{margin-top:8px;font-size:11.5px}
}

@media (max-height:800px) and (min-width:960px){
  main > section#dashboard{padding-block:32px!important}
  #dashboard .h2{font-size:30px}
  #dashboard .lead{font-size:14.5px;margin-top:8px}
  #dashboard .db-shell{margin-top:12px}
  #dashboard .db-kpi-value{font-size:22px}
  #dashboard .db-rows li,#dashboard .db-appts li{font-size:11.5px;padding:3px 0}
  #dashboard .db-foot{margin-top:12px}
  #dashboard .db-foot .btn{height:46px;padding:0 22px}
}

@media (max-height:745px) and (min-width:960px){
  main > section#dashboard{padding-block:22px!important}
  #dashboard .h2{font-size:26px}
  #dashboard .lead{margin-top:6px}
  #dashboard .db-kpi{padding:8px 12px}
  #dashboard .db-kpi-value{font-size:20px}
  #dashboard .db-kpi-sub{display:none}
  #dashboard .db-card{padding:10px 12px}
  #dashboard .db-rev-num{font-size:20px}
  #dashboard .db-foot .btn{height:42px}
  #dashboard .note{margin-top:6px}
}