/* Page /android/. Réutilise /style.css : police Geist, jetons, en-tête, pied de page, bouton .reserve-button. Unités en rem/em : la police agrandie d'Android ne doit rien faire déborder. */
.android-page{--lav:#c4b5fd;--teal:#2dd4bf;--card:#f4f0e8;--card-ink:#211828;--card-mute:#5d5164;--err:#a4251f;background:var(--night)}
.android-main{max-width:1180px;margin:0 auto;padding:clamp(28px,6vw,72px) 20px clamp(48px,8vw,100px);display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
.android-copy{min-width:0}
.android-kicker{display:flex;align-items:center;gap:.8rem;margin:0 0 1.4rem;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#c6b9d2}
.android-orb{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ede9fe 0,#c4b5fd 22%,#a78bfa 42%,#7c3aed 66%,#3b0764 92%);box-shadow:0 0 26px rgba(167,139,250,.55),0 0 2px var(--teal)}
.android-copy h1{margin:0 0 1.25rem;font-size:clamp(2.3rem,12.5vw,6.2rem);line-height:.92;letter-spacing:-.06em;font-weight:850;text-transform:uppercase;overflow-wrap:anywhere}
.android-copy h1 em{font-style:normal;color:#b480ee}
.android-lede{max-width:34rem;margin:0;font-size:1.125rem;line-height:1.5;letter-spacing:-.01em;color:#d4cdd8}

.android-card{min-width:0;padding:1.5rem 1.15rem 1.6rem;background:var(--card);color:var(--card-ink);border:1px solid #d3c4b4;box-shadow:0 30px 80px -40px #000c;scroll-margin-top:1rem}
.android-card:focus{outline:none}
.android-card [hidden]{display:none!important}
.android-card h2{margin:0 0 .35rem;font-size:clamp(1.65rem,7vw,2.4rem);line-height:1.05;letter-spacing:-.05em;font-weight:600}
.android-sub{margin:0 0 1.4rem;font-size:1rem;line-height:1.5;color:var(--card-mute)}
.field{margin:0 0 1.2rem}
.field>label:not(.consent){display:block;font-size:1rem;font-weight:650;line-height:1.35}
.opt{font-weight:400;color:var(--card-mute)}
.help{margin:.15rem 0 .5rem;font-size:.875rem;line-height:1.4;color:var(--card-mute)}
.field>label:not(.consent)+input{margin-top:.5rem}
.android-card input:not([type=checkbox]){display:block;width:100%;min-height:3.25rem;padding:.65rem .85rem;border:2px solid #a898ad;border-radius:0;background:#fffcf7;color:var(--card-ink);font:inherit;font-size:1.0625rem;-webkit-appearance:none;appearance:none}
.android-card input::placeholder{color:#8a7d8d;opacity:1}
.android-card input:focus-visible{outline:3px solid #7c3aed;outline-offset:2px}
.android-card input[aria-invalid="true"]{border-color:var(--err)}
.phone-row{display:flex;flex-wrap:wrap;gap:.6rem;font-size:1.0625rem}
.phone-row input{font-size:1em!important}
.phone-row #dial{flex:0 0 4.6em;width:auto;min-width:0;text-align:center;padding-inline:.4rem}
.phone-row #phone{flex:1 1 9em;width:auto;min-width:0}/* police très agrandie : le numéro passe sous l'indicatif au lieu de s'écraser */
.err{margin:.45rem 0 0;font-size:.9375rem;line-height:1.45;font-weight:600;color:var(--err)}
.hint{margin:.45rem 0 0;font-size:.9375rem;line-height:1.5;color:#3f3345}
.hint-btn{min-height:3rem;padding:.3rem .9rem;border:1.5px solid #6d28d9;background:#fff;color:#4c1d95;font:inherit;font-size:.9375rem;font-weight:650;cursor:pointer}
.consent{display:flex;align-items:flex-start;gap:.8rem;min-height:3rem;padding:.3rem 0;font-size:.9375rem;line-height:1.5;cursor:pointer}
.consent input{flex:none;width:1.6rem;height:1.6rem;min-height:0;margin:.05rem 0 0;accent-color:#6d28d9}
.trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.android-alert{margin:1rem 0;padding:.85rem 1rem;border-left:4px solid var(--err);background:#f6e3e1;color:#6b1f1c;font-size:.9375rem;line-height:1.5}
.android-card .reserve-button{background:#261332;color:#fff;border-color:#261332}
.android-submit{min-height:3.5rem;margin-top:.4rem;font-size:1.0625rem}
.android-submit .reserve-label{min-width:0;overflow-wrap:anywhere;text-align:left}
.android-fine{margin:1rem 0 0;font-size:.875rem;line-height:1.55;color:var(--card-mute)}
.android-fine a{display:inline-block;margin:-.85rem 0;padding:.85rem 0;color:#4c1d95;text-decoration:underline;text-underline-offset:3px}
.android-done{padding:.4rem 0}
.android-check{display:grid;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:1.2rem;border-radius:50%;background:#261332;color:#fff;font-size:1.6rem;line-height:1}
.android-done>p:not(.android-fine){margin:.4rem 0 0;font-size:1.125rem;line-height:1.5}
.android-done .text-link{margin-top:.9rem;min-height:3rem;width:auto;max-width:100%;gap:1rem;white-space:normal;color:var(--card-ink)}

.android-preview{min-width:0;display:grid;gap:2.2rem}
.android-steps{counter-reset:step;list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.android-steps li{counter-increment:step;display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.8rem;padding-top:1rem;border-top:1px solid #3a333f;font-size:1rem;line-height:1.5;color:#d4cdd8}
.android-steps li::before{content:"0" counter(step);font-size:.85rem;font-weight:700;letter-spacing:.05em;color:#b480ee}
.android-phone{position:relative;isolation:isolate;justify-self:center;width:min(15rem,70%);margin:0}
.android-phone::before{content:"";position:absolute;inset:-18% -30%;z-index:-1;background:radial-gradient(closest-side,rgba(124,58,237,.45),rgba(45,212,191,.08) 62%,transparent);pointer-events:none}
.android-phone img{display:block;width:100%;height:auto;border-radius:1.6rem;border:1px solid rgba(255,255,255,.22);background:#1a1030}
.android-phone figcaption{margin-top:.8rem;font-size:.8125rem;line-height:1.4;text-align:center;color:#a89bb3}

/* Cibles tactiles >= 48 px dans l'en-tête et le pied de page partagés. */
.android-page .site-header .wordmark,.android-page footer .wordmark{display:inline-block;padding:.6rem 0}
.android-page .site-header .text-link,.android-page footer .main-site-link{display:inline-flex;align-items:center;min-height:3rem}
.android-page footer .main-site-link{font-size:.8125rem}
@media(min-width:960px){
 .android-main{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(40px,6vw,96px);row-gap:2.5rem;align-items:start}
 .android-copy{grid-column:1;grid-row:1}
 .android-preview{grid-column:1;grid-row:2;grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:center;gap:2.5rem}
 .android-phone{order:-1;width:100%}
 .android-card{grid-column:2;grid-row:1/3;position:sticky;top:1.5rem;padding:2.2rem 2rem 2.2rem}
}
@media(min-width:480px){.android-card{padding:1.9rem 1.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}