.page-create-proposition{
  --cp-navy:#07173b;
  --cp-blue:#246bfd;
  --cp-cyan:#16c8e7;
  --cp-violet:#7557ff;
  --cp-green:#12b981;
  --cp-ink:#10224b;
  --cp-muted:#62708f;
  --cp-line:#dbe5f5;
  --cp-soft:#f3f7ff;
  color:var(--cp-ink);
  background:
    radial-gradient(circle at 8% 12%,rgba(22,200,231,.1),transparent 25rem),
    radial-gradient(circle at 90% 30%,rgba(117,87,255,.09),transparent 28rem),
    #f8faff;
}

.page-create-proposition .create-hero{
  position:relative;
  overflow:hidden;
  padding:74px 0 80px;
  background:
    linear-gradient(rgba(36,107,253,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(36,107,253,.045) 1px,transparent 1px),
    linear-gradient(135deg,#f8fbff 0%,#eff6ff 52%,#f5f2ff 100%);
  background-size:38px 38px,38px 38px,auto;
  border-bottom:1px solid rgba(132,157,204,.24);
}
.page-create-proposition .create-hero::before{
  content:"";
  position:absolute;
  width:650px;
  height:650px;
  right:-230px;
  top:-350px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(22,200,231,.2),rgba(36,107,253,.08) 42%,transparent 70%);
  pointer-events:none;
}
.page-create-proposition .hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
  gap:72px;
  align-items:center;
}
.page-create-proposition .hero-text{max-width:650px}
.page-create-proposition .create-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#1670bc;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
}
.page-create-proposition .create-kicker::before{
  content:"";
  width:32px;
  height:2px;
  background:linear-gradient(90deg,var(--cp-blue),var(--cp-cyan));
  border-radius:2px;
}
.page-create-proposition .create-hero h1{
  max-width:650px;
  margin:20px 0 22px;
  color:var(--cp-navy);
  font:800 clamp(42px,5vw,68px)/1.02 Poppins,Inter,sans-serif;
  letter-spacing:-.055em;
}
.page-create-proposition .create-hero h1 span{
  color:transparent;
  background:linear-gradient(100deg,var(--cp-blue),var(--cp-violet));
  -webkit-background-clip:text;
  background-clip:text;
}
.page-create-proposition .create-lead{
  max-width:590px;
  margin:0 0 30px;
  color:var(--cp-muted);
  font-size:17px;
  line-height:1.75;
}
.page-create-proposition .create-hero .actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.page-create-proposition .create-primary,
.page-create-proposition .create-secondary{
  min-height:52px;
  padding:0 21px;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-weight:800;
  text-decoration:none;
}
.page-create-proposition .create-primary{
  color:#fff;
  border:0;
  background:linear-gradient(110deg,var(--cp-blue),var(--cp-violet));
  box-shadow:0 15px 32px rgba(56,83,230,.25);
}
.page-create-proposition .create-primary:hover{transform:translateY(-2px)}
.page-create-proposition .create-secondary{
  color:var(--cp-navy);
  border:1px solid #cbd8ee;
  background:rgba(255,255,255,.72);
  box-shadow:none;
}
.page-create-proposition .create-trust{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin-top:27px;
  color:#5c6d8d;
  font-size:12px;
  font-weight:700;
}
.page-create-proposition .create-trust span{display:flex;align-items:center;gap:7px}
.page-create-proposition .create-trust i{
  width:7px;height:7px;border-radius:50%;
  background:var(--cp-green);
  box-shadow:0 0 0 4px rgba(18,185,129,.1);
}

/* Identité visuelle : studio de conception numérique */
.page-create-proposition .create-studio{
  position:relative;
  min-height:440px;
  perspective:1100px;
}
.page-create-proposition .studio-orbit{
  position:absolute;
  border:1px solid rgba(36,107,253,.16);
  border-radius:50%;
  pointer-events:none;
}
.page-create-proposition .orbit-one{width:390px;height:390px;right:0;top:18px}
.page-create-proposition .orbit-two{width:300px;height:300px;right:45px;top:63px;border-style:dashed}
.page-create-proposition .studio-window{
  position:absolute;
  width:430px;
  right:17px;
  top:66px;
  overflow:hidden;
  border:1px solid rgba(130,153,201,.35);
  border-radius:22px;
  background:rgba(255,255,255,.91);
  box-shadow:0 34px 60px rgba(23,50,104,.18);
  transform:rotateY(-7deg) rotateZ(-1deg);
  backdrop-filter:blur(12px);
}
.page-create-proposition .studio-bar{
  height:55px;
  padding:0 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #e0e8f5;
  color:#7a89a6;
  font-size:11px;
}
.page-create-proposition .studio-bar>div{display:flex;gap:6px}
.page-create-proposition .studio-bar i{width:8px;height:8px;border-radius:50%;background:#ff746b}
.page-create-proposition .studio-bar i:nth-child(2){background:#ffc95c}
.page-create-proposition .studio-bar i:nth-child(3){background:#39cf9b}
.page-create-proposition .studio-bar b{
  padding:6px 9px;
  border-radius:20px;
  color:#07916a;
  background:#e5fff6;
  font-size:9px;
  letter-spacing:.08em;
}
.page-create-proposition .studio-canvas{padding:27px 28px 30px}
.page-create-proposition .canvas-nav{display:flex;justify-content:flex-end;gap:13px}
.page-create-proposition .canvas-nav i{width:44px;height:6px;border-radius:6px;background:#e1e8f4}
.page-create-proposition .canvas-copy{margin:54px 0 46px}
.page-create-proposition .canvas-copy b{display:block;height:15px;border-radius:8px;background:linear-gradient(90deg,var(--cp-blue),var(--cp-violet));margin-bottom:12px}
.page-create-proposition .canvas-copy b:first-child{width:74%}
.page-create-proposition .canvas-copy b:nth-child(2){width:55%;opacity:.65}
.page-create-proposition .canvas-copy span{display:block;width:36%;height:9px;margin-top:22px;border-radius:8px;background:#d7e1f1}
.page-create-proposition .canvas-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.page-create-proposition .canvas-cards i{
  height:78px;
  border:1px solid #dce5f3;
  border-radius:13px;
  background:linear-gradient(145deg,#fff,#edf4ff);
}
.page-create-proposition .canvas-cards i:nth-child(2){background:linear-gradient(145deg,#e7fbff,#f3f9ff)}
.page-create-proposition .studio-float{
  position:absolute;
  z-index:2;
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 16px;
  border:1px solid rgba(140,160,201,.25);
  border-radius:14px;
  background:rgba(255,255,255,.94);
  box-shadow:0 17px 35px rgba(29,54,110,.14);
  backdrop-filter:blur(10px);
}
.page-create-proposition .studio-domain{left:-10px;top:48px}
.page-create-proposition .studio-domain>i{
  width:11px;height:11px;border-radius:50%;
  background:#20ce9b;box-shadow:0 0 0 6px rgba(32,206,155,.11)
}
.page-create-proposition .studio-float span{display:grid;gap:2px}
.page-create-proposition .studio-float small{font-size:8px;font-weight:900;letter-spacing:.09em;color:#7d8aa4}
.page-create-proposition .studio-float strong{color:var(--cp-navy);font-size:12px}
.page-create-proposition .studio-score{right:-16px;bottom:50px}
.page-create-proposition .studio-score>strong{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  color:#fff;background:linear-gradient(140deg,var(--cp-blue),var(--cp-cyan));
}
.page-create-proposition .studio-code{
  position:absolute;z-index:3;left:24px;bottom:76px;
  width:64px;height:64px;display:grid;place-items:center;
  border-radius:18px;color:#fff;font:800 20px/1 monospace;
  background:linear-gradient(145deg,var(--cp-violet),var(--cp-blue));
  box-shadow:0 18px 30px rgba(74,83,220,.27);
  transform:rotate(-7deg);
}

/* Zone offres */
.page-create-proposition #creation{
  position:relative;
  padding-top:94px;
  padding-bottom:40px;
}
.page-create-proposition .create-section-heading{
  max-width:750px;
  margin:0 auto 38px;
  text-align:center;
}
.page-create-proposition .create-section-heading .create-kicker{justify-content:center}
.page-create-proposition .create-section-heading h2{
  margin:16px 0 14px;
  color:var(--cp-navy);
  font:800 clamp(32px,4vw,48px)/1.08 Poppins,Inter,sans-serif;
  letter-spacing:-.04em;
}
.page-create-proposition .create-section-heading p{
  max-width:680px;
  margin:0 auto;
  color:var(--cp-muted);
  font-size:16px;
  line-height:1.7;
}
.page-create-proposition .step-wrap{margin:25px 0 32px}
.page-create-proposition .step-badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 13px 8px 8px;
  border:1px solid #d9e4f3;
  border-radius:999px;
  background:#fff;
  color:#566784;
  box-shadow:0 8px 22px rgba(35,63,119,.07);
  font-size:12px;
  font-weight:800;
}
.page-create-proposition .step-badge .num{
  width:25px;height:25px;border-radius:50%;
  display:grid;place-items:center;
  color:#fff;background:linear-gradient(135deg,var(--cp-blue),var(--cp-violet));
}
.page-create-proposition .prices{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:19px;
  align-items:stretch;
}
.page-create-proposition .price-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:0 25px 25px;
  border:1px solid #dbe5f4;
  border-radius:21px;
  background:rgba(255,255,255,.92);
  box-shadow:0 20px 45px rgba(30,56,110,.09);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.page-create-proposition .price-card::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#42cde7,var(--cp-blue));
}
.page-create-proposition .price-card:nth-child(2)::before{background:linear-gradient(90deg,#21c99a,#17a9c8)}
.page-create-proposition .price-card:nth-child(3)::before{background:linear-gradient(90deg,#7557ff,#e16de3)}
.page-create-proposition .price-card:hover{
  transform:translateY(-7px);
  border-color:#b8cae8;
  box-shadow:0 28px 55px rgba(30,56,110,.15);
}
.page-create-proposition .price-card.featured{
  margin-top:-12px;
  margin-bottom:-12px;
  border-color:rgba(36,107,253,.38);
  box-shadow:0 25px 60px rgba(36,107,253,.16);
}
.page-create-proposition .plan-topline{
  margin:0 -25px 23px;
  min-height:61px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #e5ecf7;
  background:linear-gradient(110deg,#f8fbff,#edf5ff);
}
.page-create-proposition .price-card:nth-child(2) .plan-topline{background:linear-gradient(110deg,#f4fffb,#e8fbf8)}
.page-create-proposition .price-card:nth-child(3) .plan-topline{background:linear-gradient(110deg,#faf8ff,#f2edff)}
.page-create-proposition .plan-topline span{
  color:#d0dcf0;
  font:800 25px/1 Poppins,sans-serif;
}
.page-create-proposition .plan-topline b{
  color:#6680a5;
  font-size:9px;
  letter-spacing:.14em;
}
.page-create-proposition .price-card h3{
  min-height:52px;
  margin:0 0 14px;
  color:var(--cp-navy)!important;
  font:800 19px/1.35 Poppins,Inter,sans-serif;
}
.page-create-proposition .pc-price{
  margin:0 -25px 20px;
  padding:18px 25px;
  border-top:1px solid #edf1f7;
  border-bottom:1px solid #edf1f7;
  background:#fbfcff;
}
.page-create-proposition .pc-price span{
  color:var(--cp-blue);
  font:800 25px/1.15 Poppins,Inter,sans-serif;
}
.page-create-proposition .pc-features{
  flex:1;
  display:grid;
  align-content:start;
  gap:11px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-create-proposition .pc-features li{
  position:relative;
  padding-left:23px;
  color:#475a7b;
  font-size:12.5px;
  line-height:1.45;
}
.page-create-proposition .pc-features li::before{
  content:"✓";
  position:absolute;left:0;top:0;
  width:16px;height:16px;border-radius:50%;
  display:grid;place-items:center;
  color:#068765;background:#e5faf4;
  font-size:9px;font-weight:900;
}
.page-create-proposition .pc-features li.no{color:#9aa6b9}
.page-create-proposition .pc-features li.no::before{
  content:"–";
  color:#8995aa;
  background:#eff2f7;
}
.page-create-proposition .price-card>a.btn{
  width:100%;
  min-height:49px;
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:12px;
  color:#fff;
  background:var(--cp-navy);
  box-shadow:none;
  text-decoration:none;
  font-weight:800;
}
.page-create-proposition .price-card:nth-child(2)>a.btn{
  background:linear-gradient(105deg,var(--cp-blue),var(--cp-violet));
  box-shadow:0 13px 26px rgba(36,107,253,.19);
}
.page-create-proposition .cgv-center{margin:44px 0 10px;text-align:center}
.page-create-proposition .cgv-btn{
  color:#526684!important;
  border:1px solid #ccd9ed!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* Configuration : domaine, informations et confirmation */
.page-create-proposition #domain-check{
  position:relative;
  overflow:hidden;
  max-width:980px;
  margin:65px auto 80px;
  padding:42px;
  border:1px solid rgba(117,142,191,.25);
  border-radius:26px;
  background:
    radial-gradient(circle at 100% 0,rgba(22,200,231,.13),transparent 21rem),
    linear-gradient(140deg,#fff,#f5f8ff);
  box-shadow:0 28px 70px rgba(27,54,109,.11);
}
.page-create-proposition #domain-check::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(var(--cp-cyan),var(--cp-blue),var(--cp-violet));
}
.page-create-proposition .domain-check{max-width:720px;margin:0 auto;text-align:center}
.page-create-proposition .domain-check h2{
  margin:0 0 20px;
  color:var(--cp-navy);
  font:800 31px/1.2 Poppins,Inter,sans-serif;
}
.page-create-proposition .dc-form{display:flex;gap:10px;align-items:stretch}
.page-create-proposition .dc-input-split{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid #cad8ed;
  border-radius:13px;
  background:#fff;
  box-shadow:0 8px 20px rgba(30,57,108,.07);
}
.page-create-proposition .dc-prefix{padding-left:17px;color:#7787a4;font-weight:700}
.page-create-proposition #dc-domain{min-width:0;flex:1;border:0!important;box-shadow:none!important;padding:15px 5px!important}
.page-create-proposition .dc-ext{
  align-self:stretch;
  padding:0 14px;
  color:var(--cp-navy);
  border:0;
  border-left:1px solid #e0e7f3;
  background:#f8faff;
  font-weight:800;
  outline:none;
}
.page-create-proposition #dc-btn,
.page-create-proposition #dc-next,
.page-create-proposition #s3-submit{
  border:0;
  border-radius:12px;
  background:linear-gradient(105deg,var(--cp-blue),var(--cp-violet));
  box-shadow:0 12px 24px rgba(36,107,253,.18);
}
.page-create-proposition .dc-result{margin-top:15px}
.page-create-proposition .step3-card{
  max-width:760px;
  margin:42px auto 0;
  padding-top:34px;
  border-top:1px solid #dfe7f3;
}
.page-create-proposition .step3-card .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.page-create-proposition .step3-card .field{display:grid;gap:7px;margin-bottom:14px;text-align:left}
.page-create-proposition .step3-card label{color:#425676;font-size:12px;font-weight:800}
.page-create-proposition .step3-card input,
.page-create-proposition .step3-card textarea{
  width:100%;
  padding:13px 14px;
  border:1px solid #cad7e9;
  border-radius:11px;
  background:#fff;
  color:#14264c;
  outline:none;
}
.page-create-proposition .step3-card input:focus,
.page-create-proposition .step3-card textarea:focus{
  border-color:#6c8df7;
  box-shadow:0 0 0 4px rgba(36,107,253,.1);
}
.page-create-proposition .step3-card .consent{display:flex;align-items:center;gap:9px}
.page-create-proposition .step3-card .consent input{width:auto}

@media(max-width:1020px){
  .page-create-proposition .hero-grid{grid-template-columns:1fr;gap:35px}
  .page-create-proposition .hero-text{max-width:760px}
  .page-create-proposition .create-studio{max-width:560px;width:100%;margin:0 auto}
  .page-create-proposition .prices{grid-template-columns:1fr;max-width:720px;margin:0 auto}
  .page-create-proposition .price-card.featured{margin:0}
  .page-create-proposition .price-card h3{min-height:0}
}
@media(max-width:680px){
  .page-create-proposition .create-hero{padding:55px 0 50px}
  .page-create-proposition .create-hero h1{font-size:42px}
  .page-create-proposition .create-studio{min-height:350px;transform:scale(.86);transform-origin:top center;margin-bottom:-45px}
  .page-create-proposition .studio-window{width:390px;right:50%;transform:translateX(50%) rotateY(-5deg)}
  .page-create-proposition .studio-domain{left:0}
  .page-create-proposition .studio-score{right:0}
  .page-create-proposition #creation{padding-top:65px}
  .page-create-proposition #domain-check{padding:28px 18px;border-radius:18px}
  .page-create-proposition .dc-form{flex-direction:column}
  .page-create-proposition .step3-card .row{grid-template-columns:1fr}
}
@media(max-width:460px){
  .page-create-proposition .create-studio{display:none}
  .page-create-proposition .create-trust{display:grid;gap:10px}
  .page-create-proposition .create-hero h1{font-size:38px}
  .page-create-proposition .create-primary,.page-create-proposition .create-secondary{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .page-create-proposition .price-card,.page-create-proposition .create-primary{transition:none}
}

/* =========================================================
   OFFRES V2 — panneaux de projet horizontaux
   ========================================================= */
.page-create-proposition .prices{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.page-create-proposition .price-card,
.page-create-proposition .price-card.featured{
  position:relative;
  isolation:isolate;
  min-height:0;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:112px minmax(210px,.72fr) minmax(390px,1.55fr) 175px;
  grid-template-areas:
    "meta title features action"
    "meta price features action";
  align-items:center;
  overflow:hidden;
  border:1px solid #d8e3f3;
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 13px 35px rgba(24,53,107,.075);
  backdrop-filter:blur(12px);
}
.page-create-proposition .price-card::before{
  width:4px;
  height:auto;
  top:0;
  bottom:0;
  right:auto;
  background:linear-gradient(180deg,#15c8e6,#256bfd);
}
.page-create-proposition .price-card:nth-child(2)::before{
  background:linear-gradient(180deg,#20d3a0,#087eaa);
}
.page-create-proposition .price-card:nth-child(3)::before{
  background:linear-gradient(180deg,#8b62ff,#d96bd9);
}
.page-create-proposition .price-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:260px;
  height:260px;
  right:-180px;
  top:-185px;
  border-radius:50%;
  background:rgba(36,107,253,.055);
}
.page-create-proposition .price-card:hover{
  transform:translateX(4px);
  border-color:#b7cae9;
  box-shadow:0 19px 40px rgba(24,53,107,.12);
}
.page-create-proposition .plan-topline{
  grid-area:meta;
  align-self:stretch;
  min-width:0;
  min-height:178px;
  margin:0;
  padding:23px 18px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  border:0;
  border-right:1px solid #e1e9f5;
  background:
    linear-gradient(rgba(36,107,253,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(36,107,253,.065) 1px,transparent 1px),
    #f4f8ff;
  background-size:14px 14px;
}
.page-create-proposition .price-card:nth-child(2) .plan-topline{
  background:
    linear-gradient(rgba(15,169,147,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,169,147,.07) 1px,transparent 1px),
    #f1fbf8;
  background-size:14px 14px;
}
.page-create-proposition .price-card:nth-child(3) .plan-topline{
  background:
    linear-gradient(rgba(117,87,255,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(117,87,255,.065) 1px,transparent 1px),
    #f8f5ff;
  background-size:14px 14px;
}
.page-create-proposition .plan-topline span{
  color:#9bb0d2;
  font:800 34px/1 Poppins,sans-serif;
  letter-spacing:-.06em;
}
.page-create-proposition .plan-topline b{
  max-width:80px;
  color:#52709e;
  font-size:8px;
  line-height:1.45;
  letter-spacing:.13em;
}
.page-create-proposition .price-card h3{
  grid-area:title;
  align-self:end;
  min-height:0;
  margin:0;
  padding:24px 24px 7px;
  color:var(--cp-navy)!important;
  font:800 18px/1.28 Poppins,Inter,sans-serif;
  letter-spacing:-.025em;
}
.page-create-proposition .pc-price{
  grid-area:price;
  align-self:start;
  margin:0;
  padding:4px 24px 25px;
  border:0;
  background:transparent;
}
.page-create-proposition .pc-price span{
  color:var(--cp-blue);
  font:800 21px/1.1 Poppins,Inter,sans-serif;
  letter-spacing:-.035em;
}
.page-create-proposition .price-card:nth-child(2) .pc-price span{color:#059477}
.page-create-proposition .price-card:nth-child(3) .pc-price span{color:#7557e8}
.page-create-proposition .pc-features{
  grid-area:features;
  align-self:stretch;
  margin:0;
  padding:22px 22px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:center;
  column-gap:20px;
  row-gap:8px;
  border-left:1px solid #e7edf6;
  border-right:1px solid #e7edf6;
  background:rgba(249,251,255,.66);
}
.page-create-proposition .pc-features li{
  min-width:0;
  padding:0 0 0 18px;
  color:#52627e;
  font-size:10.5px;
  line-height:1.35;
}
.page-create-proposition .pc-features li::before{
  top:1px;
  width:12px;
  height:12px;
  color:#078267;
  background:transparent;
  font-size:10px;
}
.page-create-proposition .pc-features li.no{opacity:.55}
.page-create-proposition .pc-features li.no::before{background:transparent}
.page-create-proposition .price-card>br{display:none}
.page-create-proposition .price-card>a.btn,
.page-create-proposition .price-card:nth-child(2)>a.btn{
  grid-area:action;
  align-self:stretch;
  width:auto;
  min-height:0;
  margin:18px;
  padding:18px 13px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  background:linear-gradient(145deg,#102650,#071735);
  box-shadow:0 10px 22px rgba(8,27,65,.14);
  font-size:11px;
  line-height:1.4;
}
.page-create-proposition .price-card:nth-child(2)>a.btn{
  background:linear-gradient(145deg,#139f8f,#087a9e);
  box-shadow:0 10px 22px rgba(8,145,135,.15);
}
.page-create-proposition .price-card:nth-child(3)>a.btn{
  background:linear-gradient(145deg,#7659ed,#5239b4);
}

/* =========================================================
   DOMAINE V2 — outil compact
   ========================================================= */
.page-create-proposition #domain-check{
  max-width:1060px;
  margin:58px auto 75px;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.page-create-proposition #domain-check::before{display:none}
.page-create-proposition #domain-check>.step-wrap{
  margin:0 0 15px;
  text-align:left;
}
.page-create-proposition #domain-check>.step-wrap .step-badge{
  border:0;
  box-shadow:none;
  background:transparent;
  padding-left:0;
}
.page-create-proposition .domain-check{
  position:relative;
  max-width:none;
  min-height:176px;
  margin:0;
  padding:30px 31px;
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(430px,1.28fr);
  align-items:center;
  gap:35px;
  overflow:hidden;
  text-align:left;
  border:1px solid #193766;
  border-radius:19px;
  background:
    radial-gradient(circle at 93% 15%,rgba(22,200,231,.16),transparent 17rem),
    linear-gradient(118deg,#071838,#0c2753);
  box-shadow:0 20px 44px rgba(15,40,84,.15);
}
.page-create-proposition .domain-check::before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-165px;
  bottom:-190px;
  border:1px solid rgba(41,208,230,.25);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(41,208,230,.025),0 0 0 56px rgba(41,208,230,.018);
}
.page-create-proposition .domain-intro{position:relative;z-index:1}
.page-create-proposition .domain-signal{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:11px;
  color:#79daf0;
  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;
}
.page-create-proposition .domain-signal i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#31d89e;
  box-shadow:0 0 0 5px rgba(49,216,158,.1);
}
.page-create-proposition .domain-check h2{
  margin:0 0 7px;
  color:#fff;
  font:800 24px/1.2 Poppins,Inter,sans-serif;
  letter-spacing:-.035em;
}
.page-create-proposition .domain-check p{
  margin:0;
  color:#9fb1cf;
  font-size:11px;
  line-height:1.55;
}
.page-create-proposition .dc-form{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 92px;
  gap:9px;
  align-items:stretch;
}
.page-create-proposition .dc-input-split{
  min-height:54px;
  border-color:rgba(255,255,255,.16);
  border-radius:11px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 25px rgba(1,11,31,.17);
}
.page-create-proposition .dc-prefix{font-size:13px}
.page-create-proposition #dc-domain{font-size:14px}
.page-create-proposition .dc-ext{font-size:13px}
.page-create-proposition #dc-btn{
  border-radius:11px;
  color:#071b3f;
  background:linear-gradient(135deg,#54e2ef,#36bff0);
  box-shadow:0 10px 23px rgba(28,192,225,.2);
  font-size:11px;
}
.page-create-proposition .domain-check .dc-result,
.page-create-proposition .domain-check #dc-action{
  grid-column:1/-1;
}
.page-create-proposition .domain-check .dc-result{color:#fff;text-align:right}

@media(max-width:1050px){
  .page-create-proposition .price-card,
  .page-create-proposition .price-card.featured{
    grid-template-columns:90px minmax(190px,.75fr) 1.25fr 150px;
  }
  .page-create-proposition .pc-features{grid-template-columns:1fr}
}
@media(max-width:820px){
  .page-create-proposition .price-card,
  .page-create-proposition .price-card.featured{
    grid-template-columns:82px 1fr 150px;
    grid-template-areas:
      "meta title action"
      "meta price action"
      "features features features";
  }
  .page-create-proposition .plan-topline{min-height:145px}
  .page-create-proposition .pc-features{
    grid-template-columns:repeat(2,minmax(0,1fr));
    border:0;
    border-top:1px solid #e7edf6;
  }
  .page-create-proposition .domain-check{
    grid-template-columns:1fr;
    gap:22px;
  }
}
@media(max-width:560px){
  .page-create-proposition .price-card,
  .page-create-proposition .price-card.featured{
    grid-template-columns:68px 1fr;
    grid-template-areas:
      "meta title"
      "meta price"
      "features features"
      "action action";
  }
  .page-create-proposition .plan-topline{padding:20px 13px}
  .page-create-proposition .price-card h3{padding-left:18px;padding-right:14px}
  .page-create-proposition .pc-price{padding-left:18px;padding-right:14px}
  .page-create-proposition .pc-features{grid-template-columns:1fr;padding:20px}
  .page-create-proposition .price-card>a.btn,
  .page-create-proposition .price-card:nth-child(2)>a.btn{min-height:48px}
  .page-create-proposition .domain-check{padding:24px 20px}
  .page-create-proposition .dc-form{grid-template-columns:1fr}
}

/* =========================================================
   SÉLECTEUR D’OFFRE — une formule visible à la fois
   ========================================================= */
.page-create-proposition .offer-selector{
  max-width:920px;
  margin:0 auto 16px;
  padding:7px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  border:1px solid #d7e3f3;
  border-radius:17px;
  background:rgba(239,245,255,.82);
  box-shadow:inset 0 1px 0 #fff,0 14px 32px rgba(32,59,111,.07);
}
.page-create-proposition .offer-tab{
  position:relative;
  min-height:72px;
  padding:12px 18px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:13px;
  border:1px solid transparent;
  border-radius:12px;
  color:#526582;
  background:transparent;
  cursor:pointer;
  text-align:left;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.page-create-proposition .offer-tab:hover{background:rgba(255,255,255,.62)}
.page-create-proposition .offer-tab>span{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  border:1px solid #cfdaeb;
  border-radius:10px;
  color:#8ba0c0;
  background:#f8fbff;
  font:800 11px/1 Poppins,sans-serif;
}
.page-create-proposition .offer-tab>b{
  color:var(--cp-navy);
  font:800 14px/1 Poppins,Inter,sans-serif;
}
.page-create-proposition .offer-tab>small{
  color:#647896;
  font-size:12px;
  font-weight:800;
}
.page-create-proposition .offer-tab>i{
  position:absolute;
  right:13px;
  bottom:-7px;
  padding:4px 8px;
  border-radius:20px;
  color:#fff;
  background:#079d82;
  box-shadow:0 5px 10px rgba(7,157,130,.18);
  font-size:7px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.page-create-proposition .offer-tab.is-active{
  border-color:#b9ccef;
  background:#fff;
  box-shadow:0 8px 21px rgba(29,62,124,.11);
  transform:translateY(-1px);
}
.page-create-proposition .offer-tab.is-active>span{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,var(--cp-blue),var(--cp-violet));
}

.page-create-proposition .offer-panels{
  max-width:920px;
  margin:0 auto;
  display:block;
}
.page-create-proposition .offer-panels .cp-plan-card,
.page-create-proposition .offer-panels .cp-plan-card.featured{
  position:relative;
  box-sizing:border-box;
  display:none;
}
.page-create-proposition .offer-panels .cp-plan-card.is-active{
  min-height:390px;
  padding:0;
  display:grid;
  grid-template-columns:255px 1fr;
  grid-template-areas:
    "summary features"
    "action features";
  align-items:stretch;
  overflow:hidden;
  border:1px solid #d8e4f4;
  border-radius:22px;
  background:#fff;
  box-shadow:0 25px 55px rgba(28,55,106,.12);
  animation:offerReveal .28s ease both;
}
@keyframes offerReveal{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}
.page-create-proposition .offer-panels .cp-plan-card::before{
  content:"";
  position:absolute;
  z-index:4;
  pointer-events:none;
  left:0;
  right:auto;
  top:0;
  bottom:0;
  width:5px;
  height:auto;
}
.page-create-proposition .offer-panels .cp-plan-card::after{
  content:"";
  position:absolute;
  z-index:0;
  border-radius:50%;
  pointer-events:none;
  width:340px;
  height:340px;
  left:-225px;
  right:auto;
  top:-180px;
  background:rgba(22,200,231,.09);
}
.page-create-proposition .offer-panels .cp-plan-head{
  position:absolute;
  z-index:2;
  left:28px;
  top:28px;
  width:199px;
  min-height:0;
  padding:0;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  border:0;
  background:transparent;
}
.page-create-proposition .offer-panels .cp-plan-head span{
  color:rgba(255,255,255,.36);
  font-size:31px;
}
.page-create-proposition .offer-panels .cp-plan-head b{
  color:rgba(255,255,255,.68);
  font-size:8px;
  text-align:right;
}
.page-create-proposition .offer-panels .cp-plan-card h3{
  position:relative;
  z-index:1;
  box-sizing:border-box;
  grid-area:summary;
  align-self:stretch;
  min-height:0;
  margin:0;
  padding:96px 28px 0;
  color:#fff!important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(145deg,#09234e,#071735);
  background-size:18px 18px,18px 18px,auto;
  font:800 22px/1.3 Poppins,Inter,sans-serif;
}
.page-create-proposition .offer-panels .cp-plan-card:nth-child(2) h3{
  background:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(145deg,#075e70,#073950);
  background-size:18px 18px,18px 18px,auto;
}
.page-create-proposition .offer-panels .cp-plan-card:nth-child(3) h3{
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(145deg,#352671,#151d4a);
  background-size:18px 18px,18px 18px,auto;
}
.page-create-proposition .offer-panels .cp-plan-price{
  position:absolute;
  z-index:2;
  left:28px;
  top:190px;
  width:195px;
  margin:0;
  padding:16px 0 0;
  border-top:1px solid rgba(255,255,255,.15);
  background:transparent;
}
.page-create-proposition .offer-panels .cp-plan-price span,
.page-create-proposition .offer-panels .cp-plan-card:nth-child(2) .cp-plan-price span,
.page-create-proposition .offer-panels .cp-plan-card:nth-child(3) .cp-plan-price span{
  color:#fff;
  font-size:20px;
}
.page-create-proposition .offer-panels .cp-plan-features{
  position:relative;
  z-index:1;
  box-sizing:border-box;
  list-style:none;
  grid-area:features;
  align-self:stretch;
  margin:0;
  padding:35px 34px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:center;
  gap:13px 28px;
  border:0;
  background:
    radial-gradient(circle at 100% 0,rgba(36,107,253,.07),transparent 18rem),
    #fff;
}
.page-create-proposition .offer-panels .cp-plan-features li{
  position:relative;
  box-sizing:border-box;
  list-style:none;
  padding-left:25px;
  color:#465a79;
  font-size:11.5px;
  line-height:1.45;
}
.page-create-proposition .offer-panels .cp-plan-features li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  width:16px;
  height:16px;
  border:1px solid #c7f0e5;
  border-radius:5px;
  display:grid;
  place-items:center;
  color:#119876;
  font:800 10px/1 Inter,sans-serif;
  background:#e9fbf6;
}
.page-create-proposition .offer-panels .cp-plan-features li.no::before{
  content:"–";
  color:#aeb9c8;
  border-color:#e3e8f0;
  background:#f3f5f8;
}
.page-create-proposition .offer-panels .cp-plan-card>a.btn,
.page-create-proposition .offer-panels .cp-plan-card:nth-child(2)>a.btn{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:27px;
  width:230px;
  min-height:47px;
  margin:0;
  padding:10px 14px;
  transform:translateX(-50%);
  border:1px solid #c8d8f3;
  color:#fff;
  background:linear-gradient(135deg,#246bfd,#7358f4);
  box-shadow:0 12px 25px rgba(58,81,225,.22);
  backdrop-filter:none;
}
.page-create-proposition .offer-panels .cp-plan-card>a.btn:hover{
  color:#fff;
  background:linear-gradient(135deg,#175ce9,#6247e9);
  transform:translateX(-50%) translateY(-2px);
}

@media(max-width:760px){
  .page-create-proposition .offer-selector{grid-template-columns:1fr;padding:6px}
  .page-create-proposition .offer-tab{min-height:58px}
  .page-create-proposition .offer-tab>i{bottom:50%;transform:translateY(50%)}
  .page-create-proposition .offer-panels .cp-plan-card.is-active{
    grid-template-columns:1fr;
    grid-template-areas:"summary" "features" "action";
  }
  .page-create-proposition .offer-panels .cp-plan-card h3{
    min-height:250px;
    padding:85px 25px 0;
  }
  .page-create-proposition .offer-panels .cp-plan-head{left:25px;right:25px;width:auto}
  .page-create-proposition .offer-panels .cp-plan-price{left:25px;top:168px}
  .page-create-proposition .offer-panels .cp-plan-card>a.btn,
  .page-create-proposition .offer-panels .cp-plan-card:nth-child(2)>a.btn{
    position:relative;
    left:auto;
    top:auto;
    bottom:auto;
    width:230px;
    grid-area:action;
    justify-self:center;
    margin:0 auto 28px;
    transform:none;
  }
  .page-create-proposition .offer-panels .cp-plan-card>a.btn:hover{
    transform:translateY(-2px);
  }
  .page-create-proposition .offer-panels .cp-plan-features{grid-template-columns:1fr;padding:28px 24px}
}

/* La page n'utilise plus contrat.css. On neutralise uniquement le ruban
   historique de styles.css, sans écraser la nouvelle composition. */
.page-create-proposition .offer-panels .cp-plan-card.selected{
  outline:0 !important;
}
.page-create-proposition .cp-plan-panels.offer-panels .cp-plan-card::before,
.page-create-proposition .cp-plan-panels.offer-panels .cp-plan-card:nth-child(2)::before,
.page-create-proposition .cp-plan-panels.offer-panels .cp-plan-card:nth-child(3)::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  right:auto !important;
  bottom:0 !important;
  left:0 !important;
  width:5px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  font-size:0 !important;
}
.page-create-proposition #offer-welcome::before{
  background:linear-gradient(180deg,#36b9ff,#5162ff) !important;
}
.page-create-proposition #offer-starter::before{
  background:linear-gradient(180deg,#28d7a5,#098eb7) !important;
}
.page-create-proposition #offer-pro::before{
  background:linear-gradient(180deg,#b24dff,#6759ff) !important;
}

.page-create-proposition .payment-highlight{
  max-width:920px;
  margin:14px auto 22px;
  padding:12px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  border:1px solid #cfe1f6;
  border-radius:16px;
  color:#17386b;
  background:linear-gradient(110deg,rgba(255,255,255,.92),rgba(235,246,255,.92));
  box-shadow:0 10px 24px rgba(28,55,106,.07);
}
.page-create-proposition .payment-highlight>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(135deg,#256bfd,#7657f4);
  font:800 15px/1 Poppins,Inter,sans-serif;
  box-shadow:0 8px 17px rgba(58,81,225,.2);
}
.page-create-proposition .payment-highlight strong{
  color:#0b234e;
  font:700 13px/1.25 Poppins,Inter,sans-serif;
}
.page-create-proposition .payment-highlight small{
  color:#6a7d9a;
  font-size:11px;
}
@media(max-width:600px){
  .page-create-proposition .payment-highlight{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .page-create-proposition .payment-highlight small{
    width:100%;
    padding-left:53px;
  }
}