@font-face{
  font-family:'Fredoka One';
  src:url('application/assets/fonts/FredokaOne-Regular.otf') format('opentype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
:root{
  --ink:#55677e;
  --ink-deep:#435a7b;
  --muted:#7589a3;
  --gold:#f4c93c;
  --gold-deep:#d49d19;
  --gold-soft:#fff6d8;
  --blue:#7fa8ff;
  --blue-deep:#5a7be0;
  --blue-soft:#eef4ff;
  --sky:#dff0ff;
  --mint:#dff8ef;
  --mint-soft:#f2fcf8;
  --pink:#ffd2e2;
  --pink-soft:#fff5f8;
  --peach:#ffe2b8;
  --surface:#ffffff;
  --line:#dde8f2;
  --shadow:0 24px 56px rgba(88,111,148,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  font-family:'Fredoka One',sans-serif;
  background:
    radial-gradient(circle at 6% 8%, rgba(255,209,145,.42), transparent 28%),
    radial-gradient(circle at 94% 10%, rgba(164,202,255,.42), transparent 26%),
    radial-gradient(circle at 80% 88%, rgba(255,195,214,.30), transparent 22%),
    linear-gradient(180deg,#fff8ee 0%,#f2f7ff 46%,#f8fff9 100%);
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.site-header,
main,
footer{max-width:1440px;margin:0 auto}
.site-header{
  padding:18px 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand img{width:210px;height:auto}
.brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.brand-copy span{font:10px/1.2 'Fredoka One',sans-serif;letter-spacing:.14em;color:#cb9a3f}
.brand-copy strong{font:24px/1.05 'Fredoka One',sans-serif;color:#576a87;white-space:nowrap}
.header-version-note{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  border:1px solid #e2ebf0;
  color:#6c7f97;
  font:12px/1 'Fredoka One',sans-serif;
  white-space:nowrap;
  box-shadow:0 10px 22px rgba(87,113,134,.07);
}
.header-version-dot{
  width:8px;height:8px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--blue));
  box-shadow:0 0 0 4px rgba(242,201,88,.15);
}
main{padding:10px 32px 52px}
.eyebrow{font:11px/1.2 'Fredoka One',sans-serif;letter-spacing:.15em;color:#c39143;margin-bottom:12px;text-transform:uppercase}
.hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(500px,1.03fr);
  gap:44px;
  align-items:center;
  padding:34px 0 56px;
}
.hero h1{
  margin:0 0 10px;
  font:60px/1 'Fredoka One',sans-serif;
  color:#506a8d;
  letter-spacing:-.02em;
  max-width:720px;
}
.hero h2{
  margin:0;
  font:34px/1.08 'Fredoka One',sans-serif;
  color:#6c7ef0;
  max-width:760px;
}
.lead{
  margin:20px 0 22px;
  max-width:740px;
  font-size:18px;
  line-height:1.72;
  letter-spacing:.01em;
  color:#667b95;
}
.hero p,.feature-copy p,.version-card p,.possibilities p,.final-cta p,.cta-note,.factory-note span{letter-spacing:.01em}

.factory-note{
  display:flex;
  align-items:center;
  gap:16px;
  max-width:740px;
  margin:0 0 22px;
  padding:16px 18px;
  border-radius:26px;
  background:linear-gradient(135deg,#fff1c9 0%,#edf3ff 50%,#e3fff0 100%);
  border:1px solid #e3ebf1;
  box-shadow:0 14px 32px rgba(102,131,154,.10);
}
.factory-note img{width:110px;min-width:110px;height:auto}
.factory-note strong{display:inline;color:#56708f}
.factory-note span{display:block;font-size:15px;line-height:1.65;color:#61788e}
.hero-points{display:flex;gap:11px;flex-wrap:wrap;margin:0 0 22px}
.hero-points span,
.uses-list span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 15px;
  border-radius:999px;
  border:1px solid rgba(105,130,149,.10);
  font:12px/1 'Fredoka One',sans-serif;
  color:#617886;
}
.hero-points span:nth-child(1),.uses-list span:nth-child(4n+1){background:#ffd6e6}
.hero-points span:nth-child(2),.uses-list span:nth-child(4n+2){background:#dce8ff}
.hero-points span:nth-child(3),.uses-list span:nth-child(4n+3){background:#dff8ea}
.hero-points span:nth-child(4),.uses-list span:nth-child(4n){background:#ffeabf}
.version-choice{
  display:grid;
  grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);
  gap:18px;
  max-width:820px;
}
.version-card{
  position:relative;
  min-width:0;
  padding:22px 22px 20px;
  border-radius:28px;
  border:1px solid #dbe6ed;
  background:#fff;
  box-shadow:0 18px 40px rgba(83,111,132,.11);
  display:flex;
  flex-direction:column;
  gap:12px;
  overflow:hidden;
}
.version-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:8px;
  border-radius:28px 0 0 28px;
}
.version-card-premium{
  background:linear-gradient(145deg,#fff4cf 0%,#fffdf6 82%);
  border-color:#efd593;
  box-shadow:0 24px 48px rgba(197,157,54,.18);
  transform:translateY(-6px);
}
.version-card-premium::before{background:linear-gradient(180deg,var(--gold),var(--gold-deep))}
.version-card-featured{outline:2px solid rgba(242,201,88,.38)}
.version-card-trial{
  background:linear-gradient(145deg,#eef3ff 0%,#ffffff 84%);
  border-color:#dae7f5;
}
.version-card-trial::before{background:linear-gradient(180deg,#8bbce1,#8091cd)}
.version-highlight{
  position:absolute;
  top:14px;right:14px;
  display:inline-flex;
  align-items:center;justify-content:center;
  min-height:30px;
  padding:6px 12px;
  border-radius:999px;
  background:linear-gradient(135deg,#f7df95,#efc55d);
  color:#6b5118;
  font:12px/1 'Fredoka One',sans-serif;
  box-shadow:0 8px 18px rgba(206,165,51,.18);
}
.version-card-head{display:flex;flex-direction:column;gap:6px;padding-right:92px}
.version-kicker{font:11px/1.2 'Fredoka One',sans-serif;letter-spacing:.12em;color:#b38846;text-transform:uppercase}
.version-card h3{margin:0;font:37px/1 'Fredoka One',sans-serif;color:#556e7d}
.version-card p{margin:0;font-size:16px;line-height:1.62;color:#627b88}
.version-benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.version-benefits li{position:relative;padding-left:18px;color:#6f8590;font-size:14px;line-height:1.45}
.version-benefits li::before{content:"•";position:absolute;left:0;top:0;color:#94a7b2;font-weight:bold}
.version-btn{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:58px;
  padding:16px 22px;
  border-radius:20px;
  font:17px/1 'Fredoka One',sans-serif;
  transition:transform .18s ease, box-shadow .18s ease;
}
.version-btn:hover{transform:translateY(-2px)}
.version-btn-premium{
  background:linear-gradient(135deg,#f4d777,#e6b84a);
  color:#694f17;
  border:1px solid rgba(255,248,221,.96);
  box-shadow:0 16px 30px rgba(201,159,49,.27);
}
.version-btn-trial{
  background:linear-gradient(135deg,#89b7d9,#7d8fc8);
  color:#fff;
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 12px 26px rgba(96,126,166,.22);
}
.version-btn span{font-size:18px;line-height:.8}
.cta-note{margin:14px 0 0;max-width:760px;color:#8698a1;font-size:13px;line-height:1.55}
.hero-demo{min-width:0}
.hero-stage{
  position:relative;
  min-height:720px;
  border-radius:38px;
  padding:30px;
  background:linear-gradient(145deg,#ffe7ad 0%,#e8f0ff 46%,#dff8ef 100%);
  border:1px solid #e3edf2;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.hero-stage-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(2px);
  opacity:.65;
}
.hero-stage-glow-one{
  width:260px;height:260px;
  background:radial-gradient(circle, rgba(252,217,136,.75) 0%, rgba(252,217,136,0) 68%);
  top:-40px;right:-40px;
}
.hero-stage-glow-two{
  width:280px;height:280px;
  background:radial-gradient(circle, rgba(170,205,255,.55) 0%, rgba(170,205,255,0) 72%);
  left:-60px;bottom:-60px;
}
.demo-sticker{
  position:absolute;
  left:24px;top:24px;
  z-index:4;
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.92);
  border:1px solid #e2ebf1;
  box-shadow:0 12px 22px rgba(92,119,139,.11);
}
.demo-sticker img{width:42px;height:auto}
.demo-sticker span{font:13px/1.3 'Fredoka One',sans-serif;color:#667e8d;max-width:180px}
.card-head{
  padding:14px 16px 0;
  font:14px/1 'Fredoka One',sans-serif;
  color:#688190;
}
.hero-product-card,
.hero-app-card,
.hero-settings-card{
  position:absolute;
  border-radius:28px;
  background:#fff;
  border:1px solid #e3ebf1;
  overflow:hidden;
  box-shadow:0 18px 36px rgba(76,105,129,.13);
}
.hero-product-card{
  left:24px;top:118px;
  width:min(44%,330px);
  padding-bottom:16px;
  transform:rotate(-2.5deg);
  z-index:3;
}
.hero-product-card img{
  width:100%;height:auto;max-height:580px;object-fit:contain;
  padding:12px 14px 0;
}
.hero-app-card{
  right:24px;top:54px;
  width:min(56%,520px);
  transform:rotate(.8deg);
  z-index:2;
}
.hero-app-card img{width:100%;height:340px;object-fit:cover;object-position:center top;padding:10px 10px 14px}
.hero-settings-card{
  right:46px;bottom:30px;
  width:min(44%,360px);
  background:#fbfdff;
  transform:rotate(-2.2deg);
  z-index:3;
}
.hero-settings-card img{width:100%;height:235px;object-fit:cover;object-position:center top;padding:10px 10px 14px}
.demo-badge{
  position:absolute;z-index:4;
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  border:1px solid #e2ebf1;
  box-shadow:0 12px 22px rgba(88,117,140,.12);
  font:12px/1 'Fredoka One',sans-serif;
  color:#637986;
}
.badge-one{right:56px;top:18px}
.badge-two{left:44%;bottom:18px;transform:translateX(-50%)}
.quick-intro{
  padding:28px 0 8px;
  border-top:1px solid var(--line);
}
.section-heading{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  column-gap:56px;
  align-items:end;
  margin-bottom:28px;
}
.section-heading h2{grid-column:1;margin:0;font:40px/1.08 'Fredoka One',sans-serif;color:#4d6676}
.section-heading p{grid-column:2;grid-row:1/3;margin:0;color:#6f8691;font-size:16px;line-height:1.7;max-width:620px}
.feature-grid-marketing{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:start;
}
.feature-item{
  min-width:0;
  border-radius:30px;
  padding:24px;
  border:1px solid #e1ebf1;
  box-shadow:0 16px 34px rgba(86,116,139,.08);
  display:flex;flex-direction:column;gap:18px;
}
.feature-pink{background:linear-gradient(180deg,#ffe4ee 0%,#ffffff 100%)}
.feature-blue{background:linear-gradient(180deg,#e2ebff 0%,#ffffff 100%)}
.feature-mint{background:linear-gradient(180deg,#e1fbef 0%,#ffffff 100%)}
.step{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  background:#fff;border:1px solid #dfe8ee;color:#7d94c5;
  font:16px/1 'Fredoka One',sans-serif;
  margin-bottom:10px;
}
.feature-copy h3{margin:0 0 10px;font:28px/1.08 'Fredoka One',sans-serif;color:#536a88}
.feature-copy p{margin:0;font-size:15.5px;line-height:1.64;color:#6b818d}
.focus-visual,
.focus-visual img{border-radius:20px}
.focus-visual{
  background:#fff;
  border:1px solid #e6eef3;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
}
.focus-visual img{width:100%;height:100%;object-fit:contain;object-position:center top;background:#fff}
.focus-visual-tall{height:520px}
.feature-split-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.feature-split-duo .focus-visual{height:300px}
.possibilities{
  margin-top:36px;
  padding:38px 40px;
  border-radius:34px;
  background:linear-gradient(135deg,#ffe7c7 0%,#e7eeff 48%,#ddfaea 100%);
  border:1px solid #e2ebf0;
  box-shadow:0 18px 36px rgba(90,120,142,.08);
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(340px,.97fr);
  gap:36px;
  align-items:center;
}
.possibilities h2{margin:0 0 12px;font:38px/1.06 'Fredoka One',sans-serif;color:#526b87}
.possibilities p{margin:0;font-size:16px;line-height:1.7;color:#6b818d;max-width:760px}
.uses-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.possibilities-side{display:flex;justify-content:center}
.photo-example-fan{
  position:relative;
  width:min(100%,560px);
  min-height:600px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.fan-card{
  position:absolute;
  margin:0;
  border-radius:30px;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#fff8ee 100%);
  border:1px solid #e6edf3;
  box-shadow:0 24px 42px rgba(86,115,136,.16);
  padding:14px;
  transition:transform .25s ease, box-shadow .25s ease;
}
.fan-card img{
  display:block;
  width:100%;
  height:auto;
  border-radius:22px;
}
.fan-card-left{
  width:280px;
  left:18px;
  bottom:34px;
  transform:rotate(-11deg);
  z-index:1;
}
.fan-card-center{
  width:320px;
  z-index:3;
  transform:translateY(-8px);
}
.fan-card-right{
  width:300px;
  right:8px;
  top:36px;
  transform:rotate(10deg);
  z-index:2;
}
.photo-example-fan:hover .fan-card-left{transform:rotate(-9deg) translate(-6px,-4px)}
.photo-example-fan:hover .fan-card-center{transform:translateY(-14px) scale(1.02)}
.photo-example-fan:hover .fan-card-right{transform:rotate(8deg) translate(6px,-6px)}
.final-cta{
  margin-top:34px;
  padding:32px 34px;
  border-radius:28px;
  border:1px solid #e3ebf1;
  background:linear-gradient(135deg,#fff6de 0%,#ffffff 55%,#f2f7ff 100%);
}
.final-cta h2{margin:0;font:34px/1.1 'Fredoka One',sans-serif;color:#546d88;max-width:920px}
.final-cta p{margin:12px 0 0;font-size:15px;line-height:1.65;color:#6f8590;max-width:860px}
footer{
  padding:22px 32px 34px;
  display:flex;align-items:center;justify-content:center;gap:14px;
  color:#93a3ab;font-size:12px;
}
footer img{width:145px;height:auto;opacity:.92}

@media (max-width:1240px){
  .hero{grid-template-columns:1fr;gap:28px}
  .hero h1{max-width:none}
  .hero h2{max-width:none}
  .hero-stage{min-height:660px;max-width:900px;margin:0 auto}
  .hero-product-card{width:min(42%,320px)}
  .hero-app-card{width:min(54%,470px)}
  .hero-settings-card{width:min(42%,340px)}
  .section-heading{grid-template-columns:1fr;gap:12px}
  .section-heading .eyebrow,.section-heading h2,.section-heading p{grid-column:1;grid-row:auto}
  .feature-grid-marketing{grid-template-columns:1fr}
  .feature-split-duo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .possibilities{grid-template-columns:1fr}
}
@media (max-width:900px){
  .site-header{padding:16px 18px;align-items:flex-start;flex-direction:column}
  .brand img{width:170px}
  .brand-copy strong{font-size:20px}
  main{padding:8px 18px 38px}
  .hero{padding:18px 0 42px}
  .hero h1{font-size:48px}
  .hero h2{font-size:28px}
  .lead{font-size:17px}
  .factory-note{padding:14px 15px}
  .factory-note img{width:86px;min-width:86px}
  .version-choice{grid-template-columns:1fr}
  .version-card-premium{transform:none}
  .hero-stage{min-height:0;padding:22px;display:grid;gap:16px}
  .demo-sticker,.hero-product-card,.hero-app-card,.hero-settings-card,.demo-badge{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none}
  .demo-sticker{justify-content:flex-start}
  .demo-sticker span{max-width:none}
  .hero-product-card,.hero-app-card,.hero-settings-card{width:100%}
  .hero-product-card{order:1}
  .hero-app-card{order:2}
  .hero-settings-card{order:3}
  .hero-product-card img{max-height:none}
  .hero-app-card img{height:auto;max-height:340px}
  .hero-settings-card img{height:auto;max-height:300px}
  .badge-one,.badge-two{display:none}
  .section-heading h2{font-size:34px}
  .focus-visual-tall{height:440px}
  .feature-split-duo .focus-visual{height:280px}
  .possibilities{padding:26px 24px}
  .possibilities h2{font-size:31px}
  .final-cta{padding:26px 22px}
  .final-cta h2{font-size:28px}
  footer{padding:22px 18px 30px;flex-direction:column;text-align:center}
}
@media (max-width:640px){
  .brand-copy span{display:none}
  .header-version-note{font-size:10px;padding:8px 10px}
  .hero h1{font-size:40px}
  .hero h2{font-size:24px}
  .lead{font-size:16px}
  .hero-points{gap:8px}
  .hero-points span,.uses-list span{font-size:11px;padding:10px 12px}
  .version-card{padding:18px}
  .version-card h3{font-size:29px}
  .version-card-head{padding-right:0}
  .version-highlight{position:static;align-self:flex-start;margin-bottom:2px}
  .hero-stage{padding:16px}
  .demo-sticker{padding:10px 12px}
  .demo-sticker img{width:34px}
  .section-heading h2{font-size:29px}
  .feature-item{padding:18px}
  .feature-copy h3{font-size:24px}
  .feature-split-duo{grid-template-columns:1fr}
  .focus-visual-tall,
  .feature-split-duo .focus-visual{height:auto;max-height:none}
  .focus-visual img{height:auto}
  .uses-list{gap:8px}
  .possibilities{padding:22px 18px}
  .photo-example-fan{width:min(100%,520px);min-height:560px}
  .final-cta h2{font-size:25px}
}

/* V95 adjustments */
.demo-sticker,.badge-one{display:none !important;}
.photo-example-fan{width:min(100%,560px);min-height:620px;}
.possibilities h2{color:#5269a2;}
.feature-copy h3,.section-heading h2,.final-cta h2,.version-card h3{color:#4f688e;}

/* V96 - communication plus sobre et message "une seule liste" */
.factory-note-simple{
  max-width:650px;
  padding:12px 16px;
  gap:13px;
  background:rgba(255,255,255,.72);
  border-color:#e0e8f0;
  box-shadow:0 10px 24px rgba(86,111,145,.08);
}
.factory-note-simple img{width:62px;min-width:62px;}
.factory-note-simple strong{display:block;font-size:17px;color:#526a8b;margin-bottom:2px;}
.factory-note-simple span{font-size:14px;line-height:1.45;color:#718399;}
.version-card{gap:14px;}
.hero-points{margin-bottom:24px;}
.quick-intro{padding-top:34px;}
.possibilities{margin-bottom:14px;}
@media(max-width:640px){
  .factory-note-simple img{width:50px;min-width:50px;}
}


/* V97 - section 3 et CTA plus mis en valeur */
.hero{padding-bottom:64px;}
.hero h1{color:#4c6590;}
.hero h2{color:#7183f2;}
.lead{color:#5f768f;}
.factory-note-simple{
  position:relative;
  max-width:760px;
  padding:18px 22px;
  gap:18px;
  background:linear-gradient(135deg,#fff7cf 0%, #ffffff 28%, #eef4ff 62%, #e5fff1 100%);
  border:2px solid rgba(241,201,60,.32);
  box-shadow:0 18px 38px rgba(88,114,149,.13);
  overflow:hidden;
}
.factory-note-simple::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:12px;
  background:linear-gradient(180deg,#f2c84f 0%, #7fa8ff 55%, #8addb0 100%);
}
.factory-note-simple::after{
  content:"";
  position:absolute;
  right:18px; top:16px;
  width:74px; height:74px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,211,111,.24) 0%, rgba(255,211,111,0) 72%);
  pointer-events:none;
}
.factory-note-simple img{width:74px;min-width:74px;filter:drop-shadow(0 6px 12px rgba(99,124,153,.12));}
.factory-note-simple strong{display:block;font-size:24px;line-height:1.12;color:#4f6890;margin-bottom:4px;}
.factory-note-simple span{font-size:16px;line-height:1.52;color:#637990;max-width:520px;}
.hero-points span:nth-child(1),.uses-list span:nth-child(4n+1){background:#ffc7de;}
.hero-points span:nth-child(2),.uses-list span:nth-child(4n+2){background:#cfe1ff;}
.hero-points span:nth-child(3),.uses-list span:nth-child(4n+3){background:#d0f7df;}
.hero-points span:nth-child(4),.uses-list span:nth-child(4n){background:#ffe1a4;}
.feature-pink{background:linear-gradient(180deg,#ffdbe8 0%,#ffffff 100%);}
.feature-blue{background:linear-gradient(180deg,#d9e6ff 0%,#ffffff 100%);}
.feature-mint{background:linear-gradient(180deg,#d8f8e8 0%,#ffffff 100%);}
.possibilities{
  background:linear-gradient(135deg,#ffe4ba 0%,#e0e8ff 48%,#d4f7e5 100%);
  box-shadow:0 20px 40px rgba(90,120,142,.11);
}
.quick-intro{
  margin-top:34px;
  padding:40px 0 8px;
  border-top:1px solid var(--line);
}
.section-heading h2{color:#4d638b;}
.section-heading p{color:#677c91;}
@media(max-width:900px){
  .factory-note-simple{padding:16px 18px;gap:14px;}
  .factory-note-simple strong{font-size:21px;}
  .factory-note-simple span{font-size:15px;}
}
@media(max-width:640px){
  .factory-note-simple{padding:14px 16px 14px 18px;}
  .factory-note-simple strong{font-size:19px;}
  .factory-note-simple span{font-size:14px;}
  .factory-note-simple img{width:58px;min-width:58px;}
}


/* V98 - carte usages plus sobre, étiquette réduite, boutons simplifiés */
.hero-points span,
.uses-list span{
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(117,139,160,.18);
  color:#5f7690;
  box-shadow:0 6px 12px rgba(103,127,150,.05);
}
.uses-list{gap:12px;margin-top:20px;}
.possibilities{
  grid-template-columns:minmax(0,1.16fr) minmax(260px,.84fr);
  gap:28px;
  padding:34px 36px;
}
.photo-example-focus{
  width:min(100%,300px) !important;
  padding:14px;
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff 0%,#fff9ef 100%);
}
.photo-example-focus img{
  border-radius:20px;
}
.version-btn{gap:0;}
.version-btn-premium,.version-btn-trial{letter-spacing:.01em;}
@media (max-width:1240px){
  .possibilities{grid-template-columns:1fr;gap:22px;padding:24px 20px;}
}
@media (max-width:900px){
  .photo-example-focus{width:min(100%,260px) !important;}
}


/* V99 - déplacement du bandeau et des pastilles */
.factory-note-stage{
  position:absolute;
  top:18px;
  left:calc(50% - 10px);
  width:min(48%, 430px);
  max-width:430px;
  z-index:6;
  margin:0;
}
.hero-stage{padding-top:104px;}
.hero-product-card{top:140px;}
.hero-app-card{top:92px;}
.hero-settings-card{bottom:30px;}
.points-banner{
  position:relative;
  z-index:4;
  margin:18px 0 -8px;
  display:flex;
  justify-content:flex-start;
}
.hero-points-banner{
  margin:0;
  padding:10px 14px;
  border-radius:24px;
  background:linear-gradient(135deg,#fff7cf 0%, #eef4ff 48%, #e5fff1 100%);
  border:1px solid rgba(233,218,144,.55);
  box-shadow:0 14px 28px rgba(88,114,149,.09);
}
.hero-points-banner span{
  background:#fff !important;
}
@media (max-width:1240px){
  .factory-note-stage{left:24px;right:24px;width:auto;max-width:none;}
  .hero-stage{padding-top:128px;}
  .points-banner{margin:16px 0 0;}
}
@media (max-width:900px){
  .factory-note-stage{position:relative;top:auto;left:auto;right:auto;width:auto;max-width:none;margin:0 0 8px;}
  .hero-stage{padding-top:22px;}
  .hero-points-banner{padding:12px;justify-content:center;}
  .points-banner{margin:14px 0 0;}
}


/* V100 - éventail d’étiquettes dans la section usages */
@media (max-width:1240px){
  .photo-example-fan{width:min(100%,560px);min-height:620px;}
}
@media (max-width:900px){
  .photo-example-fan{width:min(100%,360px);min-height:430px;}
  .fan-card{padding:10px;border-radius:22px;}
  .fan-card img{border-radius:16px;}
  .fan-card-left{width:180px;left:2px;bottom:26px;}
  .fan-card-center{width:220px;}
  .fan-card-right{width:190px;right:0;top:18px;}
}
@media (max-width:560px){
  .photo-example-fan{width:min(100%,300px);min-height:355px;}
  .fan-card-left{width:150px;left:0;bottom:18px;}
  .fan-card-center{width:188px;}
  .fan-card-right{width:155px;right:0;top:16px;}
}


/* V102 - bandeau slogan + éventail plus ouvert */
.factory-note-stage{display:none !important;}
.hero-stage{padding-top:22px;}
.points-banner{
  margin:20px 0 0;
  justify-content:center;
}
.hero-points-banner{
  padding:10px 16px;
}
.sales-banner-wrap{
  margin:18px 0 8px;
}
.sales-banner{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:center;
  padding:24px 28px;
  border-radius:30px;
  background:linear-gradient(135deg,#fff2c7 0%, #fffdfa 26%, #e8f0ff 58%, #dff8ea 100%);
  border:2px solid rgba(236,201,82,.45);
  box-shadow:0 18px 36px rgba(84,108,146,.10);
  position:relative;
  overflow:hidden;
}
.sales-banner::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:12px;
  background:linear-gradient(180deg,#f0c648 0%, #7ea8ff 55%, #81d7a5 100%);
}
.sales-banner::after{
  content:"";
  position:absolute;
  right:28px;
  top:50%;
  width:140px;
  height:140px;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,215,121,.20) 0%, rgba(255,215,121,0) 70%);
  pointer-events:none;
}
.sales-banner-icon{
  width:88px;
  height:88px;
  border-radius:24px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(225,233,241,.9);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(84,108,146,.08);
  position:relative;
  z-index:1;
}
.sales-banner-icon img{
  width:58px;
  height:auto;
}
.sales-banner-copy{
  position:relative;
  z-index:1;
}
.sales-banner .eyebrow{
  margin-bottom:8px;
}
.sales-banner h2{
  margin:0 0 6px;
  font:clamp(28px,3.2vw,42px)/1.02 'Fredoka One',sans-serif;
  color:#4e6890;
}
.sales-banner p{
  margin:0;
  font-size:clamp(17px,1.8vw,22px);
  line-height:1.4;
  color:#61778e;
  max-width:760px;
  font-weight:600;
}
.photo-example-fan{
  width:min(100%,640px);
  min-height:660px;
}
.fan-card-left{
  width:255px;
  left:-24px;
  bottom:18px;
  transform:rotate(-17deg);
}
.fan-card-center{
  width:320px;
  transform:translateY(8px);
}
.fan-card-right{
  width:255px;
  right:-24px;
  top:18px;
  transform:rotate(17deg);
}
.photo-example-fan:hover .fan-card-left{transform:rotate(-15deg) translate(-10px,-2px)}
.photo-example-fan:hover .fan-card-center{transform:translateY(2px) scale(1.02)}
.photo-example-fan:hover .fan-card-right{transform:rotate(15deg) translate(10px,-2px)}
@media (max-width:1240px){
  .sales-banner{padding:22px 24px;}
  .photo-example-fan{width:min(100%,600px);min-height:630px;}
  .fan-card-left{left:-10px;bottom:22px;}
  .fan-card-right{right:-10px;top:22px;}
}
@media (max-width:900px){
  .sales-banner{grid-template-columns:1fr;gap:14px;padding:18px 18px 20px;}
  .sales-banner::after{display:none;}
  .sales-banner-icon{width:76px;height:76px;border-radius:20px;}
  .sales-banner-icon img{width:48px;}
  .sales-banner p{font-size:16px;}
  .photo-example-fan{width:min(100%,390px);min-height:470px;}
  .fan-card-left{width:178px;left:-10px;bottom:22px;}
  .fan-card-center{width:224px;}
  .fan-card-right{width:178px;right:-10px;top:16px;}
}
@media (max-width:560px){
  .sales-banner-wrap{margin:14px 0 4px;}
  .sales-banner{border-radius:24px;}
  .photo-example-fan{width:min(100%,320px);min-height:390px;}
  .fan-card{padding:10px;border-radius:22px;}
  .fan-card img{border-radius:16px;}
  .fan-card-left{width:145px;left:-6px;bottom:18px;}
  .fan-card-center{width:188px;}
  .fan-card-right{width:145px;right:-6px;top:12px;}
}


/* V103 - design final plus sobre, Premium mis en avant, Découverte en vert doux */
body{
  background:#f7f8fb !important;
}
.site-header, main, footer{
  position:relative;
  z-index:1;
}
.header-version-note{
  background:#ffffff;
  border-color:#e4eaf0;
  color:#6a7a8f;
}
.header-version-dot{
  background:linear-gradient(135deg,#e8bf49,#91c97d);
  box-shadow:0 0 0 4px rgba(232,191,73,.14);
}
.hero{
  padding:26px 0 46px;
  gap:40px;
}
.hero h1{
  color:#4e6486;
}
.hero h2{
  color:#6d79d8;
}
.hero-demo{
  align-self:stretch;
}
.hero-stage{
  min-height:690px;
  background:linear-gradient(180deg,#fffdf8 0%, #f8fbff 100%) !important;
  border:1px solid #e8edf2;
  box-shadow:0 18px 40px rgba(93,112,140,.08);
}
.hero-stage-glow{opacity:.34;filter:blur(6px);}
.hero-stage-glow-one{
  background:radial-gradient(circle, rgba(242,201,88,.18) 0%, rgba(242,201,88,0) 70%);
}
.hero-stage-glow-two{
  background:radial-gradient(circle, rgba(151,198,255,.16) 0%, rgba(151,198,255,0) 72%);
}
.card-head{
  color:#60748f;
}
.hero-product-card,.hero-app-card,.hero-settings-card{
  box-shadow:0 16px 32px rgba(90,111,138,.10);
}
.version-choice{
  max-width:860px;
  gap:20px;
}
.version-card{
  border-radius:30px;
  box-shadow:0 14px 30px rgba(85,107,134,.08);
}
.version-card-premium{
  background:linear-gradient(180deg,#fff8df 0%, #fffef8 100%) !important;
  border-color:#ebd28a !important;
  box-shadow:0 22px 42px rgba(205,170,74,.20) !important;
  transform:translateY(-8px) scale(1.01);
}
.version-card-premium::before{
  width:10px;
  background:linear-gradient(180deg,#efc44c 0%, #d8a935 100%) !important;
}
.version-card-featured{
  outline:3px solid rgba(232,191,73,.28);
}
.version-card-trial{
  background:linear-gradient(180deg,#f2fbf3 0%, #ffffff 100%) !important;
  border-color:#cfe6cf !important;
}
.version-card-trial::before{
  width:10px;
  background:linear-gradient(180deg,#8cc78c 0%, #69ae71 100%) !important;
}
.version-highlight{
  background:linear-gradient(135deg,#f8e4a5,#ebc95d) !important;
  color:#6b5318;
}
.version-kicker{color:#b48a40;}
.version-card-trial .version-kicker{color:#6aa06f;}
.version-card h3{
  color:#516785;
}
.version-card p{
  color:#64788c;
}
.version-btn-premium{
  background:linear-gradient(135deg,#f4d777,#dfb54b) !important;
  color:#6a5219 !important;
  box-shadow:0 14px 28px rgba(210,172,68,.24) !important;
}
.version-btn-trial{
  background:linear-gradient(135deg,#9fd39c,#7fbd81) !important;
  color:#ffffff !important;
  box-shadow:0 12px 24px rgba(120,177,124,.20) !important;
}
.points-banner{
  margin:10px 0 0 !important;
}
.hero-points-banner{
  background:#ffffff !important;
  border:1px solid #e7ecf1 !important;
  box-shadow:0 10px 22px rgba(90,113,138,.06) !important;
}
.hero-points-banner span{
  background:#f7f9fc !important;
  border:1px solid #e6ebf0 !important;
  color:#62758d;
}
.sales-banner-wrap{
  margin:20px 0 18px !important;
}
.sales-banner{
  background:linear-gradient(90deg,#fff9e8 0%, #ffffff 42%, #f2fbf5 100%) !important;
  border:2px solid rgba(232,191,73,.40) !important;
  box-shadow:0 18px 34px rgba(91,111,136,.08) !important;
}
.sales-banner::before{
  width:14px !important;
  background:linear-gradient(180deg,#ebc353 0%, #8cc78c 100%) !important;
}
.sales-banner::after{display:none !important;}
.sales-banner-icon{
  width:92px;
  height:92px;
  background:#fffdfa;
  border-color:#ebe5d1;
}
.sales-banner h2{
  font-size:clamp(32px,3.8vw,48px) !important;
  color:#4e6486 !important;
}
.sales-banner p{
  font-size:clamp(18px,1.8vw,22px) !important;
  color:#5f738a !important;
}
.possibilities{
  background:#ffffff !important;
  border:1px solid #e8edf2;
  box-shadow:0 16px 32px rgba(93,112,140,.06) !important;
  position:relative;
}
.possibilities::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:8px;
  border-radius:32px 0 0 32px;
  background:linear-gradient(180deg,#efc44c 0%, #8cc78c 100%);
}
.possibilities-copy{padding-left:8px;}
.possibilities h2{color:#4d6485 !important;}
.possibilities p{color:#677a8d;max-width:580px;}
.uses-list span,
.hero-points span{
  background:#f8fafc !important;
  border:1px solid #e7edf3 !important;
  color:#62758d !important;
  box-shadow:none !important;
}
.uses-list span:nth-child(1){border-color:#f0d392 !important;}
.uses-list span:nth-child(2){border-color:#dce7c9 !important;}
.uses-list span:nth-child(3){border-color:#d9e4f6 !important;}
.uses-list span:nth-child(4){border-color:#ead8f0 !important;}
.uses-list span:nth-child(5){border-color:#f3d6d6 !important;}
.uses-list span:nth-child(6){border-color:#d8ebeb !important;}
.photo-example-fan{
  min-height:600px;
}
.fan-card{
  box-shadow:0 18px 34px rgba(85,108,138,.12);
}
.fan-card-left{
  left:-6px !important;
  bottom:40px !important;
  transform:rotate(-20deg) !important;
}
.fan-card-center{
  transform:translateY(8px) !important;
}
.fan-card-right{
  right:-8px !important;
  top:8px !important;
  transform:rotate(21deg) !important;
}
.quick-intro{
  margin-top:28px !important;
  padding-top:28px !important;
}
.section-heading p{
  max-width:620px;
  color:#6a7e91;
}
.feature-item{
  background:#ffffff !important;
  border:1px solid #e8edf2 !important;
  box-shadow:0 14px 28px rgba(93,112,140,.06) !important;
}
.feature-item{
  position:relative;
  overflow:hidden;
}
.feature-item::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:7px;
}
.feature-pink::before{background:#efc44c;}
.feature-blue::before{background:#7ea7f3;}
.feature-mint::before{background:#88c58f;}
.feature-copy{padding-left:4px;}
.feature-copy h3{color:#4f6788 !important;}
.feature-copy p{color:#677a8d;}
.focus-visual{
  background:#fbfcfe;
  border:1px solid #e8edf2;
  box-shadow:none;
}
.step{
  background:#ffffff;
  border:1px solid #dde6ef;
  color:#6d7f95;
}
footer{color:#7d8e9f;}
@media (max-width:1100px){
  .hero-stage{min-height:620px;}
}
@media (max-width:900px){
  .version-choice{grid-template-columns:1fr;}
  .version-card-premium{transform:none;}
  .sales-banner h2{font-size:30px !important;}
  .photo-example-fan{min-height:450px;}
  .fan-card-left{left:0 !important;bottom:18px !important;transform:rotate(-16deg) !important;}
  .fan-card-right{right:0 !important;top:12px !important;transform:rotate(16deg) !important;}
}


/* V104 - slogan plus visible, cadre simplifié et peps sobre */
main{
  position:relative;
  background:linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.54) 100%);
  border:1px solid #e6ecf2;
  border-radius:34px;
  box-shadow:0 18px 44px rgba(95,115,142,.06);
}
main::before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(216,225,235,.8);
  border-radius:26px;
  pointer-events:none;
}
.hero,
.points-banner,
.sales-banner-wrap,
.possibilities,
.quick-intro{
  position:relative;
  z-index:1;
}
.sales-banner-wrap{
  margin:18px 0 20px !important;
}
.sales-banner{
  grid-template-columns:128px minmax(0,1fr) !important;
  align-items:center;
  gap:24px !important;
  padding:26px 28px !important;
  background:linear-gradient(90deg,#fffdf2 0%, #ffffff 48%, #f4fbf6 100%) !important;
  border:none !important;
  border-radius:34px !important;
  box-shadow:0 18px 36px rgba(98,117,143,.10) !important;
}
.sales-banner::before{
  width:10px !important;
  background:linear-gradient(180deg,#e7bd4b 0%, #8fc78f 100%) !important;
  border-radius:34px 0 0 34px;
}
.sales-banner-icon{
  width:112px !important;
  height:112px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#ffffff 0%, #fbfcff 100%) !important;
  border:1px solid #e8edf2 !important;
  box-shadow:0 10px 20px rgba(96,115,141,.08);
}
.sales-banner-icon img{
  width:68px !important;
}
.sales-banner-copy{
  padding:0 !important;
}
.sales-banner .eyebrow{
  margin-bottom:10px !important;
  font-size:14px !important;
  letter-spacing:.18em !important;
  color:#c49535 !important;
}
.sales-banner h2{
  margin:0 0 8px !important;
  font-size:clamp(42px,4.8vw,64px) !important;
  line-height:.98 !important;
  letter-spacing:-.025em !important;
  color:#4c6487 !important;
}
.sales-banner p{
  margin:0 !important;
  font-size:clamp(21px,2vw,28px) !important;
  line-height:1.25 !important;
  color:#5f738c !important;
  max-width:920px;
}
.hero-points-banner{
  box-shadow:0 12px 24px rgba(95,114,139,.08) !important;
}
.hero-points-banner span{
  background:#ffffff !important;
  box-shadow:0 6px 14px rgba(99,116,140,.06);
}
.version-card-premium{
  box-shadow:0 24px 44px rgba(205,170,74,.24) !important;
}
.version-btn-premium,
.version-btn-trial{
  letter-spacing:.01em;
}
.possibilities{
  border-radius:34px !important;
  box-shadow:0 18px 34px rgba(93,112,140,.08) !important;
}
.section-heading h2,
.possibilities h2,
.hero h1{
  text-shadow:0 1px 0 rgba(255,255,255,.6);
}
@media (max-width:900px){
  main{
    border-radius:22px;
  }
  main::before{
    inset:8px;
    border-radius:16px;
  }
  .sales-banner{
    grid-template-columns:1fr !important;
    gap:14px !important;
    padding:20px 18px !important;
  }
  .sales-banner-icon{
    width:92px !important;
    height:92px !important;
  }
  .sales-banner-icon img{
    width:56px !important;
  }
  .sales-banner h2{
    font-size:clamp(34px,7vw,46px) !important;
  }
  .sales-banner p{
    font-size:19px !important;
  }
}