/* Nova Estate · Design system maquette · Manrope + Onest */
:root{
  --blue:#1E5AF0; --vif:#4F9CFF; --indigo:#0A1730; --indigo2:#4338CA;
  --ink:#0B1524; --grey:#5A6473; --bg:#F4F6FB; --line:#E4E8F0; --white:#fff;
  --grad:linear-gradient(120deg,#1E5AF0 0%,#4338CA 100%);
  --r-btn:12px; --r-card:18px;
  --ft:"Manrope",system-ui,sans-serif; --fb:"Onest",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--fb);color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
html,body{overflow-x:clip}
h1,h2,h3,h4,.t,.ct{font-family:var(--ft);letter-spacing:-.025em;line-height:1.08}
img{max-width:100%}
a{text-decoration:none;color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 32px}

/* ─ Nav ─ */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{max-width:1160px;margin:0 auto;padding:0 32px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-family:var(--ft);font-weight:800;font-size:21px;letter-spacing:-.01em;color:var(--ink)}
.logo em{font-style:normal;color:var(--blue)}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-size:14.5px;font-weight:500;color:#33404f;transition:.15s}
.nav-links a:hover{color:var(--blue)}
.nav-links a.active{color:var(--blue);font-weight:700}
.lang{font-size:12.5px;font-weight:700;color:var(--grey);letter-spacing:.04em}
.lang b{color:var(--ink)}

/* ─ Buttons ─ */
.btn{font-family:var(--ft);font-weight:700;font-size:15px;padding:14px 26px;border-radius:var(--r-btn);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s;line-height:1}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 24px rgba(30,90,240,.28)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(30,90,240,.38)}
.btn-white{background:#fff;color:var(--ink)}
.btn-white:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.btn-ghost:hover{border-color:#fff}
.btn-ghost-blue{background:#fff;color:var(--blue);border:1.5px solid var(--blue)}
.btn-sm{font-size:13.5px;padding:11px 20px}

/* ─ Hero (indigo + halo, moment SaaS) ─ */
.hero{background:var(--indigo);color:#fff;position:relative;overflow:hidden;padding:110px 0 0}
.hero::before{content:"";position:absolute;top:-260px;right:-160px;width:760px;height:760px;background:radial-gradient(circle,rgba(30,90,240,.55),rgba(67,56,202,.25) 45%,transparent 68%);filter:blur(10px)}
.hero::after{content:"";position:absolute;bottom:-320px;left:-200px;width:620px;height:620px;background:radial-gradient(circle,rgba(79,156,255,.18),transparent 65%)}
.hero .wrap{position:relative;z-index:1}
.kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--ft);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8FB6F5;background:rgba(79,156,255,.12);border:1px solid rgba(79,156,255,.25);padding:8px 16px;border-radius:999px;margin-bottom:26px}
.hero h1{font-size:clamp(40px,6.2vw,72px);font-weight:800;max-width:15ch;margin-bottom:24px}
.hero h1 .hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:brightness(1.6) saturate(.75)}
.hero p.lead{font-size:clamp(17px,2vw,20px);color:rgba(255,255,255,.78);max-width:52ch;margin-bottom:36px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:64px}

/* stats bar */
.stats{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;backdrop-filter:blur(8px);display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.stats>div{padding:26px 12px;border-right:1px solid rgba(255,255,255,.08)}
.stats>div:last-child{border-right:none}
.stats b{font-family:var(--ft);font-weight:800;font-size:clamp(24px,3vw,34px);display:block;color:#fff}
.stats b i{font-style:normal;color:var(--vif)}
.stats span{font-size:13px;color:rgba(255,255,255,.6)}

/* ─ Sections ─ */
section{padding:96px 0}
.sec-label{font-family:var(--ft);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.sec-title{font-size:clamp(30px,4vw,44px);font-weight:800;max-width:22ch;margin-bottom:16px}
.sec-intro{font-size:17px;color:var(--grey);max-width:56ch}
.center{text-align:center}
.center .sec-title,.center .sec-intro{margin-left:auto;margin-right:auto}

/* doors */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:52px}
.door{border-radius:22px;padding:44px 40px;position:relative;overflow:hidden;transition:.25s;display:block}
.door:hover{transform:translateY(-4px)}
.door-light{background:var(--bg);border:1px solid var(--line)}
.door-dark{background:var(--indigo);color:#fff}
.door-dark::after{content:"";position:absolute;top:-120px;right:-120px;width:340px;height:340px;background:radial-gradient(circle,rgba(30,90,240,.5),transparent 65%)}
.door .ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:22px}
.door h3{font-size:26px;font-weight:800;margin-bottom:10px}
.door p{font-size:15.5px;margin-bottom:22px;max-width:40ch}
.door-light p{color:var(--grey)}
.door-dark p{color:rgba(255,255,255,.75)}
.door .link{font-family:var(--ft);font-weight:700;font-size:15px;color:var(--blue)}
.door-dark .link{color:var(--vif)}
.door>*{position:relative;z-index:1}

/* timeline 48h */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:36px 30px;position:relative}
.step .num{font-family:var(--ft);font-weight:800;font-size:56px;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9;margin-bottom:18px}
.step h3{font-size:19px;font-weight:800;margin-bottom:8px}
.step p{font-size:14.5px;color:var(--grey)}
.step .tag{position:absolute;top:32px;right:26px;font-family:var(--ft);font-size:12px;font-weight:700;color:var(--blue);background:#EAF0FE;padding:6px 12px;border-radius:999px}

/* comparateur (carte flottante SaaS) */
.compare-sec{background:var(--bg)}
.compare{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(11,21,36,.10);padding:44px;margin-top:52px}
.compare-rows{display:flex;flex-direction:column;gap:18px}
.crow{display:grid;grid-template-columns:150px 1fr 90px;align-items:center;gap:18px}
.crow .who{font-family:var(--ft);font-weight:700;font-size:15px}
.crow .bar{height:38px;border-radius:10px;position:relative;overflow:hidden;background:#EEF1F8}
.crow .fill{position:absolute;inset:0 auto 0 0;border-radius:10px}
.crow .val{font-family:var(--ft);font-weight:800;font-size:16px;text-align:right}
.crow.hotel .fill{width:100%;background:#CBD4E4}
.crow.booking .fill{width:67%;background:#AEC3EA}
.crow.airbnb .fill{width:36%;background:#93B4F5}
.crow.nova .fill{width:29%;background:var(--grad)}
.crow.nova .who,.crow.nova .val{color:var(--blue)}
.compare .note{font-size:13px;color:var(--grey);margin-top:22px}

/* standing photos */
.gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;margin-top:52px}
.ph{border-radius:var(--r-card);aspect-ratio:4/3;display:grid;place-items:end start;padding:22px;font-family:var(--ft);font-weight:700;font-size:14px;letter-spacing:.02em}
.ph:first-child{grid-row:span 2;aspect-ratio:auto}
.ph-1{background:linear-gradient(135deg,#DCE6FB,#C3D4F7);color:#1E5AF0}
.ph-2{background:linear-gradient(135deg,#E9EEF9,#D8E2F5);color:#5A6473}
.ph-3{background:linear-gradient(135deg,#10254B,#1E5AF0);color:#fff}
.ph-4{background:linear-gradient(135deg,#EEF2FB,#DDE6F7);color:#5A6473}
.ph-5{background:linear-gradient(135deg,#4338CA,#1E5AF0);color:#fff}

/* double promesse */
.promises{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:52px}
.promise{border-radius:22px;padding:40px}
.promise.light{background:var(--bg);border:1px solid var(--line)}
.promise.dark{background:var(--indigo);color:#fff}
.promise h3{font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px}
.promise.light h4{color:var(--blue)}
.promise.dark h4{color:var(--vif)}
.promise ul{list-style:none;display:flex;flex-direction:column;gap:16px}
.promise li{display:flex;gap:14px;align-items:flex-start;font-size:15.5px}
.promise.dark li{color:rgba(255,255,255,.82)}
.promise li b{font-family:var(--ft)}
.check{width:22px;height:22px;flex:none;border-radius:7px;display:grid;place-items:center;margin-top:2px}
.promise.light .check{background:#EAF0FE}
.promise.dark .check{background:rgba(79,156,255,.15)}

/* trust band */
.trust{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 0}
.trust .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.trust span{font-family:var(--ft);font-weight:700;font-size:14px;color:#8A94A6;letter-spacing:.04em}
.trust .lbl{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}

/* FAQ */
.faq{max-width:760px;margin:52px auto 0}
.faq details{border-bottom:1px solid var(--line);padding:22px 0}
.faq summary{font-family:var(--ft);font-weight:700;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::after{content:"+";font-size:22px;color:var(--blue);font-weight:600}
.faq details[open] summary::after{content:"–"}
.faq p{margin-top:12px;color:var(--grey);font-size:15px;max-width:62ch}

/* CTA final */
.cta-final{background:var(--grad);color:#fff;text-align:center;position:relative;overflow:hidden}
.cta-final::after{content:"";position:absolute;top:-200px;right:-140px;width:520px;height:520px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 65%)}
.cta-final .wrap{position:relative;z-index:1}
.cta-final h2{font-size:clamp(30px,4.4vw,48px);font-weight:800;max-width:20ch;margin:0 auto 18px}
.cta-final p{color:rgba(255,255,255,.82);max-width:48ch;margin:0 auto 34px;font-size:17px}

/* footer */
footer{background:var(--indigo);color:rgba(255,255,255,.65);padding:64px 0 40px;font-size:14px}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}
.foot .logo{color:#fff;margin-bottom:14px;display:block}
.foot h5{font-family:var(--ft);color:#fff;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.foot a{display:block;margin-bottom:10px;transition:.15s}
.foot a:hover{color:#fff}
.foot-base{border-top:1px solid rgba(255,255,255,.1);padding-top:26px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.4)}

/* ─ Sous-pages ─ */
.page-hero{background:var(--indigo);color:#fff;padding:88px 0 72px;position:relative;overflow:hidden}
.page-hero::before{content:"";position:absolute;top:-240px;right:-140px;width:600px;height:600px;background:radial-gradient(circle,rgba(30,90,240,.5),transparent 66%)}
.page-hero .wrap{position:relative;z-index:1}
.page-hero h1{font-size:clamp(34px,5vw,56px);font-weight:800;max-width:18ch;margin-bottom:18px}
.page-hero p{font-size:18px;color:rgba(255,255,255,.78);max-width:52ch}

/* forms */
.form-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:44px;box-shadow:0 24px 70px rgba(11,21,36,.08)}
.fg{margin-bottom:20px}
.fg label{display:block;font-family:var(--ft);font-size:13px;font-weight:700;color:var(--ink);margin-bottom:8px}
.fg input,.fg select,.fg textarea{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;font-family:var(--fb);font-size:15px;color:var(--ink);background:#fff;outline:none;transition:.2s}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,90,240,.12)}
.fg textarea{min-height:110px;resize:vertical}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* grisé */
.grise{filter:grayscale(1);opacity:.45;pointer-events:none;user-select:none}
.grise-banner{position:sticky;top:68px;z-index:40;background:#0B1524;color:#fff;text-align:center;padding:12px;font-family:var(--ft);font-size:13.5px;font-weight:700}
.grise-banner b{color:var(--vif)}

/* reveal animation */
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.rv.on{opacity:1;transform:none}

@media(max-width:900px){
  .nav-links{display:none}
  .doors,.promises,.gallery{grid-template-columns:1fr}
  .ph:first-child{grid-row:auto;aspect-ratio:4/3}
  .steps{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .stats>div:nth-child(2){border-right:none}
  .crow{grid-template-columns:96px 1fr 76px}
  .foot{grid-template-columns:1fr 1fr}
  .fg-row{grid-template-columns:1fr}
}

/* ══════════ SaaS layer ══════════ */
/* grille pointillée + glow hero */
.hero-saas{background:#070F22;color:#fff;position:relative;overflow:hidden;padding:104px 0 0}
.hero-saas::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(148,178,255,.14) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 40%,transparent 100%)}
.hero-saas::after{content:"";position:absolute;top:-320px;left:50%;transform:translateX(-50%);width:900px;height:640px;background:radial-gradient(ellipse,rgba(30,90,240,.42),rgba(67,56,202,.18) 50%,transparent 72%);filter:blur(20px)}
.hero-saas .wrap{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-bottom:88px}
.pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--ft);font-size:13px;font-weight:600;color:#B9CDF9;background:rgba(79,156,255,.08);border:1px solid rgba(79,156,255,.28);padding:7px 14px;border-radius:999px;margin-bottom:26px}
.pill .dot{width:7px;height:7px;border-radius:50%;background:#4ADE80;box-shadow:0 0 10px #4ADE80}
.hero-saas h1{font-size:clamp(38px,5.4vw,62px);font-weight:800;letter-spacing:-.03em;margin-bottom:22px}
.hero-saas h1 .hl2{background:linear-gradient(100deg,#6FA5FF,#8B7BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-saas p.lead{font-size:17.5px;color:rgba(214,226,248,.72);max-width:48ch;margin-bottom:34px}
.btn-grad2{background:var(--grad);color:#fff;box-shadow:0 10px 30px rgba(30,90,240,.45),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-grad2:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(30,90,240,.55),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-glass{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px)}
.btn-glass:hover{background:rgba(255,255,255,.1)}
.hero-trust{display:flex;gap:22px;align-items:center;margin-top:34px;font-size:13px;color:rgba(214,226,248,.5);flex-wrap:wrap}
.hero-trust b{color:#fff;font-family:var(--ft)}

/* carte UI flottante */
.ui-float{position:relative}
.prop-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:22px;backdrop-filter:blur(14px);padding:22px;box-shadow:0 40px 90px rgba(2,8,26,.6)}
.prop-card .img{height:190px;border-radius:14px;background:linear-gradient(135deg,#16346E,#1E5AF0 60%,#4338CA);position:relative;overflow:hidden}
.prop-card .img::after{content:"";position:absolute;top:-60%;left:-30%;width:60%;height:220%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:rotate(8deg);animation:shine 4.5s ease-in-out infinite}
@keyframes shine{0%,60%{left:-40%}100%{left:130%}}
.prop-card .img .badge-live{position:absolute;top:14px;left:14px;font-family:var(--ft);font-size:11.5px;font-weight:700;background:rgba(7,15,34,.72);border:1px solid rgba(255,255,255,.14);color:#4ADE80;padding:6px 12px;border-radius:999px;backdrop-filter:blur(6px)}
.prop-card .body{padding:18px 4px 4px}
.prop-card h3{font-size:17px;font-weight:800;color:#fff}
.prop-card .meta{display:flex;gap:14px;margin-top:8px;font-size:12.5px;color:rgba(214,226,248,.6)}
.prop-card .row{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09)}
.prop-card .price{font-family:var(--ft);font-weight:800;font-size:19px;color:#fff}
.prop-card .price span{font-size:12px;font-weight:500;color:rgba(214,226,248,.55)}
.chip-48{position:absolute;top:-18px;right:-14px;background:var(--grad);color:#fff;font-family:var(--ft);font-weight:800;font-size:13.5px;padding:12px 18px;border-radius:14px;box-shadow:0 14px 34px rgba(30,90,240,.5);z-index:2}
.chip-48 small{display:block;font-weight:500;font-size:10.5px;opacity:.8}
.chip-check{position:absolute;bottom:26px;left:-26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:14px;padding:12px 16px;display:flex;gap:10px;align-items:center;font-family:var(--ft);font-size:12.5px;font-weight:700;color:#fff;box-shadow:0 18px 40px rgba(2,8,26,.5);z-index:2}
.chip-check .ok{width:22px;height:22px;border-radius:50%;background:#16A34A;display:grid;place-items:center;flex:none}

/* stats glass sous hero */
.stats-saas{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:20px 20px 0 0;overflow:hidden}
.stats-saas>div{background:rgba(7,15,34,.72);backdrop-filter:blur(8px);padding:26px 14px;text-align:center}
.stats-saas b{font-family:var(--ft);font-weight:800;font-size:clamp(24px,3vw,34px);display:block;background:linear-gradient(100deg,#fff,#8FB6F5);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats-saas span{font-size:12.5px;color:rgba(214,226,248,.55)}

/* bento */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.b-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;position:relative;overflow:hidden;transition:.25s}
.b-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(11,21,36,.08)}
.b-card.span2{grid-column:span 2}
.b-card.dark2{background:#070F22;border-color:rgba(255,255,255,.08);color:#fff}
.b-card.dark2::after{content:"";position:absolute;top:-90px;right:-90px;width:280px;height:280px;background:radial-gradient(circle,rgba(30,90,240,.4),transparent 65%)}
.b-card .bi{width:44px;height:44px;border-radius:12px;background:#EAF0FE;display:grid;place-items:center;margin-bottom:18px}
.b-card.dark2 .bi{background:rgba(79,156,255,.14)}
.b-card h3{font-size:18px;font-weight:800;margin-bottom:8px}
.b-card p{font-size:14.5px;color:var(--grey)}
.b-card.dark2 p{color:rgba(214,226,248,.65)}
.b-card>*{position:relative;z-index:1}
.b-num{font-family:var(--ft);font-weight:800;font-size:38px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* steps connector */
.steps-saas{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px;counter-reset:st}
.step-s{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px 28px;position:relative}
.step-s .badge-day{display:inline-block;font-family:var(--ft);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);background:#EAF0FE;padding:6px 12px;border-radius:999px;margin-bottom:18px}
.step-s h3{font-size:18px;font-weight:800;margin-bottom:8px}
.step-s p{font-size:14.5px;color:var(--grey)}
.step-s::before{counter-increment:st;content:"0" counter(st);position:absolute;top:24px;right:26px;font-family:var(--ft);font-weight:800;font-size:15px;color:#fff;background:var(--grad);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;box-shadow:0 8px 20px rgba(30,90,240,.35)}

/* section dark saas */
.sec-dark{background:#070F22;color:#fff;position:relative;overflow:hidden}
.sec-dark::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(148,178,255,.1) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse 80% 60% at 50% 100%,#000 30%,transparent 100%)}
.sec-dark .wrap{position:relative;z-index:1}
.sec-dark .sec-title{color:#fff}
.sec-dark .sec-intro{color:rgba(214,226,248,.65)}
.glass{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);border-radius:22px}

/* gradient border card */
.gb{position:relative;border-radius:22px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#1E5AF0,#8B7BFF) border-box;border:1.5px solid transparent}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:60px}
  .ui-float{max-width:430px;margin:0 auto}
  .bento{grid-template-columns:1fr}
  .b-card.span2{grid-column:auto}
  .steps-saas{grid-template-columns:1fr}
  .stats-saas{grid-template-columns:1fr 1fr}
}

/* ══════════ Polish layer v2 ══════════ */
/* flottement des chips */
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.chip-48{animation:floaty 5s ease-in-out infinite}
.chip-check{animation:floaty 6s ease-in-out 1.2s infinite}
/* notification flottante */
.chip-notif{position:absolute;top:44%;right:-34px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:14px;padding:12px 16px;display:flex;gap:11px;align-items:center;box-shadow:0 18px 40px rgba(2,8,26,.5);z-index:2;animation:floaty 5.4s ease-in-out .6s infinite;max-width:250px}
.chip-notif .ico-n{width:30px;height:30px;border-radius:9px;background:var(--grad);display:grid;place-items:center;flex:none}
.chip-notif p{font-family:var(--ft);font-size:11.5px;font-weight:700;color:#fff;line-height:1.35}
.chip-notif p small{display:block;font-weight:500;color:rgba(214,226,248,.55);font-size:10.5px}
/* halo derrière la carte */
.ui-float::before{content:"";position:absolute;inset:-40px;background:radial-gradient(ellipse,rgba(30,90,240,.28),transparent 70%);filter:blur(24px);z-index:-1}
/* marquee */
.marquee{overflow:hidden;position:relative;padding:34px 0;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:140px;z-index:2;pointer-events:none}
.marquee::before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.marquee::after{right:0;background:linear-gradient(-90deg,var(--bg),transparent)}
.marquee-track{display:flex;gap:64px;width:max-content;animation:scroll 26s linear infinite;align-items:center}
@keyframes scroll{to{transform:translateX(-50%)}}
.marquee-track span{font-family:var(--ft);font-weight:700;font-size:15px;color:#97A1B4;letter-spacing:.03em;white-space:nowrap;display:flex;align-items:center;gap:10px}
.marquee-track span i{font-style:normal;color:var(--blue);font-size:11px}
/* spotlight bento */
.b-card{--mx:50%;--my:50%}
.b-card:hover{border-color:#C9D8F8}
.b-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(340px circle at var(--mx) var(--my),rgba(30,90,240,.09),transparent 65%);opacity:0;transition:opacity .25s;pointer-events:none;z-index:0}
.b-card:hover::before{opacity:1}
.b-card.dark2::before{background:radial-gradient(340px circle at var(--mx) var(--my),rgba(79,156,255,.16),transparent 65%)}
/* barres comparateur animées */
.crow .fill{width:0!important;transition:width 1.1s cubic-bezier(.22,1,.36,1)}
.compare-on .crow.hotel .fill{width:100%!important}
.compare-on .crow.booking .fill{width:67%!important}
.compare-on .crow.airbnb .fill{width:36%!important}
.compare-on .crow.nova .fill{width:29%!important}
/* steps connecteur */
.steps-saas{position:relative}
.steps-saas::before{content:"";position:absolute;top:50%;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,#C9D8F8,#C9D8F8,transparent);z-index:0}
.step-s{z-index:1}
/* reveal plus doux + stagger */
.rv{transition-duration:.7s}
.rv:nth-child(2){transition-delay:.08s}
.rv:nth-child(3){transition-delay:.16s}
.rv:nth-child(4){transition-delay:.24s}
/* cta final grille */
.cta-final::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 30%,transparent 100%)}
/* testimonial */
.testi{max-width:820px;margin:52px auto 0;text-align:center}
.testi blockquote{font-family:var(--ft);font-size:clamp(20px,2.6vw,27px);font-weight:600;letter-spacing:-.02em;line-height:1.4;color:var(--ink)}
.testi blockquote em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.testi .who2{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:13px}
.testi .av{width:44px;height:44px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff;font-family:var(--ft);font-weight:800;font-size:15px}
.testi .who2 p{text-align:left;font-size:13.5px;color:var(--grey);line-height:1.4}
.testi .who2 b{display:block;color:var(--ink);font-family:var(--ft);font-size:14.5px}
@media(max-width:980px){.chip-notif{display:none}.steps-saas::before{display:none}}

/* ══════════ Light hero v3 ══════════ */
.hero-light{background:#fff;position:relative;overflow:hidden;padding:96px 0 0}
.hero-light::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(30,90,240,.13) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse 85% 65% at 50% 0%,#000 30%,transparent 100%)}
.hero-light::after{content:"";position:absolute;top:-340px;left:50%;transform:translateX(-50%);width:1000px;height:660px;background:radial-gradient(ellipse,rgba(30,90,240,.12),rgba(79,156,255,.06) 50%,transparent 72%)}
.hero-light .wrap{position:relative;z-index:2}
.pill-light{display:inline-flex;align-items:center;gap:8px;font-family:var(--ft);font-size:13px;font-weight:600;color:var(--blue);background:#EAF0FE;border:1px solid #D5E2FB;padding:7px 14px;border-radius:999px;margin-bottom:26px}
.pill-light .dot{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 8px #22C55E}
.hero-light h1{font-size:clamp(38px,5.4vw,62px);font-weight:800;letter-spacing:-.03em;margin-bottom:22px;color:var(--ink)}
.hero-light h1 .hl2{background:linear-gradient(100deg,#1E5AF0,#6D5BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-light p.lead{font-size:17.5px;color:var(--grey);max-width:48ch;margin-bottom:34px}
.hero-light .hero-trust{color:var(--grey)}
.hero-light .hero-trust b{color:var(--ink)}
.btn-outline{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn-outline:hover{border-color:var(--blue);color:var(--blue)}
/* carte flottante claire */
.prop-card-l{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 30px 80px rgba(11,21,36,.14)}
.prop-card-l .img{height:190px;border-radius:14px;background:linear-gradient(135deg,#DCE6FB,#B9CFF9 55%,#93B4F5);position:relative;overflow:hidden}
.prop-card-l .img::after{content:"";position:absolute;top:-60%;left:-30%;width:60%;height:220%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:rotate(8deg);animation:shine 4.5s ease-in-out infinite}
.prop-card-l .img .badge-live{position:absolute;top:14px;left:14px;font-family:var(--ft);font-size:11.5px;font-weight:700;background:#fff;color:#16A34A;padding:6px 12px;border-radius:999px;box-shadow:0 4px 14px rgba(11,21,36,.12)}
.prop-card-l .body{padding:18px 4px 4px}
.prop-card-l h3{font-size:17px;font-weight:800;color:var(--ink)}
.prop-card-l .meta{display:flex;gap:14px;margin-top:8px;font-size:12.5px;color:var(--grey)}
.prop-card-l .row{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.prop-card-l .price{font-family:var(--ft);font-weight:800;font-size:19px;color:var(--ink)}
.prop-card-l .price span{font-size:12px;font-weight:500;color:var(--grey)}
/* chips clairs */
.chip-check-l{position:absolute;bottom:26px;left:-26px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;gap:10px;align-items:center;font-family:var(--ft);font-size:12.5px;font-weight:700;color:var(--ink);box-shadow:0 18px 44px rgba(11,21,36,.14);z-index:2;animation:floaty 6s ease-in-out 1.2s infinite}
.chip-check-l .ok{width:22px;height:22px;border-radius:50%;background:#16A34A;display:grid;place-items:center;flex:none}
.chip-notif-l{position:absolute;top:44%;right:-34px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;gap:11px;align-items:center;box-shadow:0 18px 44px rgba(11,21,36,.14);z-index:2;animation:floaty 5.4s ease-in-out .6s infinite;max-width:250px}
.chip-notif-l .ico-n{width:30px;height:30px;border-radius:9px;background:var(--grad);display:grid;place-items:center;flex:none}
.chip-notif-l p{font-family:var(--ft);font-size:11.5px;font-weight:700;color:var(--ink);line-height:1.35}
.chip-notif-l p small{display:block;font-weight:500;color:var(--grey);font-size:10.5px}
.ui-float-l{position:relative}
.ui-float-l::before{content:"";position:absolute;inset:-40px;background:radial-gradient(ellipse,rgba(30,90,240,.14),transparent 70%);filter:blur(24px);z-index:-1}
/* stats claires */
.stats-light{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-bottom:none;border-radius:20px 20px 0 0;overflow:hidden;box-shadow:0 -14px 44px rgba(11,21,36,.05)}
.stats-light>div{background:#fff;padding:26px 14px;text-align:center}
.stats-light b{font-family:var(--ft);font-weight:800;font-size:clamp(24px,3vw,34px);display:block;background:linear-gradient(100deg,#1E5AF0,#6D5BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats-light span{font-size:12.5px;color:var(--grey)}
/* sélecteur de langue segmenté */
.lang-switch{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px}
.lang-switch a{font-family:var(--ft);font-size:12.5px;font-weight:700;padding:6px 13px;border-radius:999px;color:var(--grey);transition:.18s;line-height:1}
.lang-switch a.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(11,21,36,.10)}
.lang-switch a:not(.on):hover{color:var(--ink)}
/* bento : version vive de la grande carte */
.b-card.blue{background:var(--grad);border:none;color:#fff}
.b-card.blue::after{content:"";position:absolute;top:-90px;right:-90px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%)}
.b-card.blue .bi{background:rgba(255,255,255,.16)}
.b-card.blue p{color:rgba(255,255,255,.82)}
.b-card.blue::before{background:radial-gradient(340px circle at var(--mx) var(--my),rgba(255,255,255,.14),transparent 65%)}
/* comparateur clair */
.compare-on-l .crow.hotel .fill{width:100%!important}
.compare-on-l .crow.booking .fill{width:67%!important}
.compare-on-l .crow.airbnb .fill{width:36%!important}
.compare-on-l .crow.nova .fill{width:29%!important}
@media(max-width:980px){.chip-notif-l{display:none}.stats-light{grid-template-columns:1fr 1fr}}

/* ══════════ Timeline "suivi de commande" ══════════ */
.tl{margin-top:72px;position:relative}
.tl-track{position:absolute;top:26px;left:16.6%;right:16.6%;height:3px;background:var(--line);border-radius:99px;overflow:hidden}
.tl-track .tfill{position:absolute;inset:0 auto 0 0;width:0;background:var(--grad);border-radius:99px;transition:width 1.6s cubic-bezier(.22,1,.36,1)}
.tl.tl-on .tfill{width:100%}
.tl-grid{display:grid;grid-template-columns:repeat(3,1fr);position:relative}
.tl-step{text-align:center;padding:0 22px}
.tl-dot{width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;margin:0 auto;position:relative;z-index:1;transition:.5s;transition-delay:var(--d,0s)}
.tl-dot svg{stroke:var(--grey);transition:.5s;transition-delay:var(--d,0s)}
.tl.tl-on .tl-dot{background:var(--grad);border-color:transparent;box-shadow:0 10px 26px rgba(30,90,240,.35)}
.tl.tl-on .tl-dot svg{stroke:#fff}
.tl-day{display:inline-block;font-family:var(--ft);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:#EAF0FE;padding:6px 13px;border-radius:999px;margin:18px 0 12px}
.tl-step h3{font-size:19px;font-weight:800;margin-bottom:8px}
.tl-step p{font-size:14.5px;color:var(--grey);max-width:30ch;margin:0 auto}
@media(max-width:820px){
  .tl-track{left:27px;right:auto;top:8%;bottom:8%;width:3px;height:auto}
  .tl-track .tfill{width:100%;height:0;transition:height 1.6s cubic-bezier(.22,1,.36,1)}
  .tl.tl-on .tfill{height:100%}
  .tl-grid{grid-template-columns:1fr;gap:36px}
  .tl-step{display:grid;grid-template-columns:54px 1fr;gap:18px;text-align:left;padding:0}
  .tl-dot{margin:0}
  .tl-step .tl-body p{margin:0}
  .tl-day{margin:0 0 8px}
}

/* ══════════ Comparateur · formats B & C ══════════ */
.fmt-tag{display:inline-block;font-family:var(--ft);font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--ink);padding:7px 14px;border-radius:999px;margin:64px 0 20px}
/* B : cartes tarifaires */
.cmp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.cmp-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;display:flex;flex-direction:column}
.cmp-card .who3{font-family:var(--ft);font-weight:700;font-size:15px;color:var(--grey);margin-bottom:14px}
.cmp-card .price3{font-family:var(--ft);font-weight:800;font-size:clamp(28px,3vw,38px);letter-spacing:-.02em;color:var(--ink);line-height:1}
.cmp-card .price3 small{font-size:13px;font-weight:500;color:var(--grey)}
.cmp-card ul{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--grey)}
.cmp-card li{display:flex;gap:9px;align-items:baseline}
.cmp-card li .no{color:#D14343;font-weight:700}
.cmp-card li .yes{color:#16A34A;font-weight:700}
.cmp-card.nova3{background:var(--grad);border:none;color:#fff;position:relative;box-shadow:0 22px 60px rgba(30,90,240,.32)}
.cmp-card.nova3 .who3{color:rgba(255,255,255,.75)}
.cmp-card.nova3 .price3{color:#fff}
.cmp-card.nova3 .price3 small{color:rgba(255,255,255,.7)}
.cmp-card.nova3 ul{color:rgba(255,255,255,.9)}
.cmp-card.nova3 li .yes{color:#7EF0AF}
.cmp-badge{position:absolute;top:-14px;right:20px;background:#0B1524;color:#fff;font-family:var(--ft);font-weight:800;font-size:13px;padding:8px 15px;border-radius:999px;box-shadow:0 10px 24px rgba(11,21,36,.3)}
/* C : colonnes verticales */
.cmp-cols{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(11,21,36,.10);padding:44px}
.cmp-cols-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;align-items:end;height:300px;max-width:640px;margin:0 auto}
.ccol{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.ccol .cval{font-family:var(--ft);font-weight:800;font-size:19px;margin-bottom:10px}
.ccol .cbar{width:100%;max-width:120px;border-radius:14px 14px 6px 6px;height:0;transition:height 1.2s cubic-bezier(.22,1,.36,1)}
.ccol.h .cbar{background:#CBD4E4}.ccol.a .cbar{background:#93B4F5}.ccol.n .cbar{background:var(--grad);box-shadow:0 14px 34px rgba(30,90,240,.35)}
.cmp-cols.cols-on .ccol.h .cbar{height:100%}
.cmp-cols.cols-on .ccol.a .cbar{height:46%}
.cmp-cols.cols-on .ccol.n .cbar{height:21%}
.ccol .cwho{font-family:var(--ft);font-weight:700;font-size:14.5px;margin-top:14px}
.ccol.n .cwho,.ccol.n .cval{color:var(--blue)}
.ccol .csub{font-size:12px;color:var(--grey)}
@media(max-width:820px){.cmp-cards{grid-template-columns:1fr}.cmp-cols-grid{gap:16px;height:230px}}

/* ══════════ Comparateur · formats D, E, F ══════════ */
/* D : compteur d'économies */
.cmp-save{background:var(--grad);border-radius:24px;padding:52px 44px;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:0 24px 70px rgba(30,90,240,.3)}
.cmp-save::after{content:"";position:absolute;top:-140px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%)}
.cmp-save>*{position:relative;z-index:1}
.cmp-save .slbl{font-family:var(--ft);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.cmp-save .snum{font-family:var(--ft);font-weight:800;font-size:clamp(52px,7vw,86px);letter-spacing:-.03em;line-height:1.05;margin:10px 0 6px}
.cmp-save .ssub{font-size:16px;color:rgba(255,255,255,.8)}
.cmp-save .srow{display:flex;justify-content:center;gap:36px;margin-top:30px;flex-wrap:wrap}
.cmp-save .srow div{font-size:13.5px;color:rgba(255,255,255,.65)}
.cmp-save .srow b{display:block;font-family:var(--ft);font-size:19px;color:#fff}
/* E : courbe de dépense cumulée */
.cmp-chart{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(11,21,36,.10);padding:44px}
.cmp-chart svg{width:100%;height:auto;display:block}
.cmp-chart .lh,.cmp-chart .la,.cmp-chart .ln{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000}
.cmp-chart .lh{stroke:#CBD4E4}.cmp-chart .la{stroke:#93B4F5}.cmp-chart .ln{stroke:url(#gradln)}
.cmp-chart.chart-on .lh{animation:draw 1.6s ease forwards}
.cmp-chart.chart-on .la{animation:draw 1.6s .25s ease forwards}
.cmp-chart.chart-on .ln{animation:draw 1.6s .5s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.cmp-chart .leg{display:flex;gap:26px;justify-content:center;margin-top:22px;font-family:var(--ft);font-size:13.5px;font-weight:700;flex-wrap:wrap}
.cmp-chart .leg span{display:flex;align-items:center;gap:8px;color:var(--grey)}
.cmp-chart .leg i{width:22px;height:4px;border-radius:99px;display:inline-block}
/* F : mini calculateur inline */
.cmp-mini{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(11,21,36,.10);padding:44px}
.cmp-mini .mrow{display:grid;grid-template-columns:1fr 1.4fr;gap:44px;align-items:center}
.cmp-mini .mout{display:flex;flex-direction:column;gap:14px}
.cmp-mini .mline{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center}
.cmp-mini .mwho{font-family:var(--ft);font-weight:700;font-size:14.5px}
.cmp-mini .mbar{height:30px;border-radius:9px;background:#EEF1F8;overflow:hidden;position:relative}
.cmp-mini .mfill{position:absolute;inset:0 auto 0 0;border-radius:9px;transition:width .7s cubic-bezier(.22,1,.36,1)}
.cmp-mini .mh .mfill{background:#CBD4E4}.cmp-mini .ma .mfill{background:#93B4F5}.cmp-mini .mn .mfill{background:var(--grad)}
.cmp-mini .mval{font-family:var(--ft);font-weight:800;font-size:15px;min-width:86px;text-align:right}
.cmp-mini .mn .mwho,.cmp-mini .mn .mval{color:var(--blue)}
@media(max-width:820px){.cmp-mini .mrow{grid-template-columns:1fr}}

/* ══════════ Démo polish : nav scroll, burger, sticky CTA, form success ══════════ */
.nav{transition:box-shadow .25s,background .25s}
.nav.scrolled{box-shadow:0 6px 24px rgba(11,21,36,.08);background:rgba(255,255,255,.95)}
.nav.scrolled .nav-in{height:58px}
.nav-in{transition:height .25s}
/* burger */
.burger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;place-items:center;flex:none}
.burger svg{stroke:var(--ink)}
.mmenu{position:fixed;inset:0;z-index:99;background:rgba(11,21,36,.45);opacity:0;pointer-events:none;transition:.25s;overflow:hidden}
.mmenu.open{opacity:1;pointer-events:auto}
.mmenu-panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,85vw);background:#fff;padding:26px;transform:translateX(100%);transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;gap:6px}
.mmenu.open .mmenu-panel{transform:none}
.mmenu-panel a.mlink{font-family:var(--ft);font-weight:700;font-size:17px;color:var(--ink);padding:13px 10px;border-radius:11px}
.mmenu-panel a.mlink:active,.mmenu-panel a.mlink.active{background:#EAF0FE;color:var(--blue)}
.mmenu-close{align-self:flex-end;width:40px;height:40px;border:none;background:var(--bg);border-radius:11px;cursor:pointer;display:grid;place-items:center;margin-bottom:14px}
/* sticky CTA mobile */
.mcta{display:none;position:fixed;left:14px;right:14px;bottom:14px;z-index:60}
.mcta a{display:flex;justify-content:center;width:100%;box-shadow:0 14px 40px rgba(30,90,240,.45)}
@media(max-width:900px){
  .burger{display:grid}
  .mcta{display:block}
  body{padding-bottom:76px}
}
/* form success */
.form-ok{text-align:center;padding:34px 10px;animation:pop .45s cubic-bezier(.22,1,.36,1)}
@keyframes pop{0%{opacity:0;transform:scale(.92) translateY(10px)}100%{opacity:1;transform:none}}
.form-ok .okc{width:74px;height:74px;border-radius:50%;background:var(--grad);display:grid;place-items:center;margin:0 auto 20px;box-shadow:0 16px 40px rgba(30,90,240,.35)}
.form-ok .okc svg{stroke-dasharray:40;stroke-dashoffset:40;animation:tick .6s .25s ease forwards}
@keyframes tick{to{stroke-dashoffset:0}}
.form-ok h3{font-size:22px;font-weight:800;margin-bottom:8px}
.form-ok p{font-size:15px;color:var(--grey);max-width:40ch;margin:0 auto}

/* ══════════ Responsive layer ══════════ */
@media(max-width:1024px){
  .wrap,.nav-in{padding-left:24px;padding-right:24px}
  section{padding:80px 0}
  .hero-grid{gap:40px}
}
@media(max-width:900px){
  section{padding:64px 0}
  section .wrap>*{min-width:0;max-width:100%}
  .fg select,.fg input{min-width:0}
  .calendly-inline-widget,.calendly-inline-widget iframe{max-width:100%}
  .nav-in>div>a.btn{display:none}
  .nav-in{justify-content:flex-start;gap:10px}
  .nav-in .logo{margin-right:auto}
  .hero-light{padding-top:56px}
  .hero-grid{padding-bottom:56px}
  .compare,.cmp-mini,.cmp-chart,.cmp-cols{padding:28px 20px}
  .form-card{padding:30px 22px}
  .promise{padding:28px 22px}
  .door{padding:32px 24px}
  .b-card{padding:26px 22px}
  .step{padding:28px 24px}
  .cmp-mini .mrow{gap:28px}
}
@media(max-width:640px){
  .wrap,.nav-in{padding-left:18px;padding-right:18px}
  section{padding:52px 0}
  .nav-in{gap:12px}
  .stats-light{grid-template-columns:1fr 1fr!important}
  .stats-light>div:last-child:nth-child(odd){grid-column:1/-1}
  .stats-light>div{padding:20px 10px}
  .foot{grid-template-columns:1fr 1fr;gap:28px}
  .foot>div:first-child{grid-column:1/-1}
  .foot-base{flex-direction:column;gap:6px}
  .hero-trust{gap:14px;font-size:12.5px}
  .chip-48{right:0}
  .chip-check-l,.chip-check{left:0;bottom:16px}
  .prop-card-l .img,.prop-card .img{height:150px}
  .crow{grid-template-columns:72px 1fr 58px;gap:10px}
  .crow .who{font-size:13px}
  .crow .val{font-size:13px}
  .crow .bar{height:28px}
  .cmp-mini .mline{grid-template-columns:72px 1fr auto;gap:10px}
  .cmp-mini .mwho{font-size:13px}
  .cmp-mini .mval{min-width:66px;font-size:13px}
  .cmp-mini .mbar{height:24px}
  .tabs{width:100%;justify-content:center}
  .tabs button{padding:10px 13px;font-size:13px;flex:1}
  .calc-in,.calc-out{padding:26px 20px!important}
  .gallery{gap:12px}
  .testi blockquote{font-size:19px}
  .marquee-track{gap:40px}
  .btn{padding:13px 20px;font-size:14.5px}
  .btn-sm{padding:10px 15px;font-size:13px}
  .sec-intro{font-size:15.5px}
  .faq summary{font-size:15.5px}
  .cta-final p{font-size:15.5px}
}
@media(max-width:400px){
  .hero-light h1,.hero-saas h1{font-size:33px}
  .sec-title{font-size:26px}
  .stats-light b{font-size:22px}
  .lang-switch a{padding:5px 10px;font-size:12px}
  .logo{font-size:19px}
}