/* MoveQuest site additions, loaded after the kit's tokens.css and components.css (both unchanged).
   Only what the kit has no class for. Colors, type, radius and spacing come from the kit's tokens. */

/* Utilities that replace the kit's inline style attributes (scripts/port-kit.mjs), because the server's
   content security policy blocks inline styles. !important so each wins exactly where the inline style
   did. */
.u-mt-1{margin-top:1rem!important}
.u-mt-12{margin-top:1.2rem!important}
.u-mt-13{margin-top:1.3rem!important}
.u-mt-15{margin-top:1.5rem!important}
.u-mt-2{margin-top:2rem!important}
.u-m-0{margin:0!important}
.u-pt-1{padding-top:1rem!important}
.u-maxw-860{max-width:860px!important}
.u-items-start{align-items:start!important}
.u-mb-14{margin:0 0 1.4rem!important}
.u-readmore{display:block!important;margin-top:1rem!important;font-weight:800!important}

/* Footer: the legal links the kit asked to be added during integration. */
.footer-legal{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.footer-legal a{text-decoration:none}
.footer-legal a:hover{text-decoration:underline}

/* Kit fix, found in the browser (the kit says its pages were never tested in one): on the service page the
   road illustration runs 50px over the quote card and sits above it, hiding the start of "Home size" and
   the note under the form. The art still runs behind the card; the card now sits on top. */
.hero--service .quote-card{position:relative;z-index:1}

/* Error text. The kit marks an invalid field with a #bb644c border but has no error text color; these
   read at 4.5:1 or better on each theme's background and raised surface. */
:root,[data-theme="light"]{--mq-error:#9A3B26}
[data-theme="dark"]{--mq-error:#F2A58F}

/* Parts of a form that work only with JavaScript (theme-init.js adds .js to <html>). */
html:not(.js) .mq-js-only{display:none!important}

/* Honeypot field: off screen for people, filled only by bots. */
.trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

/* The line under a ZIP field: the place it resolves to, or what is wrong. */
.field-hint{font-size:.8rem;font-weight:500;color:var(--mq-muted);min-height:1.25rem}
.field-hint.is-ok{color:var(--mq-text)}
.field-hint.is-error{color:var(--mq-error)}
.field [aria-invalid="true"]{border-color:#bb644c}

/* A checkbox with its label ("My dates are flexible"), and the consent line. */
.check-field{display:flex;gap:.7rem;align-items:center;font-size:.875rem;font-weight:600;cursor:pointer}
.check-field input,.consent-box input{width:1.25rem;height:1.25rem;flex-shrink:0;margin:0;accent-color:var(--mq-navy)}
[data-theme="dark"] .check-field input,[data-theme="dark"] .consent-box input{accent-color:var(--mq-gold)}
.consent-box{display:flex;gap:.85rem;align-items:flex-start;margin-top:1.3rem;padding:1rem 1.1rem;border:1px solid var(--mq-inputBorder);border-radius:10px;background:var(--mq-background);font-size:.84rem;line-height:1.55;font-weight:500;cursor:pointer}
.consent-box input{margin-top:.1rem}
.consent-box[aria-invalid="true"],.consent-box:has(input[aria-invalid="true"]){border-color:#bb644c}
.draft-flag{font-size:.78rem;color:var(--mq-muted);margin:.5rem 0 0}
.mq-trip{margin:1rem 0 0;min-height:1.5em}
.status.is-error{color:var(--mq-error);font-weight:600}

/* After the request is in: the confirmation, then the optional car-shipping quote. */
.mq-done{margin-top:2rem}
.mq-done-head{display:flex;gap:1rem;align-items:flex-start}
.mq-done-head h2{margin-bottom:.4rem}
.mq-car{margin-top:2rem;padding-top:1.8rem;border-top:1px solid var(--mq-border)}
.mq-car h3{font-size:1.5rem}
.mq-vehicle{border:0;padding:0;margin:0 0 1.1rem;min-width:0}
.mq-vehicle legend{font-weight:700;font-size:.9rem;padding:0;margin-bottom:.6rem}
.fields--car{grid-template-columns:repeat(4,minmax(0,1fr))}
.fields--car-extra{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.mq-add .btn{width:100%}
.mq-price{margin:1.4rem 0 0;padding:1.3rem 1.4rem;border-radius:10px;background:var(--mq-surfaceAlt)}
.mq-amount{display:flex;align-items:center;gap:.6rem;margin:.5rem 0;font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.test-tag{padding:.15rem .55rem;border-radius:100px;background:var(--mq-gold);color:var(--mq-navy);font-size:.72rem;font-weight:800;letter-spacing:.02em}
.mq-car>.status{margin-top:1.4rem}
/* Legal pages and the do-not-sell form: the kit's article type in one reading column. */
.legal{max-width:760px}
.legal h2{font-size:1.5rem}
.privacy-form{margin-top:2rem}
.privacy-form h2{margin-top:0;font-size:1.5rem}
.choice-group{border:0;padding:0;margin:0 0 1.3rem;display:grid;gap:.75rem;min-width:0}
.choice-group legend{font-weight:700;font-size:.9rem;padding:0;margin-bottom:.75rem}

/* The no-JavaScript thank-you page's heading, sized like the quote page's confirmation; two buttons side
   by side in a hero. */
.mq-thanks-h1{font-size:clamp(1.9rem,3vw,2.4rem);margin-bottom:.6rem}
.hero-copy .btn+.btn{margin-left:.6rem}

/* The mover account (served by the lead service): tables of leads, statements and activity, and the three
   summary tiles. Built from the kit's tokens; numbers use tabular figures, not a monospace face. */
.mq-table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--mq-raised)}
.mq-table th,.mq-table td{padding:.75rem .7rem;border-bottom:1px solid var(--mq-border);text-align:left;vertical-align:top}
.mq-table th{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mq-muted);font-weight:700}
.mq-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mq-table td a{font-weight:700}
.mq-table td:first-child{white-space:nowrap}
.table-wrap{overflow-x:auto;border:1px solid var(--mq-border);border-radius:10px}
@media(max-width:640px){
  .table-wrap:has(.mq-table--stack){border:0;overflow:visible}
  .mq-table--stack,.mq-table--stack tbody{display:block;background:transparent}
  .mq-table--stack thead{display:none}
  .mq-table--stack tr{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.1rem;margin-bottom:.8rem;border:1px solid var(--mq-border);border-radius:10px;background:var(--mq-raised)}
  .mq-table--stack td{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.8rem;padding:.15rem 0;border:0;white-space:normal!important;text-align:left!important}
  .mq-table--stack td::before{content:attr(data-label);color:var(--mq-muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding-top:.15rem}
  .mq-table--stack td[data-label=""]{display:block}
  .mq-table--stack td[data-label=""]::before{content:none}
  .mq-table--stack td[data-first]{order:-1;font-weight:700}
}
.mq-stats{margin-top:1.5rem}
.mq-stat{padding:1.2rem 1.3rem;display:grid;gap:.3rem}
.mq-stat strong{font-size:1.9rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.site-header form{margin:0}

/* The movers page: one card per moving company in the network. */
.mover-list{display:grid;gap:1rem;margin-top:1.5rem}
.mover-card{padding:1.3rem 1.4rem}
.mover-card .mover-name{font-size:1.2rem;letter-spacing:-.025em;margin-bottom:.3rem}
.mover-card dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:.6rem 0 0;font-size:.9rem}
.mover-card dt{color:var(--mq-muted)}
.mover-card dd{margin:0;font-weight:600}
@media(max-width:1100px){.fields--car{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.fields--car,.fields--car-extra{grid-template-columns:1fr}.mq-done-head{display:block}.mq-done-head .icon-circle{margin-bottom:1rem}.mq-amount{font-size:1.7rem}}

/* ---- The v2 header and footer, and /home-2/ (Rob's layout mockup of 2026-09-29,
   brand/mockups/home-2-layout-2026-09-29.png). Only pages with variant="v2" use these classes. ---- */
.nav-menu{position:relative}
.nav-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.3rem;padding:1rem 0;white-space:nowrap}
.nav-menu>summary::-webkit-details-marker{display:none}
.nav-menu>summary .icon{width:1rem;height:1rem;transition:transform .15s}
.nav-menu[open]>summary .icon{transform:rotate(180deg)}
.nav-menu.is-current>summary{position:relative}
.nav-menu.is-current>summary::after{position:absolute;content:"";height:3px;border-radius:3px;bottom:.45rem;left:0;right:1.3rem;background:var(--mq-gold)}
.nav-menu-panel{position:absolute;top:calc(100% - .2rem);left:-.8rem;min-width:15rem;display:grid;gap:.1rem;padding:.5rem;background:var(--mq-raised);border:1px solid var(--mq-border);border-radius:12px;box-shadow:0 16px 32px #10263b1a;z-index:40}
.nav .nav-menu-panel a{padding:.6rem .8rem;border-radius:8px;font-weight:600}
.nav .nav-menu-panel a:hover{background:var(--mq-surface)}
@media(max-width:960px){.nav-menu-panel{position:static;border:0;box-shadow:none;padding:0 0 .4rem 1rem;min-width:0;background:transparent}.nav-menu>summary{padding:.6rem 0}.nav-menu.is-current>summary::after{display:none}}


/* ---- /home-2/, measured against Rob's mockup (brand/mockups/home-2-layout-2026-09-29.png, the kit's own
   long-distance mockup with an outline Q). Sizes are the mockup's at the kit's 1240 px container, 1.4554 CSS
   px per mockup px (a window 1368 px or wider), and scale down with the window below that. ---- */

/* The v2 header: 74 px tall, the menu set in from the logo, the button 42 px tall. */
.site-header--v2 .header-inner{min-height:73px}
.site-header--v2 .logo{width:226px}
.nav--v2{margin-left:clamp(0rem,8.2vw,7rem);margin-right:auto}
.site-header--v2 .header-actions .btn{min-height:2.65rem;padding:.55rem 1.6rem;white-space:nowrap}

/* Hero. The kit's road picture sits under the heading with the truck where the mockup puts it: the truck's
   box measured in both images gives 0.538 of the picture's size at a 1240 px container, the truck's centre
   287 px in from the container's left edge, the picture's foot 10 px below the hero's. The right side fades
   out before the form card, except above a line traced 12 px under the picture's gold route line and dot
   (measured in each picture), so the line and dot are never faded while the night sky's horizon glow is; the
   left edge fades only on windows wide enough to show it. The dark theme's hero takes the night picture's
   sky colour, as the kit's dark mockup does. */
.h2-hero{position:relative;overflow:hidden;background:var(--mq-surface)}
[data-theme="dark"] .h2-hero{background:#0E253C}
.h2-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,528px);gap:4rem;align-items:start;padding-block:49px 54px}
.h2-hero-art{position:absolute;z-index:0;left:-23.5%;bottom:-10px;width:72.6%;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 78%,transparent 99%),linear-gradient(157.85deg,#000 45.2%,transparent 46.1%);
  -webkit-mask-size:100% 100%,50% 100%;-webkit-mask-position:0 0,100% 0;-webkit-mask-repeat:no-repeat;-webkit-mask-composite:source-over;
  mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 78%,transparent 99%),linear-gradient(157.85deg,#000 45.2%,transparent 46.1%);
  mask-size:100% 100%,50% 100%;mask-position:0 0,100% 0;mask-repeat:no-repeat;mask-composite:add}
/* The night picture draws its route line steeper and its dot further left, so its fade line differs. */
@media(min-width:961px){[data-theme="dark"] .h2-hero-art{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 78%,transparent 99%),linear-gradient(158.84deg,#000 42.1%,transparent 43%);
  mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 78%,transparent 99%),linear-gradient(158.84deg,#000 42.1%,transparent 43%)}}
.h2-hero-art img{vertical-align:top;width:100%;height:auto;max-width:none}
.h2-hero-copy,.h2-hero-form{position:relative;z-index:1}
.h2-hero-copy{padding-top:23px}
.h2-hero-copy .eyebrow{font-size:1rem;margin-bottom:.4rem}
.h2-hero-copy h1{font-size:clamp(2.6rem,5.92vw,5.0625rem);line-height:.87;max-width:none;margin-bottom:.55rem}
.h2-hero-copy .lead{font-size:1.3rem;line-height:1.47;max-width:27.5rem;color:var(--mq-text);font-weight:500;margin:0}

/* The navy form card: 528 x 573 px in the mockup. */
.h2-hero-form{padding:2.3rem 2.4rem 3rem 2.8rem;border:0;box-shadow:0 24px 48px #10263b33}
.h2-hero-form h2{font-size:clamp(1.9rem,3.36vw,2.875rem);line-height:1.1;margin-bottom:.8rem}
.h2-form-sub{font-size:clamp(1.15rem,1.78vw,1.52rem);line-height:1.3;color:var(--mq-muted);margin-bottom:1.55rem}
.h2-progress-row{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.65rem}
.h2-progress-row .progress{flex:1;margin:0;height:9px}
.h2-progress-row .small{font-size:1rem}
.h2-hero-form .fields{gap:1.4rem 1.45rem}
.h2-hero-form .field{font-size:.96rem}
.h2-hero-form .btn{min-height:3.55rem;font-size:1.27rem;margin-top:1.45rem}
.h2-hero-form .form-note{text-align:center;font-size:.975rem;margin-top:1.25rem}
.h2-with-icon{position:relative;display:block}
.h2-with-icon>.icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;pointer-events:none;color:var(--mq-text)}
.h2-with-icon input,.h2-with-icon select{padding-left:2.9rem;font-size:1rem;font-weight:400}
/* In the light theme the mockup's fields are white on the navy card; the dark theme keeps the kit's. */
[data-theme="light"] .h2-hero-form .field input,[data-theme="light"] .h2-hero-form .field select{background:#fff;color:#203C52;border-color:#fff}
[data-theme="light"] .h2-hero-form .field input::placeholder{color:#526A7C}
[data-theme="light"] .h2-with-icon>.icon{color:#203C52}

/* The three promises under the hero, divided by rules; column widths as measured. */
.h2-strip{padding:25px 0 30px;border-bottom:1px solid var(--mq-border);background:var(--mq-background)}
.h2-strip-grid{display:grid;grid-template-columns:347fr 461fr 432fr}
.h2-strip-item{display:flex;gap:1.6rem;align-items:center;padding:0 0 0 2.8rem}
.h2-strip-item:first-child{padding-left:0}
.h2-strip-item+.h2-strip-item{border-left:1px solid var(--mq-border)}
.h2-strip .icon-circle{width:3.9rem;height:3.9rem;background:var(--mq-surface);flex-shrink:0}
.h2-strip .icon-circle .icon{width:2.1rem;height:2.1rem}
.h2-strip strong{display:block;font-size:1.14rem;line-height:1.35}
.h2-strip p{margin:0;font-size:.94rem;line-height:1.45;color:var(--mq-muted)}

/* "More than getting from A to B": a large heading and three 130 px rows. */
.h2-more{padding-block:19px 10px}
.h2-more .split{grid-template-columns:minmax(0,557fr) minmax(0,643fr);gap:2.5rem;align-items:start}
.h2-more .split>div:first-child{padding-top:14px}
.h2-more .eyebrow{font-size:1rem;margin-bottom:.6rem}
.h2-more h2{font-size:clamp(2.2rem,4.9vw,4.1875rem);line-height:1;margin-bottom:.7rem}
.h2-more .lead{font-size:clamp(1.1rem,1.68vw,1.44rem);line-height:1.39;color:var(--mq-text);max-width:28rem}
.h2-rows .feature-row{min-height:130px;padding:0;gap:1.2rem}
.h2-rows .feature-row:last-child{border-bottom:0}
.h2-rows .feature-row>img{width:229px;height:120px;object-fit:contain;flex-shrink:0}
.h2-rows .feature-row h3{font-size:1.5rem;margin-bottom:.3rem}
.h2-rows .feature-row p{font-size:1.08rem;line-height:1.5;color:var(--mq-muted);margin:0;max-width:19.5rem}

/* What shapes a quote: a two-by-two grid with rules between the cells. */
.h2-factors{padding-block:22px 17px}
.h2-factors-grid{display:grid;grid-template-columns:minmax(0,453fr) minmax(0,723fr);gap:4rem;align-items:center}
.h2-factors-grid h2{font-size:clamp(2rem,3.91vw,3.34rem);line-height:1.08;margin-bottom:1rem}
.h2-factors-grid .lead{font-size:clamp(1.05rem,1.64vw,1.4rem);line-height:1.45;color:var(--mq-text);margin:0}
.h2-factors-grid>div:first-child{position:relative;top:-13px}
.h2-factor-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.h2-factor{display:flex;gap:1.85rem;align-items:flex-start;padding:.925rem 1.6rem .925rem .8rem}
.h2-factor:nth-child(even){border-left:1px solid var(--mq-border);padding-left:2.5rem;padding-right:.8rem}
.h2-factor:nth-child(n+3){border-top:1px solid var(--mq-border)}
.h2-factor>.icon{width:3.6rem;height:3.6rem;flex-shrink:0;color:var(--mq-text)}
.h2-factor h3{font-size:1.22rem;margin-bottom:.45rem}
.h2-factor p{margin:0;font-size:1.025rem;line-height:1.46;color:var(--mq-muted)}

/* Three numbered steps (a real sequence), joined by rules. */
.h2-steps{padding-block:2.25rem 1.9rem}
.h2-steps h2{font-size:clamp(1.9rem,3.39vw,2.9rem);margin:0}
.h2-step-list{list-style:none;padding:0;margin:1.45rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.h2-step-list li{display:flex;gap:1.8rem;align-items:flex-start}
.h2-step-list li>div{flex:1;min-width:0}
/* The rule runs from the end of each step's title to just short of the next number, as in the mockup. */
.h2-step-list h3{display:flex;align-items:center;gap:.9rem}
.h2-step-list li:not(:last-child) h3::after{content:"";flex:1 1 auto;min-width:2rem;height:1px;background:var(--mq-border);margin-right:.8rem}
.h2-step-list .number{width:3.75rem;height:3.75rem;font-size:1.43rem}
.h2-step-list h3{font-size:1.225rem;margin:.65rem 0 .3rem;white-space:nowrap}
.h2-step-list p{margin:0;font-size:1rem;line-height:1.45;color:var(--mq-muted);max-width:15.2rem}

/* The questions: tight 45 px rows, as in the mockup. */
.h2-faq{border-top:1px solid var(--mq-border);padding-block:1.55rem 1.4rem}
.h2-faq .split{grid-template-columns:minmax(0,381px) minmax(0,763px);gap:4rem;align-items:start}
.h2-faq h2{font-size:clamp(1.9rem,3.29vw,2.8rem);line-height:1.15;margin:0}
.h2-accent{display:block;width:65px;height:7px;border-radius:4px;background:var(--mq-gold);margin:.65rem 0 1.05rem}
.h2-faq .muted{font-size:clamp(1rem,1.42vw,1.21rem);line-height:1.5;max-width:20.5rem;margin:0}
.h2-faq .faq{gap:.5rem}
.h2-faq .faq summary{padding:.58rem 1.55rem .58rem 1.8rem}
.h2-faq .faq summary::after{line-height:1}
.h2-faq .faq details>p{padding:0 1.55rem .75rem 2rem;font-size:.955rem;line-height:1.42;max-width:37rem}

/* The closing band: 137 px, the outline Q nearly its full height. */
.h2-cta{padding-block:7px}
.h2-cta .cta-inner{grid-template-columns:minmax(0,617px) auto 1fr;gap:4rem;align-items:center}
.h2-cta h2{font-size:clamp(1.8rem,3.25vw,2.78rem);margin:0 0 .45rem}
.h2-cta p{font-size:clamp(1rem,1.48vw,1.26rem);margin:0}
.h2-cta .btn{min-height:3.25rem;padding:.8rem 2.625rem;font-size:1.05rem}
.h2-cta .cta-symbol{justify-self:end;width:133px;height:124px;max-height:none;margin-right:38px}

/* The v2 footer: 170 px, five columns, no bottom bar (the copyright sits in the legal column). */
.site-footer--v2{padding-block:20px 28px}
.footer-grid--v2{grid-template-columns:345fr 215fr 242fr 224fr 214fr;gap:0}
.site-footer--v2 .footer-grid h3{font-size:.82rem;margin-bottom:.25rem}
.site-footer--v2 .footer-grid a:not(.logo){font-size:.92rem;line-height:1.4;margin:.17rem 0}
.site-footer--v2 .footer-brand .logo{width:212px}
.site-footer--v2 .footer-brand p{font-size:.92rem;margin:1.1rem 0 0;max-width:none}
.footer-legal-col{border-left:1px solid var(--mq-border);padding-left:2.8rem}
.footer-legal-col a{line-height:1.25}
.footer-legal-col span{display:block;margin-top:.5rem;font-size:.91rem;color:var(--mq-muted)}

@media(max-width:1100px){.site-header--v2 .logo{width:180px}.nav--v2{margin-left:1rem}.site-header--v2 .header-actions .btn{padding:.55rem 1rem}.h2-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:2.5rem}.h2-strip-item{padding:0 1rem 0 1.5rem}}
@media(max-width:960px){
  .site-header--v2 .header-inner{min-height:68px}
  .nav--v2{margin:0}
  .h2-hero-grid{grid-template-columns:1fr;padding-block:2rem 0;gap:1.8rem}
  .h2-hero-copy{padding-top:0}
  .h2-hero-art{position:static;order:3;width:auto;margin:0 calc(var(--mq-gutter)*-1);-webkit-mask-image:none;mask-image:none}
  .h2-hero-art img{height:240px;object-fit:cover;object-position:62% 100%}
  .h2-strip-grid{grid-template-columns:1fr;gap:1.2rem}
  .h2-strip-item,.h2-strip-item:first-child{padding:0}
  .h2-strip-item+.h2-strip-item{border-left:0}
  .h2-more{padding-block:2.5rem 1.5rem}
  .h2-more .split,.h2-factors-grid,.h2-faq .split{grid-template-columns:1fr;gap:1.5rem}
  .h2-more .split>div:first-child{padding-top:0}
  .h2-factors{padding-block:2.5rem}
  .h2-step-list{grid-template-columns:1fr;gap:1.2rem}
  .h2-step-list h3::after{display:none}
  .h2-step-list h3{white-space:normal}
  .h2-faq{padding-block:2.5rem}
  .h2-cta{padding-block:2rem}
  .h2-cta .cta-inner{grid-template-columns:1fr auto;gap:1.5rem}
  .h2-cta .cta-symbol{width:90px;height:auto;margin-right:0;grid-column:2;grid-row:1/3}
  .footer-grid--v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
  .footer-legal-col{border-left:0;padding-left:0}
}
@media(max-width:640px){
  .h2-hero-form{padding:1.6rem 1.3rem}
  .h2-hero-copy h1{line-height:.95}
  .h2-factor-list{grid-template-columns:1fr}
  .h2-factor,.h2-factor:nth-child(even){border-left:0;padding:1rem 0}
  .h2-factor:nth-child(n+2){border-top:1px solid var(--mq-border)}
  .h2-factor>.icon{width:2.6rem;height:2.6rem}
  .h2-rows .feature-row>img{width:120px;height:90px;margin:0}
  .h2-cta .cta-inner{grid-template-columns:1fr 70px}
  .h2-cta .cta-symbol{width:70px}
}