/* Styles exclusivement associés à la page produit BETAI. */
.betai-page { --betai-accent:#09cbed; --betai-blue:#158dfb; --betai-navy:#081327; --betai-muted:#a8bcd5; }
.betai-page a:focus-visible,.betai-page button:focus-visible,.betai-page summary:focus-visible { outline:3px solid #0ebfe4; outline-offset:4px; }
.betai-page .section-space { padding-block:clamp(3.5rem,7vw,6rem); }
.betai-hero { position:relative; overflow:hidden; background:radial-gradient(ellipse at 75% 35%,#154e87 0%,transparent 52%), linear-gradient(135deg,#091226 0%,#0d2d59 58%,#081127 100%); color:#fff; padding:clamp(5.2rem,9vw,7.6rem) 0 clamp(4rem,7vw,6rem); }
.betai-hero::after { content:''; position:absolute; inset:0; opacity:.2; pointer-events:none; background-image:radial-gradient(#10cbed 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(to right,transparent 25%,black); }
.betai-hero .container { position:relative;z-index:1; }
.betai-pill { display:inline-flex;gap:.5rem;align-items:center;padding:.43rem .9rem; border-radius:99px;border:1px solid rgba(10,215,228,.46);background:rgba(8,21,48,.52);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9af5ff; }
.betai-pill i {color:#46de98;}
.betai-hero h1 { color:#fff; margin:1.25rem 0 1rem; font-weight:800; line-height:1.12;font-size:clamp(2.6rem,5.7vw,4.9rem); }
.betai-hero h1 em {font-style:normal;color:#32d4f4;}
.betai-hero .lead {color:#d4e0f2;font-size:clamp(1rem,1.55vw,1.19rem);max-width:580px;line-height:1.85;}
.betai-actions {display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:2rem;}
.betai-actions a {min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;font-weight:750;}
.betai-actions .btn-outline-light {border-color:#91bbdf;}
.betai-meta {display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem;color:#e1eafd;font-size:.84rem;}
.betai-meta span {background:rgba(255,255,255,.09);padding:.5rem .65rem;border-radius:.65rem;}
.betai-visual {min-height:550px;display:grid;place-items:center;position:relative;isolation:isolate;}
.betai-visual::before {content:'';position:absolute;inset:13% 3%;border-radius:50%;background:#00b7fa;opacity:.13;filter:blur(50px);z-index:-1;}
.betai-phone { width: min(265px,66vw);padding:9px; border-radius:35px;background:linear-gradient(135deg,#69cefe,#203155 65%,#75a9d1);box-shadow:0 24px 64px rgba(0,0,0,.52);transform:rotate(5deg);transition:transform .35s ease; }
.betai-phone:hover {transform:rotate(1deg) translateY(-7px);}
.betai-atlas-shot {width:100%;aspect-ratio:200 / 429; background-color:#091124; display:block;}
.betai-phone .betai-atlas-shot {border-radius:26px;}
.betai-floating-proof {position:absolute;bottom:9%;left:0;padding:.8rem 1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.2);background:rgba(11,29,59,.9);box-shadow:0 16px 28px rgba(0,0,0,.2);font-size:.9rem;max-width:220px;backdrop-filter:blur(10px);}
.betai-floating-proof strong{display:block;color:#69effd;margin-bottom:.25rem;}
.betai-kicker{color:#0d91cb;font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;}
.betai-section-title{font-weight:800;line-height:1.15;max-width:750px;margin:.6rem auto 1.1rem;}
.betai-section-copy{max-width:670px;color:var(--text-muted,#657589);margin-inline:auto;line-height:1.8;}
.betai-feature{height:100%; padding:1.7rem; border:1px solid var(--border,#d9e4ee);border-radius:1.25rem;background:var(--surface-raised,#fff);box-shadow:0 10px 40px rgba(17,63,122,.05);transition:transform .25s ease,border-color .25s ease;}
.betai-feature:hover{transform:translateY(-4px);border-color:#18bee1;}
.betai-feature-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#def5fc;color:#0976a6;margin-bottom:1.4rem;font-size:1.4rem;}
.betai-feature h3{font-size:1.1rem;font-weight:800;}
.betai-feature p{font-size:.91rem;line-height:1.75;margin-bottom:0;color:var(--text-muted,#596c83);}
.betai-gallery-section{background:linear-gradient(180deg,#eef7ff 0%,#e9f2fc 100%);color:#0b2041;}
.betai-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:2.5rem;}
.betai-shot-card{margin:0;min-width:0;border-radius:1.1rem;overflow:hidden;background:white;box-shadow:0 12px 26px rgba(1,32,83,.09);border:1px solid #d4e1f1;}
.betai-shot-card .betai-atlas-shot{border:6px solid #0d1a32;border-radius:1.1rem 1.1rem 0 0;}
.betai-shot-card figcaption{padding:.9rem .8rem 1.1rem;min-height:82px;}
.betai-shot-card strong{display:block;font-size:.88rem;color:#0a264b;}
.betai-shot-card small{font-size:.73rem;color:#5e7791;display:block;margin-top:.35rem;}
.betai-showcase{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(1.75rem,5vw,5rem);}
.betai-showcase--reverse{grid-template-columns:.9fr 1.1fr;}
.betai-showcase h3{font-size:clamp(1.75rem,3vw,2.6rem);font-weight:800;}
.betai-showcase p{line-height:1.9;color:var(--text-muted,#64748b);}
.betai-showcase-photo{max-width:260px;margin:auto;border-radius:1.65rem;border:9px solid #14213d;overflow:hidden;box-shadow:0 22px 48px rgba(0,25,75,.22);}
.betai-checklist{list-style:none;margin:1.4rem 0;padding:0;display:grid;gap:1rem;}
.betai-checklist li{display:flex;gap:.75rem;align-items:flex-start;}
.betai-checklist i{color:#0a99b9;margin-top:.25rem;}
.betai-performance-note{background:#0a1a34;color:#fff;border-radius:1.25rem;padding:1.25rem 1.5rem;margin-top:1.5rem;line-height:1.75;}
.betai-performance-note p{color:#d0dceb;margin:0;}
.betai-faq details{padding:1.1rem 1.35rem;border:1px solid var(--border,#dce6f1);border-radius:.85rem;background:var(--surface-raised,#fff);margin-bottom:.8rem;}
.betai-faq summary{font-weight:750;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
.betai-faq summary::after{content:'+';font-size:1.3rem;color:#168cca;}
.betai-faq details[open] summary::after{content:'−';}
.betai-faq details p{padding-top:1rem;margin:0;line-height:1.75;color:var(--text-muted,#64748b);}
.betai-final{padding:clamp(3rem,7vw,5rem) 0;background:linear-gradient(135deg,#061429,#123e70);color:#fff;text-align:center;}
.betai-final h2{color:#fff;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;}
.betai-final p{color:#cbdbee;max-width:600px;margin:1rem auto 0;line-height:1.8;}
.betai-final .betai-actions{justify-content:center;}
@media(max-width:1199px){.betai-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:991px){.betai-visual{min-height:480px}.betai-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.betai-showcase,.betai-showcase--reverse{grid-template-columns:1fr;}.betai-showcase .betai-showcase-copy{max-width:700px;}}
@media(max-width:767px){.betai-hero{padding-top:3.5rem}.betai-hero .lead{font-size:.96rem}.betai-visual{min-height:430px}.betai-phone{width:220px}.betai-floating-proof{left:2%;bottom:2%;font-size:.75rem;max-width:160px}.betai-gallery-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,45%);grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding-bottom:1.5rem;scrollbar-width:thin;}.betai-shot-card{scroll-snap-align:start;}.betai-actions{flex-direction:column;align-items:stretch;}.betai-actions .btn{width:100%;}.betai-section-title{font-size:clamp(1.6rem,7vw,2.1rem)}}
@media(prefers-reduced-motion:reduce){.betai-phone,.betai-feature{transition:none}.betai-feature:hover{transform:none}.betai-phone:hover{transform:none}}

/* Galerie pilotable sur desktop et mobile, captures affichées à taille raisonnable. */
.betai-gallery-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:2rem 0 .75rem; }
.betai-gallery-position { margin:0; font-size:.85rem; color:#35587b; font-weight:700; }
.betai-gallery-actions { display:flex; gap:.6rem; }
.betai-gallery-arrow { width:46px; height:46px; border-radius:50%; display:grid;place-items:center; border:1px solid #b7cbe3; background:#fff; color:#164475; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.betai-gallery-arrow:not(:disabled):hover { background:#e4f6ff; border-color:#168dbe; transform:translateY(-2px); }
.betai-gallery-arrow:disabled { opacity:.38; cursor:not-allowed; }
.betai-gallery-grid {
  position:relative; display:grid; grid-auto-flow:column; grid-auto-columns:clamp(175px,18vw,205px);
  grid-template-columns:none; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; 
  scroll-padding-inline:.15rem; overscroll-behavior-inline:contain; gap:1.1rem;
  padding:.3rem .2rem 1.4rem; scrollbar-width:thin; scrollbar-color:#6cbde9 transparent;
}
.betai-shot-card { scroll-snap-align:start; transition:transform .32s ease,box-shadow .32s ease; }
.betai-shot-card:hover, .betai-shot-card:focus-within { transform:translateY(-6px); box-shadow:0 20px 40px rgba(1,32,83,.17); }
.betai-shot-card .betai-atlas-shot { image-rendering:auto; }
.betai-gallery-help { color:#55708d; font-size:.82rem; margin:.55rem 0 0; }
.betai-phone { width:min(222px,65vw); }
.betai-showcase-photo { max-width:205px; }
.betai-feature-icon { transition:transform .4s cubic-bezier(.2,.75,.2,1); }
.betai-feature:hover .betai-feature-icon { transform:rotate(-7deg) scale(1.09); }
.betai-visual::before { animation:betaiAura 7s ease-in-out infinite alternate; }
@keyframes betaiAura { from { opacity:.09; transform:scale(.9); } to { opacity:.19; transform:scale(1.06); } }
@media(max-width:767px){
  .betai-gallery-grid { grid-auto-flow:column; grid-auto-columns:minmax(165px,45%); grid-template-columns:none; padding: .3rem .2rem 1.3rem; }
  .betai-phone { width:210px; }
  .betai-gallery-arrow { width:43px; height:43px; }
}
@media(prefers-reduced-motion:reduce){
  .betai-visual::before { animation:none !important; }
  .betai-shot-card, .betai-gallery-arrow, .betai-feature-icon { transition:none !important; }
  .betai-shot-card:hover, .betai-shot-card:focus-within, .betai-feature:hover .betai-feature-icon,
  .betai-gallery-arrow:hover { transform:none !important; }
}

/* Galerie haute résolution : chaque image couvre l'ancien atlas de secours. */
.betai-atlas-shot { position:relative; overflow:hidden; }
.betai-screen-img { display:block; width:100%; height:100%; aspect-ratio:640 / 1433; object-fit:cover; object-position:top center; border-radius:inherit; }
.betai-screen-img[hidden], .betai-screen-img.is-unavailable { display:none !important; }
.betai-screen-trigger { display:block; position:relative; width:100%; margin:0; padding:0; color:inherit; background:transparent; border:0; text-align:inherit; cursor:zoom-in; }
.betai-screen-trigger[disabled] { cursor:default; }
.betai-screen-trigger:focus-visible { outline:3px solid #06bfdf; outline-offset:3px; }
.betai-screen-trigger .betai-atlas-shot { width:100%; }
.betai-zoom-hint { position:absolute; left:50%; bottom:12px; transform:translate(-50%,10px); z-index:2; color:#fff;
  display:inline-flex; align-items:center; gap:.5rem; border-radius:999px; padding:.46rem .88rem;
  background:rgba(5,20,44,.88); backdrop-filter:blur(9px); font-size:.75rem; font-weight:700;
  opacity:0; transition:transform .2s ease,opacity .2s ease; white-space:nowrap; pointer-events:none; }
.betai-screen-trigger:not([disabled]):hover .betai-zoom-hint,
.betai-screen-trigger:not([disabled]):focus-visible .betai-zoom-hint { opacity:1; transform:translate(-50%,0); }
.betai-photo-dialog { position:fixed; margin:auto; padding:1rem; width:min(92vw,760px); max-width:92vw;
  max-height:96dvh; overflow:auto; color:#e7f5ff; background:linear-gradient(145deg,#0b203b,#071323);
  border:1px solid rgba(105,205,247,.28); border-radius:1.25rem; box-shadow:0 30px 90px #0009; }
.betai-photo-dialog::backdrop { background:rgba(2,9,21,.84); backdrop-filter:blur(8px); }
.betai-dialog-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.6rem; }
.betai-dialog-header p { margin:0; color:#e8f7ff; font-weight:750; }
.betai-dialog-header button, .betai-dialog-controls button { display:grid; place-items:center; width:40px; height:40px;
  border:1px solid #385776; border-radius:50%; background:#152d4d; color:#fff; }
.betai-dialog-header button:hover, .betai-dialog-controls button:hover { background:#20558b; }
.betai-photo-dialog > img { display:block; margin:0 auto; height:min(69dvh,1150px); width:auto;
  max-width:100%; object-fit:contain; border-radius:.7rem; }
.betai-full-resolution { display:table; color:#9feaff; margin:.5rem auto .75rem; font-size:.82rem; font-weight:700; }
.betai-full-resolution:hover { color:#fff; }
.betai-dialog-controls { display:flex; align-items:center; justify-content:center; gap:1.25rem; }
.betai-dialog-controls span { font-weight:700; font-variant-numeric:tabular-nums; }
@media (hover:none) {
  .betai-screen-trigger:not([disabled]) .betai-zoom-hint { opacity:1; transform:translate(-50%,0); font-size:.7rem; padding:.35rem .65rem; }
}
@media (prefers-reduced-motion:reduce) {
  .betai-zoom-hint { transition:none !important; }
}