


:is(body,main) > section{padding:88px 0}
@media (max-width:700px){ :is(body,main) > section{padding:72px 0} }


.flat-band{max-width:none;margin:0;border-radius:0;padding:0;text-align:left}
.flat-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;
  padding:64px 24px;flex-wrap:wrap}
.flat-band .wrap > div{max-width:56ch}
.flat-band .eyebrow{color:var(--on-dark)}
.flat-band .rule-gold{margin:14px 0 16px}
.flat-band p:not(.eyebrow){font-size:17px;color:var(--on-dark);margin:0}
@media (max-width:700px){ .flat-band .wrap{padding:48px 24px} }


.hero .wrap{align-items:start}
.hero-card{
  background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:34px 30px 26px;box-shadow:var(--shadow);text-align:center;
}
.hero-card h2{font-size:22px;margin-bottom:6px}
.hero-card .sub{color:var(--muted);font-size:14.5px;margin:0 0 18px}




.hero-card .zip-wrap .pin{transition:transform var(--t-minor) var(--ease-out),opacity var(--t-minor) var(--ease-out)}
.hero-card .zip-wrap input:focus ~ .pin,.hero-card .zip-wrap input:focus + .pin{transform:translateY(-50%) translateY(-2px)}


.hero-trust li svg{stroke-dasharray:24;stroke-dashoffset:0;transition:stroke-dashoffset .35s var(--ease-io)}
.hero-trust li:hover svg{stroke-dashoffset:24;animation:mtmTickDraw .4s var(--ease-io) 1}
@keyframes mtmTickDraw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){ .hero-trust li:hover svg{animation:none} }


.hero .ticks{gap:16px;margin:0 0 26px}
.hero .ticks li{font-size:18px;gap:13px;font-weight:500}
.hero .ticks svg{width:23px;height:23px;stroke-width:3}
.hero-card .zip-row{display:flex;flex-direction:column;gap:12px;margin-bottom:0}
.hero-card .zip-row .zip-wrap{position:relative}
.hero-card .zip-row input{
  width:100%;height:52px;padding:0 16px 0 46px;border:1px solid var(--line);border-radius:12px;
  font-size:16px;font-family:inherit;background:var(--cream);box-sizing:border-box;
}
.hero-card .zip-row .pin{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--olive-l);pointer-events:none;
}
.hero-card .zip-row .btn{width:100%;justify-content:center;min-height:52px}
.hero-trust{
  list-style:none;padding:0;margin:0 0 16px;display:flex;justify-content:center;gap:16px;
  flex-wrap:wrap;font-size:13px;color:var(--muted);
}
.hero-trust li{display:flex;align-items:center;gap:5px}
.hero-trust svg{color:var(--olive);flex:none}

@media (max-width:700px){
  .hero-card{padding:28px 22px 22px}
}


.true-strip{background:var(--ink);padding:30px 0}
.true-strip .wrap{
  display:flex;flex-wrap:wrap;justify-content:center;gap:0;
}
.true-strip .stat{
  flex:1 1 190px;text-align:center;padding:8px 18px;
  border-left:1px solid rgba(255,255,255,.12);
}
.true-strip .stat:first-child{border-left:none}
.true-strip .num{font-family:var(--font-display);font-size:clamp(24px,3vw,32px);color:var(--olive-l);line-height:1;
  font-variant-numeric:lining-nums tabular-nums}
.true-strip .lb{font-size:12.5px;color:rgba(255,255,255,.68);letter-spacing:.03em;margin-top:6px}
@media (max-width:700px){
  .true-strip{padding:26px 0}
  .true-strip .stat{border-left:none;flex:1 1 42%;padding:10px 12px}
}


.sec-head-left{text-align:left;margin-left:0;max-width:60ch}
.sec-head-left .lede{margin-left:0}


@media (max-width:700px){
  :is(body,main) > section .sec-head,
  :is(body,main) > section .wrap > .sec-head{text-align:left;margin-left:0}
  :is(body,main) > section .sec-head .lede{margin:12px 0 0}
  .rev-card p{text-align:left}
}




.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rev-card{display:flex;flex-direction:column;gap:10px}
.rev-play{
  position:relative;display:block;width:100%;aspect-ratio:4/5;border-radius:var(--r);
  border:1px dashed var(--line);background:var(--sand);overflow:hidden;padding:0;cursor:pointer;
}
.rev-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rev-ph{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;
  padding:0 16px;color:var(--muted);font-size:13.5px;font-style:italic;
}
.rev-playbtn{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:56px;height:56px;border-radius:50%;background:var(--olive);color:#fff;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px -8px rgba(74,78,43,.5);
  transition:transform var(--t-minor) var(--ease-hover),box-shadow var(--t-minor) var(--ease-hover);
}
.rev-playbtn svg{margin-left:3px}
.rev-play:hover .rev-playbtn{animation:mtmPlayPulse .5s var(--ease-out) 1}
.rev-play:focus-visible .rev-playbtn{transform:translate(-50%,-50%) scale(1.08)}
@keyframes mtmPlayPulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.12)}100%{transform:translate(-50%,-50%) scale(1)}}
@media (prefers-reduced-motion:reduce){ .rev-play:hover .rev-playbtn{animation:none} }
.rev-play.is-playing .rev-ph,.rev-play.is-playing .rev-playbtn{display:none}
.rev-cap{margin:0;font-size:13px;color:var(--muted);text-align:center}
@media (max-width:900px){ .rev-grid{grid-template-columns:1fr 1fr} }
@media (max-width:700px){
  
  .rev-grid{
    display:flex;grid-template-columns:none;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;
    margin:0 -24px;padding:4px 24px 8px;-webkit-overflow-scrolling:touch;
  }
  .rev-card{flex:0 0 72%;scroll-snap-align:start}
  .rev-playbtn{width:48px;height:48px}
}


@media (max-width:700px){
  .svc-free .ph{aspect-ratio:auto;height:120px;margin-bottom:14px;background-size:min(76px,42%) auto!important;padding-top:36px}
  .svc-free .svc h3{text-align:left}
}


.steps{display:flex;flex-direction:column;gap:0;max-width:640px}
.step{display:flex;align-items:flex-start;gap:20px;padding:24px 0;border-top:1px solid var(--line)}
.step:first-child{border-top:none}
.step .step-no{
  flex:none;width:40px;height:40px;border-radius:50%;background:var(--sand);color:var(--olive);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:17px;
}
.step .step-ico{flex:none;width:20px;height:20px;margin-top:3px;color:var(--olive)}
.step .step-ico svg{width:100%;height:100%;transition:transform var(--t-minor) var(--ease-hover)}

.step:hover .step-ico svg{animation:mtmStepIcoPop .4s var(--ease-out) 1}
@keyframes mtmStepIcoPop{0%{transform:scale(1)}45%{transform:scale(1.15) rotate(-4deg)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){ .step:hover .step-ico svg{animation:none} }
.step-body h3{font-family:var(--font-display);font-weight:400;font-size:19px;margin:0 0 4px;display:flex;align-items:center;gap:8px}
.step p{color:var(--muted);font-size:15px;margin:0}


.svc-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc-link{
  display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:22px 22px 20px;transition:transform .25s var(--ease-out,ease),box-shadow .25s;
  text-decoration:none;
}
.svc-link:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.svc-link h3{font-family:var(--font-display);font-weight:400;font-size:19px;margin-bottom:6px;color:var(--ink)}
.svc-link p{color:var(--muted);font-size:14px;margin:0 0 10px}
.svc-link .go{color:var(--olive);font-size:13.5px;font-weight:600}
@media (max-width:900px){ .svc-links{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .svc-links{grid-template-columns:1fr} }


.incl-list{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:0;
  border-top:1px solid var(--line)}
.incl-list .incl-item{
  background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;
  display:flex;align-items:flex-start;gap:13px;padding:18px 4px;font-size:16px;color:var(--ink);
}
@media (max-width:700px){ .incl-list{grid-template-columns:1fr} }


.incl-list .incl-item .ck svg,.svc-free li .ck svg{width:18px;height:18px;display:block}
.incl-list .incl-item .ck{flex:none;margin-top:2px;color:var(--olive)}
.cmp2 .tick svg{width:22px;height:22px;color:var(--olive)}
.btn svg{width:16px;height:16px;flex:none}
.svc-link .go svg,.cta-row a svg{width:15px;height:15px;vertical-align:-2px}

.sec-head-left ~ .incl-list{margin-left:0}
.sec-head-left ~ .cta-row{justify-content:flex-start}


.disc .d{box-shadow:none;border-width:1px}
.disc .d.best{box-shadow:none}
.disc .pc{font-variant-numeric:lining-nums tabular-nums}


.cmp2{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid var(--line);max-width:640px}
.cmp2 li{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 2px;border-bottom:1px solid var(--line);font-size:16.5px;color:var(--ink);
}
.cmp2 svg{flex:none;color:var(--olive)}
@media (max-width:700px){ .cmp2 li{padding:16px 2px;font-size:15.5px} }


.areas-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  grid-template-areas:"map head" "map side";grid-template-rows:auto 1fr;column-gap:64px;align-items:start}
.areas-grid > .sec-head{grid-area:head;margin-bottom:28px}
.map-fig{grid-area:map;margin:0;align-self:center}
.areas-side{grid-area:side}
.loc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;border-top:1px solid var(--line)}
.loc-list li{border-bottom:1px solid var(--line)}
.loc-list a{display:flex;flex-direction:column;gap:2px;padding:12px 2px;min-height:48px;color:inherit;text-decoration:none}
.loc-list b{font:500 18px/1.2 var(--font-display);transition:color .2s var(--ease-out)}
.loc-list b::after{content:"\2192";margin-left:.35em;color:var(--olive);opacity:0;display:inline-block;transform:translateX(-4px);
  transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}
.loc-list span{font-size:13px;color:var(--muted)}
.loc-list a.on b,.loc-list a:focus-visible b{color:var(--olive-d)}
.loc-list a.on b::after,.loc-list a:focus-visible b::after{opacity:1;transform:none}
.zip-card{margin-top:28px;padding:22px 22px 14px;background:var(--cream);border:1px solid var(--line);border-radius:16px}
.zip-card > p:first-child{margin:0 0 12px;color:var(--muted);font-size:15px}

@media (max-width:900px){
  .areas-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "map" "side";column-gap:0}
  .areas-grid > .sec-head{margin-bottom:20px}
  .map-fig{margin-bottom:28px}
}
@media (max-width:520px){
  .loc-list{column-gap:16px}
  .loc-list b{font-size:17px}
}
