/* ================================================================
   METABOX LIGHT
   Bright, serif design for metabox.dev pages. Every rule is scoped to
   .mb-light, so it only affects content wrapped in
   <div class="mb-page mb-light">. Pages still using the old dark inline
   styles are untouched.

   Brand: navy #16264d for text, logo green #00ae00 for accents.
   Contrast (WCAG AA): ink 14.8:1, body 11.4:1, muted 6.2:1,
   green text 5.3:1, navy on green button 5.0:1.
   Loaded by functions.php only on pages containing "mb-light".
   ================================================================ */

.mb-light{
  --navy:#16264d; --green:#00ae00; --green-hover:#00c400; --green-ink:#0a7d14; --green-tint:#e9f6e6;
  --bg:#ffffff; --alt:#f4f7f2; --surface:#ffffff; --navy-card:#1d3062; --navy-line:#2b3f73;
  --ink:#16264d; --body:#2b3a55; --muted:#55627a; --line:#dde3da; --line-soft:#e9ede6;
  --on-navy:#c9d3e6; --green-on-navy:#6fea6f;
  --r:10px; --r-sm:7px; --u:8px;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  font-family:var(--serif);color:var(--body);background:var(--bg);
  font-size:18px;line-height:1.65;font-optical-sizing:auto;
  position:relative;
}
.mb-light *,.mb-light *::before,.mb-light *::after{box-sizing:border-box;}
.mb-light img{max-width:100%;display:block;}

/* Full-bleed section backgrounds inside Blocksy's content column */
.mb-light > section{position:relative;background-color:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax);}
.mb-light > section.panel{background-color:var(--alt);box-shadow:0 0 0 100vmax var(--alt);}
.mb-light > section.navy{background-color:var(--navy);box-shadow:0 0 0 100vmax var(--navy);color:var(--on-navy);}

/* Remove Blocksy's 60px content spacing so the hero meets the header and the
   closing section meets the footer, with no white bands */
.ct-container-full[data-vertical-spacing]:has(.mb-light){padding-top:0;padding-bottom:0;}

/* Resets for Blocksy's entry-content styles */
.mb-light p,.mb-light ul,.mb-light ol,.mb-light dl,.mb-light dd,.mb-light figure{margin:0;}
.mb-light ul,.mb-light ol{padding:0;}
.mb-light a{text-decoration:none;}
.mb-light h1,.mb-light h2,.mb-light h3,.mb-light h4{font-family:var(--serif) !important;color:var(--ink) !important;font-weight:600;margin:0;}
.mb-light .navy h2,.mb-light .navy h3,.mb-light .navy h4,
.mb-light .cap.feature h3{color:#fff !important;}

/* Layout */
.mb-light .wrap{max-width:1200px;margin:0 auto;padding:0 calc(var(--u)*3);}
.mb-light .g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:calc(var(--u)*4);}
.mb-light .sec{padding:calc(var(--u)*12) 0;}
.mb-light .head{grid-column:1 / span 8;margin-bottom:calc(var(--u)*6);}

/* Type */
.mb-light .eyebrow{display:block;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--green-ink);margin-bottom:calc(var(--u)*2);}
.mb-light .navy .eyebrow{color:var(--green-on-navy);}
.mb-light h1.d1{font-size:clamp(40px,5.4vw,64px);line-height:1.08;letter-spacing:-.015em;margin-bottom:calc(var(--u)*3);}
.mb-light h1.d1 em{font-style:italic;color:var(--green-ink);font-weight:600;}
.mb-light h2.d2{font-size:clamp(30px,3.4vw,42px);line-height:1.15;letter-spacing:-.01em;margin-bottom:calc(var(--u)*2);}
.mb-light h3.d3{font-size:22px;line-height:1.3;margin-bottom:var(--u);}
.mb-light .lead{font-size:21px;line-height:1.6;color:var(--body);margin:0 0 calc(var(--u)*4);max-width:60ch;}
.mb-light .navy .lead{color:var(--on-navy);}
.mb-light .muted{color:var(--muted);}

/* Buttons */
.mb-light .cta-row{display:flex;gap:calc(var(--u)*2);flex-wrap:wrap;}
.mb-light a.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;min-height:50px;border-radius:var(--r-sm);
  font-family:var(--serif);font-weight:600;font-size:17px;line-height:1.2;text-decoration:none;border:1.5px solid transparent;
  box-shadow:none;text-transform:none;letter-spacing:normal;transition:background .18s,border-color .18s,color .18s;}
.mb-light a.btn-a,.mb-light a.btn-a:visited{background:var(--green);color:var(--navy);border-color:var(--green);}
.mb-light a.btn-a:hover{background:var(--green-hover);color:var(--navy);}
.mb-light a.btn-b,.mb-light a.btn-b:visited{border-color:var(--navy);color:var(--navy);background:transparent;}
.mb-light a.btn-b:hover{background:var(--navy);color:#fff;}
.mb-light .navy a.btn-b,.mb-light .navy a.btn-b:visited{border-color:var(--on-navy);color:#fff;}
.mb-light .navy a.btn-b:hover{background:#fff;color:var(--navy);}
.mb-light a:focus-visible{outline:3px solid var(--green);outline-offset:3px;}

/* Hero */
.mb-light > section.hero{padding:calc(var(--u)*11) 0 calc(var(--u)*10);background-color:var(--alt);box-shadow:0 0 0 100vmax var(--alt);}
.mb-light .hero-copy{grid-column:1 / span 7;}
.mb-light .hero-side{grid-column:8 / span 5;align-self:center;}
.mb-light .suite-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:calc(var(--u)*3.5);box-shadow:0 12px 32px rgba(22,38,77,.08);}
.mb-light .suite-card h3{font-size:19px;margin-bottom:calc(var(--u)*2);}
.mb-light .suite-list{list-style:none;}
.mb-light .suite-list li{display:flex;gap:12px;align-items:baseline;padding:10px 0;margin:0;border-top:1px solid var(--line-soft);font-size:16.5px;color:var(--body);}
.mb-light .suite-list li:first-child{border-top:0;}
.mb-light .suite-list b{color:var(--ink);font-weight:600;min-width:112px;}
.mb-light .tag-new{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--green);color:var(--navy);border-radius:999px;padding:2px 9px;margin-left:auto;}
.mb-light .specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:calc(var(--u)*8);border-top:1px solid var(--line);}
.mb-light .spec{padding:calc(var(--u)*2.5) calc(var(--u)*2) 0 0;}
.mb-light .spec dt{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;}
.mb-light .spec dd{font-size:17px;font-weight:600;color:var(--ink);}

/* Capability grid */
.mb-light .caps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--u)*2.5);}
.mb-light a.cap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:calc(var(--u)*3);display:flex;flex-direction:column;color:var(--body);transition:border-color .18s,box-shadow .18s;}
.mb-light a.cap:hover{border-color:var(--green);box-shadow:0 8px 24px rgba(22,38,77,.08);}
.mb-light .cap .ic{width:40px;height:40px;border-radius:9px;background:var(--green-tint);display:flex;align-items:center;justify-content:center;margin-bottom:calc(var(--u)*2);}
.mb-light .cap .ic svg{width:22px;height:22px;stroke:var(--green-ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.mb-light .cap h3{font-size:19.5px;margin-bottom:6px;}
.mb-light .cap p{font-size:16px;color:var(--muted);line-height:1.55;}
.mb-light .cap .go{margin-top:auto;padding-top:calc(var(--u)*2);font-size:15px;font-weight:600;color:var(--green-ink);}
.mb-light a.cap.feature{grid-column:span 2;background:var(--navy);border-color:var(--navy);}
.mb-light .cap.feature h3{font-size:23px;}
.mb-light .cap.feature p{color:var(--on-navy);}
.mb-light .cap.feature .go{color:var(--green-on-navy);}
.mb-light .cap.feature .ic{background:rgba(111,234,111,.14);}
.mb-light .cap.feature .ic svg{stroke:var(--green-on-navy);}

/* Spotlights */
.mb-light .spot-copy{grid-column:1 / span 6;}
.mb-light .spot-side{grid-column:8 / span 5;}
.mb-light .flip .spot-copy{grid-column:7 / span 6;order:2;}
.mb-light .flip .spot-side{grid-column:1 / span 5;order:1;}
.mb-light .ticks{list-style:none;margin:calc(var(--u)*3) 0 calc(var(--u)*4);}
.mb-light .ticks li{position:relative;padding-left:30px;margin:0 0 12px;font-size:17.5px;color:var(--body);}
.mb-light .ticks li::before{content:"";position:absolute;left:0;top:9px;width:16px;height:9px;border-left:2.5px solid var(--green-ink);border-bottom:2.5px solid var(--green-ink);transform:rotate(-45deg);}
.mb-light .navy .ticks li{color:var(--on-navy);}
.mb-light .navy .ticks li::before{border-color:var(--green-on-navy);}
.mb-light .ticks b{color:var(--ink);font-weight:600;}
.mb-light .navy .ticks b{color:#fff;}

/* Example question card (MCP) */
.mb-light .qcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:calc(var(--u)*3.5);}
.mb-light .navy .qcard{background:var(--navy-card);border-color:var(--navy-line);}
.mb-light .qcard .q{font-size:22px;line-height:1.4;font-style:italic;color:#fff;margin-bottom:calc(var(--u)*2.5);}
.mb-light .qcard .steps{list-style:none;counter-reset:s;}
.mb-light .qcard .steps li{counter-increment:s;display:flex;gap:12px;padding:9px 0;margin:0;border-top:1px solid var(--navy-line);font-size:16px;color:var(--on-navy);}
.mb-light .qcard .steps li::before{content:counter(s);font-weight:700;color:var(--green-on-navy);min-width:16px;}

/* Detail panel */
.mb-light .dpanel{background:var(--alt);border:1px solid var(--line);border-radius:var(--r);padding:calc(var(--u)*3.5);}
.mb-light .panel .dpanel{background:var(--surface);}
.mb-light .dpanel h4{font-size:18px;margin-bottom:calc(var(--u)*1.5);}
.mb-light .drow{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line);font-size:16.5px;}
.mb-light .drow:first-of-type{border-top:0;}
.mb-light .drow span:first-child{color:var(--muted);}
.mb-light .drow span:last-child{color:var(--ink);font-weight:600;text-align:right;}
.mb-light .price{font-size:15.5px;color:var(--muted);margin-top:calc(var(--u)*2);}
.mb-light .price b{color:var(--ink);}

/* Four-up feature row */
.mb-light .mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--u)*2.5);margin-top:calc(var(--u)*4);}
.mb-light .mini > div{border-top:3px solid var(--green);padding-top:calc(var(--u)*2);}
.mb-light .mini h4{font-size:19px;margin-bottom:6px;}
.mb-light .mini p{font-size:16px;color:var(--muted);line-height:1.55;}
.mb-light .after-mini{margin-top:calc(var(--u)*5);align-items:center;}
.mb-light .after-mini .price{margin:0;}

/* System-of-record band */
.mb-light .record{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u)*4);}
.mb-light .record > div{border-left:3px solid var(--green);padding-left:calc(var(--u)*2.5);}
.mb-light .record h4{font-size:19.5px;margin-bottom:6px;}
.mb-light .record p{font-size:16.5px;color:var(--muted);}

/* Closing call to action */
.mb-light .closing{text-align:center;}
.mb-light .closing .lead{margin-left:auto;margin-right:auto;}
.mb-light .closing .cta-row{justify-content:center;}

@media (max-width:1000px){
  .mb-light .hero-copy,.mb-light .hero-side,.mb-light .head,.mb-light .spot-copy,.mb-light .spot-side,
  .mb-light .flip .spot-copy,.mb-light .flip .spot-side{grid-column:1 / -1;order:initial;}
  .mb-light .caps,.mb-light .mini{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mb-light .specs{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mb-light .record{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .mb-light{font-size:17px;}
  .mb-light .sec{padding:calc(var(--u)*7) 0;}
  .mb-light .g12{grid-template-columns:minmax(0,1fr);gap:calc(var(--u)*3);}
  .mb-light .caps,.mb-light .mini{grid-template-columns:minmax(0,1fr);}
  .mb-light a.cap.feature{grid-column:auto;}
  .mb-light .cta-row a.btn{width:100%;}
  .mb-light .lead{font-size:19px;}
}
@media (prefers-reduced-motion:reduce){.mb-light *{transition:none !important;}}

/* ================================================================
   PAGE COMPONENTS
   Light versions of the components used by the product pages and
   Pricing (originally styled by each page's own dark inline CSS).
   ================================================================ */
.mb-light{--green-txt:var(--green-ink);--green-line:var(--green);--on-green:var(--navy);--panel:var(--alt);}
.mb-light .amt,.mb-light .m-price,.mb-light .qb-line strong,.mb-light .qb-t .a,.mb-light .tbl td{font-variant-numeric:tabular-nums;}
.mb-light > section.sec.first ~ section.sec{border-top:1px solid var(--line-soft);}
.mb-light > section.sec.first{border-top:0;padding-top:calc(var(--u)*10);}
.mb-light > section.first:not(.panel){background-color:var(--alt);box-shadow:0 0 0 100vmax var(--alt);}

/* Labels (formerly monospace) */
.mb-light .mono{font-family:var(--serif);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.mb-light .mono .n{color:var(--green-ink);}
.mb-light .mono-block{display:block;margin-bottom:calc(var(--u)*2);}
.mb-light .breadcrumb{font-size:14px;letter-spacing:.04em;color:var(--muted);margin-bottom:calc(var(--u)*3);}
.mb-light .breadcrumb a{color:var(--green-ink);}
.mb-light .breadcrumb a:hover{text-decoration:underline;}

/* Section layout */
.mb-light .sec-head{grid-column:1 / span 5;}
.mb-light .sec-body{grid-column:6 / span 7;}
.mb-light .sec-wide{grid-column:1 / span 9;}
.mb-light .head-gap{margin-bottom:calc(var(--u)*6);}
.mb-light .hero-shot{grid-column:8 / span 5;align-self:center;}
.mb-light .body{font-size:17px;color:var(--muted);}

/* Chips */
.mb-light .chips{display:flex;flex-wrap:wrap;gap:var(--u);}
.mb-light .chip{display:inline-block;font-size:14px;font-weight:600;color:var(--green-ink);background:var(--green-tint);border-radius:999px;padding:6px 14px;}

/* Media */
.mb-light .ph{border:1px dashed var(--line);border-radius:var(--r);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);text-align:center;padding:calc(var(--u)*2);overflow:hidden;}
.mb-light .ph:has(img){border:1px solid var(--line);padding:0;background:var(--surface);box-shadow:0 12px 32px rgba(22,38,77,.10);}
.mb-light .ph img{width:100%;height:100%;object-fit:cover;}
.mb-light figcaption{margin-top:var(--u);font-size:15px;font-style:italic;color:var(--muted);}

/* Cards */
.mb-light .feat-grid{display:grid;}
.mb-light .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:calc(var(--u)*3.5);display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(22,38,77,.04);transition:border-color .18s,box-shadow .18s;}
.mb-light .card:hover{border-color:var(--green);box-shadow:0 8px 24px rgba(22,38,77,.08);}
.mb-light .card h3{font-size:20px;margin:0 0 8px;}
.mb-light .card p{font-size:16.5px;color:var(--muted);line-height:1.6;}
.mb-light .card .mono{display:block;margin-bottom:calc(var(--u)*1.5);color:var(--green-ink);}
.mb-light a.card-link{font-size:15px;font-weight:600;color:var(--green-ink);margin-top:auto;padding-top:calc(var(--u)*2);}
.mb-light a.card-link:hover{text-decoration:underline;}

/* Steps */
.mb-light div.steps{display:grid;gap:calc(var(--u)*2.5);}
.mb-light .step{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--green);border-radius:var(--r);padding:calc(var(--u)*3);}
.mb-light .panel .step{background:var(--surface);}
.mb-light .step .n{font-size:15px;font-weight:700;color:var(--green-ink);display:block;margin-bottom:calc(var(--u)*1.5);}
.mb-light .step h4{font-size:18px;margin:0 0 6px;}
.mb-light .step p{font-size:15.5px;color:var(--muted);line-height:1.55;}

/* Three columns */
.mb-light .cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.mb-light .col{padding:0 calc(var(--u)*4);border-left:1px solid var(--line);}
.mb-light .col:first-child{padding-left:0;border-left:0;}
.mb-light .col:last-child{padding-right:0;}
.mb-light .col .mono{display:block;margin-bottom:calc(var(--u)*2);}

/* Lists */
.mb-light .plain{list-style:none;}
.mb-light .plain li{position:relative;padding-left:calc(var(--u)*2.5);margin:0 0 10px;font-size:16.5px;color:var(--body);}
.mb-light .plain li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;background:var(--green);border-radius:50%;}

/* Callouts */
.mb-light .callout{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:var(--r-sm);padding:calc(var(--u)*3);}
.mb-light .callout.info{border-left-color:var(--navy);}
.mb-light .callout.warn{border-left-color:#c27c0e;background:#fffaf0;}
.mb-light .callout h4{font-size:18px;margin:0 0 8px;}
.mb-light .callout p{font-size:16.5px;color:var(--muted);}

/* Numbered rows */
.mb-light .rows{border-top:1px solid var(--line);}
.mb-light .row{display:grid;grid-template-columns:auto 1fr 1fr;gap:calc(var(--u)*4);padding:calc(var(--u)*4) 0;border-bottom:1px solid var(--line);align-items:start;}
.mb-light .row-n{font-size:15px;font-weight:700;color:var(--green-ink);padding-top:3px;min-width:30px;}
.mb-light .row-fix{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:var(--r-sm);padding:calc(var(--u)*2.5);}
.mb-light .row-fix .mono{display:block;margin-bottom:6px;color:var(--green-ink);}
.mb-light .row-fix p{font-size:16.5px;color:var(--body);}

/* Price strip */
.mb-light .price-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(var(--u)*3);background:var(--alt);border:1px solid var(--line);border-radius:var(--r);padding:calc(var(--u)*3.5);}
.mb-light .panel .price-strip{background:var(--surface);}
.mb-light .price-strip .amt{font-size:34px;font-weight:700;color:var(--ink);line-height:1.2;}
.mb-light .price-strip .per{font-size:16px;font-weight:400;color:var(--muted);}

/* Tables */
.mb-light .tbl{width:100%;border-collapse:collapse;}
.mb-light .tbl th{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:0 calc(var(--u)*2) calc(var(--u)*1.5) 0;border-bottom:1px solid var(--line);}
.mb-light .tbl td{padding:calc(var(--u)*2.5) calc(var(--u)*2) calc(var(--u)*2.5) 0;border-bottom:1px solid var(--line-soft);vertical-align:top;font-size:16px;color:var(--muted);}
.mb-light .tbl tr:hover td{background:rgba(22,38,77,.02);}
.mb-light .m-name{font-size:18px;font-weight:600;color:var(--ink);white-space:nowrap;}
.mb-light .m-price{font-size:17px;font-weight:700;color:var(--ink);white-space:nowrap;}
.mb-light .m-price span{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:3px;}
.mb-light a.m-go{font-size:15px;font-weight:600;color:var(--green-ink);white-space:nowrap;}
.mb-light .tbl .yes{color:var(--green-ink);font-weight:600;}
.mb-light .tbl .no{color:#b42318;}
.mb-light .tbl .part{color:#8a5a00;}
.mb-light .tbl .hl{background:rgba(0,174,0,.07);}
.mb-light .tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);}
.mb-light .tbl-wrap .tbl{min-width:680px;}
.mb-light .tbl-wrap .tbl th{padding:calc(var(--u)*2);background:var(--alt);}
.mb-light .tbl-wrap .tbl td{padding:calc(var(--u)*2);}
.mb-light .fineprint{font-size:14px;color:var(--muted);margin-top:calc(var(--u)*1.5);}

/* Buttons: third style */
.mb-light a.btn-c,.mb-light a.btn-c:visited{background:var(--navy);color:#fff;border-color:var(--navy);}
.mb-light a.btn-c:hover{background:#22366a;color:#fff;}

/* Pricing: monthly / annual switch (pure CSS) */
.mb-light .annual-input{position:absolute;width:1px;height:1px;opacity:0;margin:0;}
.mb-light .annual-price{display:none;}
.mb-light .monthly-price{display:inline;}
.mb-light .annual-input:checked ~ * .annual-price{display:inline;}
.mb-light .annual-input:checked ~ * .monthly-price{display:none;}
.mb-light .annual-input:checked ~ * .sw{background:var(--green);}
.mb-light .annual-input:checked ~ * .sw::after{transform:translateX(26px);}
.mb-light .annual-input:checked ~ * .sw-t.mo{color:var(--muted);}
.mb-light .annual-input:checked ~ * .sw-t.yr{color:var(--ink);}
.mb-light .annual-input:focus-visible ~ * .sw{outline:3px solid var(--green);outline-offset:3px;}
.mb-light .sw-wrap{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;}
.mb-light .sw-t{font-size:15px;font-weight:600;color:var(--muted);transition:color .18s;}
.mb-light .sw-t.mo{color:var(--ink);}
.mb-light .sw{position:relative;display:inline-block;width:56px;height:30px;background:var(--line);border-radius:999px;cursor:pointer;flex-shrink:0;transition:background .2s;}
.mb-light .sw::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(22,38,77,.3);transition:transform .2s;}

/* Pricing: module tiles */
.mb-light .tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--u)*2.5);align-items:stretch;}
.mb-light .tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:calc(var(--u)*3);display:flex;flex-direction:column;min-width:0;}
.mb-light .tile.lead-tile{border:2px solid var(--green);box-shadow:0 12px 32px rgba(22,38,77,.08);}
.mb-light .tile .mono{display:block;margin-bottom:calc(var(--u)*1.5);color:var(--green-ink);}
.mb-light .tile h3{font-size:19px;margin:0 0 6px;}
.mb-light .tile .desc{font-size:15px;color:var(--muted);margin:0 0 calc(var(--u)*2);min-height:68px;line-height:1.5;}
.mb-light .tile .amt{font-size:30px;font-weight:700;color:var(--ink);line-height:1.2;white-space:nowrap;}
.mb-light .tile .amt .u{font-size:15px;font-weight:400;color:var(--muted);}
.mb-light .tile .per{font-size:14px;color:var(--muted);margin-bottom:calc(var(--u)*2);}
.mb-light .tile ul{list-style:none;margin:0 0 calc(var(--u)*2.5);flex-grow:1;}
.mb-light .tile ul li{position:relative;padding-left:20px;margin:0 0 8px;font-size:15px;color:var(--body);line-height:1.45;}
.mb-light .tile ul li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--green);border-radius:50%;}
.mb-light .tile a.btn{width:100%;padding:11px 16px;min-height:46px;font-size:15.5px;}

/* Pricing: estimate builder */
.mb-light .qb{display:grid;grid-template-columns:1.2fr 1fr;gap:calc(var(--u)*3);align-items:start;}
.mb-light .qb-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:calc(var(--u)*3);}
.mb-light .qb-mod{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:10px;cursor:pointer;transition:border-color .1s,background .1s;}
.mb-light .qb-mod:hover{border-color:var(--muted);}
.mb-light .qb-mod.on{border-color:var(--green);background:var(--green-tint);}
.mb-light .qb-mod input{width:18px;height:18px;margin:4px 0 0;flex-shrink:0;accent-color:var(--green-ink);cursor:pointer;}
.mb-light .qb-t{font-weight:600;font-size:16.5px;color:var(--ink);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.mb-light .qb-t .a{color:var(--green-ink);white-space:nowrap;}
.mb-light .qb-d{font-size:15px;color:var(--muted);margin-top:2px;}
.mb-light .qb-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:calc(var(--u)*2);padding-top:calc(var(--u)*2);border-top:1px solid var(--line-soft);}
.mb-light .qb-row label{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.mb-light .qb-row input[type=number]{width:84px;padding:9px 11px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);}
.mb-light .seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;}
.mb-light .seg button{border:0;background:var(--surface);padding:9px 15px;font-family:var(--serif);font-size:15px;font-weight:600;color:var(--muted);cursor:pointer;transition:background .15s,color .15s;}
.mb-light .seg button.on{background:var(--green);color:var(--navy);}
.mb-light .qb-out{background:var(--navy);border:1px solid var(--navy);border-radius:var(--r);padding:calc(var(--u)*3);color:var(--on-navy);}
.mb-light .qb-out h3{color:#fff !important;font-size:20px;margin:0 0 4px;}
.mb-light .qb-out .scope{font-size:14px;color:var(--on-navy);margin:0 0 calc(var(--u)*2.5);}
.mb-light .qb-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:16px;color:var(--on-navy);}
.mb-light .qb-line strong{color:#fff;font-size:20px;font-weight:700;white-space:nowrap;}
.mb-light .qb-line.tot{border-bottom:0;padding-top:14px;}
.mb-light .qb-line.tot strong{font-size:28px;}
.mb-light .qb-badge{display:inline-block;background:rgba(111,234,111,.16);color:var(--green-on-navy);font-size:14px;font-weight:600;padding:6px 12px;border-radius:999px;margin-top:14px;}
.mb-light .qb-note{font-size:14.5px;color:var(--on-navy);margin:14px 0 0;line-height:1.55;}
.mb-light .qb-note.warn{color:#f3cf8a;}
.mb-light .qb-acts{margin-top:calc(var(--u)*2.5);display:flex;flex-direction:column;gap:10px;}
.mb-light .qb-out a.btn-b,.mb-light .qb-out a.btn-b:visited{border-color:var(--on-navy);color:#fff;}
.mb-light .qb-out a.btn-b:hover{background:#fff;color:var(--navy);}
.mb-light .qb-excl{font-size:14.5px;color:var(--muted);margin-top:calc(var(--u)*2);line-height:1.6;}
.mb-light .qb-excl b{color:var(--ink);font-weight:600;}

@media (max-width:1000px){
  .mb-light .sec-head,.mb-light .sec-body,.mb-light .sec-wide,.mb-light .hero-shot{grid-column:1 / -1;}
  .mb-light .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .mb-light div.steps{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .mb-light .cols3{grid-template-columns:minmax(0,1fr);}
  .mb-light .col{padding:calc(var(--u)*3) 0;border-left:0;border-top:1px solid var(--line);}
  .mb-light .col:first-child{padding-top:0;border-top:0;}
  .mb-light .tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mb-light .tile .desc{min-height:0;}
  .mb-light .qb{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:640px){
  .mb-light .feat-grid,.mb-light div.steps,.mb-light .tiles{grid-template-columns:minmax(0,1fr) !important;}
  .mb-light .g12 > *{grid-column:1 / -1 !important;}
  .mb-light .row{grid-template-columns:auto 1fr;}
  .mb-light .row-fix{grid-column:2;}
  .mb-light .tbl:not(.tbl-wrap .tbl) thead{display:none;}
  .mb-light .tbl:not(.tbl-wrap .tbl) td{display:block;border-bottom:0;padding:4px 0;}
  .mb-light .tbl:not(.tbl-wrap .tbl) tr{display:block;border-bottom:1px solid var(--line-soft);padding:calc(var(--u)*3) 0;}
}

/* Form controls don't inherit the page font; Blocksy styles labels in its sans */
.mb-light label,.mb-light input,.mb-light button,.mb-light select{font-family:var(--serif);}
.mb-light .qb-badge:empty{display:none;}