
/* V210 — vitrine SEO publique DuoLocal. Aucun style membre/3D n'est modifié. */
.seo-showcase{max-width:1180px;margin:0 auto;padding:34px 22px 70px;color:#1b2024}
.seo-showcase a{text-decoration:none}
.seo-hero{position:relative;overflow:hidden;padding:clamp(34px,7vw,78px);border-radius:28px;background:linear-gradient(135deg,#15161c 0%,#2a1320 46%,#581b38 100%);color:#fff;box-shadow:0 24px 60px rgba(52,19,39,.20)}
.seo-hero:after{content:'';position:absolute;inset:auto -10% -55% 36%;height:120%;background:radial-gradient(circle,rgba(255,115,166,.30),transparent 62%);pointer-events:none}
.seo-hero--anima{background:radial-gradient(circle at 78% 30%,rgba(42,248,211,.18),transparent 25%),radial-gradient(circle at 20% 10%,rgba(186,67,255,.18),transparent 28%),linear-gradient(140deg,#03070c,#071923 50%,#100a1b)}
.seo-kicker{display:inline-flex;margin-bottom:16px;padding:7px 11px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#ffd7e6;font-size:.75rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.seo-hero--anima .seo-kicker{color:#8fffe8;border-color:rgba(113,255,226,.28)}
.seo-hero h1{position:relative;z-index:1;max-width:900px;margin:0;font-size:clamp(2.25rem,6vw,5.35rem);line-height:.98;letter-spacing:-.045em}
.seo-hero p{position:relative;z-index:1;max-width:760px;margin:22px 0 0;color:#e9dfe5;font-size:clamp(1rem,2.1vw,1.25rem);line-height:1.65}
.seo-hero--anima p{color:#cbe8e5}
.seo-cta-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.seo-cta-row .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.seo-card{padding:24px;border:1px solid rgba(68,39,55,.12);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(68,39,55,.07)}
.seo-card h2,.seo-card h3{margin:0 0 10px;color:#2b1721}.seo-card p{margin:0;color:#596268;line-height:1.7}.seo-card a{display:inline-block;margin-top:14px;color:#9f315f;font-weight:850}
.seo-section{padding:50px 4px 0}.seo-section>h2{max-width:850px;margin:0 0 16px;color:#2a1720;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.12}.seo-section>p{max-width:850px;margin:0 0 20px;color:#566168;font-size:1.04rem;line-height:1.78}
.seo-split{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}.seo-list{display:grid;gap:11px;margin:20px 0 0;padding:0;list-style:none}.seo-list li{padding:13px 15px;border-radius:13px;background:rgba(151,47,91,.055);color:#3e464b;line-height:1.55}.seo-list li strong{color:#8d2d55}
.seo-portal{position:relative;min-height:350px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(86,255,221,.18);border-radius:24px;background:radial-gradient(circle at center,rgba(79,255,218,.16),transparent 22%),radial-gradient(circle at center,#102833 0 2%,#061119 35%,#020609 72%);box-shadow:inset 0 0 90px rgba(0,0,0,.55)}
.seo-portal:before{content:'';width:190px;height:270px;border:2px solid rgba(111,255,224,.70);border-radius:50% 50% 12px 12px;box-shadow:0 0 18px rgba(69,255,218,.55),0 0 70px rgba(69,255,218,.25),inset 0 0 32px rgba(144,80,255,.22)}
.seo-portal:after{content:'ENTRER';position:absolute;bottom:34px;color:#8fffe8;font-size:.72rem;font-weight:900;letter-spacing:.32em}
.seo-quote{margin:28px 0 0;padding:22px 24px;border-left:4px solid #c34878;border-radius:0 18px 18px 0;background:rgba(195,72,120,.07);color:#452d37;font-size:1.15rem;line-height:1.65}
.seo-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.seo-related a{padding:16px;border:1px solid rgba(68,39,55,.12);border-radius:14px;background:#fff;color:#432b35;font-weight:850}.seo-related a span{display:block;margin-top:4px;color:#7b858a;font-size:.82rem;font-weight:500}
.seo-faq{display:grid;gap:10px}.seo-faq details{padding:15px 18px;border:1px solid rgba(68,39,55,.12);border-radius:14px;background:#fff}.seo-faq summary{cursor:pointer;color:#342029;font-weight:850}.seo-faq p{margin:12px 0 0;color:#596268;line-height:1.7}
.seo-home-discovery{max-width:1180px;margin:24px auto;padding:26px;border:1px solid rgba(72,34,53,.12);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,236,244,.72));display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.seo-home-discovery__intro h2{margin:5px 0 10px;color:#34212a}.seo-home-discovery__intro p{margin:0;color:#5c6266;line-height:1.65}.seo-home-discovery__cards{display:grid;gap:9px}.seo-home-discovery__cards a{padding:14px 15px;border-radius:13px;background:#fff;color:#3c2630;box-shadow:0 8px 20px rgba(80,37,58,.06)}.seo-home-discovery__cards strong,.seo-home-discovery__cards span{display:block}.seo-home-discovery__cards span{margin-top:3px;color:#7c858a;font-size:.82rem}
@media(max-width:860px){.seo-grid,.seo-related{grid-template-columns:1fr 1fr}.seo-split,.seo-home-discovery{grid-template-columns:1fr}.seo-portal{min-height:290px}}
@media(max-width:560px){.seo-showcase{padding:18px 12px 50px}.seo-hero{padding:34px 22px;border-radius:20px}.seo-grid,.seo-related{grid-template-columns:1fr}.seo-section{padding-top:36px}.seo-home-discovery{margin:18px 10px;padding:20px}.seo-portal:before{width:145px;height:215px}}
