/* R31.19 — Charte premium de la page Domaines ; le nom reprend le logotype textuel du site officiel */
.hero-mark{background:radial-gradient(circle at 55% 30%,#24738d 0%,#153d59 48%,#0b273e 100%);position:relative;isolation:isolate;overflow:hidden;gap:20px}
.hero-mark::before{content:"";width:300px;height:300px;border-radius:50%;position:absolute;z-index:-1;border:1px solid rgba(222,245,249,.21);box-shadow:0 0 0 39px rgba(225,244,251,.04),0 0 0 81px rgba(225,244,251,.025)}
.hero-mark .r3119-logo-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;letter-spacing:.13em;max-width:100%;padding:18px}
.r3119-logo-wordmark>span{color:#daeef4;font-size:clamp(15px,1.7vw,21px);font-weight:650;letter-spacing:.3em}
.r3119-logo-wordmark>strong{font-size:clamp(30px,3.7vw,51px);color:#fff;font-weight:900;line-height:1.1;letter-spacing:.08em;text-shadow:0 5px 25px rgba(0,0,0,.13)}
.hero-mark>small{max-width:230px;text-align:center;font-size:10px;color:#b5dae2;line-height:1.6;letter-spacing:.10em}
.domain-grid{gap:19px;align-items:stretch}
.domain{--domain-accent:#277396;--domain-soft:#e8f4f8;--domain-ink:#234c68;position:relative;overflow:hidden;border:1px solid #e1e8ef;border-top:4px solid var(--domain-accent);background:linear-gradient(158deg,var(--domain-soft) 0%,#fff 39%);border-radius:19px;padding:clamp(23px,2.8vw,32px);box-shadow:0 10px 28px rgba(27,58,88,.063);gap:12px;transition:transform .18s ease,box-shadow .18s ease}
.domain:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(27,58,88,.12)}
.domain:nth-child(1){--domain-accent:#2a709a;--domain-soft:#eef6fc;--domain-ink:#2a709a}
.domain:nth-child(2){--domain-accent:#b87927;--domain-soft:#fff9ed;--domain-ink:#94631c}
.domain:nth-child(3){--domain-accent:#26866f;--domain-soft:#eff9f5;--domain-ink:#247560}
.domain:nth-child(4){--domain-accent:#198b9a;--domain-soft:#ecfafb;--domain-ink:#1a7884}
.domain:nth-child(5){--domain-accent:#62758c;--domain-soft:#f3f6f9;--domain-ink:#50647d}
.domain:nth-child(6){--domain-accent:#6d65af;--domain-soft:#f5f3ff;--domain-ink:#5d559b}
.domain .num{background:var(--domain-soft);color:var(--domain-accent);border:1px solid color-mix(in srgb,var(--domain-accent) 18%,white);padding:12px 13px;border-radius:12px;font-size:13px;letter-spacing:.045em;min-width:46px;text-align:center}
.domain h3{font-size:clamp(20px,2.05vw,24px);margin:13px 0 1px;line-height:1.24;color:#1d364f;letter-spacing:-.025em}
.domain p{font-size:13.5px;line-height:1.78;color:#5d7186}
.domain .tag{border-radius:22px;background:var(--domain-soft);border:1px solid color-mix(in srgb,var(--domain-accent) 17%,white);padding:8px 11px;margin-top:16px;align-self:flex-start;color:var(--domain-ink);line-height:1.3}
.domain::after{content:"";position:absolute;top:26px;right:24px;width:18px;height:18px;border:1px solid var(--domain-accent);border-radius:50%;opacity:.25}
.domain:focus-within{outline:2px solid var(--domain-accent);outline-offset:3px}
@media(max-width:900px){.hero-mark{min-height:195px}.hero-mark::before{width:230px;height:230px}.r3119-logo-wordmark>strong{font-size:36px}}
@media(max-width:600px){.hero-mark{min-height:165px}.r3119-logo-wordmark>span{font-size:14px}.r3119-logo-wordmark>strong{font-size:33px}.hero-mark>small{font-size:9px}.domain-grid{gap:13px}.domain{padding:23px}.domain::after{top:25px}}
@media(prefers-reduced-motion:reduce){.domain{transition:none}.domain:hover{transform:none}}