/* ============================================================
   L'Entreprise Artisanale — design "plomberie pro" v3
   Bleu eau + navy + blanc · sans-serif moderne, propre
   ============================================================ */
:root{
  --blue:#1273eb;
  --blue-d:#0a4fb0;
  --blue-l:#3d8bf5;
  --navy:#0c1c2c;
  --navy-2:#10283d;
  --cyan:#16b8d4;
  --ink:#16222e;
  --muted:#5d6f7e;
  --bg:#ffffff;
  --soft:#f3f7fc;
  --line:#e3ebf3;
  --sky:#e9f2fe;
  --card:#ffffff;
  --star:#ffb100;
  --r:16px;--r-sm:11px;
  --sh-sm:0 4px 18px rgba(12,28,44,.06);
  --sh:0 22px 50px rgba(12,28,44,.12);
  --wrap:1180px;
  --e:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;font-size:16.5px;overflow-x:hidden;scroll-padding-top:96px}
h1,h2,h3,h4{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;line-height:1.12;letter-spacing:-.02em;color:var(--navy)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}
.ic{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.stars{color:var(--star);letter-spacing:1px}
.ey{display:inline-block;font-weight:700;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:.7rem}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:600;font-size:.97rem;padding:.9rem 1.6rem;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:.25s var(--e);white-space:nowrap}
.btn .ic{width:18px;height:18px;stroke-width:2.1}
.btn--solid{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;box-shadow:0 12px 26px rgba(18,115,235,.32)}
.btn--solid:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(18,115,235,.42)}
.btn--ghost{background:#fff;border-color:var(--line);color:var(--navy)}
.btn--ghost:hover{border-color:var(--blue);color:var(--blue)}
.btn--light{background:#fff;color:var(--blue-d)}
.btn--light:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.btn--full{width:100%}

/* utility bar */
.ubar{background:var(--navy);color:#b9c8d6;font-size:.83rem}
.ubar__in{display:flex;align-items:center;justify-content:space-between;height:42px;gap:1rem}
.ubar__l,.ubar__r{display:flex;align-items:center;gap:.9rem}
.ubar span,.ubar a{display:inline-flex;align-items:center;gap:.4rem}
.ubar .ic{width:15px;height:15px;stroke:var(--blue-l)}
.ubar a:hover{color:#fff}
.ubar__tel{color:#fff;font-weight:700}
.ubar__sep{width:1px;height:16px;background:rgba(255,255,255,.18)}

/* header */
.hd{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:.3s}
.hd.scr{border-color:var(--line);box-shadow:var(--sh-sm)}
.hd__in{display:flex;align-items:center;justify-content:space-between;height:74px;gap:1rem}
.logo{display:flex;align-items:center;gap:.7rem}
.logo__mk{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--blue-d));box-shadow:0 8px 18px rgba(18,115,235,.32)}
.logo__tx{display:flex;flex-direction:column;line-height:1.12}
.logo__tx b{font-family:'Plus Jakarta Sans';font-size:1.06rem;font-weight:800;color:var(--navy)}
.logo__tx i{font-style:normal;font-size:.7rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.menu{display:flex;align-items:center;gap:.2rem}
.menu>a{padding:.55rem .8rem;border-radius:9px;font-weight:500;font-size:.95rem;color:var(--ink);transition:.2s}
.menu>a:hover{color:var(--blue);background:var(--soft)}
.menu__cta{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff!important;margin-left:.4rem;font-weight:700;box-shadow:0 8px 18px rgba(18,115,235,.3)}
.menu__cta .ic{width:16px;height:16px;stroke-width:2.2}
.menu__cta:hover{transform:translateY(-1px)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:8px;cursor:pointer}
.burger span{width:26px;height:2.5px;background:var(--navy);border-radius:2px;transition:.3s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* hero */
.hero{position:relative;padding:70px 0 40px;overflow:hidden}
.hero__blob{position:absolute;top:-180px;right:-160px;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--sky),rgba(233,242,254,0) 70%);z-index:0}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:3.2rem;align-items:center}
.pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--sky);color:var(--blue-d);font-weight:600;font-size:.82rem;padding:.4rem .9rem;border-radius:999px}
.pill__dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(18,115,235,.18)}
.hero h1{font-size:clamp(2.3rem,5.2vw,3.8rem);margin:1.1rem 0 1.1rem}
.hero h1 span{color:var(--blue)}
.lead{font-size:1.1rem;color:#41525f;max-width:540px}
.hero__cta{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.8rem 0 1.8rem}
.hero__stats{display:flex;gap:2rem;flex-wrap:wrap;padding-top:1.4rem;border-top:1px solid var(--line)}
.hs{display:flex;flex-direction:column;line-height:1.25}
.hs b{font-family:'Plus Jakarta Sans';font-size:1.4rem;color:var(--navy);font-weight:800}
.hs .stars{font-size:.85rem;margin:.05rem 0}
.hs small{font-size:.8rem;color:var(--muted)}

.hero__media{position:relative}
.hero__photo{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--sh)}
.hero__photo img{width:100%;aspect-ratio:4/4.2;object-fit:cover}
.hcard{position:absolute;background:#fff;border-radius:14px;box-shadow:var(--sh);padding:.85rem 1.1rem;z-index:2;display:flex;align-items:center;gap:.6rem}
.hcard--rating{left:-16px;top:34px;flex-direction:column;gap:0;align-items:flex-start}
.hcard--rating .stars{font-size:.95rem}
.hcard--rating strong{font-family:'Plus Jakarta Sans';font-size:1.5rem;color:var(--navy);line-height:1}
.hcard--rating small{font-size:.72rem;color:var(--muted)}
.hcard--rge{right:-14px;bottom:36px}
.hcard--rge .ic{width:30px;height:30px;stroke:var(--blue)}
.hcard--rge span{font-size:.74rem;color:var(--muted);line-height:1.25}
.hcard--rge strong{color:var(--navy);font-size:.9rem}

/* trust strip */
.trust{background:var(--navy);color:#fff}
.trust__in{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08)}
.ti{display:flex;align-items:center;gap:.85rem;padding:1.4rem 1.2rem;background:var(--navy)}
.ti .ic{width:30px;height:30px;stroke:var(--blue-l);stroke-width:1.7}
.ti b{display:block;font-size:.98rem;font-family:'Plus Jakarta Sans'}
.ti span{display:block;font-size:.82rem;color:#9fb2c2}

/* sections */
.sec{padding:88px 0}
.sec--soft{background:var(--soft)}
.sec--dark{background:var(--navy);color:#dbe6f0}
.sec__hd{max-width:680px;margin:0 auto 3rem;text-align:center}
.sec__hd--left{text-align:left;margin-left:0}
.sec__hd h2{font-size:clamp(1.8rem,3.8vw,2.7rem)}
.sec__hd .sub{color:var(--muted);margin-top:.85rem;font-size:1.04rem}
.sec__hd .sub strong{color:var(--ink)}
.sec__hd--light h2{color:#fff}.sec__hd--light .sub{color:#9fb2c2}.sec__hd--light .ey{color:var(--blue-l)}

/* tabs */
.tabs{display:grid;grid-template-columns:290px 1fr;gap:1.8rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.2rem;box-shadow:var(--sh-sm)}
.tabs__nav{display:flex;flex-direction:column;gap:.4rem}
.tab{display:flex;align-items:center;gap:.7rem;text-align:left;font-weight:600;font-size:1.02rem;color:var(--ink);background:transparent;border:0;border-radius:11px;padding:.95rem 1.1rem;cursor:pointer;transition:.2s}
.tab .ic{width:22px;height:22px;stroke:var(--blue)}
.tab:hover{background:var(--soft)}
.tab.is-on{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff}
.tab.is-on .ic{stroke:#fff}
.panel{display:none;grid-template-columns:1fr 1fr;gap:1.8rem;align-items:center;animation:fade .4s var(--e)}
.panel.is-on{display:grid}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.panel__tx h3{font-size:1.55rem;margin-bottom:.7rem}
.panel__tx p{color:var(--muted)}
.dots{list-style:none;margin:1rem 0 1.3rem;display:flex;flex-direction:column;gap:.5rem}
.dots li{position:relative;padding-left:1.7rem;font-size:.95rem}
.dots li::before{content:"";position:absolute;left:0;top:.32rem;width:16px;height:16px;border-radius:50%;background:var(--sky);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231273eb' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:11px;background-repeat:no-repeat;background-position:center}
.lnk{font-weight:700;color:var(--blue);font-size:.95rem}
.lnk:hover{color:var(--blue-d)}
.panel__img{border-radius:14px;overflow:hidden;box-shadow:var(--sh-sm)}
.panel__img img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* pourquoi */
.why{display:grid;grid-template-columns:1fr 1.05fr;gap:3.2rem;align-items:center}
.why__media{position:relative}
.why__media img{border-radius:var(--r);box-shadow:var(--sh);width:100%;aspect-ratio:4/3.4;object-fit:cover}
.why__badge{position:absolute;right:-14px;bottom:-20px;background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;padding:1rem 1.4rem;border-radius:14px;box-shadow:var(--sh);text-align:center}
.why__badge b{display:block;font-family:'Plus Jakarta Sans';font-size:1.8rem;line-height:1}
.why__badge span{font-size:.74rem;opacity:.92;text-transform:uppercase;letter-spacing:.04em}
.why__tx h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:1rem}
.why__tx>p{color:var(--muted);margin-bottom:1.4rem}
.checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1.6rem}
.checks li{display:flex;align-items:flex-start;gap:.55rem;font-size:.95rem;font-weight:500}
.checks .ic{width:21px;height:21px;stroke:#fff;stroke-width:2.6;background:var(--blue);border-radius:50%;padding:3px;flex:0 0 auto;margin-top:1px}
.why__certs{display:flex;flex-wrap:wrap;gap:.5rem}
.why__certs span{background:var(--sky);color:var(--blue-d);font-weight:700;font-size:.8rem;padding:.45rem 1rem;border-radius:8px}

/* estimateur */
.estim{display:grid;grid-template-columns:1.3fr 1fr;gap:1.6rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.8rem;box-shadow:var(--sh-sm)}
.estim__q{margin-bottom:1.4rem}
.estim__q label{display:block;font-weight:700;margin-bottom:.65rem;font-size:.98rem;color:var(--navy)}
.opts{display:flex;flex-wrap:wrap;gap:.55rem}
.opt{font-weight:600;font-size:.9rem;padding:.6rem 1rem;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:.2s}
.opt:hover{border-color:var(--blue)}
.opt.is-on{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;border-color:transparent}
.estim__out{background:linear-gradient(160deg,var(--navy-2),var(--navy));color:#dbe6f0;border-radius:14px;padding:1.6rem;display:flex;flex-direction:column}
.estim__lbl{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#8ea7bd}
.estim__price{font-family:'Plus Jakarta Sans';font-weight:800;font-size:2.4rem;color:#fff;margin:.3rem 0 1rem;line-height:1}
.estim__price i{font-style:normal;color:var(--blue-l)}
.estim__recap{list-style:none;display:flex;flex-direction:column;gap:.45rem;font-size:.9rem;margin-bottom:1rem}
.estim__recap li{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.45rem;border-bottom:1px solid rgba(255,255,255,.12)}
.estim__recap li span:last-child{color:#fff;font-weight:600;text-align:right}
.estim__disc{font-size:.74rem;color:#8ea7bd;margin-bottom:1rem}
.estim__out .btn{margin-top:auto}

/* before/after */
.ba{position:relative;max-width:900px;margin:0 auto 2.6rem;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);user-select:none;touch-action:none}
.ba__img{position:absolute;inset:0}
.ba__img img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba__before{width:50%;overflow:hidden;border-right:3px solid #fff}
.ba__before img{max-width:none;height:100%}
.ba__tag{position:absolute;top:14px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px;color:#fff}
.ba__tag--a{right:14px;background:rgba(18,115,235,.92)}
.ba__tag--b{left:14px;background:rgba(12,28,44,.85)}
.ba__handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translateX(-50%);pointer-events:none}
.ba__handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.3);display:grid;place-items:center}
.ba__handle span::before{content:"‹ ›";font-weight:700;color:var(--blue);letter-spacing:-1px}
.ba__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.ph{position:relative;border-radius:14px;overflow:hidden;box-shadow:var(--sh-sm)}
.ph img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:.5s var(--e)}
.ph:hover img{transform:scale(1.07)}
.ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:.8rem;font-size:.82rem;font-weight:600;color:#fff;background:linear-gradient(to top,rgba(12,28,44,.9),transparent)}

/* band */
.band{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;padding:56px 0}
.band__in{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
.bstat strong{display:block;font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(2rem,4.2vw,3rem)}
.bstat strong small{font-size:1.3rem;color:#cfe2ff}
.bstat span{color:#d6e6ff;font-size:.9rem}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2.1rem 1.4rem 1.5rem;box-shadow:var(--sh-sm)}
.step__n{position:absolute;top:-21px;left:1.4rem;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;display:grid;place-items:center;font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.25rem;box-shadow:0 10px 22px rgba(18,115,235,.4)}
.step h3{font-size:1.12rem;margin:.6rem 0 .4rem}
.step p{color:var(--muted);font-size:.92rem}

/* carousel */
.carou{position:relative;max-width:760px;margin:0 auto;text-align:center;overflow:hidden}
.carou__track{display:flex;transition:transform .5s var(--e)}
.qt{flex:0 0 100%;padding:.4rem 1rem}
.qt p{font-family:'Plus Jakarta Sans';font-weight:600;font-size:1.3rem;line-height:1.45;margin:.8rem 0 1.4rem;color:var(--navy)}
.qt .stars{font-size:1.1rem}
.qt footer{display:flex;align-items:center;gap:.8rem;justify-content:center}
.ava{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;display:grid;place-items:center;font-weight:700}
.qt footer b{display:block}.qt footer small{color:var(--muted)}
.carou__nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.4rem}
.carou__nav button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font-size:1.4rem;color:var(--blue);cursor:pointer;transition:.2s;line-height:1}
.carou__nav button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.carou__dots{display:flex;gap:.5rem}
.carou__dots b{width:9px;height:9px;border-radius:50%;background:var(--line);cursor:pointer;transition:.2s}
.carou__dots b.on{background:var(--blue);width:26px;border-radius:5px}

/* faq */
.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:2.6rem;align-items:start}
.acc{display:flex;flex-direction:column;gap:.7rem}
.ac{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.2s}
.ac[open]{box-shadow:var(--sh-sm);border-color:var(--blue)}
.ac summary{cursor:pointer;list-style:none;padding:1.1rem 1.3rem;font-weight:700;font-size:1.02rem;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.ac summary::-webkit-details-marker{display:none}
.ac summary::after{content:"+";font-family:'Plus Jakarta Sans';font-size:1.5rem;color:var(--blue);transition:.3s;line-height:1}
.ac[open] summary::after{transform:rotate(45deg)}
.ac__c{padding:0 1.3rem 1.2rem}
.ac__c p{color:var(--muted);font-size:.95rem}

/* contact */
.ct{display:grid;grid-template-columns:1fr 1.05fr;gap:3rem;align-items:start}
.ct__info h2{font-size:clamp(1.7rem,3.2vw,2.4rem);margin-bottom:1rem}
.ct__lead{color:var(--muted);margin-bottom:1.6rem}
.ct__list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.6rem}
.ct__list li{display:flex;align-items:center;gap:.9rem}
.ct__list .ic{width:44px;height:44px;padding:12px;border-radius:12px;background:#fff;border:1px solid var(--line);stroke:var(--blue);box-shadow:var(--sh-sm)}
.ct__list small{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.ct__list a,.ct__list li>span{font-weight:700;color:var(--navy)}
.ct__list a:hover{color:var(--blue)}
.ct__zones{display:flex;flex-wrap:wrap;gap:.5rem}
.ct__zones span{background:#fff;border:1px solid var(--line);padding:.4rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600}
.ct__form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2rem;box-shadow:var(--sh)}
.fld{margin-bottom:1.05rem;display:flex;flex-direction:column}
.fld2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.fld label{font-size:.82rem;font-weight:700;margin-bottom:.4rem;color:var(--navy)}
.fld input,.fld select,.fld textarea{font-family:inherit;font-size:.97rem;padding:.8rem 1rem;border:1.5px solid var(--line);border-radius:11px;background:var(--soft);color:var(--ink);transition:.2s;width:100%}
.fld textarea{resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(18,115,235,.13)}
.invalid{border-color:#e2574c!important;background:#fdf4f3!important}
.fnote{text-align:center;font-size:.82rem;color:var(--muted);margin-top:.9rem}
.fok{margin-top:1rem;padding:.9rem;border-radius:11px;background:#e7f4ea;border:1px solid #b9e0c4;color:#1d6b3a;font-weight:600;font-size:.92rem;text-align:center}

/* cta */
.cta{background:var(--navy);color:#fff;padding:56px 0}
.cta__in{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.cta h2{color:#fff;font-size:clamp(1.4rem,2.8vw,2rem)}
.cta p{color:#9fb2c2;margin-top:.3rem}

/* footer */
.ft{background:#08151f;color:#9fb2c2;padding-top:60px}
.ft__in{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.3fr;gap:2.4rem;padding-bottom:46px}
.logo--ft .logo__tx b{color:#fff}.logo--ft .logo__tx i{color:#6f8499}
.ft__brand p{margin:1rem 0;font-size:.92rem;max-width:330px}
.ft__rate{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:700;font-size:.9rem}
.ft__col h4{color:#fff;font-family:'Plus Jakarta Sans';font-size:1rem;margin-bottom:1rem}
.ft__col a,.ft__col span{display:block;color:#9fb2c2;font-size:.92rem;margin-bottom:.55rem;transition:.2s}
.ft__col a:hover{color:var(--blue-l)}
.ft__bar{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:.82rem}
.ft__bar-in{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#6f8499}

/* fab */
.fab{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;display:none;place-items:center;box-shadow:0 14px 30px rgba(18,115,235,.5);z-index:70;animation:fp 2.4s infinite}
.fab .ic{width:24px;height:24px;stroke-width:2.2}
@keyframes fp{0%{box-shadow:0 14px 30px rgba(18,115,235,.5),0 0 0 0 rgba(18,115,235,.5)}70%{box-shadow:0 14px 30px rgba(18,115,235,.5),0 0 0 15px rgba(18,115,235,0)}100%{box-shadow:0 14px 30px rgba(18,115,235,.5),0 0 0 0 rgba(18,115,235,0)}}

/* reveal */
.rv{opacity:0;transform:translateY(26px);transition:.7s var(--e)}
.rv.in{opacity:1;transform:none}

/* responsive */
@media(max-width:980px){
  .hero__grid{grid-template-columns:1fr;gap:2.4rem}
  .hero__media{max-width:460px;margin:0 auto}
  .tabs{grid-template-columns:1fr}
  .tabs__nav{flex-direction:row;flex-wrap:wrap}
  .tab{flex:1 1 45%}
  .why,.faq,.ct{grid-template-columns:1fr;gap:2.4rem}
  .estim{grid-template-columns:1fr}
  .grid4{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .trust__in{grid-template-columns:repeat(2,1fr)}
  .band__in{grid-template-columns:repeat(2,1fr);gap:2rem}
  .ft__in{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .ubar__l{display:none}.ubar__in{justify-content:center}
  .menu{position:fixed;inset:74px 0 auto 0;flex-direction:column;align-items:stretch;background:#fff;padding:1rem 1.4rem 1.6rem;gap:.2rem;border-bottom:1px solid var(--line);box-shadow:var(--sh);transform:translateY(-130%);transition:.35s var(--e)}
  .menu.open{transform:none}
  .menu>a{padding:.9rem 1rem;border-radius:10px}
  .menu__cta{justify-content:center;margin:.5rem 0 0}
  .burger{display:flex}
  .fab{display:grid}
  .panel{grid-template-columns:1fr}
  .checks{grid-template-columns:1fr}
}
@media(max-width:560px){
  body{font-size:16px}.sec{padding:62px 0}
  .grid4{grid-template-columns:1fr}.steps{grid-template-columns:1fr}
  .trust__in{grid-template-columns:1fr}.band__in{grid-template-columns:1fr;gap:1.6rem}
  .ft__in{grid-template-columns:1fr}.fld2{grid-template-columns:1fr}
  .tab{flex:1 1 100%}
  .hero__stats{gap:1.3rem}
  .cta__in{flex-direction:column;align-items:flex-start}
  .ba{aspect-ratio:4/3}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto}.rv{opacity:1;transform:none}}
