/* X EDUC — accueil public éditorial 2026. Palette de travail en attente de validation.
   Tous les composants de cette page restent sous .xedv3 et ne changent pas les tableaux de bord. */
.xedv3{--navy:#043465;--orange:#FC980B;--canvas:#F5F7FA;--surface:#fff;--ink:#182B43;--muted:#566980;--line:#DFE6EE;--shadow:0 22px 55px rgba(4,52,101,.075);font-family:Inter,system-ui,sans-serif;background:var(--canvas);color:var(--ink);overflow:clip}
.xedv3 *,.xedv3 *:before,.xedv3 *:after{box-sizing:border-box}
.xedv3 .xp-wrap{width:min(1220px,calc(100% - 48px));margin-inline:auto}
.xedv3 h1,.xedv3 h2,.xedv3 h3,.xedv3 p{margin:0}
.xedv3 h1,.xedv3 h2,.xedv3 h3{letter-spacing:-.045em;color:var(--navy);line-height:1.13;text-wrap:balance}
.xedv3 h2{font-weight:850;font-size:clamp(1.8rem,3.2vw,2.85rem)}
.xedv3 h3{font-size:1.1rem;font-weight:850}
.xedv3 p{color:var(--muted);line-height:1.7}
.xedv3 a{text-decoration:none}
.xedv3 [id]{scroll-margin-top:110px}
.xedv3 .xp-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.xedv3 svg.xp-icon{width:22px;height:22px;display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.xedv3 .xp-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.xedv3 .xp-tag{display:inline-flex;align-items:center;gap:9px;font-size:.72rem;font-weight:850;color:var(--navy);letter-spacing:.045em;text-transform:uppercase;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px}
.xedv3 .xp-tag .xp-icon{width:15px;height:15px;color:var(--orange)}
.xedv3 .xp-btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:49px;padding:12px 20px;border-radius:13px;font-weight:850;font-size:.9rem;line-height:1.3;text-align:center;transition:transform .16s ease,box-shadow .16s ease;border:1px solid var(--navy)}
.xedv3 .xp-btn .xp-icon{width:18px;height:18px}
.xedv3 .xp-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(4,52,101,.12)}
.xedv3 .xp-btn--accent{background:var(--orange);border-color:var(--orange);color:var(--navy)}
.xedv3 .xp-btn--line{background:var(--surface);color:var(--navy)}
.xedv3 .xp-btn--white{background:#fff;border-color:#fff;color:var(--navy)}
.xedv3 .xp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:27px}
.xedv3 :is(a,button):focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.xedv3 .xp-section{padding:clamp(54px,6vw,88px) 0}
.xedv3 .xp-heading{max-width:750px;margin:0 auto 32px;text-align:center}
.xedv3 .xp-heading h2{margin:14px 0 11px}
.xedv3 .xp-heading p{font-size:1rem}
.xedv3 .xp-hero{position:relative;padding:clamp(50px,6vw,90px) 0 clamp(54px,5vw,75px);background:radial-gradient(ellipse at 85% 12%,#E8F0F8 0%,transparent 53%),var(--canvas)}
.xedv3 .xp-hero:before{content:"";position:absolute;width:220px;height:220px;top:0;right:0;border-radius:0 0 0 100%;background:rgba(252,152,11,.09);pointer-events:none}
.xedv3 .xp-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(36px,5vw,70px);align-items:center}
.xedv3 .xp-hero-copy{max-width:610px}
.xedv3 .xp-hero h1{font-size:clamp(2.65rem,4.7vw,4.8rem);line-height:1.07;margin:18px 0 19px;font-weight:900}
.xedv3 .xp-hero h1 em{display:block;color:var(--orange);font-style:normal}
.xedv3 .xp-hero .xp-lead{max-width:550px;font-size:clamp(1rem,1.25vw,1.13rem);line-height:1.67}
.xedv3 .xp-reassure{list-style:none;display:flex;flex-wrap:wrap;gap:12px 20px;padding:0;margin:25px 0 0}
.xedv3 .xp-reassure li{display:inline-flex;gap:7px;align-items:center;color:var(--navy);font-size:.76rem;font-weight:780}
.xedv3 .xp-reassure .xp-icon{width:16px;height:16px}
.xedv3 .xp-hero-scene{position:relative;min-width:0;padding:0 0 38px 12px}
.xedv3 .xp-photo{border-radius:26px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;max-width:510px;background:#edf3f9;box-shadow:var(--shadow)}
.xedv3 .xp-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.xedv3 .xp-float{position:absolute;bottom:0;right:0;width:min(72%,360px);background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 50px rgba(4,52,101,.18);padding:18px}
.xedv3 .xp-float-top{display:flex;align-items:center;gap:9px;margin-bottom:13px}
.xedv3 .xp-float-top .xp-icon{display:grid;color:var(--navy);width:22px;height:22px}
.xedv3 .xp-float-top strong{font-size:.89rem;color:var(--navy);line-height:1.3}
.xedv3 .xp-float-lines{display:grid;gap:9px}
.xedv3 .xp-float-line{display:flex;align-items:center;gap:10px;padding:10px;background:var(--canvas);border-radius:10px}
.xedv3 .xp-float-line .xp-icon{width:19px;height:19px;color:var(--navy)}
.xedv3 .xp-float-line span{font-size:.78rem;font-weight:750;color:var(--ink)}
.xedv3 .xp-visual-note{display:block;margin-top:10px;font-size:.65rem;color:var(--muted)}
.xedv3 .xp-discover{padding-top:clamp(45px,5vw,76px);background:#fff}
.xedv3 .xp-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,74px);align-items:center}
.xedv3 .xp-copy h2{margin:15px 0 16px}
.xedv3 .xp-copy p{font-size:1rem}
.xedv3 .xp-copy .xp-btn{margin-top:23px}
.xedv3 .xp-product-preview{border-radius:23px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.xedv3 .xp-preview-top{padding:15px 20px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px}
.xedv3 .xp-preview-top strong{color:#fff;font-size:1rem;letter-spacing:-.025em}
.xedv3 .xp-preview-top span{opacity:.9;font-size:.75rem}
.xedv3 .xp-preview-body{padding:23px}
.xedv3 .xp-preview-body>strong{font-size:.97rem;color:var(--navy)}
.xedv3 .xp-preview-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.xedv3 .xp-preview-cell{display:flex;gap:9px;align-items:center;padding:14px 10px;background:var(--canvas);border:1px solid var(--line);border-radius:12px;min-width:0}
.xedv3 .xp-preview-cell .xp-icon{color:var(--navy);width:20px;height:20px}
.xedv3 .xp-preview-cell span{font-size:.8rem;color:var(--navy);font-weight:800;overflow-wrap:anywhere}
.xedv3 .xp-preview-bottom{border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:.8rem;display:flex;justify-content:space-between;gap:10px;align-items:center}
.xedv3 .xp-preview-bottom .xp-icon{color:var(--orange);width:19px;height:19px}
.xedv3 .xp-features{background:var(--canvas)}
.xedv3 .xp-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.xedv3 .xp-feature-card{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:24px 20px;display:flex;flex-direction:column;min-height:265px}
.xedv3 .xp-feature-card:nth-child(2){background:#FFF8EF}
.xedv3 .xp-feature-icon{display:grid;place-items:center;width:53px;height:53px;background:#EAF1F9;color:var(--navy);border-radius:15px;margin-bottom:22px}
.xedv3 .xp-feature-card:nth-child(2) .xp-feature-icon{background:#FFE4BA}
.xedv3 .xp-feature-card h3{margin-bottom:11px}
.xedv3 .xp-feature-card p{font-size:.84rem;line-height:1.59}
.xedv3 .xp-feature-icon .xp-icon{width:27px;height:27px}
.xedv3 .xp-catalog{background:#fff}
.xedv3 .xp-subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.xedv3 .xp-subject{display:flex;align-items:center;gap:13px;min-height:82px;border:1px solid var(--line);background:var(--canvas);border-radius:16px;padding:16px;min-width:0}
.xedv3 .xp-subject:nth-child(2n){background:#FFF8EF}
.xedv3 .xp-subject-badge{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:var(--navy);color:#fff;font-size:.87rem;font-weight:850}
.xedv3 .xp-subject:nth-child(2n) .xp-subject-badge{background:var(--orange);color:var(--navy)}
.xedv3 .xp-subject strong{font-size:.9rem;color:var(--navy);overflow-wrap:anywhere}
.xedv3 .xp-empty{margin:auto;max-width:720px;border:1px dashed var(--line);padding:25px;border-radius:18px;text-align:center;background:var(--canvas)}
.xedv3 .xp-catalog-actions{display:flex;justify-content:center;margin-top:26px}
.xedv3 .xp-steps{background:var(--canvas)}
.xedv3 .xp-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.xedv3 .xp-step{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:27px;min-height:240px}
.xedv3 .xp-step-num{display:inline-flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:13px;background:var(--navy);color:#fff;font-size:1.02rem;font-weight:900;margin-bottom:23px}
.xedv3 .xp-step h3{margin-bottom:12px}
.xedv3 .xp-step p{font-size:.88rem}
.xedv3 .xp-trial{background:#fff}
.xedv3 .xp-trial-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:35px;background:var(--canvas);border:1px solid var(--line);border-radius:26px;padding:clamp(26px,4vw,46px)}
.xedv3 .xp-trial-panel h2{margin:14px 0 12px}
.xedv3 .xp-trial-panel p{max-width:720px}
.xedv3 .xp-trial-note{display:block;font-size:.76rem;color:var(--muted);margin-top:12px}
.xedv3 .xp-ending{background:var(--navy);color:#fff;padding:clamp(54px,6vw,85px) 0;text-align:center}
.xedv3 .xp-ending h2,.xedv3 .xp-ending p{color:#fff}
.xedv3 .xp-ending h2{font-size:clamp(2rem,3.8vw,3.4rem)}
.xedv3 .xp-ending p{opacity:.86;max-width:750px;margin:14px auto 0}
.xedv3 .xp-ending .xp-actions{justify-content:center}
.xedv3 .xp-contacts{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 27px;margin-top:24px}
.xedv3 .xp-contacts a{color:#fff;display:inline-flex;align-items:center;gap:9px;font-size:.95rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.xedv3 .xp-contacts .xp-icon{color:var(--orange);width:19px;height:19px}
.xedv3 .xp-announcements{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.xedv3 .xp-announcements h3{font-size:1.05rem}
.xedv3 .xp-announcements-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.xedv3 .xp-announcement{padding:17px;border-radius:15px;background:var(--canvas);border:1px solid var(--line)}
.xedv3 .xp-announcement time{display:block;color:var(--muted);font-size:.72rem}
.xedv3 .xp-announcement strong{display:block;margin:6px 0;color:var(--navy);font-size:.9rem}
.xedv3 .xp-announcement p{font-size:.82rem}
.public-shell:has(.xedv3)>.public-footer{background:#fff;color:#043465;border-top:1px solid #DFE6EE}
.public-shell:has(.xedv3)>.public-footer .footer-brand-mini strong{color:#043465}
.public-shell:has(.xedv3)>.public-footer .footer-brand-mini span,
.public-shell:has(.xedv3)>.public-footer .footer-meta-mini{color:#566980}
@media(max-width:1100px){
 .xedv3 .xp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .xedv3 .xp-subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .xedv3 .xp-hero-grid{gap:30px}
}
@media(max-width:800px){
 .xedv3 .xp-hero-grid,.xedv3 .xp-split,.xedv3 .xp-trial-panel{grid-template-columns:1fr}
 .xedv3 .xp-hero{padding:46px 0}
 .xedv3 .xp-hero-copy{max-width:680px}
 .xedv3 .xp-hero h1{font-size:clamp(2.6rem,7.2vw,4.2rem)}
 .xedv3 .xp-hero-scene{max-width:570px;margin:0 auto;width:100%}
 .xedv3 .xp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .xedv3 .xp-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .xedv3 .xp-step-grid{grid-template-columns:1fr}
 .xedv3 .xp-step{min-height:auto}
 .xedv3 .xp-trial-panel .xp-btn{justify-self:start}
}
@media(max-width:520px){
 .xedv3 .xp-wrap{width:calc(100% - 28px)}
 .xedv3 .xp-section{padding:52px 0}
 .xedv3 .xp-hero{padding:32px 0 42px}
 .xedv3 .xp-hero h1{font-size:clamp(2.35rem,10vw,3.1rem)}
 .xedv3 .xp-actions{display:grid;grid-template-columns:1fr}
 .xedv3 .xp-actions .xp-btn{width:100%}
 .xedv3 .xp-hero-scene{padding:0 0 47px}
 .xedv3 .xp-photo{max-width:100%;border-radius:20px}
 .xedv3 .xp-float{width:84%;padding:12px;bottom:0;border-radius:15px}
 .xedv3 .xp-float-line{padding:7px}
 .xedv3 .xp-feature-grid,.xedv3 .xp-subject-grid,.xedv3 .xp-announcements-list{grid-template-columns:1fr}
 .xedv3 .xp-feature-card{min-height:auto}
 .xedv3 .xp-preview-body{padding:15px}
 .xedv3 .xp-preview-cell{padding:10px}
 .xedv3 .xp-contacts{align-items:center;flex-direction:column;gap:12px}
 .xedv3 .xp-trial-panel .xp-btn{width:100%}
}
html[data-theme="dark"] .xedv3{--canvas:#0e192a;--surface:#172941;--ink:#F2F6FA;--muted:#CBD6E3;--line:#33445A;--shadow:0 19px 50px rgba(0,0,0,.22);background:var(--canvas)}
html[data-theme="dark"] .xedv3 h1,html[data-theme="dark"] .xedv3 h2,html[data-theme="dark"] .xedv3 h3{color:#F2F6FA}
html[data-theme="dark"] .xedv3 :is(.xp-hero,.xp-features,.xp-steps){background:var(--canvas)}
html[data-theme="dark"] .xedv3 :is(.xp-discover,.xp-catalog,.xp-trial){background:#101e30}
html[data-theme="dark"] .xedv3 :is(.xp-tag,.xp-product-preview,.xp-float,.xp-feature-card,.xp-step,.xp-trial-panel,.xp-announcement){background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .xedv3 .xp-feature-card:nth-child(2){background:#32281c}
html[data-theme="dark"] .xedv3 :is(.xp-preview-cell,.xp-subject,.xp-float-line,.xp-empty){background:#213750;border-color:var(--line)}
html[data-theme="dark"] .xedv3 .xp-subject:nth-child(2n){background:#2C2B30}
html[data-theme="dark"] .xedv3 :is(.xp-subject strong,.xp-preview-body>strong,.xp-preview-cell span,.xp-float-line span,.xp-float-top strong){color:#F2F6FA}
html[data-theme="dark"] .xedv3 .xp-tag{color:#fff}
html[data-theme="dark"] .xedv3 .xp-btn--line{background:#1E3651;color:#fff;border-color:#567294}
html[data-theme="dark"] .xedv3 .xp-btn--accent{color:#043465}
html[data-theme="dark"] .xedv3 .xp-hero:before{opacity:.36}
html[data-theme="dark"] .public-shell:has(.xedv3)>.public-footer{background:#172941;border-color:#33445A}
html[data-theme="dark"] .public-shell:has(.xedv3)>.public-footer .footer-brand-mini strong{color:#F2F6FA}
html[data-theme="dark"] .public-shell:has(.xedv3)>.public-footer :is(.footer-brand-mini span,.footer-meta-mini){color:#CBD6E3}
@media(prefers-reduced-motion:reduce){.xedv3 .xp-btn{transition:none}.xedv3 .xp-btn:hover{transform:none}}


/* ================================================================
   X EDUC : direction artistique publique 10/10/2026 — #27
   Hero marine original + éléments pédagogiques vectoriels non pixelisables.
   Aucun effet sur les interfaces des profils connectés.
   ================================================================ */

/* En-tête de l'accueil seulement : hiérarchie lisible et contrastes de marque */
.public-shell:has(.xedv3) .public-header{background:#fff;border-color:#DFE6EE}
.public-shell:has(.xedv3) .public-header__inner{min-height:78px}
.public-shell:has(.xedv3) .brand__title{color:#043465;font-size:1.35rem;letter-spacing:-.04em}
.public-shell:has(.xedv3) .brand__subtitle{font-size:.7rem;color:#566980;font-style:normal}
.public-shell:has(.xedv3) .nav-link{color:#043465;font-size:.83rem}
.public-shell:has(.xedv3) .nav-link:hover,
.public-shell:has(.xedv3) .nav-link.is-active{color:#043465}
.public-shell:has(.xedv3) .nav-link:after{background:#FC980B}
.public-shell:has(.xedv3) .header-tools .btn--primary{background:#FC980B;color:#043465;border-color:#FC980B;box-shadow:none}
.public-shell:has(.xedv3) .header-tools .btn--ghost{border-color:#DFE6EE;color:#043465;background:#fff}
.public-shell:has(.xedv3) :is(a,button):focus-visible{outline:3px solid #FC980B;outline-offset:3px}

/* Le fond partagé est discret ; la bannière principale construit le vrai caractère. */
.xedv3 .xp-section{padding:clamp(50px,5.4vw,82px) 0}
.xedv3 .xp-hero{
  isolation:isolate;
  background-color:#043465;
  background-image:
    linear-gradient(transparent 97%,rgba(255,255,255,.035) 100%),
    linear-gradient(90deg,transparent 97%,rgba(255,255,255,.035) 100%);
  background-size:70px 70px;
  padding:clamp(48px,5.4vw,82px) 0 clamp(45px,5vw,72px);
  overflow:hidden;
}
.xedv3 .xp-hero:before{
  width:560px;height:560px;right:-170px;top:-280px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;background:rgba(255,255,255,.03);
  box-shadow:-80px 140px 0 -55px rgba(252,152,11,.12);
}
.xedv3 .xp-hero:after{
  content:"";position:absolute;z-index:-1;
  width:340px;height:340px;left:-225px;bottom:-210px;
  border:1px solid rgba(255,255,255,.12);border-radius:50%;
}
.xedv3 .xp-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(27px,4vw,70px)}
.xedv3 .xp-hero .xp-tag{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.xedv3 .xp-hero .xp-tag .xp-icon{color:#FC980B}
.xedv3 .xp-hero h1{color:#fff;font-size:clamp(2.65rem,4.5vw,4.65rem);line-height:1.065;max-width:720px}
.xedv3 .xp-hero h1 em{color:#FC980B}
.xedv3 .xp-hero .xp-lead{color:#fff;opacity:.94;line-height:1.66}
.xedv3 .xp-hero .xp-btn--line{background:transparent;border-color:rgba(255,255,255,.66);color:#fff}
.xedv3 .xp-hero .xp-btn--line:hover{background:rgba(255,255,255,.09)}
.xedv3 .xp-hero .xp-reassure li{color:#fff;font-size:.76rem}
.xedv3 .xp-hero .xp-reassure .xp-icon{color:#FC980B}
.xedv3 .xp-hero-scene{padding-left:0;min-width:0;padding-bottom:55px}
.xedv3 .xp-photo{
  width:100%;max-width:490px;
  aspect-ratio:1.98/1;
  background:#fff;border:3px solid rgba(255,255,255,.9);
  box-shadow:0 30px 52px rgba(0,0,0,.22);
  overflow:hidden;border-radius:24px;
}
.xedv3 .xp-photo img{
  display:block;width:100%;height:auto;max-width:none;
  object-fit:initial;object-position:top;transform:none;
}
/* La photo originale comporte de vieilles métriques inscrites au bas :
   le ratio 1.98/1 rogne cette zone au lieu de diffuser des chiffres fictifs. */
.xedv3 .xp-float{
  bottom:0;right:0;width:min(76%,355px);
  border:1px solid #DFE6EE;background:#fff;
  border-radius:20px;
  box-shadow:0 22px 46px rgba(0,0,0,.19);
}
.xedv3 .xp-float-line{padding:9px 11px}
.xedv3 .xp-visual-note{line-height:1.35}
.xedv3 .xp-heading{margin-bottom:32px}
.xedv3 .xp-heading h2{max-width:820px;margin:13px auto}
.xedv3 .xp-heading p{max-width:720px;margin:auto}

/* Section 2 : vraie composition image de produit à gauche / texte à droite. */
.xedv3 .xp-discover{background:#fff}
.xedv3 .xp-split--discover{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(30px,5vw,80px)}
.xedv3 .xp-split--discover>.xp-product-preview{grid-row:1;grid-column:1;transform:rotate(-1deg)}
.xedv3 .xp-split--discover>.xp-copy{grid-row:1;grid-column:2}
.xedv3 .xp-product-preview{box-shadow:0 16px 45px rgba(4,52,101,.09)}
.xedv3 .xp-preview-top{padding:16px 20px}
.xedv3 .xp-preview-cell{min-height:87px;gap:12px}
.xedv3 .xp-preview-cell .xp-icon{width:27px;height:27px}
.xedv3 .xp-preview-cell:nth-child(1){background:rgba(4,52,101,.07)}
.xedv3 .xp-preview-cell:nth-child(2){background:rgba(252,152,11,.14)}
.xedv3 .xp-preview-cell:nth-child(3){background:rgba(4,52,101,.07)}
.xedv3 .xp-preview-cell:nth-child(4){background:rgba(252,152,11,.14)}
.xedv3 .xp-copy p{max-width:510px}
.xedv3 .xp-copy .xp-btn{min-width:210px}

/* Section 3 : quatre grands tableaux pédagogiques, ni icônes isolées ni photos floues. */
.xedv3 .xp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.xedv3 .xp-feature-card{
  display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1fr);
  gap:5px 22px;align-content:center;align-items:center;
  min-height:290px;overflow:hidden;
  padding:20px;border-radius:22px;background:#fff;
  box-shadow:0 9px 26px rgba(4,52,101,.035);
}
.xedv3 .xp-feature-card:nth-child(2){background:#fff}
.xedv3 .xp-feature-card:nth-child(2n) .xp-feature-art{grid-column:2;grid-row:1/4}
.xedv3 .xp-feature-card:nth-child(2n) :is(.xp-feature-icon,.xp-feature-card h3,.xp-feature-card p){grid-column:1}
.xedv3 .xp-feature-card h3{grid-column:2;align-self:end;font-size:clamp(1.06rem,1.4vw,1.3rem);margin:2px 0 7px}
.xedv3 .xp-feature-card p{grid-column:2;align-self:start;font-size:.86rem;line-height:1.62}
.xedv3 .xp-feature-card .xp-feature-icon--floating{
  grid-column:2;align-self:end;justify-self:start;
  width:45px;height:45px;margin:0 0 10px;border-radius:12px;
}
.xedv3 .xp-feature-art{
  grid-column:1;grid-row:1/4;position:relative;overflow:hidden;
  border-radius:16px;min-height:236px;
  display:grid;place-items:center;
  background:rgba(4,52,101,.065);
}
.xedv3 .xp-feature-art--td,.xedv3 .xp-feature-art--progress{background:rgba(252,152,11,.12)}
.xedv3 .xp-art-paper,.xedv3 .xp-art-checksheet{
  display:grid;gap:11px;align-content:start;
  width:74%;min-height:172px;padding:20px 19px;
  background:#fff;border:1px solid #DFE6EE;
  border-radius:11px;box-shadow:0 15px 27px rgba(4,52,101,.13);
  transform:rotate(-5deg);
}
.xedv3 .xp-art-paper-header{display:flex;gap:11px;align-items:center;margin-bottom:3px}
.xedv3 .xp-art-paper-header .xp-icon{color:#043465;width:26px;height:26px}
.xedv3 .xp-art-paper-header span,.xedv3 .xp-art-paper>i,.xedv3 .xp-art-paper-footer>b{
  display:block;height:7px;border-radius:999px;background:#DFE6EE
}
.xedv3 .xp-art-paper-header span{width:60%;height:10px;background:#043465}
.xedv3 .xp-art-paper>i{width:100%}
.xedv3 .xp-art-paper>i.xp-art-short{width:65%}
.xedv3 .xp-art-paper-footer{display:flex;gap:6px;margin-top:7px}
.xedv3 .xp-art-paper-footer>b{width:23px;height:18px;background:rgba(252,152,11,.25);border-radius:4px}
.xedv3 .xp-art-sidebook{
  display:grid;place-items:center;position:absolute;right:6%;bottom:10%;
  width:56px;height:56px;border-radius:15px;color:#043465;background:#FC980B;
  box-shadow:0 9px 20px rgba(4,52,101,.16)
}
.xedv3 .xp-art-sidebook .xp-icon{width:32px;height:32px}
.xedv3 .xp-art-checksheet{transform:rotate(4deg);gap:13px}
.xedv3 .xp-art-checksheet>.xp-art-line{height:11px;width:60%;background:#043465;border-radius:5px}
.xedv3 .xp-art-checksheet>div{display:flex;gap:9px;align-items:center}
.xedv3 .xp-art-checksheet .xp-icon{width:20px;height:20px;color:#043465}
.xedv3 .xp-art-checksheet>div i{display:block;height:7px;flex:1;border-radius:3px;background:#DFE6EE}
.xedv3 .xp-art-question{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-around;
  width:77%;height:185px;background:#fff;border:1px solid #DFE6EE;border-radius:14px;
  box-shadow:0 12px 28px rgba(4,52,101,.10);padding:14px
}
.xedv3 .xp-art-question-mark{display:grid;place-items:center;font-weight:950;font-size:2.1rem;color:#043465;background:rgba(4,52,101,.07);border-radius:50%;width:65px;height:65px}
.xedv3 .xp-art-options{display:flex;gap:8px;width:100%;justify-content:center}
.xedv3 .xp-art-options span{display:grid;place-items:center;background:#F5F7FA;border:1px solid #DFE6EE;border-radius:10px;color:#043465;font-size:1rem;font-weight:900;width:36px;height:38px}
.xedv3 .xp-art-options span:nth-child(2){background:#FC980B;border-color:#FC980B}
.xedv3 .xp-art-chart{position:relative;width:83%;height:185px;background:#fff;border:1px solid #DFE6EE;border-radius:14px;padding:18px;box-shadow:0 12px 24px rgba(4,52,101,.10)}
.xedv3 .xp-art-chart-bars{position:absolute;inset:35px 24px 18px;display:flex;align-items:end;justify-content:space-around;gap:13px}
.xedv3 .xp-art-chart-bars b{display:block;flex:1;height:35%;background:rgba(4,52,101,.23);border-radius:6px 6px 0 0}
.xedv3 .xp-art-chart-bars b:nth-child(2){height:45%}
.xedv3 .xp-art-chart-bars b:nth-child(3){height:64%;background:rgba(252,152,11,.55)}
.xedv3 .xp-art-chart-bars b:nth-child(4){height:82%;background:#FC980B}
.xedv3 .xp-art-chart>svg{position:absolute;inset:40px 19px 18px;width:calc(100% - 38px);height:calc(100% - 58px);fill:none;stroke:#043465;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}

/* Section 5 : démonstration sans fausse vidéo, illustrée à toutes les tailles. */
.xedv3 .xp-demo{background:#F5F7FA}
.xedv3 .xp-demo-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,76px);align-items:center}
.xedv3 .xp-demo-visual{min-width:0;position:relative;padding:22px 15px 0}
.xedv3 .xp-demo-visual:before{content:"";position:absolute;inset:0 0 25px;background:rgba(4,52,101,.08);border-radius:25px;transform:rotate(-3deg)}
.xedv3 .xp-demo-window{position:relative;background:#fff;border:1px solid #DFE6EE;overflow:hidden;border-radius:20px;box-shadow:0 25px 44px rgba(4,52,101,.12)}
.xedv3 .xp-demo-window-head{background:#043465;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:16px 18px}
.xedv3 .xp-demo-window-head strong{color:#fff;font-weight:900}
.xedv3 .xp-demo-dots{display:flex;gap:5px}
.xedv3 .xp-demo-dots i{display:block;width:8px;height:8px;border:1px solid rgba(255,255,255,.68);border-radius:50%}
.xedv3 .xp-demo-window-body{padding:25px 21px 30px}
.xedv3 .xp-demo-route{display:flex;align-items:center;gap:8px}
.xedv3 .xp-demo-route>span{display:flex;min-width:0;gap:5px;flex:1;align-items:center;justify-content:center;background:#F5F7FA;color:#043465;border:1px solid #DFE6EE;padding:11px 5px;border-radius:11px;font-weight:850;font-size:.7rem;text-align:center;line-height:1.3}
.xedv3 .xp-demo-route>span:nth-of-type(2){background:rgba(252,152,11,.17)}
.xedv3 .xp-demo-route>span>.xp-icon{width:16px;height:16px;flex:0 0 16px}
.xedv3 .xp-demo-route>.xp-route-arrow{width:13px;height:13px;color:#043465}
.xedv3 .xp-demo-content{display:grid;grid-template-columns:1fr .74fr;align-items:center;gap:16px;margin-top:24px}
.xedv3 .xp-demo-page{height:173px;display:flex;flex-direction:column;gap:12px;background:#F5F7FA;border:1px solid #DFE6EE;border-radius:14px;padding:17px}
.xedv3 .xp-demo-page .xp-icon{width:29px;height:29px;color:#043465}
.xedv3 .xp-demo-page>b{height:12px;width:58%;background:#043465;border-radius:5px}
.xedv3 .xp-demo-page>i{display:block;height:7px;width:95%;background:#DFE6EE;border-radius:3px}
.xedv3 .xp-demo-page>i:last-child{width:65%}
.xedv3 .xp-demo-response{height:125px;display:flex;flex-direction:column;gap:12px;background:rgba(252,152,11,.15);border:1px solid rgba(252,152,11,.35);border-radius:13px;padding:15px}
.xedv3 .xp-demo-response>span{display:grid;place-items:center;background:#FC980B;color:#043465;width:38px;height:38px;border-radius:10px}
.xedv3 .xp-demo-response>b{height:10px;background:#043465;width:63%;border-radius:5px}
.xedv3 .xp-demo-response>i{height:6px;background:rgba(4,52,101,.2);border-radius:3px}
.xedv3 .xp-demo-visual>small{display:block;position:relative;margin-top:13px;text-align:center;font-size:.74rem;color:#566980}
.xedv3 .xp-demo-copy h3{font-size:clamp(1.3rem,2vw,1.65rem);margin-bottom:12px}
.xedv3 .xp-demo-copy>p{margin-bottom:20px}
.xedv3 .xp-step-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.xedv3 .xp-step-list li{display:flex;align-items:flex-start;gap:16px}
.xedv3 .xp-step-list .xp-step-num{width:44px;height:44px;flex:0 0 44px;margin:0;background:#043465;color:#fff}
.xedv3 .xp-step-list h4{font-size:1rem;margin:2px 0 5px;color:#043465}
.xedv3 .xp-step-list p{font-size:.84rem;line-height:1.5}

/* Section 6 : bannière orange à impact fort, sans formulaire newsletter fictif. */
.xedv3 .xp-trial{background:#fff;padding:clamp(44px,5vw,72px) 0}
.xedv3 .xp-trial-panel{
  background:#FC980B;border:0;
  box-shadow:0 19px 36px rgba(4,52,101,.08);
  border-radius:24px;padding:clamp(26px,4vw,52px);
}
.xedv3 .xp-trial-panel h2{color:#043465;max-width:770px;font-size:clamp(1.7rem,2.6vw,2.6rem)}
.xedv3 .xp-trial-panel p,.xedv3 .xp-trial-panel .xp-trial-note{color:#043465}
.xedv3 .xp-trial-panel .xp-tag{background:rgba(255,255,255,.35);color:#043465;border-color:rgba(4,52,101,.23)}
.xedv3 .xp-trial-panel .xp-tag .xp-icon{color:#043465}
.xedv3 .xp-trial-panel .xp-btn--accent{color:#fff;background:#043465;border-color:#043465}
.xedv3 .xp-trial-panel .xp-trial-note a{font-weight:900;text-decoration:underline;text-underline-offset:3px}
.xedv3 .xp-ending{background:#043465;padding:clamp(53px,5vw,75px) 0}
.xedv3 .xp-ending h2{font-size:clamp(2.05rem,3.5vw,3.2rem)}

/* Bas de page plus complet uniquement pour l'accueil X EDUC. */
.public-shell:has(.xedv3)>.public-footer{background:#fff;color:#043465;border-color:#DFE6EE}
.public-shell:has(.xedv3)>.public-footer .public-footer__bar{align-items:start;gap:25px;padding:24px 0}
.public-shell:has(.xedv3)>.public-footer .footer-brand-mini strong{color:#043465;font-size:1.15rem}
.public-shell:has(.xedv3)>.public-footer .footer-brand-mini span{color:#52667E;font-size:.75rem}
.public-shell:has(.xedv3)>.public-footer .footer-meta-mini{color:#52667E}
.public-shell:has(.xedv3) .xp-footer-links{display:flex;align-items:flex-start;flex-wrap:wrap;gap:11px 17px;max-width:550px}
.public-shell:has(.xedv3) .xp-footer-links a{font-size:.82rem;font-weight:730;color:#043465}
.public-shell:has(.xedv3) .xp-footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
.public-shell:has(.xedv3) .xp-footer-label{font-size:.72rem;font-weight:900;color:#043465;width:100%}

/* Dark-mode : conserve la bannière marine, adapte les illustrations claires. */
html[data-theme="dark"] .xedv3 .xp-hero{background-color:#043465;background-image:none}
html[data-theme="dark"] .xedv3 .xp-hero h1,
html[data-theme="dark"] .xedv3 .xp-hero .xp-lead,
html[data-theme="dark"] .xedv3 .xp-hero .xp-reassure li{color:#fff}
html[data-theme="dark"] .xedv3 .xp-hero .xp-tag{background:rgba(255,255,255,.13);color:#fff}
html[data-theme="dark"] .xedv3 .xp-hero .xp-btn--line{background:transparent;color:#fff;border-color:#fff}
html[data-theme="dark"] .xedv3 .xp-feature-card{background:#172941;border-color:#33445A}
html[data-theme="dark"] .xedv3 .xp-feature-card h3{color:#fff}
html[data-theme="dark"] .xedv3 .xp-feature-art{background:rgba(4,52,101,.35)}
html[data-theme="dark"] .xedv3 .xp-feature-art--td,
html[data-theme="dark"] .xedv3 .xp-feature-art--progress{background:rgba(252,152,11,.16)}
html[data-theme="dark"] .xedv3 .xp-demo{background:#0e192a}
html[data-theme="dark"] .xedv3 .xp-demo-copy h3,
html[data-theme="dark"] .xedv3 .xp-step-list h4{color:#fff}
html[data-theme="dark"] .xedv3 .xp-trial-panel{background:#FC980B}
html[data-theme="dark"] .xedv3 .xp-trial-panel h2,
html[data-theme="dark"] .xedv3 .xp-trial-panel p,
html[data-theme="dark"] .xedv3 .xp-trial-panel .xp-trial-note{color:#043465}
html[data-theme="dark"] .xedv3 .xp-trial-panel .xp-btn--accent{background:#043465;color:#fff}
html[data-theme="dark"] .xedv3 .xp-trial-panel .xp-tag{color:#043465;background:rgba(255,255,255,.35)}
html[data-theme="dark"] .xedv3 .xp-demo-visual>small{color:#CBD6E3}
html[data-theme="dark"] .xedv3 .xp-ending h2{color:#fff}
html[data-theme="dark"] .public-shell:has(.xedv3)>.public-footer{background:#172941;color:#fff;border-color:#33445A}
html[data-theme="dark"] .public-shell:has(.xedv3)>.public-footer .xp-footer-links a,
html[data-theme="dark"] .public-shell:has(.xedv3)>.public-footer .xp-footer-label{color:#F2F6FA}
html[data-theme="dark"] .public-shell:has(.xedv3) .public-header{background:#101E30;border-color:#33445A}
html[data-theme="dark"] .public-shell:has(.xedv3) :is(.brand__title,.nav-link){color:#fff}

/* Formats tablette et mobile. Aucun débordement ni illustration imposée. */
@media(max-width:1180px){
 .public-shell:has(.xedv3) .public-header__inner{min-height:72px}
}
@media(max-width:980px){
 .xedv3 .xp-feature-card{gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .xedv3 .xp-feature-art{min-height:220px}
 .xedv3 .xp-demo-grid{grid-template-columns:1fr}
 .xedv3 .xp-demo-visual{max-width:690px;margin-inline:auto;width:100%}
 .xedv3 .xp-demo-copy{max-width:690px;margin-inline:auto;width:100%}
}
@media(max-width:800px){
 .xedv3 .xp-hero-grid{grid-template-columns:1fr}
 .xedv3 .xp-hero .xp-hero-copy{max-width:680px}
 .xedv3 .xp-hero-scene{max-width:600px}
 .xedv3 .xp-split--discover{grid-template-columns:1fr}
 .xedv3 .xp-split--discover>.xp-product-preview{grid-column:1;grid-row:1;max-width:690px}
 .xedv3 .xp-split--discover>.xp-copy{grid-column:1;grid-row:2}
 .xedv3 .xp-photo{max-width:100%}
}
@media(max-width:650px){
 .xedv3 .xp-feature-grid{grid-template-columns:1fr}
 .xedv3 .xp-feature-card{min-height:230px}
 .xedv3 .xp-feature-art{min-height:210px}
 .xedv3 .xp-demo-route>span{font-size:.65rem}
 .xedv3 .xp-demo-route>span>.xp-icon{display:none}
}
@media(max-width:520px){
 .xedv3 .xp-hero h1{font-size:clamp(2.25rem,9vw,3rem)}
 .xedv3 .xp-hero{padding-top:38px;padding-bottom:42px}
 .xedv3 .xp-hero .xp-tag{font-size:.63rem}
 .xedv3 .xp-hero-scene{padding-bottom:55px}
 .xedv3 .xp-photo{aspect-ratio:1.88/1}
 .xedv3 .xp-float{width:84%;padding:12px;bottom:0}
 .xedv3 .xp-feature-card{display:grid;grid-template-columns:1fr;gap:10px}
 .xedv3 .xp-feature-art,
 .xedv3 .xp-feature-card:nth-child(2n) .xp-feature-art{grid-column:1;grid-row:1;min-height:188px}
 .xedv3 .xp-feature-card :is(h3,p,.xp-feature-icon--floating),
 .xedv3 .xp-feature-card:nth-child(2n) :is(h3,p,.xp-feature-icon--floating){grid-column:1}
 .xedv3 .xp-feature-card .xp-feature-icon--floating{grid-row:2;margin:6px 0 0}
 .xedv3 .xp-feature-card h3{grid-row:3}
 .xedv3 .xp-feature-card p{grid-row:4}
 .xedv3 .xp-demo-visual{padding:12px 0 0}
 .xedv3 .xp-demo-window-body{padding:14px 9px}
 .xedv3 .xp-demo-route{gap:4px}
 .xedv3 .xp-demo-route>.xp-route-arrow{width:11px;height:11px;flex:0 0 11px}
 .xedv3 .xp-demo-content{gap:8px}
 .xedv3 .xp-demo-page{padding:12px}
 .xedv3 .xp-demo-response{padding:9px}
 .xedv3 .xp-trial-panel{padding:23px}
 .xedv3 .xp-trial-panel .xp-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .xedv3 .xp-btn,.xedv3 .xp-feature-card{transition:none}
}


/* === X EDUC : photographies pédagogiques réelles, remplacement des schémas ===
   Photos Unsplash sous licence gratuite, références dans AGENT_ACCUEIL.md.
   CSS limité à la homepage et préserve les accès de l'application. */
.xedv3 .xp-real-photo,
.xedv3 .xp-feature-photo{
  display:block;
  position:relative;
  overflow:hidden;
  margin:0;
  min-width:0;
  border-radius:19px;
  background:#DFE6EE;
  border:1px solid rgba(4,52,101,.10);
}
.xedv3 .xp-real-photo img,
.xedv3 .xp-feature-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  image-rendering:auto;
}
.xedv3 .xp-real-photo figcaption{
  position:absolute;
  right:12px;
  bottom:12px;
  max-width:calc(100% - 24px);
  font-size:.68rem;
  line-height:1.35;
  background:rgba(4,52,101,.88);
  border-radius:9px;
  padding:8px 11px;
  color:#fff;
  text-align:right;
  backdrop-filter:blur(5px);
}
.xedv3 .xp-discover-photo{
  grid-column:1;
  grid-row:1;
  width:100%;
  height:clamp(290px,30vw,435px);
  box-shadow:0 20px 42px rgba(4,52,101,.11);
}
.xedv3 .xp-discover-photo img{object-position:center 43%}
.xedv3 .xp-discover .xp-split--discover>.xp-copy{grid-column:2;grid-row:1}
.xedv3 .xp-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:19px;
}
.xedv3 .xp-feature-card--photo{
  display:grid;
  grid-template-columns:minmax(0,46%) minmax(0,1fr);
  gap:20px;
  min-height:250px;
  padding:15px;
  align-items:center;
  background:#fff;
  border:1px solid #DFE6EE;
  border-radius:20px;
  box-shadow:0 9px 24px rgba(4,52,101,.045);
}
.xedv3 .xp-feature-card--photo:nth-child(2n){background:#fff}
.xedv3 .xp-feature-card--photo .xp-feature-photo{
  grid-column:1;
  grid-row:1;
  align-self:stretch;
  height:232px;
  border-radius:14px;
  background:#EAF1F8;
}
.xedv3 .xp-feature-card--photo .xp-feature-content{
  grid-column:2;
  grid-row:1;
  min-width:0;
  padding:7px 6px 7px 0;
}
.xedv3 .xp-feature-card--photo:nth-child(even) .xp-feature-photo{grid-column:2;grid-row:1}
.xedv3 .xp-feature-card--photo:nth-child(even) .xp-feature-content{
  grid-column:1;
  grid-row:1;
  padding:7px 0 7px 8px;
}
.xedv3 .xp-feature-card--photo .xp-feature-content h3{
  margin:0 0 13px;
  font-size:clamp(1.07rem,1.48vw,1.34rem);
  line-height:1.2;
  letter-spacing:-.035em;
}
.xedv3 .xp-feature-card--photo .xp-feature-content p{
  margin:0;
  font-size:clamp(.81rem,.86vw,.91rem);
  line-height:1.65;
}
.xedv3 .xp-feature-card--photo:nth-child(1) .xp-feature-photo img{object-position:center 48%}
.xedv3 .xp-feature-card--photo:nth-child(2) .xp-feature-photo img{object-position:center 42%}
.xedv3 .xp-feature-card--photo:nth-child(3) .xp-feature-photo img{object-position:center 38%}
.xedv3 .xp-feature-card--photo:nth-child(4) .xp-feature-photo img{object-position:center 45%}
.xedv3 .xp-demo-photo{
  height:clamp(325px,33vw,455px);
  width:100%;
  box-shadow:0 24px 46px rgba(4,52,101,.13);
}
.xedv3 .xp-demo-photo img{object-position:center 42%}
.xedv3 .xp-demo-copy{padding:10px 0}
.xedv3 .xp-demo-photo figcaption{left:12px;right:auto;text-align:left}
@media(max-width:1000px){
  .xedv3 .xp-feature-grid{grid-template-columns:1fr 1fr}
  .xedv3 .xp-feature-card--photo{
    display:block;
    min-height:0;
    padding:13px;
  }
  .xedv3 .xp-feature-card--photo .xp-feature-photo{
    width:100%;
    height:clamp(165px,22vw,250px);
    margin-bottom:18px;
  }
  .xedv3 .xp-feature-card--photo .xp-feature-content,
  .xedv3 .xp-feature-card--photo:nth-child(even) .xp-feature-content{padding:5px 8px 14px}
}
@media(max-width:800px){
  .xedv3 .xp-discover-photo{grid-column:1;grid-row:1;height:clamp(250px,56vw,405px)}
  .xedv3 .xp-discover .xp-split--discover>.xp-copy{grid-column:1;grid-row:2}
  .xedv3 .xp-demo-photo{height:clamp(255px,53vw,420px)}
}
@media(max-width:650px){
  .xedv3 .xp-feature-grid{grid-template-columns:1fr}
  .xedv3 .xp-feature-card--photo{padding:13px}
  .xedv3 .xp-feature-card--photo .xp-feature-photo{height:220px}
}
@media(max-width:380px){
  .xedv3 .xp-feature-card--photo .xp-feature-photo{height:195px}
  .xedv3 .xp-real-photo figcaption{font-size:.59rem}
}
html[data-theme="dark"] .xedv3 .xp-feature-card--photo,
html[data-theme="dark"] .xedv3 .xp-feature-card--photo:nth-child(2n){
  background:#172941;
  border-color:#33445A;
}
html[data-theme="dark"] .xedv3 .xp-feature-card--photo .xp-feature-content h3{color:#fff}
html[data-theme="dark"] .xedv3 .xp-feature-card--photo .xp-feature-content p{color:#CBD6E3}


/* Correctif iPhone 10/10/2026 : l'aperçu flottant de bureau ne doit jamais
   couvrir la photo ni étirer la bannière sur un petit écran. */
@media(max-width:800px){
 .xedv3 .xp-hero-grid{
   display:grid;
   grid-template-columns:minmax(0,1fr);
   gap:24px;
   align-items:start;
 }
 .xedv3 .xp-hero-scene{
   width:100%;
   max-width:570px;
   min-width:0;
   margin:0 auto;
   padding:0;
 }
 .xedv3 .xp-photo{
   width:100%;
   max-width:none;
   aspect-ratio:16/10;
   border-radius:17px;
   overflow:hidden;
 }
 .xedv3 .xp-photo img{
   display:block;
   width:100%;
   height:100%;
   object-fit:cover;
   object-position:center 38%;
 }
 .xedv3 .xp-float{display:none}
}
@media(max-width:520px){
 .xedv3 .xp-hero{
   padding:28px 0 30px;
 }
 .xedv3 .xp-hero-grid{
   gap:22px;
 }
 .xedv3 .xp-hero h1{
   margin:12px 0 12px;
   font-size:clamp(2.05rem,8.1vw,2.6rem);
   line-height:1.13;
 }
 .xedv3 .xp-hero .xp-lead{
   font-size:.97rem;
   line-height:1.5;
 }
 .xedv3 .xp-hero .xp-tag{
   font-size:.62rem;
   padding:7px 10px;
 }
 .xedv3 .xp-hero .xp-actions{
   display:grid;
   grid-template-columns:1fr 1fr;
   align-items:stretch;
   gap:9px;
   margin-top:20px;
 }
 .xedv3 .xp-hero .xp-actions .xp-btn{
   min-width:0;
   width:100%;
   min-height:48px;
   padding:10px 9px;
   font-size:.75rem;
   line-height:1.3;
   border-radius:12px;
   white-space:normal;
 }
 .xedv3 .xp-hero .xp-actions .xp-btn .xp-icon{
   width:14px;
   height:14px;
 }
 .xedv3 .xp-hero .xp-reassure{
   gap:8px 11px;
   margin:16px 0 0;
 }
 .xedv3 .xp-hero .xp-reassure li{
   font-size:.72rem;
   line-height:1.35;
 }
 .xedv3 .xp-hero .xp-reassure .xp-icon{width:14px;height:14px}
 .xedv3 .xp-hero-scene{padding:0}
 .xedv3 .xp-photo{
   aspect-ratio:16/10;
   border-width:2px;
   border-radius:17px;
 }
 .xedv3 .xp-float{display:none}
}
@media(max-width:350px){
 .xedv3 .xp-hero .xp-actions{grid-template-columns:1fr}
 .xedv3 .xp-hero .xp-actions .xp-btn{font-size:.86rem}
}