*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --bg: #0D0618; --bg2: #120720; --bg3: #160B29; --card: #1A0A2E; --border: #2D1156; --violet: #7B2FBE; --neon: #A855F7; --neon2: #C084FC; --white: #F5F0FF; --muted: #9B89B4; --radius: 14px; } html { scroll-behavior: smooth; } body { background: var(--bg); color: var(--white); font-family: 'Inter', sans-serif; line-height: 1.6; overflow-x: hidden; } #cursor-glow { pointer-events: none; position: fixed; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(168,85,247,.13) 0%, transparent 70%); transform: translate(-50%, -50%); transition: left .12s ease, top .12s ease; z-index: 0; } .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 2.5rem; } @media(max-width: 768px) { .container { padding: 0 1.2rem; } } .promo-bar{position:fixed;top:0;left:0;right:0;z-index:101;height:38px;background:linear-gradient(180deg,#0D0618 0%,#120720 100%);overflow:hidden;display:flex;align-items:center;border-bottom:1px solid var(--border);transition:transform .35s ease,opacity .35s ease,height .35s ease,padding .35s ease} .promo-bar.hidden{transform:translateY(-100%);opacity:0;pointer-events:none} .promo-stars{position:absolute;inset:0;pointer-events:none} .promo-star{position:absolute;border-radius:50%;background:#F5F0FF;animation:promoStarTwinkle ease-in-out infinite} @keyframes promoStarTwinkle{0%,100%{opacity:.15;transform:scale(.7)} 50%{opacity:1;transform:scale(1.15)} } .promo-bar::before{content:'';position:absolute;inset:-50% -10%;background:radial-gradient(circle at 20% 50%,rgba(168,85,247,.18),transparent 55%),radial-gradient(circle at 80% 50%,rgba(123,47,190,.18),transparent 55%);animation:promoGlowDrift 10s ease-in-out infinite alternate;pointer-events:none} @keyframes promoGlowDrift{0%{transform:translateX(-3%)} 100%{transform:translateX(3%)} } .promo-bar-track{position:relative;z-index:1;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 4%,black 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 4%,black 92%,transparent)} .promo-bar-content{display:flex;align-items:center;gap:.6rem;width:max-content;white-space:nowrap;animation:promoBarScroll 26s linear infinite} .promo-bar:hover .promo-bar-content{animation-play-state:paused} @keyframes promoBarScroll{from{transform:translateX(0)} to{transform:translateX(-50%)} } .promo-item{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--white);letter-spacing:.01em;padding:0 .6rem} .promo-icon{font-size:.85rem;filter:drop-shadow(0 0 5px rgba(168,85,247,.6))} .promo-sep{color:var(--neon);opacity:.5;font-size:.7rem} .promo-close{position:relative;z-index:2;flex-shrink:0;width:22px;height:22px;margin-right:.9rem;border-radius:50%;background:rgba(168,85,247,.14);border:1px solid rgba(168,85,247,.3);color:var(--muted);font-size:.62rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s} .promo-close:hover{background:var(--violet);border-color:var(--violet);color:#fff} nav { top: 38px; transition: top .35s ease; } body { padding-top: 38px; transition: padding-top .35s ease; } body.promo-hidden nav { top: 0; } body.promo-hidden { padding-top: 0; } @media (max-width: 700px) { .promo-bar { height: 34px; } .promo-item { font-size: .72rem; } nav { top: 34px; } body { padding-top: 34px; } } nav { position: fixed; top: 38; left: 0; right: 0; z-index: 100; background: rgba(13,6,24,.75); backdrop-filter: blur(18px); border-bottom: 1px solid var(--border); } .nav-inner { max-width: 1200px; margin: 0 auto; padding: 1.1rem 2.5rem; display: flex; align-items: center; justify-content: space-between; } .nav-logo { font-family: 'Syne', sans-serif; font-weight: 800; font-size: 1.3rem; letter-spacing: -.5px; } .nav-logo span { color: var(--neon); } .nav-links { display: flex; gap: 2rem; list-style: none; } .nav-links a { text-decoration: none; color: var(--muted); font-size: .9rem; font-weight: 500; transition: color .2s; } .nav-links a:hover { color: var(--white); } .nav-cta { background: var(--violet); color: #fff; padding: .55rem 1.4rem; border-radius: 8px; text-decoration: none; font-size: .88rem; font-weight: 600; transition: background .2s, box-shadow .2s; } .nav-cta:hover { background: var(--neon); box-shadow: 0 0 20px rgba(168,85,247,.4); } @media(max-width: 768px) { .nav-links { display: none; } .nav-inner { padding: 1.1rem 1.2rem; } } section { padding: 6rem 0; position: relative; } .section-eyebrow { font-size: .78rem; text-transform: uppercase; letter-spacing: .15em; color: var(--neon); font-weight: 600; margin-bottom: .8rem; } .section-title { font-family: 'Oxanium', sans-serif; font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 800; letter-spacing: -1px; line-height: 1.1; margin-bottom: 1rem; } .section-sub { color: var(--muted); max-width: 520px; font-size: 1rem; } .section-header { margin-bottom: 3.5rem; } .glow-divider { width: 80px; height: 3px; background: linear-gradient(90deg, var(--violet), var(--neon)); border-radius: 2px; margin-bottom: 1rem; } .hero-globe-wrap{position:absolute;top:40%;left:50%;width:min(560px,85vw);aspect-ratio:1 / 1;transform:translate(-50%,-50%) scale(0.8);z-index:0;pointer-events:none;opacity:0;filter:drop-shadow(0 0 40px rgba(168,85,247,.45)) drop-shadow(0 0 90px rgba(123,47,190,.25));animation:heroGlobeAppear 1.1s cubic-bezier(.22,1,.36,1) forwards,heroGlobeFloat 7s ease-in-out 1.1s infinite} .hero-globe{width:100%;height:100%;display:block} .hero-globe .globe-node{animation:globeNodePulse 2.6s ease-in-out infinite} .hero-globe .globe-node:nth-child(odd){animation-delay:.4s} .hero-globe .globe-node:nth-child(3n){animation-delay:.9s} @keyframes heroGlobeAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0.75) rotate(-8deg)} 60%{opacity:1} 100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)} } @keyframes heroGlobeFloat{0%,100%{transform:translate(-50%,-50%) scale(1) translateY(0)} 50%{transform:translate(-50%,-50%) scale(1) translateY(-18px)} } @keyframes globeNodePulse{0%,100%{opacity:.5;r:3} 50%{opacity:1} } .hero-content{position:relative;z-index:1} @media (max-width:600px){.hero-globe-wrap{width:90vw;opacity:0;filter:drop-shadow(0 0 25px rgba(168,85,247,.4))} } #hero { position: relative; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 7rem 1.5rem 5rem; overflow: hidden; } .hero-noise { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E"); background-size: 200px; pointer-events: none; z-index: 0; } .hero-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: .35; pointer-events: none; } .orb1 { width: 500px; height: 500px; background: var(--violet); top: -120px; left: -100px; animation: drift1 8s ease-in-out infinite alternate; } .orb2 { width: 400px; height: 400px; background: var(--neon); bottom: -100px; right: -80px; animation: drift2 10s ease-in-out infinite alternate; } @keyframes drift1 { to { transform: translate(40px, 30px); } } @keyframes drift2 { to { transform: translate(-40px, -30px); } } .hero-content { position: relative; z-index: 1; max-width: 860px; } @keyframes pulse { 0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.7);} } h1 { font-family: 'Bricolage Grotesque', sans-serif; font-size: clamp(2.8rem, 7vw, 5.5rem); font-weight: 800; line-height: 1.05; letter-spacing: -1px; margin-bottom: 1.5rem; } h1 .gradient { background: linear-gradient(135deg, var(--neon2) 0%, var(--neon) 50%, #6D28D9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .hero-sub { font-size: clamp(1rem, 2.2vw, 1.2rem); color: var(--muted); max-width: 580px; margin: 0 auto 2.5rem; font-weight: 400; } .hero-sub strong { color: var(--white); font-weight: 600; } .hero-btns { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } .btn-primary { background: linear-gradient(135deg, var(--violet), var(--neon)); color: #fff; padding: .85rem 2.2rem; border-radius: 10px; text-decoration: none; font-weight: 700; font-size: 1rem; font-family: 'Syne', sans-serif; transition: transform .2s, box-shadow .2s; box-shadow: 0 4px 24px rgba(168,85,247,.3); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(168,85,247,.5); } .btn-secondary { background: transparent; border: 1px solid var(--border); color: var(--white); padding: .85rem 2.2rem; border-radius: 10px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: border-color .2s, background .2s; } .btn-secondary:hover { border-color: var(--neon); background: rgba(168,85,247,.06); } .hero-stats { display: flex; gap: 3rem; justify-content: center; flex-wrap: wrap; margin-top: 4rem; padding-top: 3rem; border-top: 1px solid var(--border); } .stat-item { text-align: center; } .stat-num { font-family: 'Syne', sans-serif; font-size: 2rem; font-weight: 800; color: var(--neon2); } .stat-label { font-size: .8rem; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; } @media(max-width: 768px) { .hero-stats { gap: 1.5rem; } } .hero-google{display:inline-flex;align-items:center;gap:.7rem;margin:0 auto 1.8rem;padding:.6rem 1.1rem;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.35);border-radius:50px;text-decoration:none;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;box-shadow:0 0 20px rgba(168,85,247,.12)}.hero-google:hover{border-color:var(--neon);background:rgba(168,85,247,.16);transform:translateY(-1px)} .hero-google img{height:24px;width:auto;object-fit:contain;flex-shrink:0} .hero-google-info{display:flex;align-items:center;gap:.5rem;text-align:left;white-space:nowrap} .hero-google-stars{color:#FBBF24;font-size:.8rem;letter-spacing:2px;line-height:1} .hero-google-text{font-size:.78rem;color:var(--muted);line-height:1} .hero-google-text strong{color:var(--white);font-weight:700} @media(max-width:480px){.hero-btns{flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin:0 auto} .hero-btns .btn-primary,.hero-btns .btn-secondary{width:100%;text-align:center} .hero-google{margin-bottom:1.5rem} } #manifeste { background: var(--bg3); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 7rem 0; overflow: hidden; } .manifeste-orb { position: absolute; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(168,85,247,.07) 0%, transparent 70%); right: -200px; top: 50%; transform: translateY(-50%); pointer-events: none; } .manifeste-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: center; } @media(max-width: 900px) { .manifeste-inner { grid-template-columns: 1fr; gap: 3rem; } } .manifeste-left { position: relative; z-index: 1; } .manifeste-quote-mark { font-family: 'Syne', sans-serif; font-size: 8rem; line-height: .8; color: var(--neon); opacity: .15; font-weight: 800; margin-bottom: -.5rem; display: block; } .manifeste-headline { font-family: 'Bricolage Grotesque', sans-serif; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800; line-height: 1.08; letter-spacing: -1px; margin-bottom: 1.5rem; } .manifeste-headline .neon-word { background: linear-gradient(135deg, var(--neon2), var(--neon)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .manifeste-text { font-size: 1.05rem; color: var(--muted); line-height: 1.85; margin-bottom: 2rem; font-weight: 300; } .manifeste-text strong { color: var(--white); font-weight: 600; } .manifeste-signature { display: flex; align-items: center; gap: 1rem; padding-top: 1.5rem; border-top: 1px solid var(--border); } .sig-avatar { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; flex-shrink: 0; border: 2px solid var(--neon); box-shadow: 0 0 15px rgba(168, 85, 247, .35); } .sig-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } .sig-name { font-family: 'Syne', sans-serif; font-weight: 700; font-size: .95rem; } .sig-role { font-size: .78rem; color: var(--muted); } .manifeste-right { display: flex; flex-direction: column; gap: 1.2rem; position: relative; z-index: 1; } .manifeste-stat-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.8rem 2rem; display: grid; grid-template-columns: 118px 1fr; align-items: center; gap: 1.2rem; transition: border-color .25s, transform .25s; position: relative; overflow: hidden; } .manifeste-stat-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, var(--violet), var(--neon)); border-radius: 3px 0 0 3px; } .manifeste-stat-card:hover { border-color: var(--neon); transform: translateX(4px); } .msc-num { font-family: 'Syne', sans-serif; font-size: 1.9rem; font-weight: 800; color: var(--neon2); line-height: 1; text-align: center; min-width: 0; overflow: hidden; text-overflow: clip; align-self: center; }
.msc-body { display: flex; flex-direction: column; gap: .6rem; min-width: 0; }
.msc-source { display: flex; align-items: center; gap: .4rem; font-size: .7rem; color: var(--muted); opacity: .8; padding-top: .5rem; border-top: 1px solid var(--border); }
.msc-source-icon { width: 11px; height: 11px; flex-shrink: 0; display: inline-block; background-color: #22c55e; -webkit-mask-image: url('../images/hero/badge-check.png'); mask-image: url('../images/hero/badge-check.png'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }
@media(max-width:560px){
  .manifeste-stat-card{grid-template-columns:92px 1fr;padding:1.5rem;gap:.9rem;}
  .msc-num{font-size:1.35rem;}
  .msc-source{font-size:.66rem;}
} .msc-text { font-size: .88rem; color: var(--muted); line-height: 1.5; } .msc-text strong { color: var(--white); font-weight: 600; display: block; font-size: .95rem; margin-bottom: .2rem; } #presentation { background: var(--bg); overflow: hidden; } .presentation-orb { position: absolute; width: 550px; height: 550px; border-radius: 50%; background: radial-gradient(circle, rgba(168,85,247,.08) 0%, transparent 70%); left: -220px; top: 10%; pointer-events: none; } .presentation-inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 4.5rem; align-items: center; position: relative; z-index: 1; } @media(max-width: 900px) { .presentation-inner { grid-template-columns: 1fr; gap: 2.5rem; } } .presentation-visual { position: relative; display: flex; justify-content: center; } .presentation-photo { width: 100%; max-width: 360px; aspect-ratio: 4/5; border-radius: 22px; overflow: hidden; border: 1px solid var(--border); position: relative; box-shadow: 0 24px 70px rgba(0,0,0,.45), 0 0 0 1px rgba(168,85,247,.15); } .presentation-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(13,6,24,.75) 100%); pointer-events: none; } .presentation-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .presentation-badge-float { position: absolute; bottom: -18px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: .5rem; background: var(--card); border: 1px solid var(--border); box-shadow: 0 10px 30px rgba(168,85,247,.25); padding: .6rem 1.2rem; border-radius: 50px; font-size: .8rem; font-weight: 600; color: var(--white); white-space: nowrap; } .pbf-dot { width: 8px; height: 8px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 8px #4ade80; animation: pulse 2s infinite; flex-shrink: 0; } .presentation-content { position: relative; z-index: 1; } .presentation-text { font-size: 1.02rem; color: var(--muted); line-height: 1.85; margin-bottom: 1.3rem; font-weight: 300; } .presentation-text strong { color: var(--white); font-weight: 600; } .presentation-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; margin: 2rem 0 2.2rem; } @media(max-width: 480px) { .presentation-highlights { grid-template-columns: 1fr; } } .ph-item { display: flex; align-items: center; gap: .7rem; background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: .8rem 1rem; font-size: .85rem; color: var(--white); font-weight: 500; transition: border-color .25s, transform .25s; } .ph-item:hover { border-color: var(--neon); transform: translateX(3px); } @media(max-width: 900px) { .presentation-photo { max-width: 300px; margin: 0 auto; } } .presentation-setup{position:relative;margin:1.6rem 0 2rem;border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:0 16px 45px rgba(0,0,0,.4),0 0 0 1px rgba(168,85,247,.1)} .presentation-setup img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;filter:saturate(1.05);transition:transform .5s ease} .presentation-setup:hover img{transform:scale(1.03)} .presentation-setup::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(13,6,24,.85) 100%);pointer-events:none} .presentation-setup-caption{position:absolute;bottom:0;left:0;right:0;padding:.9rem 1.1rem;display:flex;align-items:center;gap:.55rem;font-size:.78rem;font-weight:500;color:var(--white);z-index:1} .psc-dot{width:6px;height:6px;border-radius:50%;background:var(--neon);box-shadow:0 0 8px var(--neon);flex-shrink:0} @media(max-width:480px){.presentation-setup img{aspect-ratio:4/3} } #services { background: var(--bg2); } .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; } .service-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 2rem; transition: transform .25s, border-color .25s, box-shadow .25s; position: relative; overflow: hidden; } .service-card::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at top left, rgba(168,85,247,.08), transparent 60%); opacity: 0; transition: opacity .3s; } .service-card:hover { transform: translateY(-5px); border-color: var(--neon); box-shadow: 0 12px 40px rgba(168,85,247,.15); } .service-card:hover::before { opacity: 1; } .service-icon { width: 48px; height: 48px; background: rgba(168,85,247,.12); border: 1px solid rgba(168,85,247,.25); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; margin-bottom: 1.2rem; } .service-card h3 { font-family: 'Syne', sans-serif; font-size: 1.15rem; font-weight: 700; margin-bottom: .5rem; } .service-card p { color: var(--muted); font-size: .9rem; line-height: 1.6; } .service-tag { display: inline-block; background: rgba(168,85,247,.12); color: var(--neon2); font-size: .72rem; font-weight: 600; padding: .25rem .7rem; border-radius: 50px; margin-top: 1rem; text-transform: uppercase; letter-spacing: .07em; } #tarifs{background:var(--bg2)} .pricing-disclaimer{display:flex;align-items:center;gap:.6rem;background:rgba(168,85,247,.07);border:1px solid rgba(168,85,247,.2);border-radius:50px;padding:.55rem 1.3rem;font-size:.82rem;color:var(--neon2);font-weight:600;width:fit-content;margin:0 auto 3rem;letter-spacing:.02em} .pricing-disclaimer-icon{display:inline-flex;align-items:center;justify-content:center;font-size:.95rem} .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start} @media (max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto} } .pricing-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2.2rem;position:relative;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden} .pricing-card:hover{transform:translateY(-5px)} .pricing-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(168,85,247,.06),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:0} .pricing-card:hover::before{opacity:1} .pricing-card>*{position:relative;z-index:1} .pricing-card.featured{border-color:var(--neon);box-shadow:0 0 0 1px var(--neon),0 24px 70px rgba(168,85,247,.22);background:linear-gradient(160deg,#1f0a38 0%,#1a0a2e 100%);transform:scale(1.03)} .pricing-card.featured:hover{transform:scale(1.03) translateY(-5px)} .featured-badge{position:absolute;top:0;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;font-size:.68rem;font-weight:800;padding:.3rem 1.2rem;border-radius:0 0 12px 12px;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;z-index:2} .pc-header{margin-bottom:1.8rem;padding-top:.5rem} .pc-name{font-family:'Syne',sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:.6rem} .featured .pc-name{color:var(--neon2)} .pc-target{font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:800;letter-spacing:-.3px;line-height:1.2;margin-bottom:.8rem} .pc-desc{font-size:.84rem;color:var(--muted);line-height:1.6} .featured .pc-desc{color:rgba(192,132,252,.7)} .pc-price-block{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:1.5rem 0 .4rem;border-top:1px solid var(--border);margin-bottom:.4rem} .pc-price-detail{padding-bottom:0} .featured .pc-price-block{border-color:rgba(168,85,247,.3)} .pc-price-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem} .pc-price-from{font-size:.85rem;color:var(--muted);font-weight:600;margin-bottom:0} .pc-price{font-family:'Syne',sans-serif;font-size:3.2rem;font-weight:800;line-height:1;letter-spacing:-2px} .featured .pc-price{color:var(--neon2)} .pc-price-detail{padding-bottom:0;margin-top:.3rem} .pc-price-once{font-size:.65rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em;line-height:1.4} .pc-price-sub{font-size:.72rem;color:var(--muted);margin-top:.2rem} .featured .pc-price-sub{color:var(--neon2);opacity:.7} .pc-quote-note{font-size:.74rem;color:var(--muted);opacity:.75;margin-bottom:1.4rem;padding-bottom:1.1rem;border-bottom:1px solid var(--border)} .featured .pc-quote-note{border-color:rgba(168,85,247,.3)} .pc-section-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);opacity:.6;margin-bottom:.75rem;margin-top:1.4rem} .pc-section-label:first-of-type{margin-top:0} .pc-features{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:0} .pc-features li{display:flex;align-items:flex-start;gap:.7rem;font-size:.85rem;color:var(--white);line-height:1.45} .featured .pc-features li{color:var(--white)} .pf-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;flex-shrink:0;margin-top:1px} .pf-check{background:rgba(168,85,247,.15);color:var(--neon)} .featured .pf-check{background:var(--violet);color:#fff} .pf-star,.pf-crown{background:rgba(251,191,36,.15);color:#FBBF24} .pc-hosting-badge{display:flex;align-items:center;gap:.5rem;background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.15);border-radius:8px;padding:.65rem .9rem;margin:1.4rem 0;font-size:.78rem;color:var(--muted);line-height:1.4} .featured .pc-hosting-badge{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.3);color:var(--neon2)} .phb-icon{font-size:1rem;flex-shrink:0} .phb-icon img{width:26px;height:26px;object-fit:contain;flex-shrink:0} .pr-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.8rem;}
.pr-actions .btn-pricing{margin-top:0;}
.btn-pricing{display:block;text-align:center;padding:.9rem 1rem;border-radius:12px;font-family:'Syne',sans-serif;font-weight:700;font-size:.9rem;text-decoration:none;transition:all .2s;margin-top:1.8rem;cursor:pointer;border:none;width:100%;position:relative;z-index:2} .btn-pricing.outline{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:var(--neon2)} .btn-pricing.outline:hover{background:rgba(168,85,247,.2);border-color:var(--neon);color:var(--white);transform:translateY(-1px)} .btn-pricing.solid{background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;border:none;box-shadow:0 4px 24px rgba(168,85,247,.35)} .btn-pricing.solid:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 8px 32px rgba(168,85,247,.5)} .pricing-trust-strip{display:flex;align-items:stretch;gap:1.6rem;background:linear-gradient(145deg,#1f0a38,#160a26);border:1px solid rgba(168,85,247,.25);border-radius:18px;padding:1.5rem 2rem;margin-top:.5rem}
.pts-item{flex:1;display:flex;align-items:center;gap:.9rem;min-width:0}
.pts-icon{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--neon));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px rgba(168,85,247,.4)}
.pts-icon img{width:17px;height:17px;object-fit:contain;filter:brightness(0) invert(1)}
.pts-text{font-size:.82rem;color:var(--muted);line-height:1.5}
.pts-text strong{color:var(--white);font-family:'Syne',sans-serif;font-weight:700}
.pts-divider{width:1px;background:rgba(168,85,247,.25);flex-shrink:0}
@media(max-width:860px){.pricing-trust-strip{flex-direction:column;padding:1.3rem 1.5rem;gap:1.2rem}.pts-divider{width:100%;height:1px}}
.pricing-disclaimer-icon img{height:22px;width:auto} .pay-logos-section{padding:2rem 0 3rem;border-top:1px solid var(--border);overflow:hidden;mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)} .pay-logos-label{text-align:center;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:1.75rem} .pay-logos-track{display:flex;align-items:center;gap:2.5rem;width:max-content;animation:payScroll 20s linear infinite} .pay-logos-track:hover{animation-play-state:paused} @keyframes payScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} .pay-logo{height:38px;display:flex;align-items:center;justify-content:center;padding:8px 20px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;filter:brightness(.7) grayscale(.3);transition:all .25s;flex-shrink:0;white-space:nowrap} .pay-logo:hover{filter:brightness(1) grayscale(0);border-color:var(--neon)} .pay-logo svg{height:22px;width:auto} .pay-logo span{font-family:'Syne',sans-serif;font-size:14px;font-weight:800;color:var(--white);letter-spacing:-.5px} .pay-powered{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.6rem} .pay-powered svg{width:20px;height:20px;flex-shrink:0} .pay-powered span{font-size:.9rem;color:var(--muted);font-family:'Syne',sans-serif} .pay-powered strong{color:#635bff;font-weight:800} .pay-sub{text-align:center;font-size:.82rem;color:var(--muted);margin-bottom:1.5rem;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.4} #templates{background:var(--bg3)} .templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;align-items:stretch} .template-card{display:flex;flex-direction:column;height:100%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--card);transition:transform .25s,border-color .25s,box-shadow .25s;cursor:pointer} .template-card:hover{transform:translateY(-5px);border-color:var(--neon);box-shadow:0 14px 40px rgba(168,85,247,.15)} .template-preview{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:18px 18px 0 0;background:#0f0f0f} .template-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;transition:.4s} .template-card:hover .template-preview img{transform:scale(1.04)} .template-info{display:flex;flex-direction:column;flex:1;padding:1.2rem 1.5rem 1.5rem} .template-info h3{display:flex;align-items:center;gap:.5rem} .title-icon{width:24px;height:24px;flex-shrink:0;color:var(--neon);filter:drop-shadow(0 0 4px var(--neon)) drop-shadow(0 0 20px var(--neon))} .template-info p{color:var(--muted);font-size:.85rem;margin-bottom:1rem} .template-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem} .t-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;padding:.2rem .6rem;border-radius:4px;background:rgba(168,85,247,.1);color:var(--neon2);font-weight:600}
.t-tag-icon{width:10px;height:10px;flex-shrink:0;display:inline-block;background-color:var(--neon2);-webkit-mask-image:url('../images/template/icon/tag.png');mask-image:url('../images/template/icon/tag.png');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;} .btn-decouvrir{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto;align-self:flex-start;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:var(--neon2);padding:.6rem 1.2rem;border-radius:8px;text-decoration:none;font-size:.82rem;font-weight:700;font-family:'Syne',sans-serif;transition:all .2s} .btn-decouvrir:hover{background:var(--violet);border-color:var(--violet);color:#fff;transform:translateY(-1px)} .btn-decouvrir svg{width:14px;height:14px;transition:transform .2s} .btn-decouvrir:hover svg{transform:translateX(3px)} #process{background:var(--bg);overflow:hidden} .process-flow{display:flex;flex-direction:column;align-items:center;max-width:640px;margin:0 auto} .flow-step{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem;display:flex;gap:1.4rem;align-items:center;transition:border-color .25s,transform .25s} .flow-step:hover{border-color:var(--neon);transform:translateY(-3px)} .flow-step-visual{position:relative;width:96px;height:96px;border-radius:12px;overflow:hidden;flex-shrink:0} .flow-step-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(10,6,20,.15),rgba(88,28,135,.55));mix-blend-mode:multiply} .flow-step-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3) saturate(1.4) contrast(1.05) brightness(.85);transition:transform .5s ease,filter .5s ease} .flow-step:hover .flow-step-visual img{transform:scale(1.06);filter:grayscale(.1) saturate(1.6) contrast(1.1) brightness(.95)} .flow-step-num{position:absolute;bottom:5px;right:5px;background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;font-family:'Syne',sans-serif;font-weight:800;font-size:.72rem;padding:.15rem .5rem;border-radius:6px;z-index:1} .flow-step-text h3{font-family:'Syne',sans-serif;font-weight:700;margin-bottom:.35rem;font-size:1.05rem} .flow-step-text p{color:var(--muted);font-size:.85rem;line-height:1.55} .flow-connector{width:2px;height:36px;background:linear-gradient(180deg,var(--violet),var(--neon));position:relative} .flow-connector::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px var(--neon)} .flow-branch-label{text-align:center;margin:.5rem 0 0} .flow-branch-badge{display:inline-block;background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;font-family:'Syne',sans-serif;font-weight:800;font-size:.85rem;padding:.55rem 1.5rem;border-radius:50px;margin-bottom:.7rem;box-shadow:0 4px 20px rgba(168,85,247,.35)} .flow-branch-label p{color:var(--muted);font-size:.85rem} .flow-y{width:100%;max-width:520px;height:44px;position:relative;margin-top:.3rem} .flow-y-bar{position:absolute;top:0;left:50%;transform:translateX(-50%);width:70%;height:2px;background:linear-gradient(90deg,var(--violet),var(--neon))} .flow-y-bar::before,.flow-y-bar::after{content:'';position:absolute;top:0;width:2px;height:44px;background:linear-gradient(180deg,var(--violet),var(--neon))} .flow-y-bar::before{left:0} .flow-y-bar::after{right:0} .flow-branches{width:100%;max-width:900px;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem} .flow-branch-tabs{display:none} .flow-branch-stack{display:contents} .flow-branch-card{display:flex;flex-direction:column;height:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;position:relative;z-index:0;transition:transform .25s,border-color .25s,box-shadow .25s}
.flow-star-bg{position:absolute;inset:0;z-index:-1;border-radius:var(--radius);overflow:hidden;pointer-events:none} .flow-branch-card:hover{transform:translateY(-5px)} .flow-branch-card.abonnement{border-color:var(--neon);box-shadow:0 0 0 1px var(--neon),0 20px 50px rgba(168,85,247,.2);background:linear-gradient(160deg,#1f0a38,#1a0a2e)} .fb-badge-top{position:absolute;top:0;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;font-size:.68rem;font-weight:800;padding:.28rem 1rem;border-radius:0 0 10px 10px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap} .fb-icon{width:48px;height:48px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1rem} .fb-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--neon2);font-weight:700;margin-bottom:.5rem} .flow-branch-card h4{font-family:'Syne',sans-serif;font-weight:800;font-size:1.15rem;margin-bottom:.6rem} .flow-branch-card p{color:var(--muted);font-size:.85rem;line-height:1.6;margin-bottom:1.2rem} .flow-branch-card p strong{color:var(--white)} .fb-result{display:inline-flex;align-self:flex-start;align-items:center;gap:.4rem;margin-top:auto;font-size:.78rem;font-weight:700;color:var(--neon2);background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.25);padding:.5rem .9rem;border-radius:8px} .fb-cta{display:inline-flex;align-self:flex-start;align-items:center;gap:.4rem;margin-top:.9rem;background:transparent;border:1px solid var(--border);color:var(--white);padding:.5rem .9rem;border-radius:8px;text-decoration:none;font-size:.78rem;font-weight:700;font-family:'Syne',sans-serif;transition:all .2s} .fb-cta:hover{border-color:var(--neon);background:rgba(168,85,247,.08);color:var(--neon2)} .fb-cta span{transition:transform .2s} .fb-cta:hover span{transform:translateX(3px)} .fb-icon img{width:26px;height:26px;object-fit:contain;flex-shrink:0} @media(max-width:700px){ .flow-y{max-width:2px;height:36px} .flow-y-bar{width:2px;height:100%;background:linear-gradient(180deg,var(--violet),var(--neon))} .flow-y-bar::before,.flow-y-bar::after{display:none} .fb-badge-top{position:static;transform:none;display:inline-block;margin-bottom:1rem;border-radius:50px} .flow-branches{display:flex;flex-direction:column;align-items:center;gap:0;max-width:380px;margin:0 auto} .flow-branch-tabs{display:flex;gap:.3rem;width:100%;background:rgba(168,85,247,.06);border:1px solid var(--border);border-radius:50px;padding:.3rem;margin-bottom:2.2rem} .flow-branch-tab{flex:1;border:none;background:transparent;color:var(--muted);font-family:'Syne',sans-serif;font-weight:700;font-size:.8rem;padding:.65rem .5rem;border-radius:50px;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s} .flow-branch-tab.active{background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;box-shadow:0 4px 16px rgba(168,85,247,.4)} .flow-branch-stack{display:grid;width:100%} .flow-branch-stack .flow-branch-card{grid-area:1/1;width:100%;cursor:pointer;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s ease,filter .3s ease} .flow-branch-stack .flow-branch-card.fb-active{transform:rotate(0deg) translate(0,0) scale(1);opacity:1;z-index:2;filter:none} .flow-branch-stack .flow-branch-card.fb-active:hover{transform:none} .flow-branch-stack .flow-branch-card:not(.fb-active){transform:rotate(-6deg) translate(18px,16px) scale(.93);opacity:1;z-index:1;filter:brightness(.7) saturate(.8)} .flow-branch-stack .flow-branch-card:not(.fb-active):hover{transform:rotate(-6deg) translate(18px,16px) scale(.93)} .flow-branch-stack .flow-branch-card:not(.fb-active)::before{ content:'👉 Toucher pour comparer';position:absolute;inset:0;display:flex;align-items:center;justify-content:center; text-align:center;padding:1.5rem;background:rgba(8,4,15,.78);border-radius:inherit;color:#fff; font-family:'Syne',sans-serif;font-weight:700;font-size:.85rem;z-index:3;letter-spacing:.02em; } } @media(max-width:480px){ .flow-step{flex-direction:column;text-align:center;padding:1.4rem} .flow-step-visual{width:100%;height:130px} .flow-branch-card{padding:1.6rem} } #avis { background: var(--bg3); overflow: hidden; } .avis-header { padding-bottom: 2.5rem; } .avis-summary{display:flex;align-items:center;gap:2.2rem;background:linear-gradient(145deg,#1f0a38,#160a26);border:1px solid rgba(168,85,247,.25);border-radius:18px;padding:1.8rem 2.2rem;margin-bottom:3rem;flex-wrap:wrap} .avis-summary-left{display:flex;align-items:center;gap:1.3rem} .avis-summary-score{font-family:'Syne',sans-serif;font-size:2.8rem;font-weight:800;color:var(--neon2);line-height:1} .avis-summary-score span{font-size:1.2rem;color:var(--muted);font-weight:600} .avis-summary-stars-wrap{display:flex;flex-direction:column;gap:.35rem} .avis-summary-stars{color:#FBBF24;font-size:1.3rem;letter-spacing:3px;line-height:1} .avis-summary-count{font-size:.85rem;color:var(--muted)} .avis-summary-count strong{color:var(--white);font-weight:700} .avis-summary-divider{width:1px;align-self:stretch;background:var(--border);flex-shrink:0} @media(max-width:640px){.avis-summary-divider{display:none} } .avis-summary-tp{display:flex;align-items:center;gap:.8rem;text-decoration:none;margin-left:auto;padding:.5rem .9rem;border-radius:12px;transition:background .2s,transform .2s} .avis-summary-tp:hover{background:rgba(168,85,247,.12);transform:translateY(-2px)} .avis-summary-tp img{height:30px;width:auto;object-fit:contain;flex-shrink:0} .avis-summary-tp-text{display:flex;flex-direction:column;line-height:1.3} .avis-summary-tp-text span{font-size:.7rem;color:var(--muted)} .avis-summary-tp-text strong{font-size:.92rem;color:var(--white);font-weight:800;font-family:'Syne',sans-serif} @media(max-width:640px){.avis-summary{flex-direction:column;align-items:flex-start;gap:1.4rem} .avis-summary-tp{margin-left:0} } .avis-track-wrapper { overflow: hidden; mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); } .avis-track { display: flex; gap: 1.5rem; width: max-content; animation: scroll-avis 40s linear infinite; } .avis-track:hover { animation-play-state: paused; } @keyframes scroll-avis { from { transform: translateX(0); } to { transform: translateX(-50%); } } .avis-empty { max-width: 620px; margin: 0 auto; text-align: center; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 2.2rem 2rem; color: var(--muted); font-size: .95rem; line-height: 1.7; }
.avis-empty a { color: var(--neon2); text-decoration: none; font-weight: 600; }
.avis-empty a:hover { text-decoration: underline; }
.avis-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.6rem 1.8rem; width: 320px; flex-shrink: 0; position: relative; z-index: 0; transition: border-color .25s, transform .25s; } .avis-card:hover { border-color: var(--neon); transform: translateY(-3px); } .avis-stars { color: #FBBF24; font-size: 1rem; letter-spacing: 2px; margin-bottom: .8rem; } .avis-text { color: var(--white); font-size: .9rem; line-height: 1.65; margin-bottom: 1.2rem; font-style: italic; } .avis-author { display: flex; align-items: center; gap: .8rem; } .avis-avatar { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .85rem; font-weight:800; font-family:'Syne',sans-serif; flex-shrink: 0; } .avis-name { font-weight: 700; font-size: .88rem; font-family: 'Syne', sans-serif; } .avis-job { font-size: .75rem; color: var(--muted); } .avis-platform { font-size: .7rem; color: var(--neon2); font-weight: 600; margin-left: auto; opacity: .7; } #contact{background:var(--bg2)} .contact-wrapper{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem} @media(max-width:800px){.contact-wrapper{grid-template-columns:1fr;gap:2.5rem}}  .contact-info p{color:var(--muted);margin-bottom:2rem} .contact-detail{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;color:var(--white);font-size:.9rem;text-decoration:none;transition:color .2s} .contact-detail:hover{color:var(--neon2)} .contact-detail-icon{width:36px;height:36px;background:rgba(168,85,247,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0} .contact-hours{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1rem;color:var(--white);font-size:.9rem} .contact-hours-text{display:flex;flex-direction:column;gap:.15rem} .contact-hours-day{font-weight:600} .contact-hours-sub{color:var(--muted);font-size:.8rem} .contact-map-block{margin-top:1.8rem} .contact-map-label{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem;font-size:.85rem;color:var(--white);font-weight:600} .contact-map-label-icon{width:36px;height:36px;background:rgba(168,85,247,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0} .contact-map-wrap{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border);aspect-ratio:16/11} .contact-map-wrap iframe{width:100%;height:100%;border:0;filter:grayscale(.25) contrast(1.05)} .contact-map-radius{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78%;height:78%;border-radius:50%;border:2px dashed var(--neon);background:rgba(168,85,247,.12);pointer-events:none;box-shadow:0 0 0 9999px rgba(10,5,18,.35)} .contact-map-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--neon2);box-shadow:0 0 0 5px rgba(168,85,247,.25);pointer-events:none} .contact-map-caption{margin-top:.6rem;font-size:.78rem;color:var(--muted);text-align:center} .contact-form{display:flex;flex-direction:column;gap:1rem} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem} @media(max-width:500px){.form-row{grid-template-columns:1fr}} .form-group{display:flex;flex-direction:column;gap:.4rem} label{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em} input,textarea,select{background:var(--card);border:1px solid var(--border);border-radius:9px;padding:.8rem 1rem;color:var(--white);font-family:'Inter',sans-serif;font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s;width:100%} input:focus,textarea:focus,select:focus{border-color:var(--neon);box-shadow:0 0 0 3px rgba(168,85,247,.12)} select option{background:var(--card)} textarea{resize:vertical;min-height:110px} .form-divider{border:none;border-top:1px solid var(--border);margin:.4rem 0} .hosting-toggle-label{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.6rem;display:block} .hosting-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:4px;gap:4px;position:relative} .hosting-toggle input{display:none} .hosting-toggle label.htg-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.7rem .5rem;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--muted);text-transform:none;letter-spacing:0;transition:all .2s;text-align:center} .hosting-toggle input:checked+label.htg-opt{background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;box-shadow:0 4px 16px rgba(168,85,247,.35)} .htg-opt-sub{font-size:.72rem;font-weight:500;opacity:.8} .btn-submit{background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;border:none;padding:.95rem;border-radius:10px;font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(168,85,247,.3);width:100%} .btn-submit:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 28px rgba(168,85,247,.45)} .pdf-block{display:flex;gap:1.2rem;align-items:flex-start;background:linear-gradient(145deg,#1f0a38,#160a26);border:1px solid rgba(168,85,247,.25);border-radius:16px;padding:1.6rem 1.7rem;margin-bottom:1.4rem}
.pdf-block-icon{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,var(--violet),var(--neon));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 20px rgba(168,85,247,.35)}
.pdf-block-icon img{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}
.pdf-block-body{flex:1;display:flex;flex-direction:column;gap:.6rem;min-width:0}
.pdf-block-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1rem;color:var(--white)} .pdf-block-text{font-size:.85rem;color:var(--muted);line-height:1.6} .pdf-block-text strong{color:var(--white)} .pdf-block-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.3);color:var(--neon2);padding:.75rem 1.1rem;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:700;font-family:'Syne',sans-serif;transition:all .2s;margin-top:.4rem}
.contact-option-label{display:flex;align-items:center;gap:.7rem;font-family:'Syne',sans-serif;font-weight:800;font-size:1.05rem;color:var(--white);margin-bottom:1.2rem}
.col-num{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;flex-shrink:0}
.contact-or-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.contact-or-divider::before,.contact-or-divider::after{content:'';flex:1;height:1px;background:var(--border)} .pdf-block-btn:hover{background:var(--violet);border-color:var(--violet);color:#fff;transform:translateY(-1px)}  .pdf-block-btn span{transition:transform .2s} .pdf-block-btn:hover span{transform:translateX(3px)} .proof-wall{padding:2rem 0 5rem;background:var(--bg2);position:relative;overflow:hidden} .proof-wall-label{display:flex;align-items:center;justify-content:center;gap:.8rem;text-align:center;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-bottom:2.2rem} .proof-wall-label::before,.proof-wall-label::after{content:'';width:40px;height:1px;background:var(--border)} .proof-row-wrapper{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);margin-bottom:1.2rem} .proof-row{display:flex;gap:1.2rem;width:max-content} .proof-row.row-left{animation:proofScrollLeft 32s linear infinite}  .proof-row-wrapper:hover .proof-row{animation-play-state:paused} @keyframes proofScrollLeft{from{transform:translateX(0)} to{transform:translateX(-50%)} } @keyframes proofScrollRight{from{transform:translateX(-50%)} to{transform:translateX(0)} } .proof-card{position:relative;width:320px;height:200px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--card);text-decoration:none;display:block} .proof-card:hover{transform:translateY(-5px);border-color:var(--neon);box-shadow:0 16px 40px rgba(168,85,247,.22)} .proof-card img{width:100%;height:100%;object-fit:cover;object-position:top;background:#0D0618;display:block;transition:transform .4s ease} .proof-card:hover img{transform:scale(1.06)} .proof-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,6,24,.92) 0%,rgba(13,6,24,.2) 55%,transparent 78%);display:flex;flex-direction:column;justify-content:flex-end;padding:.9rem 1rem} .proof-card-name{font-family:'Syne',sans-serif;font-weight:800;font-size:.92rem;color:var(--white);margin-bottom:.35rem} .proof-card-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--neon2);background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.3);padding:.18rem .55rem;border-radius:50px;width:fit-content} .proof-card-live{position:absolute;top:.7rem;right:.7rem;z-index:2;display:flex;align-items:center;gap:.35rem;background:rgba(13,6,24,.65);backdrop-filter:blur(6px);padding:.25rem .6rem;border-radius:50px;font-size:.62rem;font-weight:700;color:#4ade80;letter-spacing:.04em} .proof-live-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:pulse 2s infinite} @media (max-width:640px){.proof-card{width:210px;height:140px} } #hebergement{background:var(--bg2)} .hosting-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3.5rem} .hosting-card{display:flex;flex-direction:column;border-radius:20px;padding:2.5rem 2.2rem;border:1px solid var(--border);background:var(--card);position:relative;z-index:0;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s} .hosting-cta-group{margin-top:auto;padding-top:1.6rem;display:flex;flex-direction:column;gap:.7rem} .hosting-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(168,85,247,.12)} .hosting-card.autonome{border-color:var(--border)} .hosting-card.autonome:hover{border-color:rgba(168,85,247,.5)} .hosting-card.gere{border-color:var(--neon);box-shadow:0 0 0 1px var(--neon),0 20px 60px rgba(168,85,247,.18);background:linear-gradient(145deg,#1f0a38,#1a0a2e)} .hosting-badge-top{position:absolute;top:0;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;font-size:.7rem;font-weight:700;padding:.28rem 1.1rem;border-radius:0 0 10px 10px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap} .hosting-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem} .hosting-icon img{width:26px;height:26px;object-fit:contain;flex-shrink:0} .autonome .hosting-icon{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2)} .gere .hosting-icon{background:rgba(168,85,247,.18);border:1px solid rgba(168,85,247,.4)} .autonome .hosting-icon img{filter:drop-shadow(0 0 4px rgba(168,85,247,.35))} .gere .hosting-icon img{filter:drop-shadow(0 0 5px rgba(168,85,247,.6)) drop-shadow(0 0 16px rgba(168,85,247,.35))} .hosting-card h3{font-family:'Syne',sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:-.4px;margin-bottom:.4rem} .hosting-tagline{color:var(--muted);font-size:.88rem;margin-bottom:1.9rem;line-height:1.6} .hosting-tagline strong{color:var(--white)} .hosting-price-block{display:flex;align-items:flex-end;gap:.5rem;margin-bottom:2.2rem;padding-bottom:1.7rem;border-bottom:1px solid var(--border);flex-wrap:wrap} .hosting-price{font-family:'Syne',sans-serif;font-size:2.8rem;font-weight:800;line-height:1} .gere .hosting-price{color:var(--neon2)} .hosting-price-detail{color:var(--muted);font-size:.82rem;line-height:1.4} .hosting-features{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-bottom:2.3rem} .hosting-features li{display:flex;align-items:flex-start;gap:.75rem;font-size:.88rem;color:var(--white);line-height:1.55} .hf-check{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;margin-top:1px} .autonome .hf-check{background:rgba(168,85,247,.15);color:var(--neon)} .gere .hf-check{background:var(--violet);color:#fff} .hosting-warning{display:flex;align-items:flex-start;gap:.6rem;background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:1rem 1.1rem;margin-bottom:1.9rem;font-size:.8rem;color:#fca5a5;line-height:1.55} .hosting-warning img{width:32px;height:32px;object-fit:contain;flex-shrink:0} .btn-hosting{display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:.85rem 1.4rem;border-radius:10px;font-family:'Syne',sans-serif;font-weight:700;font-size:.92rem;text-decoration:none;transition:all .2s} .btn-hosting img{width:15px;height:15px;object-fit:contain;flex-shrink:0;transition:transform .2s ease} .btn-hosting:hover img[src*="fleche"]{transform:translateX(4px)} .autonome .btn-hosting{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:var(--neon2)} .autonome .btn-hosting:hover{background:rgba(168,85,247,.2);border-color:var(--neon);color:var(--white)} .gere .btn-hosting{background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;border:none;box-shadow:0 4px 20px rgba(168,85,247,.35)} .gere .btn-hosting:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 28px rgba(168,85,247,.5)} .hosting-note{grid-column:1/-1;display:flex;gap:1.2rem;align-items:flex-start;background:linear-gradient(145deg,#1f0a38,#160a26);border:1px solid rgba(168,85,247,.25);border-radius:18px;padding:1.8rem 2rem;margin-top:.5rem} .hosting-note-avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--neon));display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;box-shadow:0 4px 16px rgba(168,85,247,.4)} .hosting-note-content p{font-size:.92rem;line-height:1.65;color:var(--white)} .hosting-note-content p+p{margin-top:.7rem} .hosting-note-content strong{color:var(--neon2)} .hosting-note-sign{margin-top:.9rem;font-family:'Syne',sans-serif;font-weight:700;font-size:.85rem;color:var(--muted)} .hosting-note-sign span{color:var(--white)} .hosting-perf{grid-column:1/-1;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2.2rem 2.4rem;position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s} .hosting-perf:hover{border-color:rgba(168,85,247,.4);box-shadow:0 20px 50px rgba(168,85,247,.1)} .hosting-perf::before{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(168,85,247,.12) 0%,transparent 70%);top:-100px;right:-80px;pointer-events:none} .hosting-perf-header{position:relative;z-index:1;margin-bottom:1.8rem} .hosting-perf-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--neon2);background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.25);padding:.3rem .8rem;border-radius:50px;margin-bottom:.9rem;width:fit-content} .hosting-perf-header h3{font-family:'Syne',sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:-.4px;margin-bottom:.5rem} .hosting-perf-sub{color:var(--muted);font-size:.88rem;line-height:1.6;max-width:520px} .hosting-perf-sub strong{color:var(--white)} .hosting-perf-body{display:flex;align-items:center;gap:3rem;flex-wrap:wrap;position:relative;z-index:1} .hosting-perf-gauge{position:relative;width:140px;height:140px;flex-shrink:0} .hosting-perf-gauge svg{width:100%;height:100%;transform:rotate(-90deg)} .hpg-track{fill:none;stroke:var(--border);stroke-width:10} .hpg-value{fill:none;stroke:var(--neon);stroke-width:10;stroke-linecap:round;stroke-dasharray:364.4;stroke-dashoffset:10.9;filter:drop-shadow(0 0 10px rgba(168,85,247,.5))} .hosting-perf-score{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:2.2rem;font-weight:800;color:var(--neon2)} .hosting-perf-legend{display:flex;flex-direction:column;gap:.5rem;font-size:.78rem;color:var(--muted);flex-shrink:0} .hosting-perf-legend span{display:flex;align-items:center;gap:.5rem} .hosting-perf-legend i{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0} .hosting-perf-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 2.4rem;flex:1;min-width:260px} .hpm-item{display:flex;align-items:flex-start;gap:.6rem} .hpm-dot{width:8px;height:8px;border-radius:50%;margin-top:.4rem;flex-shrink:0} .hpm-label{font-size:.82rem;color:var(--white);font-weight:600;line-height:1.4} .hpm-value{font-size:.82rem;color:var(--muted);margin-top:.15rem} @media(max-width:700px){.hosting-perf{padding:1.8rem 1.5rem} .hosting-perf-body{gap:1.8rem} .hosting-perf-metrics{grid-template-columns:1fr;gap:.9rem} } @media (max-width:780px){.hosting-grid{grid-template-columns:1fr;gap:1.5rem} .hosting-card{padding:2.2rem 1.5rem 1.8rem} .hosting-badge-top{position:static;transform:none;display:inline-block;margin-bottom:1.2rem;border-radius:50px} .hosting-price{font-size:2.3rem} .hosting-note{flex-direction:column;padding:1.5rem 1.3rem;gap:.9rem} .hosting-note-avatar{width:44px;height:44px;font-size:1.2rem} .hosting-note-content p{font-size:.87rem;line-height:1.6} } @media (max-width:420px){.hosting-card{padding:1.8rem 1.2rem 1.5rem;border-radius:16px} .hosting-card h3{font-size:1.15rem} .hosting-price{font-size:2rem} .hosting-price-block{gap:.4rem} .hosting-features li{font-size:.85rem} .hosting-warning{padding:.7rem .8rem;font-size:.76rem} .hosting-warning img{width:26px;height:26px} .btn-hosting{padding:.75rem 1rem;font-size:.85rem} } #options{background:var(--bg)} .options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem} .option-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.9rem;position:relative;z-index:0;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s} .option-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(168,85,247,.08),transparent 60%);opacity:0;transition:opacity .3s} .option-card:hover{transform:translateY(-5px);border-color:var(--neon);box-shadow:0 14px 40px rgba(168,85,247,.15)} .option-card:hover::before{opacity:1} .option-card.popular{border-color:var(--neon);box-shadow:0 0 0 1px var(--neon),0 16px 44px rgba(168,85,247,.18);background:linear-gradient(160deg,#1f0a38 0%,#1a0a2e 100%)} .option-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;position:relative;z-index:1} .option-icon{width:48px;height:48px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0} .popular .option-icon{background:rgba(168,85,247,.2);border-color:rgba(168,85,247,.45)} .option-badge{background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;font-size:.62rem;font-weight:800;padding:.28rem .7rem;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;box-shadow:0 4px 14px rgba(168,85,247,.35)} .option-card h3{font-family:'Syne',sans-serif;font-size:1.08rem;font-weight:700;margin-bottom:.5rem;position:relative;z-index:1} .option-card p{color:var(--muted);font-size:.87rem;line-height:1.6;margin-bottom:1.3rem;position:relative;z-index:1} .option-price-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.2rem;border-top:1px solid var(--border);position:relative;z-index:1} .popular .option-price-row{border-color:rgba(168,85,247,.3)} .option-price-block{display:flex;align-items:baseline;gap:.3rem} .option-price-from{font-size:.72rem;color:var(--muted);font-weight:600} .option-price{font-family:'Syne',sans-serif;font-size:1.5rem;font-weight:800;color:var(--neon2)} .option-price-unit{font-size:.72rem;color:var(--muted)} .btn-option{display:inline-flex;align-items:center;gap:.4rem;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.3);color:var(--neon2);padding:.55rem 1.1rem;border-radius:8px;text-decoration:none;font-size:.8rem;font-weight:700;font-family:'Syne',sans-serif;transition:all .2s;white-space:nowrap} .btn-option:hover{background:var(--violet);border-color:var(--violet);color:#fff;transform:translateY(-1px)} .option-included-note{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:#4ade80;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.25);padding:.3rem .7rem;border-radius:50px;margin-bottom:1.1rem}
.option-pack-save{font-size:.72rem;color:var(--muted);margin-bottom:.9rem}
.options-packs{margin-top:3rem}
.options-packs-header{text-align:center;max-width:560px;margin:0 auto 2rem}
.options-packs-header h3{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;margin-bottom:.5rem}
.options-packs-header p{color:var(--muted);font-size:.92rem;line-height:1.6}
.options-packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}
.option-pack{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.9rem;text-align:center;position:relative;z-index:0;transition:transform .25s,border-color .25s,box-shadow .25s}
.option-pack:hover{transform:translateY(-4px)}
.option-pack.featured{border-color:var(--neon);box-shadow:0 0 0 1px var(--neon),0 20px 50px rgba(168,85,247,.2);background:linear-gradient(160deg,#1f0a38,#1a0a2e)}
.option-pack-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;font-size:.68rem;font-weight:800;padding:.32rem 1rem;border-radius:50px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;box-shadow:0 4px 16px rgba(168,85,247,.4)}
.option-pack h4{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;margin-bottom:.7rem}
.option-pack-price{font-family:'Syne',sans-serif;font-size:2rem;font-weight:800;color:var(--neon2);margin-bottom:.6rem}
.option-pack-includes{color:var(--muted);font-size:.85rem;line-height:1.6;margin-bottom:1.5rem;min-height:2.6em}
.option-pack .btn-option{width:100%;justify-content:center}
.btn-option.solid{background:linear-gradient(135deg,var(--violet),var(--neon));border-color:transparent;color:#fff}
.btn-option.solid:hover{opacity:.92;color:#fff}
.options-note{max-width:820px;margin:2.5rem auto 0;display:flex;align-items:center;gap:1.2rem;background:linear-gradient(145deg,#1f0a38,#160a26);border:1px solid rgba(168,85,247,.25);border-radius:18px;padding:1.5rem 1.9rem} .options-note-icon{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--neon));display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0} .options-note-text{font-size:.87rem;color:var(--muted);line-height:1.6} .options-note-text strong{color:var(--white)} @media(max-width:600px){.options-note{flex-direction:column;align-items:flex-start;text-align:left}} .btn-visualiser{display:inline-flex;align-items:center;gap:.5rem;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:var(--neon2);padding:.6rem 1.1rem;border-radius:8px;font-family:'Syne',sans-serif;font-weight:700;font-size:.82rem;cursor:pointer;transition:all .2s;margin-bottom:1.1rem;position:relative;z-index:1;width:100%;justify-content:center} .btn-visualiser:hover{background:var(--violet);border-color:var(--violet);color:#fff;transform:translateY(-1px)} .btn-visualiser span{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:.65rem} .visu-overlay{position:fixed;inset:0;background:rgba(8,4,15,.82);backdrop-filter:blur(6px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .25s ease} .visu-overlay.open{display:flex;opacity:1} .visu-modal{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 0 0 1px rgba(168,85,247,.15),0 30px 80px rgba(0,0,0,.6);transform:translateY(16px) scale(.98);transition:transform .25s ease} .visu-overlay.open .visu-modal{transform:translateY(0) scale(1)} .visu-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.25);color:var(--white);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:2} .visu-close:hover{background:var(--violet);border-color:var(--violet)} .visu-header{padding:1.8rem 2rem 1.2rem} .visu-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--neon2);font-weight:700;margin-bottom:.4rem} .visu-title{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;letter-spacing:-.5px} .visu-video-wrap{margin:0 2rem 1.2rem;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#0a0512;position:relative} .visu-video-wrap video{width:100%;height:100%;object-fit:cover;display:block} .visu-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:var(--muted);background:radial-gradient(circle at center,rgba(168,85,247,.08),transparent 70%)} .visu-placeholder-icon{width:56px;height:56px;border-radius:50%;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.3);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--neon2)} .visu-placeholder-text{font-size:.85rem;text-align:center;max-width:280px;line-height:1.5} .visu-footer{padding:0 2rem 2rem;font-size:.85rem;color:var(--muted);line-height:1.6} .visu-footer strong{color:var(--white)} #comparatif{background:var(--bg3)} .compare-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:20px;margin-bottom:2rem;box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 0 1px rgba(168,85,247,.12);scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.4) transparent} .compare-table-wrap::-webkit-scrollbar{height:6px} .compare-table-wrap::-webkit-scrollbar-thumb{background:rgba(168,85,247,.4);border-radius:10px} .compare-table-wrap::-webkit-scrollbar-track{background:transparent} .compare-table{background:var(--card);min-width:680px} .compare-row{display:grid;grid-template-columns:1.5fr 1.05fr 1.05fr 1.15fr} .compare-row:not(:last-child){border-bottom:1px solid var(--border)} .compare-head{font-family:'Syne',sans-serif;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em} .compare-head .compare-label{background:rgba(168,85,247,.04)} .compare-head .compare-col-them{background:rgba(168,85,247,.04);color:var(--muted)} .compare-cell{padding:1.3rem 1.5rem;font-size:.9rem;color:var(--white);display:flex;align-items:center} .compare-label{color:var(--muted);font-weight:600;font-size:.85rem;background:rgba(255,255,255,.015)} .compare-col-them{justify-content:center;text-align:center;color:var(--muted)} .compare-col-us{justify-content:center;text-align:center;background:linear-gradient(180deg,rgba(168,85,247,.14),rgba(168,85,247,.07));color:var(--white);font-weight:700;position:relative;border-left:1px solid rgba(168,85,247,.35);border-right:1px solid rgba(168,85,247,.35)} .compare-row:first-child .compare-col-us{border-top:1px solid rgba(168,85,247,.5)} .compare-row:last-child .compare-col-us{border-bottom:1px solid rgba(168,85,247,.5)} .compare-head .compare-col-us{background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem;border-left:none;border-right:none} .compare-us-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.22);font-size:.72rem;flex-shrink:0} .compare-price{font-family:'Syne',sans-serif;font-weight:800;font-size:1rem} .compare-col-us .compare-price{color:var(--neon2);font-size:1.2rem} .compare-x{color:#f87171;font-size:.82rem;white-space:nowrap} .compare-check{color:#4ade80;font-weight:700;font-size:.85rem;white-space:nowrap} .compare-savings-row .compare-label{font-weight:700;color:var(--white)} .compare-savings-row .compare-col-them{font-weight:700} .compare-savings-row .compare-col-us{color:var(--muted);font-weight:600} .compare-save{color:#fca5a5;font-weight:800;font-family:'Syne',sans-serif;white-space:nowrap} .compare-warning{display:flex;gap:1.1rem;align-items:flex-start;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.22);border-radius:16px;padding:1.6rem 1.9rem} .compare-warning-icon{font-size:1.4rem;flex-shrink:0} .compare-warning-text{font-size:.9rem;color:var(--muted);line-height:1.65} .compare-warning-text strong{color:var(--white)} @media(max-width:768px){.compare-table-wrap{mask-image:linear-gradient(to right,black 92%,transparent);-webkit-mask-image:linear-gradient(to right,black 92%,transparent)} .compare-cell{padding:1.05rem 1.15rem;font-size:.85rem} .compare-label{font-size:.8rem} .compare-price{font-size:.92rem} .compare-col-us .compare-price{font-size:1.05rem} } @media(max-width:640px){ .compare-table-wrap{overflow-x:visible;box-shadow:none;border-radius:0;mask-image:none;-webkit-mask-image:none;background:transparent} .compare-table{min-width:0;background:transparent;display:flex;flex-direction:column;gap:1rem} .compare-row{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--card)} .compare-row.compare-head{display:none} .compare-cell{width:100%;padding:.8rem 1.1rem} .compare-label{background:rgba(168,85,247,.08);color:var(--white);font-weight:700;font-size:.85rem;border-bottom:1px solid var(--border)} .compare-col-them,.compare-col-us{justify-content:space-between;text-align:left;border:none!important} .compare-col-them:not(:last-child),.compare-col-us:not(:last-child){border-bottom:1px solid var(--border)!important} .compare-col-them::before,.compare-col-us::before{content:attr(data-label);color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin-right:1rem} .compare-col-us{background:rgba(168,85,247,.1);border-left:3px solid var(--neon)!important} .compare-col-us::before{color:var(--neon2)} } .hosting-icon{display:flex;align-items:center;justify-content:center} .hosting-icon img{width:26px;height:26px;object-fit:contain;flex-shrink:0} .autonome .hosting-icon img{filter:drop-shadow(0 0 4px rgba(168,85,247,.35))} .gere .hosting-icon img{filter:drop-shadow(0 0 5px rgba(168,85,247,.6)) drop-shadow(0 0 16px rgba(168,85,247,.35))} .btn-hosting{display:flex;align-items:center;justify-content:center;gap:.5rem} .btn-hosting img{width:15px;height:15px;object-fit:contain;flex-shrink:0;transition:transform .2s ease} .btn-hosting:hover img[src*="fleche"]{transform:translateX(4px)} .gere .btn-hosting:not(.btn-hosting-outline) img{filter:drop-shadow(0 0 3px rgba(0,0,0,.25))} .hosting-warning img{width:45px;height:45px;object-fit:contain;flex-shrink:0;transition:transform .2s ease} #faq{background:var(--bg);position:relative;overflow:hidden} .faq-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.06) 0%,transparent 70%);left:-200px;top:20%;pointer-events:none} .faq-tabs{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin-top:3rem;margin-bottom:2.5rem} .faq-tab{display:inline-flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--border);color:var(--muted);padding:.6rem 1.2rem;border-radius:50px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif} .faq-tab:hover{border-color:rgba(168,85,247,.4);color:var(--white)} .faq-tab.active{background:linear-gradient(135deg,var(--violet),var(--neon));border-color:transparent;color:#fff;box-shadow:0 4px 20px rgba(168,85,247,.35)} .faq-tab-count{background:rgba(255,255,255,.15);font-size:.7rem;padding:.1rem .5rem;border-radius:50px;font-weight:700} .faq-tab:not(.active) .faq-tab-count{background:rgba(168,85,247,.12);color:var(--neon2)} .faq-list{display:flex;flex-direction:column;gap:.9rem;max-width:860px;margin:0 auto} .faq-item{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .2s;position:relative} .faq-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--violet),var(--neon));opacity:0;transition:opacity .25s} .faq-item:hover{border-color:rgba(168,85,247,.4);transform:translateX(2px)} .faq-item.open{border-color:var(--neon);box-shadow:0 12px 36px rgba(168,85,247,.15)} .faq-item.open::before{opacity:1} .faq-item.hidden{display:none} .faq-question{display:flex;align-items:center;gap:1.1rem;padding:1.5rem 1.7rem;cursor:pointer;user-select:none} .faq-q-icon{width:42px;height:42px;border-radius:12px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.22);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;transition:background .25s,transform .25s} .faq-item.open .faq-q-icon{background:linear-gradient(135deg,var(--violet),var(--neon));transform:scale(1.05)} .faq-q-body{flex:1;min-width:0} .faq-q-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--neon2);background:rgba(168,85,247,.1);padding:.15rem .55rem;border-radius:50px;margin-bottom:.4rem} .faq-q-text{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;line-height:1.35;display:block} .faq-arrow{width:32px;height:32px;border-radius:50%;background:rgba(168,85,247,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--neon);font-size:1.1rem;transition:transform .3s,background .2s} .faq-item.open .faq-arrow{transform:rotate(45deg);background:var(--violet);color:#fff} .faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease} .faq-item.open .faq-answer{max-height:500px} .faq-answer-inner{padding:0 1.7rem 1.7rem 1.7rem 1.7rem;padding-left:calc(42px + 1.7rem + 1.1rem);color:var(--muted);font-size:.92rem;line-height:1.75} .faq-answer a{color:var(--neon2);text-decoration:none} .faq-answer a:hover{text-decoration:underline} .faq-answer strong{color:var(--white)} @media(max-width:640px){ .faq-answer-inner{padding-left:1.7rem;padding-right:1.7rem;padding-bottom:1.5rem} .faq-question{padding:1.2rem} } .faq-cta{max-width:860px;margin:2.5rem auto 0;display:flex;align-items:center;gap:1.3rem;background:linear-gradient(145deg,#1f0a38,#160a26);border:1px solid rgba(168,85,247,.25);border-radius:18px;padding:1.6rem 2rem} .faq-cta-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--neon));display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0} .faq-cta-text{flex:1;font-size:.9rem;color:var(--muted);line-height:1.5} .faq-cta-text strong{color:var(--white)} .faq-cta a{color:var(--neon2);font-weight:700;text-decoration:none;white-space:nowrap} .faq-cta a:hover{text-decoration:underline} @media(max-width:600px){.faq-cta{flex-direction:column;align-items:flex-start}} #carte-visite{background:var(--bg3)} .cv-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:3rem} .cv-left{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;min-width:0;max-width:380px} .cv-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center} .cv-social{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:340px;padding-top:.4rem} .cv-social-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.05rem;margin-bottom:.4rem} .cv-social-link{display:flex;align-items:center;gap:.9rem;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.1rem;text-decoration:none;color:var(--white);font-weight:600;font-size:.9rem;transition:border-color .2s,background .2s,transform .2s} .cv-social-link:hover{border-color:var(--neon);background:rgba(168,85,247,.08);transform:translateX(4px)} .cv-social-link img{width:24px;height:24px;object-fit:contain;flex-shrink:0} .btn-cv{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.6rem;border-radius:10px;font-family:'Syne',sans-serif;font-weight:700;font-size:.92rem;text-decoration:none;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s,opacity .2s} .btn-cv.primary{background:linear-gradient(135deg,var(--violet),var(--neon));color:#fff;box-shadow:0 4px 24px rgba(168,85,247,.35)} .btn-cv.primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(168,85,247,.5)} .btn-cv.outline{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:var(--neon2)} .btn-cv.outline:hover{background:rgba(168,85,247,.2);border-color:var(--neon);color:var(--white)} #cv-card{width:380px;max-width:100%;background:linear-gradient(160deg,#1A0A2E 0%,#120720 100%);border:1px solid var(--border);border-radius:22px;padding:2.2rem;position:relative;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 0 1px rgba(168,85,247,.15)} #cv-card::before{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(168,85,247,.18) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none} .cv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8rem;position:relative;z-index:1} .cv-logo{display:flex;align-items:center;gap:.5rem} .cv-logo img{width:100px;height:100px;filter:drop-shadow(0 0 6px rgba(168,85,247,.6))} .cv-logo-text{font-family:'Syne',sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-.3px} .cv-logo-text span{color:var(--neon)} .cv-photo{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--neon));padding:3px;flex-shrink:0} .cv-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid var(--bg)} .cv-name-block{position:relative;z-index:1;margin-bottom:1.6rem} .cv-name{font-family:'Syne',sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.5px;margin-bottom:.2rem} .cv-role{color:var(--neon2);font-size:.85rem;font-weight:600} .cv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;padding:1.2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.6rem;position:relative;z-index:1} .cv-stat-item{text-align:center} .cv-stat-num{font-family:'Syne',sans-serif;font-size:1.3rem;font-weight:800;color:var(--neon2);line-height:1} .cv-stat-label{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:.25rem} .cv-details{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1} .cv-detail{display:flex;align-items:center;gap:.7rem;font-size:.85rem;color:var(--white)} .cv-detail-icon{width:30px;height:30px;background:rgba(168,85,247,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0} .cv-detail-hours{display:flex;flex-direction:column;gap:.05rem} .cv-detail-hours-sub{font-size:.72rem;color:var(--muted)} .cv-footer-tag{margin-top:1.6rem;padding-top:1rem;border-top:1px solid var(--border);text-align:center;font-size:.7rem;color:var(--muted);letter-spacing:.05em;position:relative;z-index:1} @media (max-width:480px){.cv-stats{grid-template-columns:repeat(2,1fr);row-gap:1rem}} .cv-save-overlay{position:fixed;inset:0;background:rgba(8,4,15,.92);backdrop-filter:blur(6px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .25s ease} .cv-save-overlay.open{display:flex;opacity:1} .cv-save-box{max-width:400px;width:100%;text-align:center;position:relative} .cv-save-close{position:absolute;top:-14px;right:-6px;width:36px;height:36px;border-radius:50%;background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.3);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .2s} .cv-save-close:hover{background:var(--violet);border-color:var(--violet)} .cv-save-box img{width:100%;display:block;border-radius:16px;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.5)} .cv-save-hint{margin-top:1.1rem;color:var(--muted);font-size:.85rem;line-height:1.6} .cv-save-hint strong{color:var(--white)}
.option-icon img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92;}
.service-icon img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92;}
.avis-avatar{object-fit:cover;}
.avis-platform{display:inline-flex;align-items:center;gap:.3rem;}
.avis-platform-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0;}
.faq-q-icon img{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92;}
.faq-tab-icon{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85;vertical-align:-3px;}
.faq-tab.active .faq-tab-icon{filter:brightness(0) invert(1);opacity:1;}
.faq-cta-icon img{width:26px;height:26px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95;}
.hosting-positive{display:flex;align-items:flex-start;gap:.6rem;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);border-radius:10px;padding:1rem 1.1rem;margin-bottom:1.9rem;font-size:.8rem;color:#86efac;line-height:1.55;}
.hosting-positive img{width:32px;height:32px;object-fit:contain;flex-shrink:0;}
@media (max-width:420px){.hosting-positive{padding:.7rem .8rem;font-size:.76rem;}.hosting-positive img{width:26px;height:26px;}}

/* === Glow blanc sur toutes les icônes recolorées (options, services, faq, templates) === */
.template-icon-box{width:40px;height:40px;background:rgba(168,85,247,.14);border:1px solid rgba(168,85,247,.3);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.title-icon{width:22px;height:22px;flex-shrink:0;filter:brightness(0) invert(1) drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 9px rgba(255,255,255,.55));}
.option-icon img{filter:brightness(0) invert(1) drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 9px rgba(255,255,255,.55));}
.service-icon img{filter:brightness(0) invert(1) drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 9px rgba(255,255,255,.55));}
.faq-q-icon img{filter:brightness(0) invert(1) drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 9px rgba(255,255,255,.55));}
.faq-tab-icon{filter:brightness(0) invert(1) drop-shadow(0 0 2px rgba(255,255,255,.85)) drop-shadow(0 0 6px rgba(255,255,255,.5));}
.faq-cta-icon img{filter:brightness(0) invert(1) drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 9px rgba(255,255,255,.55));}

/* === Démos "Ce que je fais" — vitrine, e-commerce, landing, refonte, seo, maintenance === */

/* --- vitrine (4s) --- */
.vd-vit-browser{width:82%;max-width:250px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:.7rem .8rem;}
.vd-vit-dots{display:flex;gap:.3rem;margin-bottom:.6rem;}
.vd-vit-dots span{width:6px;height:6px;border-radius:50%;background:var(--border);display:inline-block;}
.vd-vit-hero{height:2.6rem;border-radius:8px;background:linear-gradient(135deg,rgba(168,85,247,.45),rgba(192,132,252,.15));margin-bottom:.6rem;opacity:0;transform:scale(.9);animation:vdVitHero 4s ease-in-out infinite;}
.vd-vit-line{height:.42rem;border-radius:4px;background:var(--border);margin-bottom:.4rem;opacity:0;transform:translateX(-10px);}
.vd-vit-line:nth-of-type(2){animation:vdVitLine1 4s ease-in-out infinite;}
.vd-vit-line:nth-of-type(3){animation:vdVitLine2 4s ease-in-out infinite;}
.vd-vit-cta{margin-top:.5rem;text-align:center;font-size:.66rem;font-weight:700;color:#fff;background:var(--violet);border-radius:20px;padding:.42rem;opacity:0;transform:scale(.8);animation:vdVitCta 4s ease-in-out infinite;}
@keyframes vdVitHero{0%,6%{opacity:0;transform:scale(.9)}15%,88%{opacity:1;transform:scale(1)}97%,100%{opacity:0;transform:scale(.9)}}
@keyframes vdVitLine1{0%,23%{opacity:0;transform:translateX(-10px)}30%,88%{opacity:1;transform:translateX(0)}97%,100%{opacity:0;transform:translateX(-10px)}}
@keyframes vdVitLine2{0%,30%{opacity:0;transform:translateX(-10px)}37%,88%{opacity:1;transform:translateX(0)}97%,100%{opacity:0;transform:translateX(-10px)}}
@keyframes vdVitCta{0%,43%{opacity:0;transform:scale(.8)}50%,70%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(168,85,247,.6)}80%{box-shadow:0 0 0 8px rgba(168,85,247,0)}88%{opacity:1;transform:scale(1)}97%,100%{opacity:0;transform:scale(.8)}}

/* --- e-commerce (5s) --- */
.vd-ecom{position:relative;flex-direction:column;padding:.9rem;}
.vd-ecom-cart{position:absolute;top:.6rem;right:.6rem;display:flex;align-items:center;gap:.25rem;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:.3rem .6rem;font-size:.85rem;z-index:2;}
.vd-ecom-cart-count{position:relative;display:inline-block;width:.7rem;height:1em;font-size:.68rem;font-weight:800;color:var(--neon2);}
.vd-ecom-count-0,.vd-ecom-count-1{position:absolute;left:0;top:0;transition:none;}
.vd-ecom-count-0{animation:vdEcomCount0 5s ease-in-out infinite;}
.vd-ecom-count-1{animation:vdEcomCount1 5s ease-in-out infinite;}
.vd-ecom-cart{animation:vdEcomBump 5s ease-in-out infinite;}
.vd-ecom-grid{display:flex;gap:.5rem;margin-top:2.4rem;width:78%;}
.vd-ecom-card{flex:1;height:3.6rem;border-radius:8px;background:var(--bg2);border:1px solid var(--border);position:relative;}
.vd-ecom-card-active .vd-ecom-add{position:absolute;inset:0;margin:auto;width:22px;height:22px;border-radius:50%;background:var(--violet);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;animation:vdEcomAdd 5s ease-in-out infinite;}
.vd-ecom-toast{align-self:center;margin-top:1rem;font-size:.72rem;font-weight:700;color:#1A0A2E;background:var(--neon2);border-radius:20px;padding:.4rem 1rem;opacity:0;transform:translateY(10px);animation:vdEcomToast 5s ease-in-out infinite;}
@keyframes vdEcomCount0{0%,21%{opacity:1}23%,100%{opacity:0}}
@keyframes vdEcomCount1{0%,21%{opacity:0}23%,100%{opacity:1}}
@keyframes vdEcomBump{0%,21%{transform:scale(1)}23%{transform:scale(1.25)}26%,100%{transform:scale(1)}}
@keyframes vdEcomAdd{0%,18%{transform:scale(1)}20%{transform:scale(.75)}22%,100%{transform:scale(1)}}
@keyframes vdEcomToast{0%,58%{opacity:0;transform:translateY(10px)}64%,90%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(10px)}}

/* --- landing (5s) --- */
.vd-land{flex-direction:column;align-items:center;justify-content:center;padding:.9rem;gap:.5rem;text-align:center;}
.vd-land-headline{font-size:.85rem;font-weight:800;font-family:'Syne',sans-serif;color:var(--white);}
.vd-land-cta{font-size:.7rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--violet),var(--neon));border-radius:20px;padding:.5rem 1.1rem;animation:vdPulse 2s ease-in-out infinite;}
.vd-land-form{width:70%;display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem;}
.vd-land-field{height:.55rem;border-radius:4px;background:var(--bg2);border:1px solid var(--border);overflow:hidden;}
.vd-land-field-fill{display:block;height:100%;width:0;background:var(--neon2);border-radius:4px;}
.vd-land-field:nth-of-type(1) .vd-land-field-fill{animation:vdLandFill1 5s ease-in-out infinite;}
.vd-land-field:nth-of-type(2) .vd-land-field-fill{animation:vdLandFill2 5s ease-in-out infinite;}
.vd-land-success{font-size:.72rem;font-weight:700;color:#86efac;opacity:0;transform:translateY(8px);animation:vdLandSuccess 5s ease-in-out infinite;}
@keyframes vdLandFill1{0%,19%{width:0}30%,88%{width:100%}96%,100%{width:0}}
@keyframes vdLandFill2{0%,27%{width:0}38%,88%{width:100%}96%,100%{width:0}}
@keyframes vdLandSuccess{0%,48%{opacity:0;transform:translateY(8px)}55%,88%{opacity:1;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(8px)}}

/* --- refonte (6s) --- */
.vd-ref-frame{position:relative;width:88%;max-width:280px;aspect-ratio:16/11;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--bg2);}
.vd-ref-before,.vd-ref-after{position:absolute;inset:0;padding:.8rem .9rem;}
.vd-ref-before{background:#e9e1c8;animation:vdRefBeforeShow 6s ease-in-out infinite;}
.vd-ref-before-badge{display:inline-block;font-family:Georgia,serif;font-size:.6rem;font-weight:700;color:#7a6a3a;border:1px solid #b8a968;padding:.1rem .4rem;margin-bottom:.5rem;}
.vd-ref-before-line{height:.4rem;background:#b8a968;margin-bottom:.4rem;}
.vd-ref-before-box{width:2.4rem;height:2.4rem;background:#c9bd8e;margin:.4rem 0;}
.vd-ref-clouds{position:absolute;inset:0;overflow:hidden;}
.vd-ref-clouds span{position:absolute;top:10%;width:3.4rem;height:1.3rem;border-radius:50px;background:#8a8a8a;opacity:0;filter:blur(1px);}
.vd-ref-clouds span:nth-child(1){left:-30%;animation:vdRefCloud1 6s ease-in-out infinite;}
.vd-ref-clouds span:nth-child(2){left:-40%;top:28%;animation:vdRefCloud2 6s ease-in-out infinite;}
.vd-ref-clouds span:nth-child(3){left:-25%;top:46%;animation:vdRefCloud3 6s ease-in-out infinite;}
.vd-ref-bolt{position:absolute;top:35%;left:50%;transform:translateX(-50%);font-size:1.3rem;opacity:0;animation:vdRefBolt 6s ease-in-out infinite;}
.vd-ref-after{background:linear-gradient(160deg,#1f0a38,#120720);opacity:0;animation:vdRefAfterShow 6s ease-in-out infinite;}
.vd-ref-after-badge{display:inline-block;font-family:'Syne',sans-serif;font-size:.6rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--violet),var(--neon));padding:.15rem .5rem;border-radius:20px;margin-bottom:.5rem;}
.vd-ref-after-hero{height:2rem;border-radius:6px;background:linear-gradient(135deg,rgba(168,85,247,.5),rgba(192,132,252,.2));margin-bottom:.45rem;}
.vd-ref-after-line{height:.38rem;border-radius:4px;background:rgba(255,255,255,.25);margin-bottom:.35rem;}
.vd-ref-sparkles{position:absolute;inset:0;}
.vd-ref-sparkles span{position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:0 0 6px 2px rgba(255,255,255,.8);opacity:0;animation:vdRefSparkle 6s ease-in-out infinite;}
.vd-ref-sparkles span:nth-child(1){top:20%;left:75%;animation-delay:0s;}
.vd-ref-sparkles span:nth-child(2){top:55%;left:88%;animation-delay:.3s;}
.vd-ref-sparkles span:nth-child(3){top:70%;left:20%;animation-delay:.6s;}
.vd-ref-sparkles span:nth-child(4){top:15%;left:40%;animation-delay:.9s;}
.vd-ref-wipe{position:absolute;top:0;bottom:0;width:35%;left:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);opacity:0;animation:vdRefWipe 6s ease-in-out infinite;}
@keyframes vdRefBeforeShow{0%,58%{opacity:1}66%,100%{opacity:0}}
@keyframes vdRefCloud1{0%,3%{opacity:0;left:-30%}15%,55%{opacity:.9;left:60%}63%,100%{opacity:0;left:80%}}
@keyframes vdRefCloud2{0%,8%{opacity:0;left:-40%}20%,55%{opacity:.75;left:50%}63%,100%{opacity:0;left:75%}}
@keyframes vdRefCloud3{0%,13%{opacity:0;left:-25%}25%,55%{opacity:.85;left:65%}63%,100%{opacity:0;left:85%}}
@keyframes vdRefBolt{0%,26%{opacity:0}28%{opacity:1}30%{opacity:0}32%{opacity:.8}34%,100%{opacity:0}}
@keyframes vdRefAfterShow{0%,40%{opacity:0}46%,92%{opacity:1}98%,100%{opacity:0}}
@keyframes vdRefSparkle{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.3)}}
@keyframes vdRefWipe{0%,33%{opacity:0;left:-40%}38%{opacity:1}45%{opacity:1;left:100%}46%,100%{opacity:0;left:100%}}

/* --- seo (6s) --- */
.vd-seo{flex-direction:column;padding:.9rem 1rem;gap:.6rem;}
.vd-seo-bar{display:flex;align-items:center;gap:.4rem;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:.4rem .8rem;font-size:.72rem;color:var(--white);}
.vd-seo-typed{display:inline-block;overflow:hidden;white-space:nowrap;width:0;animation:vdSeoType 6s steps(13) infinite;}
.vd-seo-cursor{width:1px;height:.8em;background:var(--neon2);animation:vdSeoCursor .8s steps(1) infinite;}
.vd-seo-results{position:relative;display:flex;flex-direction:column;gap:.32rem;height:6.8rem;}
.vd-seo-row{font-size:.68rem;color:var(--muted);background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:.32rem .6rem;opacity:0;animation:vdSeoRowShow 6s ease-in-out infinite;}
.vd-seo-row-mine{position:relative;display:flex;align-items:center;gap:.35rem;color:#fff;font-weight:700;background:rgba(168,85,247,.18);border-color:var(--neon);opacity:1;animation:vdSeoRise 6s ease-in-out infinite;z-index:2;}
.vd-seo-rank-badge{color:#4ade80;font-size:.7rem;}
@keyframes vdSeoType{0%{width:0}12%,100%{width:6.6em}}
@keyframes vdSeoCursor{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes vdSeoRowShow{0%,14%{opacity:0}20%,100%{opacity:1}}
@keyframes vdSeoRise{0%,48%{transform:translateY(0)}58%,88%{transform:translateY(-4.9rem)}96%,100%{transform:translateY(0)}}

/* --- maintenance (5s) --- */
.vd-maint{flex-direction:column;padding:.9rem;gap:.7rem;position:relative;}
.vd-maint-gear{position:absolute;top:.6rem;right:.7rem;font-size:1.3rem;color:var(--neon2);animation:vdMaintSpin 3s linear infinite;filter:drop-shadow(0 0 4px rgba(192,132,252,.6));}
.vd-maint-rows{display:flex;flex-direction:column;gap:.55rem;margin-top:1.6rem;}
.vd-maint-row{display:flex;align-items:center;gap:.55rem;font-size:.74rem;color:var(--muted);}
.vd-maint-check{width:18px;height:18px;border-radius:50%;border:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:transparent;}
.vd-maint-row:nth-child(1) .vd-maint-check{animation:vdMaintCheck 5s ease-in-out infinite;}
.vd-maint-row:nth-child(2) .vd-maint-check{animation:vdMaintCheck2 5s ease-in-out infinite;}
.vd-maint-row:nth-child(3) .vd-maint-check{animation:vdMaintCheck3 5s ease-in-out infinite;}
.vd-maint-check::after{content:'✓';}

/* === Services grid — bouton "Voir en action" ancré à une position fixe === */
.service-card{display:flex;flex-direction:column;min-height:20rem;}
.service-card p{margin-bottom:1rem;}
.service-card .btn-visualiser{margin-top:auto;}
.fb-result-icon img{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 2px rgba(255,255,255,.85)) drop-shadow(0 0 6px rgba(255,255,255,.5));vertical-align:-3px;}
.nav-logo{text-decoration:none;cursor:pointer;color:var(--white);}
.nav-logo:visited{color:var(--white);}

/* === Système de réservation d'appel === */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.booking-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;}
@media(max-width:560px){.booking-days{grid-template-columns:repeat(4,1fr);}}
.booking-day-chip{aspect-ratio:1/1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:.3rem;border-radius:10px;background:var(--card);border:1px solid var(--border);cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;}
.booking-day-chip:hover{border-color:var(--neon);}
.booking-day-chip.active{background:linear-gradient(135deg,var(--violet),var(--neon));border-color:transparent;box-shadow:0 4px 16px rgba(168,85,247,.35);}
.booking-day-chip .bdc-dow{font-size:.62rem;text-transform:uppercase;color:var(--muted);letter-spacing:.05em;}
.booking-day-chip .bdc-num{font-family:'Syne',sans-serif;font-weight:800;font-size:1.15rem;color:var(--white);line-height:1;}
.booking-day-chip .bdc-month{font-size:.62rem;color:var(--muted);}
.booking-day-chip.active .bdc-dow,.booking-day-chip.active .bdc-num,.booking-day-chip.active .bdc-month{color:#fff;}
.booking-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;}
@media(max-width:500px){.booking-slots{grid-template-columns:repeat(3,1fr);}}
.booking-slot-btn{padding:.6rem .3rem;border-radius:8px;background:var(--card);border:1px solid var(--border);color:var(--white);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;}
.booking-slot-btn:hover{border-color:var(--neon);}
.booking-slot-btn.active{background:linear-gradient(135deg,var(--violet),var(--neon));border-color:transparent;color:#fff;}
.booking-slots-empty,.booking-slots-loading{grid-column:1/-1;color:var(--muted);font-size:.85rem;text-align:center;padding:1rem;}
.booking-selected{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);border-radius:10px;padding:.8rem 1rem;font-size:.85rem;color:var(--muted);}
.booking-selected strong{color:var(--neon2);font-family:'Syne',sans-serif;}
@keyframes vdMaintSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes vdMaintCheck{0%,18%{background:transparent;border-color:var(--border);color:transparent}22%,100%{background:#22c55e;border-color:#22c55e;color:#fff}}
@keyframes vdMaintCheck2{0%,42%{background:transparent;border-color:var(--border);color:transparent}46%,100%{background:#22c55e;border-color:#22c55e;color:#fff}}
@keyframes vdMaintCheck3{0%,66%{background:transparent;border-color:var(--border);color:transparent}70%,100%{background:#22c55e;border-color:#22c55e;color:#fff}}

/* === Visu popup — mini démos animées (remplacent les vidéos) === */
.visu-demo{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:1rem;font-family:'Inter',sans-serif;}
.vd{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;}

/* --- rdv : prise de rendez-vous --- */
.vd-rdv-cal{width:78%;max-width:260px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem;}
.vd-rdv-cal-head{font-size:.8rem;font-weight:700;color:var(--white);margin-bottom:.6rem;}
.vd-rdv-cal-head span{color:var(--muted);font-weight:400;}
.vd-rdv-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem;text-align:center;margin-bottom:.7rem;}
.vd-rdv-cal-grid span{font-size:.68rem;color:var(--muted);padding:.25rem 0;border-radius:5px;}
.vd-rdv-dow{color:var(--neon2)!important;font-weight:700;}
.vd-rdv-day-picked{background:var(--violet);color:var(--white)!important;font-weight:700;animation:vdPulse 2.4s ease-in-out infinite;}
.vd-rdv-slots{display:flex;gap:.4rem;flex-wrap:wrap;}
.vd-rdv-slot{font-size:.68rem;color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:.25rem .6rem;}
.vd-rdv-slot-active{color:var(--white);border-color:var(--neon);background:rgba(168,85,247,.18);animation:vdGlow 2.4s ease-in-out infinite;}
.vd-rdv-toast{position:absolute;bottom:10%;left:50%;transform:translateX(-50%) translateY(20px);background:var(--neon);color:#1A0A2E;font-weight:700;font-size:.72rem;padding:.5rem 1rem;border-radius:20px;opacity:0;white-space:nowrap;animation:vdToast 2.4s ease-in-out infinite;}

/* --- anim : animations premium au scroll --- */
.vd-anim-frame{width:64%;max-width:220px;display:flex;flex-direction:column;gap:.55rem;}
.vd-anim-block{height:2.1rem;border-radius:8px;background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(192,132,252,.12));border:1px solid var(--border);opacity:0;transform:translateY(16px);}
.vd-anim-block-1{animation:vdFadeUp 3s ease-in-out infinite;}
.vd-anim-block-2{animation:vdFadeUp 3s ease-in-out infinite .25s;}
.vd-anim-block-3{animation:vdFadeUp 3s ease-in-out infinite .5s;}
.vd-anim-scrollbar{position:absolute;right:8%;top:14%;bottom:14%;width:3px;border-radius:3px;background:var(--border);}
.vd-anim-thumb{width:100%;height:26%;border-radius:3px;background:var(--neon2);animation:vdScrollThumb 3s ease-in-out infinite;}

/* --- promo : barre promo animée --- */
.vd-promo{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:.7rem;}
.vd-promo-bar{background:var(--violet);border-radius:7px;overflow:hidden;margin-bottom:.7rem;}
.vd-promo-track{white-space:nowrap;font-size:.68rem;font-weight:700;color:var(--white);padding:.4rem 0;display:inline-block;animation:vdMarquee 9s linear infinite;}
.vd-promo-page{background:var(--bg2);border:1px solid var(--border);border-radius:8px;flex:1;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;}
.vd-promo-line{height:.5rem;border-radius:4px;background:var(--border);}

/* --- footer : footer pro --- */
.vd-footer{flex-direction:column;align-items:stretch;justify-content:center;padding:0 8%;gap:.7rem;}
.vd-footer-mock{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:.8rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;}
.vd-footer-h{font-size:.68rem;font-weight:700;color:var(--neon2);margin-bottom:.4rem;}
.vd-footer-line{height:.4rem;border-radius:3px;background:var(--border);margin-bottom:.35rem;}
.vd-footer-line.short{width:60%;}
.vd-footer-icons{display:flex;gap:.3rem;}
.vd-footer-icons span{width:.9rem;height:.9rem;border-radius:50%;background:var(--border);}
.vd-footer-cta{align-self:center;font-size:.72rem;font-weight:700;color:var(--white);background:var(--violet);border-radius:20px;padding:.45rem 1.1rem;animation:vdPulse 2.4s ease-in-out infinite;}

/* --- popup : notification avec son --- */
.vd-popup{flex-direction:column;align-items:stretch;justify-content:center;padding:.9rem 8%;}
.vd-popup-page{background:var(--bg2);border:1px solid var(--border);border-radius:8px;flex:1;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin-bottom:.7rem;}
.vd-popup-line{height:.5rem;border-radius:4px;background:var(--border);}
.vd-popup-toast{display:flex;align-items:center;gap:.55rem;background:var(--card);border:1px solid var(--neon);border-radius:10px;padding:.5rem .7rem;box-shadow:0 8px 24px rgba(168,85,247,.25);opacity:0;transform:translateY(16px);animation:vdToastIn 3.2s ease-in-out infinite;}
.vd-popup-bell{font-size:1rem;}
.vd-popup-text{display:flex;flex-direction:column;gap:.1rem;}
.vd-popup-text strong{font-size:.7rem;color:var(--white);}
.vd-popup-text span{font-size:.62rem;color:var(--muted);}
.vd-popup-wave{display:flex;align-items:flex-end;gap:.15rem;height:14px;margin-left:auto;}
.vd-popup-wave i{width:3px;border-radius:2px;background:var(--neon2);animation:vdWave 1s ease-in-out infinite;}
.vd-popup-wave i:nth-child(2){animation-delay:.15s;}
.vd-popup-wave i:nth-child(3){animation-delay:.3s;}
.vd-popup-wave i:nth-child(4){animation-delay:.45s;}

/* --- avis : avis google intégrés --- */
.vd-avis{flex-direction:column;align-items:stretch;justify-content:center;padding:.8rem 6%;gap:.6rem;}
.vd-avis-badge{align-self:center;display:flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:700;color:var(--white);background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:.3rem .8rem;}
.vd-avis-g{color:#4285F4;font-weight:800;}
.vd-avis-track{position:relative;height:5.4rem;overflow:hidden;}
.vd-avis-card{position:absolute;inset:0;margin:auto;width:78%;height:fit-content;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:.65rem .8rem;animation:vdAvisSlide 8s ease-in-out infinite;}
.vd-avis-card:nth-child(2){animation-delay:-2.6s;}
.vd-avis-card:nth-child(3){animation-delay:-5.2s;}
.vd-avis-stars{color:#FBBC05;font-size:.75rem;letter-spacing:1px;margin-bottom:.3rem;}
.vd-avis-card p{font-size:.68rem;color:var(--white);line-height:1.4;margin-bottom:.3rem;}
.vd-avis-card span{font-size:.62rem;color:var(--muted);}

@keyframes vdPulse{0%,100%{box-shadow:0 0 0 0 rgba(168,85,247,.5)}50%{box-shadow:0 0 0 6px rgba(168,85,247,0)}}
@keyframes vdGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
@keyframes vdToast{0%,15%{opacity:0;transform:translateX(-50%) translateY(20px)}30%,70%{opacity:1;transform:translateX(-50%) translateY(0)}85%,100%{opacity:0;transform:translateX(-50%) translateY(20px)}}
@keyframes vdFadeUp{0%,8%{opacity:0;transform:translateY(16px)}25%,80%{opacity:1;transform:translateY(0)}95%,100%{opacity:0;transform:translateY(16px)}}
@keyframes vdScrollThumb{0%{transform:translateY(0)}50%{transform:translateY(220%)}100%{transform:translateY(0)}}
@keyframes vdMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes vdToastIn{0%,10%{opacity:0;transform:translateY(16px)}25%,75%{opacity:1;transform:translateY(0)}90%,100%{opacity:0;transform:translateY(16px)}}
@keyframes vdWave{0%,100%{height:4px}50%{height:14px}}
@keyframes vdAvisSlide{0%{transform:translateX(24px);opacity:0}4%,29%{transform:translateX(0);opacity:1}33%,100%{transform:translateX(-24px);opacity:0}}

/* === Options grid — prix / boutons alignés à une position fixe sur tous les blocs === */
.option-card{display:flex;flex-direction:column;min-height:26rem;}
.option-card .btn-visualiser{margin-top:auto;}
.option-card:not(:has(.btn-visualiser)) .option-price-row{margin-top:auto;}

/* === Tarifs — 5 formules en liste (Landing / Vitrine Starter / Vitrine Pro / Premium / E-commerce) === */
.pricing-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.75rem;}
.pricing-row{display:grid;grid-template-columns:1.4fr .95fr 1.7fr auto;align-items:center;gap:1.75rem;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1.6rem 2rem;position:relative;z-index:0;transition:transform .25s,box-shadow .25s,border-color .25s;}
.pricing-row.featured{border-color:var(--neon);box-shadow:0 0 0 1px var(--neon),0 20px 60px rgba(168,85,247,.2);background:linear-gradient(160deg,#1f0a38 0%,#1a0a2e 100%);}
.pricing-featured-stars{position:absolute;inset:0;z-index:-1;border-radius:18px;overflow:hidden;pointer-events:none;}
.pricing-featured-star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px rgba(255,255,255,.9);animation:pricingStarTwinkle ease-in-out infinite;}
@keyframes pricingStarTwinkle{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}
.pricing-row .featured-badge{position:absolute;top:-.85rem;left:2rem;transform:none;border-radius:20px;padding:.32rem 1.1rem;}
.pr-info{display:flex;align-items:center;gap:1rem;min-width:0;}
.pr-icon{width:44px;height:44px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pr-icon img{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 9px rgba(255,255,255,.55));opacity:.92;}
.pricing-row.featured .pr-icon{background:rgba(168,85,247,.2);border-color:rgba(168,85,247,.45);}
.pr-info-text{min-width:0;}
.pr-name{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:-.2px;margin-bottom:.3rem;}
.pr-tag{font-size:.8rem;color:var(--muted);line-height:1.4;}
.pr-price-block{display:flex;flex-direction:column;gap:.15rem;}
.pr-price{font-family:'Syne',sans-serif;font-size:1.7rem;font-weight:800;letter-spacing:-1px;color:var(--neon2);white-space:nowrap;}
.pr-price-note{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;}
.pr-features{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;}
.pr-features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:var(--muted);line-height:1.4;}
.pricing-row.featured .pr-features li{color:rgba(192,132,252,.85);}
.pricing-row .btn-pricing{margin-top:0;width:auto;min-width:170px;padding:.85rem 1.4rem;white-space:nowrap;}
.pf-star{background:rgba(168,85,247,.15);color:var(--neon2);}

/* === Services — bouton "explication détaillée" ajouté sous "Voir en action" === */
.service-actions{margin-top:auto;display:flex;flex-direction:column;gap:.55rem;}
.service-actions .btn-visualiser{margin-top:0;margin-bottom:0;}
.btn-details{display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--neon2);font-family:'Syne',sans-serif;font-weight:700;font-size:.8rem;text-decoration:none;padding:.55rem .8rem;border-radius:8px;transition:all .2s;position:relative;z-index:1;}
.btn-details:hover{color:#fff;background:rgba(168,85,247,.08);}
.pricing-hosting-note{max-width:760px;margin:0 auto 1.5rem;text-align:left;}
@media(max-width:900px){
  .pricing-row{grid-template-columns:1fr;text-align:left;gap:1rem;padding:1.6rem 1.5rem;}
  .pricing-row .btn-pricing{width:100%;margin-top:.4rem;}
  .pricing-row .featured-badge{position:static;display:inline-block;margin-bottom:.4rem;}
}

/* === Hero — badges avis Google + projets réalisés côte à côte === */
.hero-google{margin-top:1.8rem;}
.hero-projects{display:inline-flex;align-items:center;gap:.7rem;margin:0 auto 1.8rem;padding:.6rem 1.1rem;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.35);border-radius:50px;box-shadow:0 0 20px rgba(168,85,247,.12);transition:border-color .2s,background .2s,transform .2s;}
.hero-projects:hover{border-color:var(--neon);background:rgba(168,85,247,.16);transform:translateY(-1px);}
.hero-projects-icon{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(160deg,#22c55e,#16a34a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);filter:drop-shadow(0 0 4px rgba(34,197,94,.85)) drop-shadow(0 0 10px rgba(34,197,94,.55));}
.hero-projects-icon-mark{width:15px;height:15px;background-color:#fff;-webkit-mask-image:url('../images/hero/badge-check.png');mask-image:url('../images/hero/badge-check.png');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.hero-projects-text{font-size:.78rem;color:var(--muted);line-height:1;white-space:nowrap;}
.hero-projects-text strong{color:var(--white);font-weight:700;}
.hero-stars{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.hero-star{position:absolute;border-radius:50%;background:#F5F0FF;animation:promoStarTwinkle ease-in-out infinite;}