/* Look OneOS B2 (28 Oct 2026, Max, projet 1OS-26-013). Chargée après les styles de chaque page. */
:root{--oneos-grad:linear-gradient(95deg,#3fd0ff 0%,#7b5cff 55%,#b04dff 100%)}
body{font-family:'Outfit',Arial,Helvetica,sans-serif}
h1,h2,.fs-h1{letter-spacing:-.02em}
h1 .gold,h1 .fs-gold,.fs-h1 .fs-gold{background:var(--oneos-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}
h2 .hl{background:var(--oneos-grad)!important;color:#fff!important}
.cta:not(.cta-ghost),.fs-btn-solid,.btn-gold,.btn.solid{background:#F4F5FA!important;color:#0b0c12!important;border-color:#F4F5FA!important}
.cta-ghost,.fs-btn-outline{background:transparent!important;color:#F4F5FA!important;border-color:rgba(244,245,250,.4)!important}
.mq-top{background:radial-gradient(ellipse 60% 50% at 50% 45%,#0d1020 0%,#000 70%);min-height:min(55vh,504px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:40px 16px;text-align:center;overflow:hidden}
.mq-xl{font-size:clamp(54px,10vw,140px)}
.mq-tag{font-family:'Outfit',Arial,sans-serif;font-size:clamp(12px,1.4vw,16px);letter-spacing:.42em;text-transform:uppercase;color:#7c8196;padding-left:.42em}
.mq-scroll{width:1px;height:56px;background:linear-gradient(#7c8196,transparent);margin-top:40px;opacity:.6}
/* accueil */
.oneos-hero{background:radial-gradient(ellipse 60% 50% at 50% 30%,#0d1020 0%,#000 70%)!important;min-height:auto!important;display:block!important;padding:0!important}
.oneos-hero>img,.oneos-hero::after{display:none!important}
.oneos-hero .shell{max-width:1120px;margin:0 auto}
.oneos-hero .stack{max-width:none!important;display:flex;flex-direction:column;align-items:center;text-align:center}
.v2-top{min-height:min(55vh,504px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;width:100%}
.v2-top .mq-xl{font-size:clamp(76px,14vw,168px)}
.v2-mid{display:flex;flex-direction:column;align-items:center;max-width:820px;padding:20px 0 90px}
.v2-mid h1{font-size:clamp(40px,6vw,72px)!important;line-height:1.04!important;margin:0 0 26px}
.v2-mid .hero-for{max-width:620px;color:rgba(244,245,250,.7)!important;margin:0 0 34px}
.v2-mid .hero-for .hl{font-weight:400!important;color:inherit!important;background:none!important}
.v2-mid .actions,.v2-mid .hero-social{justify-content:center}
.v2-mid .hero-social{margin-top:28px}
.v2-low{border-top:1px solid rgba(244,245,250,.1);width:100%;padding:90px 0 110px;display:flex;flex-direction:column;align-items:center}
.v2-low .lead{max-width:720px;text-align:center;font-size:clamp(20px,2.2vw,26px)!important;line-height:1.45!important;margin:0 0 56px}
.v2-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;text-align:left}
.v2-col{display:block;border:1px solid rgba(244,245,250,.1);border-radius:18px;padding:28px 26px 30px;background:rgba(244,245,250,.02);text-decoration:none;color:inherit;transition:border-color .2s}
.v2-col:hover{border-color:rgba(142,162,255,.5)}
.v2-col .mq-logo{font-size:30px;margin-bottom:14px}
.v2-col .mq-ring{--t:.17em}
.v2-col p{margin:0;color:rgba(244,245,250,.72);font-size:17px;line-height:1.55}
@media (max-width:760px){.v2-cols{grid-template-columns:1fr}.v2-low{padding:60px 0 80px}}
/* One Reset : le texte du héros centré sur noir */
.fs-hero{background:#000!important}
.fs-hero-right,.fs-hero-bg{display:none!important}
.fs-hero-left{flex:1 1 auto!important;width:100%!important;max-width:860px;margin:0 auto;padding-left:16px!important;padding-right:16px!important;align-items:center;text-align:center}
.fs-hero-left .fs-label{text-align:center}
.fs-hero-btns,.fs-hero-left .fs-social{justify-content:center!important}
.fs-hero-left .fs-lead{margin-left:auto;margin-right:auto}
/* accueil : la vidéo centrée entre la section noire et « Votre équipe » (Max, 28 oct.) */
.oneos-hero ~ .trailer{margin-top:0!important;padding-top:180px!important;padding-bottom:52px!important}
@media (max-width:760px){.oneos-hero ~ .trailer{padding-top:88px!important;padding-bottom:24px!important}}
/* Sections claires (28 oct. 2026) : boutons en noir, sinon blanc sur blanc */
.light .cta:not(.cta-ghost){background:#0B0C12!important;color:#F4F5FA!important;border-color:#0B0C12!important}
.light .cta-ghost{color:#0B0C12!important;border-color:rgba(11,12,18,.4)!important}
/* phones: smaller logo intro so the headline shows sooner (31 Oct 2026, Max) */
@media (max-width:760px){.v2-top{min-height:auto;padding:36px 0 8px;gap:20px}.v2-top .mq-scroll{height:32px;margin-top:12px}.v2-mid{padding-top:8px}}
/* phones: same short logo intro on /business, /creator and /reset, and the text right under it (31 Oct 2026, Max) */
@media (max-width:760px){.mq-top{min-height:auto;padding:36px 16px 8px;gap:20px}.mq-top .mq-scroll{height:32px;margin-top:12px}.mq-top+.hero,.mq-top+.fo-hero-section,.mq-top~.fs-en .fs-hero-left,.mq-top~.fs-fr .fs-hero-left{padding-top:40px}}