/* GoBookee - hero cinématique (v1.0.0) */
.gbk-hero{--gbk-night:#0D1726;--gbk-sun:#F2B35B;--gbk-sun-ink:#3A2508;--gbk-text:#F5F3EF;--gbk-muted:rgba(245,243,239,.8);
  position:relative;isolation:isolate;overflow:hidden;min-height:min(calc(100svh - 77px),820px);display:grid;align-items:end;
  color:var(--gbk-text);background:var(--gbk-night);font-family:Inter,system-ui,sans-serif}
.gbk-hero *{box-sizing:border-box}
.gbk-hero__film{position:absolute;inset:0;z-index:-2}
.gbk-hero__film video{width:100%;height:100%;object-fit:cover;object-position:60% 50%;display:block}
.gbk-hero__veil{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,13,22,.84) 0%,rgba(8,13,22,.55) 38%,rgba(8,13,22,0) 68%),linear-gradient(0deg,rgba(8,13,22,.7) 0%,rgba(8,13,22,0) 45%)}
.gbk-hero__copy{width:100%;max-width:1200px;margin:0 auto;padding:96px 24px clamp(48px,9vh,96px)}
.gbk-hero__title{margin:0 0 .4em;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.025em;
  font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.02;max-width:13ch;text-wrap:balance;color:var(--gbk-text)}
.gbk-hero__lead{margin:0 0 1.8em;font-size:clamp(1.02rem,1.5vw,1.19rem);line-height:1.55;color:var(--gbk-muted);max-width:42ch}
.gbk-hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.gbk-hero .gbk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;
  font-weight:600;font-size:16px;line-height:1;text-decoration:none;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.gbk-hero .gbk-btn--sun{background:var(--gbk-sun);color:var(--gbk-sun-ink)}
.gbk-hero .gbk-btn--sun:hover{background:#F7C57A;transform:translateY(-1px)}
.gbk-hero .gbk-btn--ghost{color:var(--gbk-text);box-shadow:inset 0 0 0 1.5px rgba(245,243,239,.5)}
.gbk-hero .gbk-btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--gbk-text)}
.gbk-hero .gbk-btn:focus-visible{outline:3px solid var(--gbk-sun);outline-offset:3px}
.gbk-hero__fine{margin:1.1em 0 0;font-size:.9rem;color:var(--gbk-muted)}
.gbk-lock{position:absolute;top:clamp(20px,6vh,64px);right:max(24px,calc((100% - 1200px)/2 + 24px));width:min(340px,calc(100% - 32px));
  display:flex;flex-direction:column;gap:10px;pointer-events:none}
.gbk-lock__clock{align-self:flex-end;margin-bottom:6px;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;
  font-size:clamp(2.2rem,4vw,3.2rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.92);
  text-shadow:0 2px 18px rgba(0,0,0,.35);transition:color .8s ease}
.gbk-hero[data-phase="day"] .gbk-lock__clock{color:#FFF3DF}
.gbk-stage{display:grid;align-items:start}
.gbk-stage>*{grid-area:1/1}
.gbk-stack{display:flex;flex-direction:column;gap:10px}
.gbk-note{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px 14px 11px 11px;border-radius:18px;
  background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);
  color:#141821;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.25);
  opacity:0;transform:translateY(-14px) scale(.97);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.9,.25,1.15)}
.gbk-note.is-on{opacity:1;transform:none}
.gbk-note__icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--gbk-night);color:var(--gbk-sun);
  font:700 1.05rem/1 'Bricolage Grotesque',sans-serif}
.gbk-note__icon--wa{background:#25D366;color:#fff}
.gbk-note__title{font-size:.86rem;font-weight:600;margin:0}
.gbk-note__body{font-size:.86rem;margin:1px 0 0;color:#3B4150}
.gbk-note__time{font-size:.74rem;color:#6B7180;align-self:start;padding-top:2px}
.gbk-day{padding:14px 16px;border-radius:18px;background:var(--gbk-sun);color:var(--gbk-sun-ink);box-shadow:0 10px 30px rgba(0,0,0,.25);
  opacity:0;transform:translateY(-10px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.9,.25,1.15)}
.gbk-day.is-on{opacity:1;transform:none}
.gbk-day__big{margin:0;font:700 1.15rem/1.2 'Bricolage Grotesque',sans-serif}
.gbk-day__small{margin:3px 0 0;font-size:.88rem}
.gbk-day__bar{display:flex;gap:3px;margin-top:10px}
.gbk-day__bar i{flex:1;height:6px;border-radius:3px;background:var(--gbk-sun-ink);opacity:.85}
.gbk-day__bar i:nth-child(4){opacity:.25}
@media (max-width:760px){
  /* mobile : vidéo en haut, texte en dessous (plus de superposition) */
  .gbk-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}
  .gbk-hero__film{position:relative;inset:auto;z-index:0;height:min(66svh,560px)}
  .gbk-hero__film video{object-position:50% 50%}
  .gbk-hero__veil{inset:0 0 auto 0;height:min(66svh,560px);z-index:1;
    background:linear-gradient(0deg,var(--gbk-night) 0%,rgba(13,23,38,0) 22%),linear-gradient(180deg,rgba(13,23,38,.35) 0%,rgba(13,23,38,0) 25%)}
  .gbk-lock{left:16px;right:16px;width:auto;top:14px;z-index:2}
  .gbk-lock__clock{font-size:1.9rem}
  .gbk-stage{justify-items:end}
  .gbk-stack,.gbk-stage>.gbk-note,.gbk-day{width:min(100%,320px)}
  .gbk-stack{gap:8px}
  .gbk-note{padding:8px 12px 8px 8px;border-radius:15px;grid-template-columns:34px 1fr auto}
  .gbk-note__icon{width:34px;height:34px}
  .gbk-hero__copy{position:relative;z-index:2;padding:6px 16px 36px;margin-top:-28px}
  .gbk-hero__title{font-size:clamp(2rem,9.5vw,2.6rem)}
  .gbk-hero .gbk-btn{flex:1 1 100%}
  .gbk-hero__fine{padding-right:72px}
}
@media (max-width:520px){.gbk-logo{height:40px!important}}
@media (prefers-reduced-motion:reduce){.gbk-note,.gbk-day{transition:none}}