/* Référence visuelle officielle — photo 2 */
:root{--official-gold:#e7bd62;--official-blue:#0b4675;--official-night:#020913}
.topbar{min-height:88px;padding:12px clamp(16px,4vw,54px);background:rgba(2,9,19,.97);border-bottom:1px solid rgba(231,189,98,.18)}
.brand{gap:14px}.brand-mark{width:64px;height:64px;border-radius:16px;object-fit:cover;box-shadow:0 0 26px rgba(37,157,231,.16),0 0 20px rgba(231,189,98,.12)}
.brand b{font-size:22px}.brand strong{font-size:23px}.brand small{color:#d9bd79}
.nav{top:89px;justify-content:center;background:rgba(2,9,19,.96);border-bottom-color:rgba(231,189,98,.14);scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.nav button{background:transparent;border-color:transparent;padding:12px 15px}.nav button.active{background:transparent;border-color:transparent;border-bottom:3px solid var(--official-gold);border-radius:0;box-shadow:none;color:#fff}
.hero{max-width:1380px;margin:auto;min-height:670px;padding:58px clamp(8px,3vw,38px);gap:52px}
.hero-copy{position:relative;z-index:2}.hero h1{font-family:Inter,Arial,sans-serif;font-weight:900;line-height:.98;letter-spacing:-.055em;font-size:clamp(54px,7.1vw,104px)}.hero h1 em{color:var(--official-gold)}
.hero p{max-width:760px;font-size:clamp(18px,1.6vw,25px);line-height:1.55;color:#c4ccd7}
.hero-actions .primary,.hero-actions .gold{background:linear-gradient(135deg,#f5d37c,#c88b29);color:#07101a}.hero-actions button{font-size:17px;padding:15px 24px}
.lingua-device{min-height:650px}.lingua-device:before{width:560px;height:560px;background:radial-gradient(circle,rgba(18,88,139,.38),transparent 67%)}
.device-frame{width:min(375px,86vw);border-color:#8b959f;border-radius:58px;box-shadow:0 50px 110px rgba(0,0,0,.66),0 0 0 2px rgba(231,189,98,.08)}
.device-screen{border-radius:46px}.device-screen img{width:220px;height:220px;border-radius:44px}.device-screen b{display:none}.device-screen small{font-size:11px}.device-globe{margin-top:20px}
@media(max-width:980px){.nav{justify-content:flex-start}.hero{padding-top:36px}.lingua-device{min-height:560px}}
@media(max-width:640px){.topbar{min-height:76px;padding:8px 10px}.brand{gap:8px}.brand-mark{width:52px;height:52px;border-radius:13px}.brand b{font-size:18px}.brand strong{font-size:19px}.top-actions button{font-size:14px;padding:10px 12px}.nav{top:76px;justify-content:flex-start;scroll-snap-type:x proximity}.nav button{scroll-snap-align:start}.hero{padding:28px 4px 40px;gap:16px}.hero h1{font-size:clamp(44px,13vw,62px)}.hero p{font-size:17px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions #installHeroBtn{grid-column:1/-1}.hero-actions button{width:100%;padding:14px 12px}.lingua-device{min-height:470px}.device-frame{width:min(290px,82vw)}.device-screen img{width:170px;height:170px;border-radius:34px}}