/* v4 tidy layer: grouped link blocks, organized footer, calmer mobile spacing */

/* Grouped link blocks */
.lk-groups{display:grid;gap:26px}
.lk-h{font:700 .72rem/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#6b7280);margin:0 0 12px}
.lp-who.lp-links.lk-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px!important}
.lp-links.lk-grid a{display:flex!important;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e3e6eb;border-radius:10px!important;padding:13px 16px!important;font-size:.95rem!important;font-weight:700;text-align:left!important;color:#131914;text-decoration:none;transition:border-color .15s,background .15s}
.lp-links.lk-grid a::after{content:"→";color:#b8bcc2;font-weight:600;transition:transform .15s,color .15s}
.lp-links.lk-grid a:hover{border-color:#f5c518;background:#fffbea}
.lp-links.lk-grid a:hover::after{color:#131914;transform:translateX(3px)}

/* Left-align the prose block with every other section */
.wrap.lp-prose{max-width:1220px}
.wrap.lp-prose>*{max-width:760px}

/* Reviews: one tidy grid instead of a 3 + 2 split */
.rv-grid.rv-all{display:flex!important;flex-wrap:wrap;justify-content:center;gap:18px;max-width:none}
.rv-grid.rv-all>.rv-card{flex:0 1 calc((100% - 36px)/3);margin:0}

/* Footer: brand + four grouped columns */
footer .fgrid.fg4{display:grid;grid-template-columns:1.35fr repeat(4,minmax(0,1fr))!important;gap:36px!important;align-items:start}
footer .fg4 .flogo{display:block;max-width:200px;margin-bottom:16px}
footer .fg4 p{line-height:1.6}
footer .fcol summary{list-style:none;pointer-events:none;cursor:default}
footer .fcol summary::-webkit-details-marker{display:none}
footer .fcol summary{display:block;font-size:inherit}
footer .fcol summary::after,footer .fcol summary::before{display:none!important}
footer .fcol h4{margin:0 0 14px!important}
footer .fcol ul{gap:9px!important}
footer .fcol a{font-size:.9rem;line-height:1.35}
footer .fcol details{border:0!important;box-shadow:none!important;background:none!important;border-radius:0!important;padding:0!important}

/* Floating helper: keep it out of the way */
.bz-launch .bz-face{width:56px!important;height:56px!important}
.bz-launch .bz-face svg{width:46px!important;height:46px!important}

@media (max-width:1100px){
  footer .fgrid.fg4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  footer .fg4>div:first-child{grid-column:1/-1;max-width:520px}
}

@media (max-width:720px){
  section{padding-block:52px!important}
  .sec-head{margin-bottom:22px!important}

  /* Link blocks: compact two-up tiles */
  .lp-who.lp-links.lk-grid{grid-template-columns:1fr 1fr;gap:8px!important}
  .lp-links.lk-grid a{padding:11px 12px!important;font-size:.84rem!important}
  .lp-links.lk-grid a::after{display:none}

  /* Plain chips sit side by side */
  .lp-who:not(.lp-links){display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px!important}
  .lp-who:not(.lp-links) span{padding:8px 13px!important;font-size:.85rem}

  /* Benefit cards: icon beside text, tighter */
  .values{gap:10px!important}
  .values .value{display:grid!important;grid-template-columns:44px 1fr;column-gap:14px;row-gap:4px;padding:16px!important;align-items:start}
  .values .value .ic{grid-row:1/3;width:44px!important;height:44px!important;border-radius:10px}
  .values .value .ic svg{width:22px!important;height:22px!important}
  .values .value h3{margin:0!important;font-size:1.05rem!important}
  .values .value p{margin:0!important;font-size:.9rem}

  /* Four steps as a 2 x 2 grid */
  .onb{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .onb>div{padding:16px!important;gap:6px!important}
  .onb>div::before{width:34px!important;height:34px!important;font-size:1.05rem!important}
  .onb h3{font-size:1rem!important}
  .onb p{font-size:.85rem!important}

  /* Reviews: swipeable row */
  .rv-grid.rv-all{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin-inline:-22px;padding-inline:22px;scrollbar-width:none}
  .rv-grid.rv-all::-webkit-scrollbar{display:none}
  .rv-grid.rv-all>.rv-card{flex:0 0 82%;scroll-snap-align:start}

  /* Services "jump to" grid: two-up */
  .ov-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .ov-grid .ov{padding:14px!important;gap:4px!important}
  .ov-grid .ov b{font-size:.9rem!important}
  .ov-grid .ov small{font-size:.76rem!important}
  .ov-grid .ov .go{top:12px!important;right:12px!important}
  .ov-grid .ov:last-child:nth-child(odd){grid-column:1/-1}

  /* Footer: collapsible groups */
  footer .fgrid.fg4{grid-template-columns:1fr!important;gap:0!important}
  footer .fg4>div:first-child{margin-bottom:22px}
  footer .fcol{border-top:1px solid rgba(255,255,255,.12)}
  footer .fcol:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
  footer .fcol summary{pointer-events:auto;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 0}
  footer .fcol summary::after{all:unset;display:inline-block!important;content:"+";color:var(--honey);font:400 1.4rem/1 var(--body);transition:transform .2s}
  footer .fcol details[open] summary::after{transform:rotate(45deg)}
  footer .fcol h4{margin:0!important}
  footer .fcol ul{grid-template-columns:1fr 1fr;column-gap:16px;padding-bottom:18px!important}
  footer .fcol a{font-size:.86rem}
  footer .fbase{flex-direction:column;gap:8px;padding-bottom:70px}

  .bz-launch .bz-tag{display:none!important}
  .bz-launch{right:14px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
}

/* Promo strip: first 30 days of storage free (site-wide, above the sticky header) */
.promo{background:var(--navy);color:#fff;font:600 .95rem/1.35 var(--body);border-bottom:3px solid var(--honey)}
.promo .wrap{display:flex;align-items:center;justify-content:center;gap:12px 16px;flex-wrap:wrap;min-height:48px;padding-block:8px;text-align:center}
.promo-badge{display:inline-flex;align-items:center;gap:6px;background:var(--honey);color:var(--navy);font:800 .74rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;flex:none}
.promo-badge svg{width:15px;height:15px}
.promo-txt b{color:var(--honey);font-weight:800}
.promo-cta{display:inline-flex;align-items:center;gap:6px;color:var(--navy);background:#fff;border:2px solid var(--honey);border-radius:999px;padding:6px 14px;font-weight:800;font-size:.88rem;text-decoration:none;flex:none;transition:background .15s}
.promo-cta:hover{background:var(--honey)}
.promo-cta svg{width:14px;height:14px}
@media (max-width:720px){
  .promo{font-size:.86rem}
  .promo .wrap{gap:6px 10px;padding-block:7px;min-height:0}
  .promo-badge{font-size:.66rem;padding:5px 8px}
  .promo-cta{padding:5px 12px;font-size:.8rem}
}
/* Pricing page offer callout */
.pr-offer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 22px;padding:18px 22px;background:var(--honey-soft);border:var(--bd);border-radius:20px;box-shadow:4px 4px 0 var(--navy)}
.pr-offer .big{font:900 2.4rem/1 var(--display);font-stretch:72%;text-transform:uppercase;color:var(--navy);flex:none}
.pr-offer p{flex:1 1 260px;color:var(--navy)}
.pr-offer small{display:block;color:var(--muted);margin-top:4px}
.pr-table tr.offer td{background:var(--honey-soft);font-weight:700}
@media (max-width:720px){.promo-more{display:none}}