/* why now: a pastel sky, ink type */
.flowband{
  background:
    radial-gradient(52% 50% at 16% 18%,rgba(174,200,230,.8),transparent 64%),
    radial-gradient(58% 54% at 78% 60%,rgba(238,180,184,.75),transparent 64%),
    radial-gradient(46% 42% at 44% 38%,rgba(255,253,248,.96),transparent 62%),
    radial-gradient(40% 38% at 6% 88%,rgba(204,212,192,.5),transparent 66%),
    linear-gradient(120deg,#DBE5F0 0%,#F2ECE5 32%,#F1DDDC 60%,#E8E5EC 84%,#DCE6F1 100%)!important;
}
.flowband .flow{display:none!important}
.flowband .kicker{color:rgba(16,26,46,.6)!important}
.flowband h2{color:#0E1A2E!important}
.flowband p{color:rgba(16,26,46,.76)!important}
.flowband .ctapill{background:#0E1A2E!important;color:#FFFFFF!important;border-color:#0E1A2E!important}
.flowband .ctapill:hover{background:#16233A!important;color:#FFFFFF!important}


:root{--stone-5:rgba(27,27,27,.5)}
.rdrow .rd-when{color:rgba(27,27,27,.5)!important}
.rdrow.now .rd-when{color:#4D6E9C!important}
.flowband p{font-size:clamp(16px,1.25vw,19px)!important;line-height:1.62!important}


/* one pastel field across why-now and founding partners */
.flowband,main#main>section[data-screen-label="Founding partners"]{
  background:
    radial-gradient(52% 50% at 16% 18%,rgba(174,200,230,.8),transparent 64%),
    radial-gradient(58% 54% at 78% 60%,rgba(238,180,184,.75),transparent 64%),
    radial-gradient(46% 42% at 44% 38%,rgba(255,253,248,.96),transparent 62%),
    radial-gradient(40% 38% at 6% 88%,rgba(204,212,192,.5),transparent 66%),
    linear-gradient(120deg,#DBE5F0 0%,#F2ECE5 32%,#F1DDDC 60%,#E8E5EC 84%,#DCE6F1 100%)!important;
  background-attachment:fixed!important;background-size:cover!important;
}
.flowband{margin:0!important;padding-bottom:clamp(70px,7.4vw,116px)!important}
main#main>section[data-screen-label="Founding partners"]{margin:0!important;padding-top:clamp(30px,3.4vw,54px)!important;padding-bottom:clamp(96px,10vw,150px)!important}

/* the founding-partner block: no dark card, it sits straight on the field */
.ab-band{background:none!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.ab-band::after,.ab-band::before{display:none!important}
.ab-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,3.6vw,72px);align-items:start;border-top:1px solid rgba(16,26,46,.18)!important;padding-top:clamp(30px,3.4vw,50px)!important}
.ab-band .kicker{color:rgba(16,26,46,.6)!important}
.ab-band h2{color:#0E1A2E!important;max-width:20ch}
.ab-band p{color:rgba(16,26,46,.76)!important;max-width:46ch}
.ab-chip{background:rgba(255,255,255,.62)!important;border:1px solid rgba(16,26,46,.16)!important;color:#0E1A2E!important;box-shadow:none!important}
.ab-chip.more{background:none!important;border:0!important;color:rgba(16,26,46,.66)!important}
.ab-band .ctapill,.ab-band .btn.primary{background:#0E1A2E!important;color:#FFFFFF!important;border-color:#0E1A2E!important}
.ab-band .ctapill:hover,.ab-band .btn.primary:hover{background:#16233A!important;color:#FFFFFF!important}
@media(max-width:900px){.ab-band{grid-template-columns:1fr}}
/* one field, one alignment: both blocks share the founding-partner left edge */
.flowband{text-align:left!important}
.flowband .fb-in{max-width:1520px!important;margin:0 auto!important;align-items:flex-start!important;text-align:left!important}
.flowband h2{margin:16px 0 0!important;max-width:24ch}
.flowband p{margin:18px 0 0!important;max-width:56ch}
.flowband .kicker{margin:0!important}
.flowband .ctapill{margin-top:clamp(28px,3.2vw,44px)!important}
/* both blocks centred; sectors sit below in small caps */
.flowband{text-align:center!important}
.flowband .fb-in{align-items:center!important;text-align:center!important}
.flowband h2{margin:16px auto 0!important}
.flowband p{margin:18px auto 0!important}
.flowband .ctapill{align-self:center!important}
.ab-band{display:block!important;text-align:center!important;border-top:1px solid rgba(16,26,46,.18)!important}
.ab-band .split{display:block!important;text-align:center!important}
.ab-band h2{margin:16px auto 0!important;max-width:22ch!important}
.ab-band p{margin:18px auto 0!important;max-width:52ch!important}
.ab-band .split>div:first-child>div{margin-top:clamp(26px,3vw,40px)!important}
.ab-chips{justify-content:center!important;margin-top:clamp(34px,3.8vw,56px)!important;gap:0 18px!important;row-gap:10px!important}
.ab-chip{padding:0!important;font-family:var(--f-mono,var(--f-ui))!important;font-size:10.5px!important;font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase!important;background:none!important;border:0!important;border-radius:0!important;color:rgba(16,26,46,.78)!important}
.ab-chip:not(.more)+.ab-chip:not(.more)::before{content:"·";margin-right:18px;color:rgba(16,26,46,.35);letter-spacing:0}
.ab-ctaline{color:#101a2e!important;border-bottom-color:rgba(16,26,46,.35)!important;margin-top:0!important}
.ab-ctaline:hover{border-bottom-color:#101a2e!important;color:#101a2e!important}
.ab-chip.more{flex:0 0 100%!important;justify-content:center!important;margin-top:14px!important;background:none!important;border:0!important;letter-spacing:.16em!important;color:rgba(16,26,46,.6)!important}

/* order: why now → where this goes → founding partners */
main#main>section[data-screen-label="Roadmap"]{order:4!important}
main#main>section[data-screen-label="Founding partners"]{order:5!important}

/* the pastel field carries why-now and where-this-goes */
main#main>section[data-screen-label="Roadmap"]{
  background:
    radial-gradient(52% 50% at 16% 18%,rgba(174,200,230,.8),transparent 64%),
    radial-gradient(58% 54% at 78% 60%,rgba(238,180,184,.75),transparent 64%),
    radial-gradient(46% 42% at 44% 38%,rgba(255,253,248,.96),transparent 62%),
    radial-gradient(40% 38% at 6% 88%,rgba(204,212,192,.5),transparent 66%),
    linear-gradient(120deg,#DBE5F0 0%,#F2ECE5 32%,#F1DDDC 60%,#E8E5EC 84%,#DCE6F1 100%)!important;
  background-attachment:fixed!important;background-size:cover!important;
  margin:0!important;padding-top:clamp(30px,3.4vw,54px)!important;padding-bottom:clamp(96px,10vw,150px)!important;
}
main#main>section[data-screen-label="Roadmap"] .lhead h2{color:#0E1A2E!important}
main#main>section[data-screen-label="Roadmap"] .lhead .kicker{color:rgba(16,26,46,.6)!important}
.ab-road{border-top-color:rgba(16,26,46,.2)!important}
.rdrow{border-bottom-color:rgba(16,26,46,.2)!important}
.rdrow h3{color:#0E1A2E!important}
.rdrow p{color:rgba(16,26,46,.76)!important}
.rdrow .rd-when{color:rgba(16,26,46,.55)!important}
.rdrow.now .rd-when{color:#2B4A7A!important}

/* founding partners returns to white */
main#main>section[data-screen-label="Founding partners"]{
  background:#FFFFFF!important;background-attachment:scroll!important;
  padding-top:clamp(88px,9.4vw,148px)!important;padding-bottom:clamp(88px,9.4vw,148px)!important;
}
.ab-band{border-top-color:rgba(27,27,27,.12)!important}
.ab-band .kicker{color:rgba(27,27,27,.55)!important}
.ab-band h2{color:var(--ink)!important}
.ab-band p{color:var(--stone-6)!important}
.ab-chip{background:#FFFFFF!important;border-color:rgba(27,27,27,.14)!important;color:var(--ink)!important}
.ab-chip.more{color:rgba(27,27,27,.55)!important}
/* the hairline belongs above "where this goes", not above founding partners */
.ab-band{border-top:0!important;padding-top:0!important}
main#main>section[data-screen-label="Roadmap"]>.wrap{border-top:1px solid rgba(16,26,46,.2);padding-top:clamp(56px,6vw,96px)}
main#main>section[data-screen-label="Roadmap"]{padding-top:0!important}

/* the map joins the CTA and footer as one dark tail, as on the homepage */
main#main>section[data-screen-label="Map"]{
  background:linear-gradient(180deg,#1B1B1B 0%,#191c24 62%,#141822 100%)!important;
  margin:0!important;padding-top:clamp(88px,9.4vw,148px)!important;padding-bottom:clamp(84px,9vw,132px)!important;
}
main#main>section[data-screen-label="Map"] .lsec{color:#F7F5F2!important}
main#main>section[data-screen-label="Map"] .lsec span{color:rgba(247,245,242,.7)!important}
main#main>section[data-screen-label="Map"] .kicker{color:rgba(247,245,242,.55)!important}
main#main>section[data-screen-label="Map"] p{color:rgba(247,245,242,.72)!important}
.map-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
main#main>section[data-screen-label="Map"]{padding-top:clamp(84px,9vw,140px)!important;padding-bottom:0!important}
.map-head,.map-legend{color:rgba(247,245,242,.7)!important}
.map-legend button{background:rgba(247,245,242,.06)!important;border:1px solid rgba(247,245,242,.16)!important;color:rgba(247,245,242,.8)!important}
.map-card svg [fill="#fff"],.map-card svg [fill="#FFFFFF"]{fill:rgba(247,245,242,.1)}
#waitlist::after{background:radial-gradient(70rem 26rem at 50% -8%,rgba(111,143,216,.42),transparent 66%),linear-gradient(180deg,#141822 0%,#171a22 46%,#1B1B1B 100%)!important}


/* the tail, identical to the homepage: map -> CTA -> footer */
main#main>section[data-screen-label="Map"]{
  background:linear-gradient(180deg,#1B1B1B 0%,#1A1D24 45%,#1A1E28 80%,#1B2030 100%)!important;
  background-attachment:scroll!important;margin:0!important;padding:84px 0 0!important;
}
main#main>#waitlist{background:#1B1B1B!important}
main#main>#waitlist::after{background:radial-gradient(90rem 40rem at 50% 52%,rgba(111,143,216,.16),transparent 72%),linear-gradient(180deg,#1B2030 0%,#1A1E29 40%,#181C25 72%,#15181F 100%)!important}
footer{background:linear-gradient(180deg,#15181F 0%,#13161C 60%,#121419 100%)!important}
.map-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
main#main>section[data-screen-label="Map"] .map-legend{justify-content:flex-end!important}

main#main>section[data-screen-label="Map"]{background:#191D26!important}main#main>#waitlist{background:#191D26!important}main#main>#waitlist::after{display:none!important}footer{background:#191D26!important}

/* no hairline seams flashing between map, CTA and footer while scrolling */
main#main>section[data-screen-label="Map"]{margin-bottom:-2px!important;padding-bottom:2px!important}
main#main>#waitlist{margin:-2px 0 -2px!important;padding-bottom:2px!important}
footer{margin-top:-2px!important;border-radius:0!important}
main#main>section[data-screen-label="Map"],main#main>#waitlist,footer{background-color:#191D26!important;box-shadow:0 0 0 2px #191D26}

footer{background:#1B1B1B!important;background-image:none!important}
main#main>section[data-screen-label="Map"],main#main>#waitlist{background:#1B1B1B!important;background-image:none!important;box-shadow:0 0 0 2px #1B1B1B!important}
main#main>#waitlist::before,main#main>#waitlist::after{display:none!important}
main#main>section[data-screen-label="Map"],main#main>#waitlist,footer{background-color:#1B1B1B!important}

/* the footer sits on the page column, centred */
footer .fwrap{max-width:1360px!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--gut)!important;padding-right:var(--gut)!important;box-sizing:border-box}
footer .fgrid{max-width:none!important;margin-left:0!important;margin-right:0!important}


main#main>section[data-screen-label="Why Hive exists"] .lhead,main#main>section[data-screen-label="Who is building it"] .lhead,main#main>section[data-screen-label="How we think about deployment"] .lhead{text-align:left!important;margin-left:0!important;margin-right:auto!important}
main#main>section[data-screen-label="Why Hive exists"] .lsec,main#main>section[data-screen-label="Who is building it"] .lsec,main#main>section[data-screen-label="How we think about deployment"] .lsec{margin-left:0!important;text-wrap:balance}
main#main>section[data-screen-label="Who is building it"] .wrap,main#main>section[data-screen-label="How we think about deployment"] .wrap,main#main>section[data-screen-label="Why Hive exists"] .wrap{align-items:stretch!important}
.ab-lines{border-top:1px solid rgba(27,27,27,.1)}
.ab-line{display:grid;grid-template-columns:minmax(60px,.4fr) minmax(0,1fr) minmax(0,1.1fr);gap:clamp(16px,2.4vw,44px);align-items:baseline;padding:clamp(22px,2.4vw,32px) 0;border-bottom:1px solid rgba(27,27,27,.1)}
.ab-ln{font-family:var(--f-ui);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--stone-6)}
.ab-lt{font-family:var(--f-display);font-weight:460;font-size:clamp(19px,1.7vw,26px);line-height:1.2;letter-spacing:-.015em;color:var(--ink);text-wrap:pretty}
.ab-ld{font-family:var(--f-ui);font-size:15.5px;line-height:1.6;color:var(--stone-6)}
.ab-line:not(:has(.ab-ld)) .ab-lt{grid-column:2/4}
.ab-close{margin:clamp(26px,2.8vw,40px) 0 0;font-family:var(--f-display);font-weight:420;font-size:clamp(19px,1.7vw,26px);line-height:1.3;letter-spacing:-.012em;color:var(--ink);max-width:60ch}
.ab-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.4vw,20px)}
.ab-role{display:flex;flex-direction:column;gap:16px;background:var(--paper,#fff);border:1px solid rgba(27,27,27,.1);border-radius:24px;padding:clamp(24px,2.4vw,36px);min-height:220px}
.ab-role p{margin:0;font-family:var(--f-display);font-weight:420;font-size:clamp(16px,1.25vw,19px);line-height:1.4;letter-spacing:-.008em;color:var(--ink);text-wrap:pretty;max-width:30ch}
.ab-note{margin:clamp(22px,2.4vw,32px) 0 0;font-family:var(--f-ui);font-size:17px;line-height:1.5;color:var(--ink);opacity:.65}
@media(max-width:1000px){.ab-team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ab-team{grid-template-columns:1fr}.ab-line{grid-template-columns:1fr;gap:8px}.ab-line:not(:has(.ab-ld)) .ab-lt{grid-column:1}}


/* Why Hive exists: headline left, the three lines in a pale-blue panel right */
main#main>section[data-screen-label="Why Hive exists"] .wrap{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(30px,4vw,72px);align-items:center}
main#main>section[data-screen-label="Why Hive exists"] .lhead{margin-bottom:0!important}
.ab-close-head{margin-top:clamp(22px,2.4vw,34px)!important;color:var(--stone-6)!important;font-family:var(--f-ui)!important;font-weight:400!important;font-size:17px!important}
.ab-lines-panel{border-top:1px solid rgba(27,27,27,.1)!important;border-radius:0;background:none;padding:0}
.ab-lines-panel .ab-line{grid-template-columns:auto minmax(0,1fr);border-bottom-color:rgba(27,27,27,.1);padding:clamp(22px,2.4vw,34px) 0}
.ab-lines-panel .ab-line:last-child{border-bottom:1px solid rgba(27,27,27,.1)}
.ab-lines-panel .ab-lt{grid-column:2!important;font-size:clamp(20px,1.9vw,28px)}
/* Who is building it: the industry-tile palette */
.ab-role{border:0!important;min-height:clamp(260px,22vw,320px)!important;border-radius:26px!important;padding:clamp(28px,2.8vw,44px)!important;justify-content:space-between;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.ab-role:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(27,27,27,.14)}
.ab-team>.ab-role:nth-child(1){background:radial-gradient(30rem 18rem at 20% 0%,rgba(77,110,156,.5),transparent 64%),linear-gradient(160deg,#0F1725 0%,#16233A 58%,#1d2f4c 100%)}
.ab-team>.ab-role:nth-child(1) p{color:#F7F5F2}.ab-team>.ab-role:nth-child(1) .ab-ln{color:rgba(247,245,242,.55)}
.ab-team>.ab-role:nth-child(2){background:linear-gradient(160deg,#dbe9f9 0%,#cfe0f5 60%,#c3d8f1 100%)}
.ab-team>.ab-role:nth-child(3){background:linear-gradient(160deg,#f0f0ee 0%,#e9e9e6 60%,#e2e2de 100%)}
.ab-team>.ab-role:nth-child(4){background:radial-gradient(28rem 16rem at 82% 0%,rgba(111,143,216,.3),transparent 66%),linear-gradient(160deg,#121212 0%,#1B1B1B 58%,#26262a 100%)}
.ab-team>.ab-role:nth-child(4) p{color:#F7F5F2}.ab-team>.ab-role:nth-child(4) .ab-ln{color:rgba(247,245,242,.55)}
/* How we think about deployment: one light-blue chapter, edge to edge */
main#main>section[data-screen-label="How we think about deployment"]{background:linear-gradient(160deg,#dbe9f9 0%,#cfe0f5 55%,#c3d8f1 100%)!important;padding-top:clamp(90px,10vw,150px)!important;padding-bottom:clamp(90px,10vw,150px)!important;margin-top:clamp(40px,4.5vw,70px)}
main#main>section[data-screen-label="How we think about deployment"] .ab-lines{border-top-color:rgba(27,27,27,.14)}
main#main>section[data-screen-label="How we think about deployment"] .ab-line{border-bottom-color:rgba(27,27,27,.14)}
main#main>section[data-screen-label="How we think about deployment"] .ab-ld{color:rgba(27,27,27,.62)}
main#main>section[data-screen-label="How we think about deployment"] .kicker,main#main>section[data-screen-label="How we think about deployment"] .ab-ln{color:rgba(27,27,27,.55)!important}
main#main>section[data-screen-label="How we think about deployment"] .ab-close{font-family:var(--f-ui);font-weight:400;font-size:17px;color:rgba(27,27,27,.7)}
@media(max-width:900px){main#main>section[data-screen-label="Why Hive exists"] .wrap{grid-template-columns:1fr}}
main#main>section[data-screen-label="Roadmap"]{background:#FFFFFF!important;background-image:none!important}


/* order: why now → where this goes → founding partners */
main#main>section[data-screen-label="Statement"]{order:5!important}
main#main>section[data-screen-label="Roadmap"]{order:6!important}
main#main>section[data-screen-label="Founding partners"]{order:7!important}
/* backgrounds swapped: why now on white, where this goes on the pastel field */
.flowband{background:#FFFFFF!important;padding-top:clamp(90px,10vw,150px)!important;padding-bottom:clamp(90px,10vw,150px)!important}
.flowband .kicker{color:var(--stone-6)!important}
.flowband h2{color:var(--ink)!important}
.flowband p{color:var(--stone-6)!important}
main#main>section[data-screen-label="Roadmap"]{
  background:
    radial-gradient(56% 52% at 14% 16%,rgba(159,183,240,.75),transparent 64%),
    radial-gradient(50% 46% at 82% 64%,rgba(238,190,194,.45),transparent 64%),
    radial-gradient(46% 42% at 46% 36%,rgba(255,255,255,.92),transparent 62%),
    radial-gradient(44% 40% at 8% 90%,rgba(120,160,215,.42),transparent 66%),
    linear-gradient(120deg,#D6E3F5 0%,#EAF0FA 34%,#F3E6E8 62%,#E1E8F6 84%,#CFDDF2 100%)!important;
  background-attachment:scroll!important;background-size:cover!important;
  padding-top:clamp(90px,10vw,150px)!important;padding-bottom:clamp(96px,10vw,150px)!important;
}
main#main>section[data-screen-label="Roadmap"]>.wrap{border-top:0!important;padding-top:0!important}


/* who is building it: closed tiles show the role, open on hover or tap */
.ab-role{appearance:none;-webkit-appearance:none;text-align:left;cursor:pointer;font:inherit;color:inherit;justify-content:flex-start!important;min-height:clamp(180px,15vw,220px)!important;gap:0!important}
.ab-role-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.ab-role .ab-ln{font-family:var(--f-ui)!important;font-weight:500!important;font-size:11px!important;line-height:1.4!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--stone-6)!important}
.ab-role{min-height:clamp(120px,10vw,150px)!important;padding:clamp(26px,2.6vw,36px) clamp(24px,2.4vw,34px)!important;justify-content:center!important}
.ab-role-top{align-items:center}
.ab-team>.ab-role:nth-child(1) .ab-ln,.ab-team>.ab-role:nth-child(4) .ab-ln{color:rgba(247,245,242,.7)!important}
.ab-plus{position:relative;width:14px;height:14px;flex:0 0 auto;margin:0;transition:transform .35s cubic-bezier(.3,.8,.2,1);color:var(--stone-6)}
.ab-plus::before{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.ab-plus::after{content:"";position:absolute;right:1px;top:50%;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.ab-team>.ab-role:nth-child(1) .ab-plus,.ab-team>.ab-role:nth-child(4) .ab-plus{color:#F7F5F2}
.ab-role:hover .ab-plus,.ab-role.open .ab-plus{transform:rotate(90deg)}
.ab-role-body{display:block;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s cubic-bezier(.3,.8,.2,1),opacity .35s,padding .5s}
.ab-role:hover .ab-role-body,.ab-role.open .ab-role-body{max-height:260px;opacity:1;padding-top:16px}
.ab-role p{max-width:none!important}
/* backgrounds swapped: how we think on the pastel field, where this goes on light blue */
main#main>section[data-screen-label="How we think about deployment"]{
  background:
    radial-gradient(56% 52% at 14% 16%,rgba(159,183,240,.75),transparent 64%),
    radial-gradient(50% 46% at 82% 64%,rgba(238,190,194,.45),transparent 64%),
    radial-gradient(46% 42% at 46% 36%,rgba(255,255,255,.92),transparent 62%),
    radial-gradient(44% 40% at 8% 90%,rgba(120,160,215,.42),transparent 66%),
    linear-gradient(120deg,#D6E3F5 0%,#EAF0FA 34%,#F3E6E8 62%,#E1E8F6 84%,#CFDDF2 100%)!important;background-size:cover!important}
main#main>section[data-screen-label="Roadmap"]{background:linear-gradient(160deg,#dbe9f9 0%,#cfe0f5 55%,#c3d8f1 100%)!important}


.ndpanel .ndcol.two,.ndpanel .ndcol{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:660px!important;gap:4px 28px!important}
.ndd:has(>.ndl[href*="Industries"]) .ndpanel .ndcol{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:960px!important;gap:4px 24px!important}
.ndd:has(>.ndl[href*="Industries"]) .ndwrap{grid-template-columns:1fr 320px!important}


@media(min-width:1025px){
body footer .fwrap{max-width:min(2200px,calc(100vw - 2 * clamp(28px,4vw,120px)))!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
body footer .ftop{max-width:none!important}
body footer .fgrid{grid-template-columns:minmax(260px,1.1fr) minmax(0,3fr)!important;gap:clamp(40px,6vw,140px)!important}
}


/* map, CTA and footer are one seamless black tail (same ink as the footer) */
main#main>section[data-screen-label="Map"],main#main>#waitlist,main#main>#waitlist .cta-band,footer,footer .fwrap{
  background:#0B0B0C!important;background-image:none!important;background-color:#0B0B0C!important;
  border-top:0!important;border-bottom:0!important}
main#main>section[data-screen-label="Map"]{box-shadow:0 0 0 2px #0B0B0C!important}
main#main>section[data-screen-label="Map"] .map-card,
main#main>section[data-screen-label="Map"] .map-head,
main#main>section[data-screen-label="Map"] svg#map{background:transparent!important;border:0!important;box-shadow:none!important}
main#main>#waitlist::before,main#main>#waitlist::after{display:none!important}
main#main>section[data-screen-label="Map"]>.wrap{border-top:0!important}
/* no hairlines around the Get started band */
main#main>#waitlist,main#main>#waitlist .cta-band{border:0!important;box-shadow:none!important}
main#main>#waitlist .cta-band::before,main#main>#waitlist .cta-band::after{display:none!important}
main#main>section[data-screen-label="Map"]{border-bottom:0!important}
footer,footer .fwrap{border-top:0!important}
footer{box-shadow:none!important}
main#main>section[data-screen-label="Map"]{box-shadow:none!important}
main#main>#waitlist{box-shadow:none!important}
footer .fwrap::before{display:none!important}