:root{--navy:#0b2a55;--navy2:#123e70;--cyan:#10aeea;--cyan2:#21c3f4;--ink:#102642;--muted:#65768b;--soft:#f1f6fb;--line:#dfe8f0;--white:#fff;--shadow:0 18px 50px rgba(7,35,70,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.header{height:82px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,231,240,.8)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo img{width:205px;height:56px;object-fit:contain;object-position:left center;display:block}.links{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:650;color:#41556c}.links a:hover{color:var(--cyan)}.menu{display:none;border:0;background:none;padding:7px}.menu span{display:block;width:24px;height:2px;background:var(--navy);margin:5px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 24px;border-radius:10px;font-size:14px;font-weight:800;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.small{min-height:40px;padding:0 18px}.primary{background:var(--navy);color:#fff;box-shadow:0 10px 24px rgba(11,42,85,.17)}.secondary{background:#fff;border-color:#9fb0c3;color:var(--navy)}.hero{position:relative;overflow:hidden;padding:50px 0 35px}.waves{position:absolute;right:-280px;top:45px;width:940px;pointer-events:none}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;gap:35px;align-items:center}.eyebrow{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:58px;line-height:1.03;letter-spacing:-.047em;color:var(--navy);margin:12px 0 18px;max-width:650px}.lead{font-size:22px;color:#51667b;max-width:570px;margin:0 0 18px}.note{display:flex;align-items:center;gap:11px;max-width:555px;background:#eaf8fd;padding:11px 14px;border-radius:11px;font-size:13px;font-weight:650;color:#45657d}.note img{width:22px;height:22px;color:var(--cyan)}.actions{display:flex;gap:13px;margin:22px 0 22px}.hero-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:675px}.hero-steps article{display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center;background:#fff;border:1px solid #e4ecf3;border-radius:14px;padding:14px;box-shadow:0 8px 22px rgba(8,33,65,.05)}.hero-steps b{display:block;color:var(--navy);font-size:14px}.hero-steps p{margin:2px 0 0;font-size:11px;color:#6d7c8d;line-height:1.35}.icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.icon.navy{background:var(--navy)}.icon.cyan{background:var(--cyan)}.icon img{width:27px;height:27px;filter:brightness(0) invert(1)}.hero-steps .icon{width:48px;height:48px}.hero-steps .icon img{width:25px}.micro-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;max-width:675px}.micro-benefits span{display:flex;align-items:center;gap:8px;border:1px solid #e2eaf1;background:#fff;border-radius:11px;padding:10px 11px;font-size:11px;color:#41566d}.micro-benefits img{width:18px;height:18px;color:var(--cyan)}.micro-benefits b{font-weight:750}.phone-stage{height:620px;position:relative}.phone-slot{position:absolute;width:390px;height:844px;transform-origin:top left;filter:drop-shadow(0 18px 22px rgba(7,27,54,.15))}.phone-slot iframe,.single-phone iframe{width:390px;height:844px;border:0;background:transparent}.phone-slot.scanner{left:-10px;top:95px;transform:scale(.57);z-index:1}.phone-slot.detail{left:155px;top:18px;transform:scale(.66);z-index:3}.phone-slot.boards{right:-90px;top:98px;transform:scale(.57);z-index:2}.section{padding:64px 0}.soft{background:linear-gradient(180deg,#f3f8fc,#edf4fa)}.heading h2,.copy h2{font-size:36px;line-height:1.14;letter-spacing:-.025em;color:var(--navy);margin:0 0 7px}.heading p,.copy .intro{margin:0;color:#66778b}.cards{display:grid;gap:22px;margin-top:28px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.info-card,.process article,.benefits article{background:#fff;border:1px solid #e2ebf2;border-radius:15px;box-shadow:var(--shadow)}.info-card{padding:28px;min-height:250px}.info-card .icon{margin-bottom:22px}.info-card h3,.process h3,.benefits h3{color:var(--navy);margin:0 0 12px}.info-card h3{font-size:20px}.info-card p,.process p,.benefits p{margin:0;color:#66778b;font-size:14px}.solution{background:linear-gradient(90deg,#09274d,#113b6a);padding:34px 0;color:#fff}.solution-grid{display:grid;grid-template-columns:1.4fr repeat(3,.72fr);gap:28px;align-items:center}.solution h2{font-size:30px;margin:0 0 8px}.solution-copy p{font-size:13px;opacity:.85;margin:0;max-width:430px}.solution-point{text-align:center;font-size:12px;line-height:1.35}.solution-point .icon{margin:0 auto 10px}.process article{padding:25px;text-align:center;background:#f8fbfd}.process .icon{margin:auto}.process small{display:block;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.14em;margin:13px 0 4px}.process h3{font-size:20px}.split{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;align-items:center}.split.reverse{grid-template-columns:1.15fr .85fr}.single-phone{width:390px;height:844px;transform:scale(.64);transform-origin:center top;margin:0 auto -300px;filter:drop-shadow(0 22px 30px rgba(7,31,61,.18))}.board-phone{transform:scale(.63);margin-bottom:-310px}.copy{padding:15px 0}.copy h2{font-size:38px;margin-top:7px}.feature-list{display:grid;gap:17px;margin-top:26px}.feature-list>div{display:flex;align-items:flex-start;gap:14px}.mini-icon{width:39px;height:39px;border-radius:50%;background:var(--navy);display:grid;place-items:center;flex:0 0 auto}.mini-icon.cyan-bg{background:var(--cyan)}.mini-icon img{width:20px;height:20px;filter:brightness(0) invert(1)}.feature-list p{margin:0}.feature-list b{display:block;color:var(--navy);font-size:16px}.feature-list small{display:block;color:#65768b;font-size:12.5px;margin-top:2px}.benefits article{padding:20px;display:flex;gap:13px;align-items:flex-start}.benefits .icon{width:44px;height:44px}.benefits .icon img{width:23px}.benefits h3{font-size:15px;margin-bottom:6px}.benefits p{font-size:12px}.cta-section{padding:0 0 42px}.cta{background:linear-gradient(90deg,#11a8e5,#0a69b9);border-radius:19px;color:#fff;padding:27px 34px;display:grid;grid-template-columns:185px 1fr auto;gap:25px;align-items:center;box-shadow:0 18px 38px rgba(6,112,180,.2)}.cta>img{width:185px}.cta h2{font-size:29px;line-height:1.15;margin:0 0 7px}.cta p{font-size:13px;opacity:.9;margin:0}.cta-actions{display:flex;gap:10px}.dark{background:#0b2a55;color:#fff}.ghost{border-color:rgba(255,255,255,.7);color:#fff;background:rgba(255,255,255,.08)}footer{border-top:1px solid #e3eaf1;padding:31px 0 16px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.25fr;gap:38px}.footer-brand img{width:178px;height:auto;display:block}.footer-brand p{max-width:270px;font-size:12px;color:#68798d}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:7px;color:#6b7b8e;font-size:12px}.footer-grid b{color:var(--navy);margin-bottom:4px}.footer-grid a:hover{color:var(--cyan)}.foot-bottom{border-top:1px solid #edf1f5;margin-top:25px;padding-top:13px;display:flex;justify-content:space-between;color:#8b97a5;font-size:10px}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.phone-stage{max-width:690px;width:100%;margin:0 auto}.solution-grid{grid-template-columns:1fr 1fr 1fr}.solution-copy{grid-column:1/-1}.cards.four{grid-template-columns:repeat(2,1fr)}.cta{grid-template-columns:150px 1fr}.cta>img{width:150px}.cta-actions{grid-column:1/-1}.split,.split.reverse{gap:30px}}
@media(max-width:820px){.header{height:72px}.logo img{width:180px}.menu{display:block}.links{display:none;position:absolute;top:68px;left:20px;right:20px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #e2eaf1;border-radius:14px;padding:14px;box-shadow:var(--shadow);gap:4px}.links.open{display:flex}.links a{padding:9px}.container{width:min(100% - 32px,1180px)}.hero h1{font-size:45px}.lead{font-size:19px}.hero-steps,.micro-benefits{grid-template-columns:1fr}.phone-stage{transform:scale(.88);transform-origin:top center;margin-bottom:-65px}.cards.three{grid-template-columns:1fr}.solution-grid{grid-template-columns:1fr}.solution-copy{grid-column:auto}.solution-point{display:flex;text-align:left;align-items:center;gap:14px}.solution-point .icon{margin:0}.split,.split.reverse{grid-template-columns:1fr}.single-phone,.board-phone{order:0}.copy{order:1}.cards.four{grid-template-columns:1fr}.cta{grid-template-columns:1fr;text-align:center}.cta>img{margin:auto}.cta-actions{justify-content:center}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero{padding-top:34px}.hero h1{font-size:37px}.actions{flex-direction:column}.btn{width:100%}.phone-stage{width:750px;left:50%;margin-left:-375px;transform:scale(.69);margin-bottom:-180px}.section{padding:48px 0}.heading h2,.copy h2{font-size:30px}.single-phone,.board-phone{transform:scale(.72);margin-bottom:-220px}.cta{padding:24px 18px}.cta-actions{flex-direction:column}.footer-grid{grid-template-columns:1fr}.foot-bottom{flex-direction:column;gap:7px}}

/* v4 final hero/product assets: no scaled iframes */
.premium-phones{height:620px;position:relative}
.phone-img{position:absolute;display:block;height:auto;image-rendering:auto;filter:drop-shadow(0 22px 30px rgba(8,29,55,.18))}
.phone-img.scanner{width:226px;left:0;top:98px;z-index:1}
.phone-img.detail{width:266px;left:162px;top:18px;z-index:3}
.phone-img.boards{width:226px;right:-18px;top:98px;z-index:2}
.premium-single{width:auto!important;height:auto!important;transform:none!important;margin:0!important;filter:none!important;text-align:center}
.premium-single img{display:block;width:300px;height:auto;margin:auto;filter:drop-shadow(0 24px 32px rgba(7,31,61,.17))}
.board-phone.premium-single img{width:294px}
@media(max-width:1100px){.premium-phones{max-width:670px;margin-inline:auto}}
@media(max-width:820px){
 .premium-phones{height:570px!important;transform:none!important;margin-bottom:0!important}
 .phone-img.scanner{width:205px;left:2%;top:90px}
 .phone-img.detail{width:242px;left:31%;top:20px}
 .phone-img.boards{width:205px;right:1%;top:90px}
}
@media(max-width:620px){
 .premium-phones{width:100%!important;left:auto!important;margin:0!important;height:470px!important;transform:none!important}
 .phone-img.scanner{width:166px;left:-2%;top:78px}
 .phone-img.detail{width:198px;left:24%;top:14px}
 .phone-img.boards{width:166px;right:-3%;top:78px}
 .premium-single img,.board-phone.premium-single img{width:258px}
}

/* v6 unified icon system */
.note img,.micro-benefits img{filter:none}
.note img{opacity:.95}
.micro-benefits img{opacity:.9}

/* v7 CTA + cache-safe icon cleanup */
.cta{grid-template-columns:285px 1fr auto;background:linear-gradient(90deg,#0f9fe3,#0877c9);overflow:hidden}
.cta>img{width:285px;max-height:175px;object-fit:contain;object-position:left center;margin-left:-12px}
@media(max-width:1100px){.cta{grid-template-columns:240px 1fr}.cta>img{width:240px}}
@media(max-width:820px){.cta{grid-template-columns:1fr}.cta>img{width:min(100%,360px);margin:auto}}


/* v8: full icon consistency pass */
.note{
  gap:12px;
  padding:12px 14px;
  border:1px solid #d8e9f2;
}
.note-badge,
.micro-badge{
  width:30px;
  height:30px;
  border-radius:50%;
  background:var(--navy);
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.note-badge img,
.micro-badge img{
  width:16px;
  height:16px;
  filter:brightness(0) invert(1);
}
.micro-benefits{
  gap:10px;
}
.micro-benefits span{
  padding:11px 12px;
  font-size:12px;
  font-weight:650;
}
.micro-benefits .micro-badge{
  width:28px;
  height:28px;
}
.micro-benefits .micro-badge img{
  width:15px;
  height:15px;
}
.micro-benefits img,
.note img{
  opacity:1 !important;
}
.icon,
.mini-icon{
  box-shadow:0 8px 20px rgba(8,33,65,.08);
}
.mini-icon,
.mini-icon.cyan-bg{
  width:42px;
  height:42px;
  background:var(--navy) !important;
}
.mini-icon img{
  width:20px;
  height:20px;
  filter:brightness(0) invert(1);
}
.solution-point .icon{
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:none;
}
.hero-steps article,
.info-card,
.process article,
.benefits article{
  border-color:#deE7ef;
}
.benefits article{
  padding:22px;
}
.benefits .icon,
.info-card .icon{
  box-shadow:0 10px 22px rgba(8,33,65,.08);
}

/* v8: mobile CTA redesign */
.cta{
  grid-template-columns:280px 1fr auto;
  gap:26px;
  padding:26px 30px;
  align-items:center;
}
.cta-media{
  display:flex;
  align-items:center;
  justify-content:center;
}
.cta-media img{
  display:block;
  width:100%;
  max-width:280px;
  max-height:170px;
  object-fit:contain;
  object-position:center;
  margin:0;
}
.cta-copy{
  min-width:0;
}
.cta-copy h2{
  margin:0 0 8px;
}
.cta-copy p{
  max-width:520px;
}
.cta-actions{
  align-self:center;
  justify-self:end;
}

@media(max-width:1100px){
  .cta{
    grid-template-columns:220px 1fr;
    gap:22px;
  }
  .cta-media img{
    max-width:220px;
    max-height:145px;
  }
  .cta-actions{
    grid-column:1 / -1;
    justify-self:start;
  }
}

@media(max-width:820px){
  .cta{
    grid-template-columns:1fr;
    gap:16px;
    text-align:center;
    padding:24px 18px 20px;
  }
  .cta-media{
    order:1;
  }
  .cta-copy{
    order:2;
  }
  .cta-copy h2{
    font-size:25px;
    line-height:1.16;
  }
  .cta-copy p{
    max-width:440px;
    margin:0 auto;
    font-size:14px;
    line-height:1.5;
  }
  .cta-media img{
    width:min(100%,250px);
    max-width:250px;
    max-height:none;
    margin:0 auto;
  }
  .cta-actions{
    order:3;
    width:100%;
    justify-self:stretch;
    display:flex;
    flex-direction:column;
    gap:10px;
    align-items:stretch;
  }
  .cta-actions .btn{
    width:100%;
    justify-content:center;
  }
}

@media(max-width:620px){
  .cta{
    border-radius:18px;
    padding:22px 16px 18px;
  }
  .cta-copy h2{
    font-size:24px;
  }
  .cta-copy p{
    font-size:13px;
  }
  .cta-media img{
    width:min(100%,220px);
  }
}


/* ============================================================
   v9 MOBILE REDESIGN
   Desktop stays close to v8. This block owns <= 620px.
   ============================================================ */

.mobile-cta-badge{display:none}

@media(max-width:620px){

  /* Overall */
  body{
    overflow-x:hidden;
  }
  .container{
    width:min(100% - 32px,1180px);
  }
  .section{
    padding:56px 0;
  }
  .soft{
    background:linear-gradient(180deg,#f5f9fc 0%,#edf5fb 100%);
  }

  /* Header */
  .header{
    height:68px;
  }
  .nav{
    justify-content:space-between;
  }
  .logo img{
    width:160px !important;
    height:44px !important;
    object-fit:contain;
    object-position:left center;
  }
  .menu{
    width:42px;
    height:42px;
    border:1px solid #dfe8ef;
    border-radius:12px;
    display:grid;
    place-content:center;
    background:#fff;
    box-shadow:0 6px 18px rgba(11,42,85,.06);
  }
  .menu span{
    width:20px;
    margin:2px auto;
  }
  .links{
    top:64px;
    left:16px;
    right:16px;
    border-radius:18px;
    padding:12px;
  }

  /* HERO: centered, more premium, mobile-specific */
  .hero{
    padding:34px 0 26px;
    text-align:center;
    background:
      radial-gradient(circle at 50% 32%,rgba(16,174,234,.11),transparent 32%),
      linear-gradient(180deg,#fff 0%,#fff 74%,#f5faff 100%);
  }
  .hero-waves,
  .waves{
    width:600px;
    right:-320px;
    top:230px;
    opacity:.48;
  }
  .hero-grid{
    display:flex;
    flex-direction:column;
    gap:0;
    align-items:center;
  }
  .hero-copy{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .eyebrow{
    font-size:10px;
    letter-spacing:.12em;
    line-height:1.25;
    margin-bottom:4px;
  }
  .hero h1{
    max-width:350px;
    margin:10px auto 14px;
    font-size:40px;
    line-height:1.02;
    letter-spacing:-.045em;
    text-wrap:balance;
  }
  .lead{
    max-width:330px;
    margin:0 auto 18px;
    font-size:17px;
    line-height:1.5;
    color:#587087;
  }
  .note{
    width:100%;
    max-width:350px;
    justify-content:center;
    text-align:left;
    padding:11px 12px;
    border-radius:14px;
    background:rgba(235,248,253,.95);
    box-shadow:0 8px 22px rgba(16,174,234,.06);
  }
  .note-badge{
    width:32px;
    height:32px;
  }
  .actions{
    width:100%;
    max-width:350px;
    margin:18px auto 0;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .actions .btn{
    width:100%;
    min-height:50px;
    border-radius:12px;
  }

  /* Hero phones become the visual star on mobile */
  .premium-phones{
    order:2;
    width:100% !important;
    height:385px !important;
    margin:16px auto 2px !important;
    left:auto !important;
    transform:none !important;
    position:relative;
  }
  .premium-phones:before{
    content:"";
    position:absolute;
    left:50%;
    top:38px;
    width:290px;
    height:290px;
    border-radius:50%;
    transform:translateX(-50%);
    background:radial-gradient(circle,rgba(16,174,234,.16),rgba(16,174,234,.04) 52%,transparent 70%);
    pointer-events:none;
  }
  .phone-img{
    filter:drop-shadow(0 18px 25px rgba(8,29,55,.18));
  }
  .phone-img.detail{
    width:180px !important;
    left:50% !important;
    right:auto !important;
    top:8px !important;
    transform:translateX(-50%);
    z-index:4;
  }
  .phone-img.scanner{
    width:142px !important;
    left:2px !important;
    top:78px !important;
    transform:rotate(-5deg);
    z-index:2;
  }
  .phone-img.boards{
    width:142px !important;
    right:2px !important;
    left:auto !important;
    top:78px !important;
    transform:rotate(5deg);
    z-index:2;
  }

  /* Steps below phones instead of competing with them */
  .hero-steps{
    order:3;
    width:100%;
    max-width:350px;
    margin:4px auto 0;
    grid-template-columns:1fr;
    gap:10px;
  }
  .hero-steps article{
    grid-template-columns:44px 1fr;
    padding:13px 14px;
    border-radius:14px;
    text-align:left;
  }
  .hero-steps .icon{
    width:44px;
    height:44px;
  }
  .hero-steps b{
    font-size:14px;
  }
  .hero-steps p{
    font-size:11.5px;
    line-height:1.4;
  }
  .micro-benefits{
    order:4;
    width:100%;
    max-width:350px;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:10px;
  }
  .micro-benefits span{
    justify-content:flex-start;
    text-align:left;
    border-radius:13px;
  }

  /* Section headings */
  .heading,
  .copy{
    text-align:center;
  }
  .heading h2,
  .copy h2{
    font-size:30px;
    line-height:1.12;
    text-wrap:balance;
  }
  .heading p,
  .copy .intro{
    max-width:330px;
    margin-left:auto;
    margin-right:auto;
    line-height:1.55;
  }

  /* Pain-point cards */
  .cards.three,
  .cards.four{
    grid-template-columns:1fr;
    gap:13px;
    margin-top:22px;
  }
  .info-card{
    min-height:auto;
    padding:22px 20px;
    text-align:center;
  }
  .info-card .icon{
    margin:0 auto 15px;
  }
  .info-card h3{
    margin-bottom:9px;
    font-size:19px;
  }
  .info-card p{
    font-size:13px;
    line-height:1.55;
  }

  /* Solution strip: cards rather than simple rows */
  .solution{
    padding:44px 0;
    text-align:center;
  }
  .solution-grid{
    display:flex;
    flex-direction:column;
    gap:11px;
  }
  .solution-copy{
    margin-bottom:6px;
  }
  .solution h2{
    font-size:29px;
  }
  .solution-copy p{
    max-width:330px;
    margin:0 auto;
    font-size:13px;
    line-height:1.55;
  }
  .solution-point{
    width:100%;
    text-align:left;
    display:grid;
    grid-template-columns:48px 1fr;
    gap:13px;
    align-items:center;
    padding:14px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:15px;
    background:rgba(255,255,255,.06);
  }
  .solution-point .icon{
    width:48px;
    height:48px;
  }
  .solution-point b{
    font-size:12px;
    line-height:1.4;
  }

  /* How it works */
  .process article{
    padding:22px 20px;
    border-radius:16px;
  }
  .process .icon{
    margin:0 auto 4px;
  }
  .process p{
    max-width:290px;
    margin-left:auto;
    margin-right:auto;
    line-height:1.55;
  }

  /* Feature and boards sections: copy first, phone second */
  .split,
  .split.reverse{
    display:flex;
    flex-direction:column;
    gap:28px;
  }
  .split .copy,
  .split.reverse .copy{
    order:1;
    width:100%;
  }
  .split .premium-single,
  .split.reverse .premium-single{
    order:2;
  }
  .feature-list{
    gap:12px;
    margin-top:22px;
  }
  .feature-list>div{
    max-width:350px;
    margin:0 auto;
    width:100%;
    text-align:left;
    padding:12px 13px;
    border:1px solid #e3ebf2;
    border-radius:14px;
    background:#fff;
    box-shadow:0 7px 18px rgba(8,33,65,.04);
  }
  .feature-list b{
    font-size:14px;
  }
  .feature-list small{
    font-size:11.5px;
    line-height:1.4;
  }
  .premium-single img,
  .board-phone.premium-single img{
    width:244px !important;
    margin:0 auto;
    filter:drop-shadow(0 20px 26px rgba(7,31,61,.15));
  }

  /* Benefits */
  .benefits article{
    display:grid;
    grid-template-columns:48px 1fr;
    align-items:start;
    gap:13px;
    padding:18px;
    text-align:left;
  }
  .benefits .icon{
    width:48px;
    height:48px;
    margin:0;
  }
  .benefits h3{
    font-size:15px;
    margin:1px 0 5px;
  }
  .benefits p{
    font-size:12px;
    line-height:1.45;
  }

  /* CTA: a genuine mobile design, not a stacked desktop CTA */
  .cta-section{
    padding:18px 0 34px;
  }
  .cta{
    display:flex !important;
    flex-direction:column;
    gap:0 !important;
    padding:28px 20px 20px !important;
    border-radius:22px;
    text-align:center;
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(circle at 50% 0%,rgba(255,255,255,.20),transparent 34%),
      linear-gradient(145deg,#0d9fdc 0%,#0871c7 55%,#0b4e95 100%) !important;
  }
  .cta:before{
    content:"";
    position:absolute;
    width:190px;
    height:190px;
    border-radius:50%;
    left:-90px;
    bottom:-110px;
    border:1px solid rgba(255,255,255,.14);
  }
  .cta:after{
    content:"";
    position:absolute;
    width:140px;
    height:140px;
    border-radius:50%;
    right:-75px;
    top:-70px;
    border:1px solid rgba(255,255,255,.13);
  }
  .cta-media{
    display:none !important;
  }
  .mobile-cta-badge{
    display:grid;
    width:58px;
    height:58px;
    margin:0 auto 16px;
    border-radius:18px;
    place-items:center;
    background:#fff;
    box-shadow:0 13px 26px rgba(5,52,101,.18);
    position:relative;
    z-index:2;
  }
  .mobile-cta-badge img{
    width:28px;
    height:28px;
    filter:none;
  }
  .cta-copy{
    position:relative;
    z-index:2;
  }
  .cta-copy h2{
    max-width:300px;
    margin:0 auto 10px !important;
    font-size:28px !important;
    line-height:1.08 !important;
    text-wrap:balance;
  }
  .cta-copy p{
    max-width:310px !important;
    margin:0 auto !important;
    font-size:13px !important;
    line-height:1.5 !important;
    opacity:.92;
  }
  .cta-actions{
    width:100%;
    margin-top:20px;
    gap:9px !important;
    position:relative;
    z-index:2;
  }
  .cta-actions .btn{
    min-height:49px;
    border-radius:12px;
  }
  .cta-actions .ghost{
    background:rgba(255,255,255,.10);
  }

  /* Footer */
  footer{
    padding-top:34px;
  }
  .footer-grid{
    grid-template-columns:1fr !important;
    text-align:center;
    gap:24px;
  }
  .footer-brand{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .footer-brand img{
    width:164px;
  }
  .footer-brand p{
    margin:7px auto 0;
  }
  .footer-grid>div:not(.footer-brand){
    align-items:center;
  }
  .foot-bottom{
    align-items:center;
    text-align:center;
  }
}


/* ============================================================
   v10 MOBILE REDESIGN
   Requested mobile sequence:
   1. Three product screenshots
   2. Hero text + 2 CTAs + 3 ticks
   3. Cómo funciona
   4. ¿Dónde está cada coche?
   5. Toda la información en una ficha
   6. Tableros
   7. Benefits as 2x2 grid
   8. Simple mobile CTA
   ============================================================ */

@media(max-width:620px){

  /* Reorder entire page for mobile */
  main{
    display:flex;
    flex-direction:column;
  }
  #inicio{order:1}
  #como-funciona{order:2}
  .problem{order:3}
  #funcionalidades{order:4}
  #tableros{order:5}
  #beneficios{order:6}
  #contacto{order:7}
  .solution{display:none !important}

  /* HERO: screenshots first */
  .hero{
    padding:20px 0 34px !important;
    text-align:center;
    background:
      radial-gradient(circle at 50% 14%, rgba(16,174,234,.14), transparent 34%),
      linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);
  }
  .hero-grid{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:0 !important;
  }
  .premium-phones{
    order:1 !important;
    width:100% !important;
    height:405px !important;
    margin:0 auto 8px !important;
    position:relative !important;
    transform:none !important;
    left:auto !important;
  }
  .premium-phones:before{
    content:"";
    position:absolute;
    width:290px;
    height:290px;
    border-radius:50%;
    left:50%;
    top:30px;
    transform:translateX(-50%);
    background:radial-gradient(circle,rgba(16,174,234,.18),rgba(16,174,234,.04) 56%,transparent 72%);
    pointer-events:none;
  }
  .phone-img.detail{
    width:178px !important;
    left:50% !important;
    top:0 !important;
    transform:translateX(-50%) !important;
    z-index:4 !important;
  }
  .phone-img.scanner{
    width:138px !important;
    left:4px !important;
    top:68px !important;
    transform:rotate(-5deg) !important;
    z-index:2 !important;
  }
  .phone-img.boards{
    width:138px !important;
    right:4px !important;
    left:auto !important;
    top:68px !important;
    transform:rotate(5deg) !important;
    z-index:2 !important;
  }

  /* Hero content below screenshots, stripped down */
  .hero-copy{
    order:2 !important;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .hero .eyebrow,
  .hero .note,
  .hero .hero-steps{
    display:none !important;
  }
  .hero h1{
    max-width:350px !important;
    margin:0 auto 13px !important;
    font-size:39px !important;
    line-height:1.03 !important;
    letter-spacing:-.045em !important;
    text-wrap:balance;
  }
  .hero .lead{
    max-width:325px !important;
    margin:0 auto 18px !important;
    font-size:17px !important;
    line-height:1.5 !important;
  }
  .hero .actions{
    width:100%;
    max-width:350px;
    margin:0 auto 17px !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
  }
  .hero .actions .btn{
    width:100% !important;
    min-height:49px;
    padding:0 12px;
    font-size:13px;
    border-radius:12px;
  }

  /* The requested three ticks */
  .hero-proof{
    width:100%;
    max-width:350px;
    margin:0 auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }
  .hero-proof>span{
    min-height:40px;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    color:#314a63 !important;
    text-align:left;
  }
  .hero-proof .micro-badge{
    width:24px !important;
    height:24px !important;
    background:#e8f8fe !important;
    border:1px solid #bfe9f9;
    box-shadow:none !important;
    position:relative;
  }
  .hero-proof .micro-badge img{
    display:none !important;
  }
  .hero-proof .micro-badge:after{
    content:"✓";
    color:#079ed8;
    font-size:15px;
    font-weight:900;
    line-height:1;
  }
  .hero-proof b{
    font-size:13px !important;
    font-weight:750 !important;
  }

  /* How it works becomes section #2 and stays compact */
  #como-funciona{
    padding-top:48px !important;
    padding-bottom:48px !important;
    background:#fff;
  }
  #como-funciona .heading h2{
    font-size:31px !important;
  }
  #como-funciona .cards{
    gap:10px !important;
    margin-top:20px !important;
  }
  #como-funciona .process article{
    display:grid;
    grid-template-columns:48px 1fr;
    grid-template-rows:auto auto auto;
    gap:0 13px;
    text-align:left !important;
    padding:15px !important;
    border-radius:15px;
    background:#f8fbfd;
  }
  #como-funciona .process .icon{
    grid-row:1 / span 3;
    margin:0 !important;
    width:48px;
    height:48px;
  }
  #como-funciona .process small{
    margin:0 0 2px !important;
    align-self:end;
  }
  #como-funciona .process h3{
    margin:0 0 4px !important;
    font-size:18px;
  }
  #como-funciona .process p{
    margin:0 !important;
    max-width:none !important;
    font-size:12px !important;
    line-height:1.45;
  }

  /* Problem section now comes third */
  .problem{
    padding:50px 0 !important;
  }
  .problem .cards{
    gap:10px !important;
  }
  .problem .info-card{
    display:grid;
    grid-template-columns:46px 1fr;
    gap:0 13px;
    text-align:left !important;
    padding:16px !important;
    min-height:auto !important;
  }
  .problem .info-card .icon{
    grid-row:1 / span 2;
    width:46px;
    height:46px;
    margin:0 !important;
  }
  .problem .info-card h3{
    margin:0 0 5px !important;
    font-size:17px !important;
  }
  .problem .info-card p{
    font-size:12px !important;
    line-height:1.45;
  }

  /* Feature screen after problem */
  #funcionalidades{
    padding:52px 0 !important;
  }
  #funcionalidades .split{
    gap:22px !important;
  }
  #funcionalidades .copy{
    order:1 !important;
  }
  #funcionalidades .premium-single{
    order:2 !important;
  }
  #funcionalidades .copy h2{
    max-width:340px;
    margin-left:auto;
    margin-right:auto;
  }
  #funcionalidades .premium-single img{
    width:252px !important;
  }
  #funcionalidades .feature-list{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
  }
  #funcionalidades .feature-list>div{
    display:block !important;
    text-align:center !important;
    padding:13px 10px !important;
    min-height:126px;
  }
  #funcionalidades .mini-icon{
    margin:0 auto 8px !important;
  }
  #funcionalidades .feature-list b{
    font-size:12.5px !important;
  }
  #funcionalidades .feature-list small{
    font-size:10.5px !important;
    line-height:1.35 !important;
  }

  /* Boards: same clean visual rhythm */
  #tableros{
    padding:52px 0 !important;
  }
  #tableros .feature-list{
    gap:9px !important;
  }
  #tableros .feature-list>div{
    padding:12px !important;
  }
  #tableros .premium-single img{
    width:246px !important;
  }

  /* BENEFITS: no more giant vertical list. Use 2 x 2 compact grid */
  #beneficios{
    padding:50px 0 !important;
  }
  #beneficios .heading h2{
    max-width:330px;
    margin-left:auto;
    margin-right:auto;
  }
  #beneficios .cards.four{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-top:20px !important;
  }
  #beneficios article{
    min-height:172px;
    padding:15px 12px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    gap:0 !important;
    border-radius:16px;
  }
  #beneficios article .icon{
    width:45px !important;
    height:45px !important;
    margin:0 auto 10px !important;
  }
  #beneficios article h3{
    margin:0 0 6px !important;
    font-size:14px !important;
    line-height:1.2;
  }
  #beneficios article p{
    margin:0 !important;
    font-size:10.5px !important;
    line-height:1.4 !important;
  }

  /* Bottom CTA: no illustration on mobile, simpler + more premium */
  #contacto{
    padding:16px 0 32px !important;
  }
  #contacto .cta{
    padding:28px 18px 20px !important;
    border-radius:22px !important;
    background:
      radial-gradient(circle at 50% -15%,rgba(255,255,255,.23),transparent 36%),
      linear-gradient(145deg,#0b9fdf 0%,#0873c8 54%,#0a4d92 100%) !important;
  }
  #contacto .cta-media{
    display:none !important;
  }
  #contacto .mobile-cta-badge{
    display:grid !important;
    width:56px !important;
    height:56px !important;
    margin:0 auto 15px !important;
    border-radius:16px !important;
    background:#fff !important;
  }
  #contacto .cta-copy h2{
    max-width:310px !important;
    margin:0 auto 9px !important;
    font-size:27px !important;
    line-height:1.08 !important;
  }
  #contacto .cta-copy p{
    max-width:305px !important;
    margin:0 auto !important;
    font-size:12.5px !important;
    line-height:1.5 !important;
  }
  #contacto .cta-actions{
    margin-top:18px !important;
  }

  /* Footer remains centered */
  footer{
    padding-top:32px !important;
  }
}


/* ============================================================
   v11 MOBILE ORDER
   Mobile rule: HEADER/TITLE -> IMAGE -> TEXT
   ============================================================ */
@media(max-width:620px){

  /* Feature section: eyebrow + title, then phone, then feature text/cards */
  #funcionalidades .split{
    display:flex !important;
    flex-direction:column !important;
    gap:20px !important;
  }
  #funcionalidades .copy{
    display:contents !important;
  }
  #funcionalidades .copy > .eyebrow{
    order:1 !important;
    text-align:center;
    margin-bottom:-13px;
  }
  #funcionalidades .copy > h2{
    order:2 !important;
    text-align:center;
    max-width:340px;
    margin:0 auto 2px !important;
  }
  #funcionalidades .premium-single{
    order:3 !important;
    margin:2px auto 3px !important;
  }
  #funcionalidades .feature-list{
    order:4 !important;
    width:100%;
    margin-top:2px !important;
  }

  /* Boards: eyebrow + title, then phone, then intro + feature text */
  #tableros .split{
    display:flex !important;
    flex-direction:column !important;
    gap:20px !important;
  }
  #tableros .copy{
    display:contents !important;
  }
  #tableros .copy > .eyebrow{
    order:1 !important;
    text-align:center;
    margin-bottom:-13px;
  }
  #tableros .copy > h2{
    order:2 !important;
    text-align:center;
    max-width:340px;
    margin:0 auto 2px !important;
  }
  #tableros .premium-single{
    order:3 !important;
    margin:2px auto 3px !important;
  }
  #tableros .copy > .intro{
    order:4 !important;
    max-width:330px;
    margin:0 auto !important;
    text-align:center;
    line-height:1.5;
  }
  #tableros .feature-list{
    order:5 !important;
    width:100%;
    margin-top:0 !important;
  }

  /* Keep visual sections breathing after the image */
  #funcionalidades .premium-single img,
  #tableros .premium-single img{
    margin-bottom:4px !important;
  }
}


/* ============================================================
   v12 MOBILE FEATURE GRID CLEANUP
   5 cards = 2 + 2 + one centered full-width card
   ============================================================ */
@media(max-width:620px){
  #funcionalidades .feature-list{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    align-items:stretch;
  }

  #funcionalidades .feature-list>div{
    width:100% !important;
    min-height:126px;
    margin:0 !important;
  }

  /* Last card: centered, slightly wider, not awkwardly stuck left */
  #funcionalidades .feature-list>div:last-child{
    grid-column:1 / -1 !important;
    width:calc(50% - 5px) !important;
    min-width:0;
    justify-self:center !important;
  }
}

@media(max-width:390px){
  #funcionalidades .feature-list>div:last-child{
    width:calc(52% - 2px) !important;
  }
}


/* ============================================================
   v13 DESKTOP CLEANUP
   - remove scan/move/consult from hero
   - hero proof points become green ticks
   - benefits cards get a proper text column on desktop
   ============================================================ */

/* Remove the 3 mini process cards from above the fold */
.hero-steps{
  display:none !important;
}

/* Proof points as clean green ticks */
.hero-proof{
  margin-top:16px;
}
.hero-proof span{
  min-height:46px;
}
.hero-proof .micro-badge{
  width:24px;
  height:24px;
  border-radius:999px;
  background:#eaf8f0 !important;
  border:1px solid #cfead8;
  box-shadow:none !important;
  position:relative;
}
.hero-proof .micro-badge img{
  display:none !important;
}
.hero-proof .micro-badge::after{
  content:"✓";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#0da85b;
  font-size:14px;
  font-weight:900;
  line-height:1;
}
.hero-proof b{
  font-weight:760;
}

/* Desktop/tablet benefits cards: icon + proper text column, no skinny vertical copy */
@media(min-width:621px){
  .benefits .cards.four{
    gap:22px;
  }

  .benefits article{
    min-height:194px;
    display:grid !important;
    grid-template-columns:48px 1fr;
    align-content:start;
    align-items:start;
    gap:0 15px;
    padding:22px 20px !important;
    text-align:left !important;
  }

  .benefits article .icon{
    width:44px;
    height:44px;
    margin:0 !important;
    grid-row:1 / span 2;
  }

  .benefits article h3{
    grid-column:2;
    margin:2px 0 7px !important;
    font-size:15px !important;
    line-height:1.35;
    max-width:none;
  }

  .benefits article p{
    grid-column:2;
    margin:0 !important;
    max-width:none;
    font-size:13px !important;
    line-height:1.58 !important;
  }
}


/* ============================================================
   v14 REAL APP VISUAL PASS
   ============================================================ */
.phone-img{
  border-radius:34px;
  overflow:hidden;
  background:#fff;
}
.screenshot-steps article{
  padding:18px 18px 20px !important;
  text-align:left;
}
.screenshot-steps .step-shot{
  width:100%;
  border-radius:18px;
  overflow:hidden;
  background:#eff4f8;
  border:1px solid #dce6ee;
  box-shadow:0 10px 26px rgba(8,33,65,.06);
  margin-bottom:14px;
}
.screenshot-steps .step-shot img{
  display:block;
  width:100%;
  height:250px;
  object-fit:cover;
  object-position:top center;
}
.screenshot-steps article small{
  display:inline-block;
  margin:0 0 6px;
}
.screenshot-steps article h3{
  margin:0 0 8px;
}
.screenshot-steps article p{
  margin:0;
  line-height:1.58;
}
.screenshot-steps article .icon{
  display:none !important;
}
.premium-single img,
.board-showcase .board-main-shot{
  border-radius:28px;
  box-shadow:0 18px 38px rgba(8,33,65,.12);
}
.board-showcase{
  position:relative;
  width:min(100%, 360px);
}
.board-showcase .board-main-shot{
  width:100%;
  display:block;
}
.board-showcase .board-inset{
  position:absolute;
  right:-58px;
  bottom:28px;
  width:160px;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 20px 42px rgba(8,33,65,.16);
  border:1px solid #dfe7ef;
}
.board-showcase .board-inset img{
  display:block;
  width:100%;
  border-radius:22px;
}
@media(min-width:1024px){
  #tableros .split.reverse{
    grid-template-columns:1.05fr .95fr;
  }
}
@media(max-width:980px){
  .screenshot-steps .step-shot img{
    height:210px;
  }
  .board-showcase .board-inset{
    width:132px;
    right:-22px;
    bottom:14px;
  }
}
@media(max-width:620px){
  .screenshot-steps article{
    padding:14px !important;
    display:block !important;
    text-align:left !important;
  }
  .screenshot-steps .step-shot{
    margin-bottom:10px;
  }
  .screenshot-steps .step-shot img{
    height:170px;
  }
  .screenshot-steps article small{
    display:block;
    margin:0 0 2px !important;
  }
  .screenshot-steps article h3{
    margin:0 0 5px !important;
    font-size:17px !important;
  }
  .screenshot-steps article p{
    font-size:12px !important;
    line-height:1.45 !important;
  }
  .board-showcase{
    width:min(100%, 258px);
    margin:0 auto;
  }
  .board-showcase .board-main-shot{
    width:100% !important;
  }
  .board-showcase .board-inset{
    position:static;
    width:min(100%, 210px);
    margin:12px auto 0;
    right:auto;
    bottom:auto;
  }
}


/* ============================================================
   v15 MOBILE COMPACT PROOF ROW + CORRECT STEP 3 VISUAL
   ============================================================ */

@media(max-width:620px){
  /* The 3 proof points become one compact 3-column row */
  .hero-proof{
    width:100% !important;
    max-width:350px !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
    margin:2px auto 0 !important;
  }

  .hero-proof>span{
    min-height:82px !important;
    padding:9px 6px !important;
    border:1px solid #dce8e2 !important;
    border-radius:13px !important;
    background:#fff !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    text-align:center !important;
    box-shadow:0 7px 18px rgba(11,42,85,.035) !important;
  }

  .hero-proof .micro-badge{
    width:25px !important;
    height:25px !important;
    margin:0 !important;
    flex:0 0 25px !important;
    background:#eaf8f0 !important;
    border:1px solid #cfead8 !important;
  }

  .hero-proof .micro-badge::after{
    color:#0ca85a !important;
    font-size:14px !important;
  }

  .hero-proof b{
    font-size:10px !important;
    line-height:1.22 !important;
    font-weight:780 !important;
    color:#163452 !important;
  }

  /* Step 3 crop is already focused on history; don't crop it again */
  .screenshot-steps .history-shot img{
    height:170px !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}

@media(min-width:621px){
  .screenshot-steps .history-shot img{
    object-position:center center !important;
  }
}


/* ============================================================
   v16 PROOF STRIP
   Compact icon + label, no green ticks, no mini cards.
   ============================================================ */

@media(max-width:620px){
  .hero-proof{
    width:100% !important;
    max-width:350px !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:0 !important;
    margin:4px auto 0 !important;
    padding:13px 0 2px !important;
    border-top:1px solid #e1e9ef;
  }

  .hero-proof>span{
    min-height:64px !important;
    padding:3px 8px 0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
    text-align:center !important;
    position:relative;
  }

  .hero-proof>span:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:5px;
    bottom:8px;
    width:1px;
    background:#e2eaf0;
  }

  .hero-proof .micro-badge{
    width:30px !important;
    height:30px !important;
    flex:0 0 30px !important;
    border:0 !important;
    border-radius:50% !important;
    background:#eef8fd !important;
    box-shadow:none !important;
    display:grid !important;
    place-items:center !important;
  }

  .hero-proof .micro-badge::after{
    display:none !important;
    content:none !important;
  }

  .hero-proof .micro-badge img{
    display:block !important;
    width:16px !important;
    height:16px !important;
    opacity:1 !important;
    filter:none !important;
  }

  .hero-proof b{
    max-width:88px;
    font-size:10px !important;
    line-height:1.22 !important;
    font-weight:760 !important;
    color:#183a59 !important;
  }
}


/* ============================================================
   v17 MOBILE ABOVE-THE-FOLD HERO
   Tighter phone collage, less dead space, full hero message visible.
   ============================================================ */
@media(max-width:620px){

  .hero{
    padding:10px 0 18px !important;
  }

  .premium-phones{
    height:278px !important;
    margin:0 auto 0 !important;
  }

  .premium-phones:before{
    width:250px !important;
    height:250px !important;
    top:8px !important;
    opacity:.8;
  }

  .phone-img.detail{
    width:145px !important;
    top:0 !important;
  }

  .phone-img.scanner{
    width:112px !important;
    left:10px !important;
    top:48px !important;
    transform:rotate(-5deg) !important;
  }

  .phone-img.boards{
    width:112px !important;
    right:10px !important;
    top:48px !important;
    transform:rotate(5deg) !important;
  }

  .hero-copy{
    margin-top:-4px !important;
  }

  .hero h1{
    max-width:338px !important;
    margin:0 auto 8px !important;
    font-size:34px !important;
    line-height:1.01 !important;
  }

  .hero .lead{
    max-width:318px !important;
    margin:0 auto 11px !important;
    font-size:15.5px !important;
    line-height:1.42 !important;
  }

  .hero .actions{
    max-width:350px !important;
    margin:0 auto 8px !important;
    gap:8px !important;
  }

  .hero .actions .btn{
    min-height:43px !important;
    font-size:12px !important;
    padding:0 9px !important;
  }

  .hero-proof{
    max-width:350px !important;
    margin:0 auto !important;
    padding:8px 0 0 !important;
  }

  .hero-proof>span{
    min-height:50px !important;
    padding:2px 5px 0 !important;
    gap:4px !important;
  }

  .hero-proof>span:not(:last-child)::after{
    top:3px !important;
    bottom:4px !important;
  }

  .hero-proof .micro-badge{
    width:25px !important;
    height:25px !important;
    flex:0 0 25px !important;
  }

  .hero-proof .micro-badge img{
    width:13px !important;
    height:13px !important;
  }

  .hero-proof b{
    max-width:90px !important;
    font-size:9.5px !important;
    line-height:1.15 !important;
  }

  .hero .waves{
    top:205px !important;
    right:-330px !important;
    opacity:.28 !important;
  }
}