/* /creators aux couleurs d'Explore (JPR, 04/11/2026 19h17 : « refais le design pour qu'il soit en accord avec le design de la page Explore »).
   Chargé après le style de la page : mêmes polices (Cabinet Grotesk, Switzer, Fragment Mono), fond gris clair, cartes blanches à filet,
   boutons noirs, photos en noir et blanc, barre d'onglets au pouce sur téléphone. Le texte de la page ne change pas. */
:root{--bg:#f5f5f7;--bg2:#f5f5f7;--bg3:#ebebef;--ink:#1d1d1f;--mid:#6e6e73;--light:#8e8e93;--line:#dcdce0;--rule:#dcdce0;
--radius:16px;--radius-sm:10px;--tab:64px}
body{font:400 15px/1.5 'Switzer',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,.logo-text,.nav-logo{font-family:'Cabinet Grotesk',sans-serif}
.badge,.section-eyebrow,.platforms-strip-label,.feature-tag,.rm-date,.testi-badge,.slug-prefix,.mini-url,.phones-caption,.identity-type,
.waitlist-meta,.reserve-reassurance,.mono{font-family:'Fragment Mono',monospace!important;letter-spacing:.08em;text-transform:uppercase;font-size:11px}

/* haut de page : comme Explore */
.site-nav{background:rgba(245,245,247,.94);border-bottom:1px solid var(--line);height:56px}
.nav-inner{max-width:1180px;padding:0 16px}
.nav-logo{font-weight:700;font-size:17px;letter-spacing:-.02em}
.logo-hex{width:24px;height:24px}
.logo-text .logo-bold,.logo-text .logo-light{font-weight:700;color:var(--ink)}
.nav-links a{font:400 11px 'Fragment Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mid)}
.nav-links a:hover{color:var(--ink)}
.btn-nav,.btn-primary,.reserve-btn{background:var(--ink)!important;color:#fff!important;border-radius:10px!important;box-shadow:none!important;font-weight:600}
.btn-nav:hover,.btn-primary:hover,.reserve-btn:hover{opacity:.85;box-shadow:none!important}

/* titres : gros, serrés, à gauche */
.hero{text-align:left;padding:96px 16px 56px;max-width:1180px;margin:0 auto}
.hero::before,.hero::after,.problem-section::before,.problem-section::after{display:none!important}
.hero h1{font:800 clamp(56px,16vw,150px)/.85 'Cabinet Grotesk';letter-spacing:-.055em;text-align:left}
.hero p,.hero .hero-sub{margin-left:0;margin-right:0;text-align:left;color:var(--mid);max-width:620px}
.hero .badge,.hero .platforms-strip,.hero .platforms-strip-icons,.hero .trust-items{justify-content:flex-start;margin-left:0}
.hero form,.hero .reserve-form,.hero .slug-input-group,.hero .reserve-email,.hero .age-consent,.hero .reserve-btn{margin-left:0;margin-right:0}
h2{font:800 clamp(34px,8vw,64px)/.92 'Cabinet Grotesk'!important;letter-spacing:-.045em!important}
h3{font-weight:700;letter-spacing:-.02em}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.section-sub{color:var(--mid)}
.badge{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:100px}
.badge::before{background:#34c759;box-shadow:0 0 0 3px rgba(52,199,89,.18)}

/* sections : un seul fond clair, séparées par un filet */
.howitworks-section,.features-section,.payment-section,.testimonials-section,.roadmap-section,.privacy-section,.comparison-section,
.problem-section,.final-waitlist,.demand-section{background:var(--bg)!important;border-top:1px solid var(--line)}
.problem-section,.problem-section h2,.problem-section h3,.problem-section p{color:var(--ink)!important}
.problem-section p,.problem-card p{color:var(--mid)!important}

/* cartes : blanches, filet fin, sans ombre */
.problem-card,.step-card,.identity-card,.feature-card,.payment-card,.testi-card,.roadmap-item,.comp-table,.slug-item{
background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important}
.step-card{padding:24px}
.feature-icon,.payment-card-icon,.problem-icon,.step-number,.rm-icon{background:var(--ink)!important;color:#fff!important;box-shadow:none!important}
.feature-tag,.testi-badge,.mini-tag,.tp-pill{background:var(--bg)!important;border:1px solid var(--line)!important;color:var(--mid)!important}
.identity-link,.mini-link{background:var(--bg)!important;border:1px solid var(--line)!important}

/* champs : comme la recherche d'Explore */
.slug-input-group,.reserve-email,.slug-input,input[type=email],input[type=text]{background:#fff;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important}
.slug-input-group:focus-within,input:focus{border-color:var(--ink)!important;outline:none}

/* photos en noir et blanc, comme Explore */
.tp-avatar,.tp-avatar img,.testi-card img,.mockup-phone img,.mini-avatar img{filter:grayscale(1) contrast(1.05)}

/* bas de page */
.site-footer{background:var(--bg)!important;color:var(--mid)!important;border-top:1px solid var(--line)}
.site-footer *{color:inherit}
.site-footer a:hover{color:var(--ink)}

/* barre d'onglets au pouce, identique à Explore */
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:300;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--tab) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--mid);font:500 11px 'Switzer',sans-serif}
.tab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.tab.on{color:var(--ink)}
body{padding-bottom:calc(var(--tab) + env(safe-area-inset-bottom))}
@media(max-width:768px){.hero{padding:84px 16px 40px}.container{padding:0 16px}}
@media(min-width:1024px){body{padding-bottom:0}.tabs{display:none}.site-nav{height:72px}}
.slug-input-group .slug-input{border:0!important;background:transparent!important;border-radius:0!important}
/* menu du haut identique à Explore (JPR 04/11 19h59) */
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.top{display:flex;align-items:center;gap:20px;height:56px}
.logo{display:flex;align-items:center;gap:8px;min-height:44px;font:700 17px 'Cabinet Grotesk';letter-spacing:-.02em;color:var(--ink)}
.top .links{display:none;gap:20px;font:400 11px 'Fragment Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.top .links a{color:var(--mid)} .top .links a.on{color:var(--ink)}
.top .sp{flex:1}
.fav{display:flex;align-items:center;gap:6px;min-height:44px;font:400 11px 'Fragment Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.fav b{min-width:20px;height:20px;border-radius:10px;background:var(--grad);color:#fff;font:600 11px 'Switzer',sans-serif;display:inline-grid;place-items:center;padding:0 6px}
.cta{display:none;background:var(--ink);color:#fff;border-radius:10px;padding:10px 14px;font-weight:600;font-size:13px}
.hero{padding-top:24px!important}
@media(min-width:1024px){.top{height:72px}.top .links{display:flex;margin-left:12px}.cta{display:block}}