:root{--navy:#06142b;--blue:#0757c9;--green:#13a060;--red:#ee1b24;--gold:#f3b63f;--white:#fff;--line:rgba(255,255,255,.22)}
*{box-sizing:border-box}
html,body{margin:0;height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--white);background:#050b17;overflow:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 18% 18%,rgba(7,87,201,.34),transparent 26%),radial-gradient(circle at 80% 30%,rgba(19,160,96,.26),transparent 24%),linear-gradient(135deg,#050b17,#07172f 52%,#021c35);z-index:-2}
body:after{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);z-index:-1}
.deck,.slide{height:100%;width:100%}.slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:clamp(24px,5vw,70px);opacity:0;pointer-events:none;transform:scale(1.02);transition:opacity .55s ease,transform .55s ease}.slide.active{opacity:1;pointer-events:auto;transform:scale(1)}.slide-content{position:relative;z-index:2;width:min(980px,92vw);animation:rise .7s ease both}.slide-content.narrow{width:min(780px,92vw);text-align:center}.slide-content.wide{width:min(1120px,94vw)}.kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#b9dcff}
h1,h2{margin:20px 0;font-size:clamp(2.5rem,7vw,6.7rem);line-height:.94;letter-spacing:0;font-weight:900;max-width:1000px}p{max-width:780px;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.55;color:#d8e8ff;margin:0 0 30px}.choice-row{display:flex;flex-wrap:wrap;gap:14px}.hot{appearance:none;border:0;border-radius:999px;background:linear-gradient(135deg,#ff353d,var(--red));color:white;padding:16px 24px;font:inherit;font-weight:900;box-shadow:0 18px 34px rgba(238,27,36,.34);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:56px}.hot:hover{transform:translateY(-2px);filter:saturate(1.08)}.float-device{position:absolute;right:8vw;bottom:7vh;width:min(360px,34vw);filter:drop-shadow(0 36px 42px rgba(0,0,0,.46));animation:float 4.8s ease-in-out infinite}.slide-bg{position:absolute;inset:auto 5vw 8vh auto;width:min(620px,52vw);aspect-ratio:1;border-radius:48px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(7,87,201,.2));border:1px solid var(--line);transform:rotate(8deg)}
.question,.durability{background:linear-gradient(135deg,rgba(7,87,201,.36),transparent)}.question.alt{background:linear-gradient(135deg,rgba(19,160,96,.34),transparent)}.durability h2,.app-slide h2,.offer-lead h2,.action-slide h2,.contact-slide h2{font-size:clamp(2.15rem,5.5vw,5.2rem)}.app-slide{grid-template-columns:1fr minmax(260px,420px);gap:38px}.app-slide .slide-content{justify-self:end}.poster{position:relative;z-index:2;width:min(390px,30vw);max-height:78vh;object-fit:cover;object-position:top;border-radius:28px;border:10px solid white;box-shadow:0 28px 60px rgba(0,0,0,.38);animation:tilt 5s ease-in-out infinite}.offer-lead{background:linear-gradient(135deg,rgba(6,20,43,.28),rgba(7,87,201,.22)),url("../img/affiche-ugreen-nas.jpg") right center/contain no-repeat}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.offer-grid article{padding:24px;border-radius:24px;background:rgba(255,255,255,.12);border:1px solid var(--line);backdrop-filter:blur(18px)}.offer-grid .premium{background:linear-gradient(180deg,rgba(19,160,96,.28),rgba(255,255,255,.12));border-color:rgba(139,217,173,.8)}.offer-grid span{display:block;text-transform:uppercase;letter-spacing:.08em;color:#8bd9ad;font-weight:900;font-size:.8rem}.offer-grid strong{display:block;margin:9px 0;color:white;font-size:clamp(1.25rem,2vw,1.9rem);line-height:1.15}.offer-grid p{font-size:1rem;margin:0;color:#dce9f8}.contact-slide{grid-template-columns:1fr minmax(320px,46vw);gap:30px}.phone{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:900;color:#fff}.wide-poster{width:100%;max-height:78vh;object-fit:cover;border-radius:28px;border:10px solid white;box-shadow:0 30px 60px rgba(0,0,0,.38)}
.progress{position:fixed;left:24px;right:24px;bottom:18px;height:6px;border-radius:999px;background:rgba(255,255,255,.17);overflow:hidden;z-index:10}.progress span{display:block;height:100%;width:11.11%;background:linear-gradient(90deg,var(--red),var(--gold));transition:width .45s ease}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes tilt{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}
@media (max-width:900px){html,body{overflow:auto}.slide{min-height:100svh;height:auto;position:relative;display:none}.slide.active{display:grid}.float-device{position:relative;right:auto;bottom:auto;width:min(260px,70vw);margin-top:28px}.app-slide,.contact-slide{grid-template-columns:1fr}.app-slide .slide-content{justify-self:center}.poster,.wide-poster{width:min(420px,88vw);max-height:none}.offer-lead{background:linear-gradient(135deg,rgba(6,20,43,.82),rgba(7,87,201,.45)),url("../img/affiche-ugreen-nas.jpg") center/cover no-repeat}.offer-grid{grid-template-columns:1fr}.choice-row .hot{flex:1 1 210px}.progress{left:14px;right:14px}}
@media (max-width:560px){.slide{padding:24px 18px}.kicker{font-size:.72rem}.hot{width:100%;padding:14px 18px}h1,h2{font-size:clamp(2.15rem,13vw,4rem)}p{font-size:1rem}.slide-bg{display:none}}