:root{--bg:#07101a;--panel:#111a26;--text:#f7f9fc;--muted:#a9b6c7;--blue:#2f7cff;--cyan:#28c9ef;--border:rgba(255,255,255,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 4vw;background:rgba(7,16,26,.95);border-bottom:1px solid var(--border)}
.brand img{width:105px;height:68px;object-fit:contain}nav{display:flex;gap:24px;color:#c8d2df;font-size:14px}.top-actions{display:flex;align-items:center;gap:12px}.login-link{font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:12px;padding:12px 18px;background:#162232;color:white;font-weight:900;cursor:pointer}.btn.primary{border:0;background:linear-gradient(135deg,var(--blue),var(--cyan))}.btn.small{padding:9px 13px;font-size:13px}.btn.full{width:100%}
.hero{padding:46px 5vw 30px;background:radial-gradient(circle at 15% 20%,rgba(47,124,255,.2),transparent 30%),radial-gradient(circle at 85% 20%,rgba(40,201,239,.14),transparent 30%),#07101a}.hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center}.hero-logo img{width:min(420px,100%);display:block;margin:auto}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;color:#70d7ff}h1{font-size:clamp(44px,6vw,76px);line-height:1.02;margin:15px 0}h1 span{background:linear-gradient(90deg,#fff,#79ddff);-webkit-background-clip:text;color:transparent}.hero p{font-size:19px;color:var(--muted);max-width:700px}.hero-actions,.chips{display:flex;gap:10px;flex-wrap:wrap}.chips{margin-top:22px}.chips span{border:1px solid var(--border);border-radius:999px;padding:8px 11px;color:#cad5e2;font-size:13px}
.create-now,.section{padding:58px 5vw}.create-wrap{max-width:1000px;margin:auto;text-align:center;background:linear-gradient(135deg,#111c2b,#0d1520);border:1px solid rgba(85,180,255,.25);border-radius:24px;padding:34px}.create-wrap h2,.section-head h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.create-wrap p,.section-head p{color:var(--muted)}.site-builder-v15{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:900px;margin:22px auto 12px}.site-builder-v15 input,.site-builder-v15 select{width:100%;padding:14px;border-radius:10px;border:1px solid var(--border);background:#070d14;color:white;font:inherit}.site-builder-v15 .full{grid-column:1/-1}.password-wrap{position:relative}.password-wrap input{padding-right:52px}.password-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:white;font-size:18px;cursor:pointer}.mini-note{font-size:13px;color:#8190a3}
.section{max-width:1280px;margin:auto}.section-head{text-align:center;max-width:760px;margin:0 auto 35px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(180deg,#151f2d,#111923);border:1px solid var(--border);border-radius:22px;padding:28px}.card.featured{border-color:rgba(47,124,255,.6)}.plan{font-size:13px;font-weight:900;letter-spacing:.12em;color:#86dcff}.price{font-size:42px;font-weight:900;margin:12px 0}.card p{color:var(--muted)}.card ul{list-style:none;padding:0}.card li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.card li:before{content:"✓ ";color:#63d9ff;font-weight:900}
footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 5vw;border-top:1px solid var(--border);color:#8d9aae;font-size:13px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:84px;height:56px;object-fit:contain}
.errorbox{max-width:1000px;margin:15px auto;padding:12px 16px;border:1px solid #71303b;background:#35151b;color:#ffd5da;border-radius:11px}
@media(max-width:900px){nav{display:none}.hero-inner,.pricing{grid-template-columns:1fr}.hero-logo{order:-1}.hero-copy{text-align:center}.hero-actions,.chips{justify-content:center}}
@media(max-width:650px){.site-builder-v15{grid-template-columns:1fr}.site-builder-v15 .full{grid-column:auto}.topbar .btn.small{display:none}footer{flex-direction:column;text-align:center}}
.paypal-trust{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.paypal-wordmark{font-size:18px;font-weight:1000;letter-spacing:-1px}.paypal-wordmark .pay{color:#169bd7}.paypal-wordmark .pal{color:#fff}.card-badges{display:flex;gap:5px}.card-badge{background:#fff;color:#17283a;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:900;box-shadow:0 2px 6px #0004}.secure-note{color:#a9b6c7;font-size:11px}


/* V28 — Slideshow publicitaire TOPWEB × MediaTube */
.topweb-showcase{padding-top:18px;padding-bottom:28px}
.topweb-slider{
  position:relative;
  width:min(100%,1500px);
  margin:0 auto;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:24px;
  background:#eef6ff;
  border:1px solid rgba(52,116,176,.22);
  box-shadow:0 18px 50px rgba(13,45,77,.18);
}
.topweb-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transform:scale(1.015);
  transition:opacity .65s ease,transform .8s ease,visibility .65s;
}
.topweb-slide.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:2}
.topweb-slide img{width:100%;height:100%;display:block;object-fit:cover}
.topweb-slider-arrow{
  position:absolute;top:50%;z-index:5;transform:translateY(-50%);
  width:48px;height:48px;border:0;border-radius:50%;
  background:rgba(7,28,52,.68);color:#fff;font-size:34px;line-height:1;
  cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,.18);
  transition:transform .2s ease,background .2s ease;
}
.topweb-slider-arrow:hover{background:rgba(16,103,191,.92);transform:translateY(-50%) scale(1.06)}
.topweb-slider-arrow.prev{left:16px}.topweb-slider-arrow.next{right:16px}
.topweb-slider-dots{
  position:absolute;left:50%;bottom:16px;z-index:5;transform:translateX(-50%);
  display:flex;gap:9px;padding:8px 12px;border-radius:999px;
  background:rgba(255,255,255,.72);backdrop-filter:blur(8px);
  box-shadow:0 5px 18px rgba(10,40,70,.12);
}
.topweb-slider-dots button{
  width:10px;height:10px;border:0;border-radius:50%;padding:0;cursor:pointer;
  background:#b9c8d8;transition:width .25s ease,background .25s ease,border-radius .25s ease
}
.topweb-slider-dots button.is-active{width:28px;border-radius:999px;background:#187fea}
@media(max-width:800px){
  .topweb-showcase{padding-left:10px;padding-right:10px}
  .topweb-slider{border-radius:16px}
  .topweb-slider-arrow{width:38px;height:38px;font-size:28px}
  .topweb-slider-arrow.prev{left:8px}.topweb-slider-arrow.next{right:8px}
  .topweb-slider-dots{bottom:8px}
}


/* V32 — correction réelle : aucune coupe du texte */
.topweb-showcase{
  padding:22px 0 28px;
}
.topweb-slider{
  width:min(calc(100% - 40px),1000px);
  max-width:1000px;
  height:350px;
  aspect-ratio:auto;
  margin:0 auto;
  border-radius:18px;
  overflow:hidden;
  background:#f5f9fd;
}
.topweb-slide img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center !important;
  background:#f5f9fd;
}
.topweb-slider-arrow{
  width:38px;
  height:38px;
  font-size:26px;
}
.topweb-slider-arrow.prev{left:10px}
.topweb-slider-arrow.next{right:10px}
.topweb-slider-dots{bottom:8px}
@media(max-width:1050px){
  .topweb-slider{
    width:calc(100% - 28px);
    height:auto;
    aspect-ratio:20/7;
  }
}
@media(max-width:700px){
  .topweb-slider{
    width:calc(100% - 18px);
    aspect-ratio:16/7.2;
    border-radius:14px;
  }
}