@font-face{font-family:Inter;src:url('assets/Inter-variable.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{color-scheme:dark;--navy:#071421;--coral:#ff624e;--muted:#c6cfdb;--ink:#102239;--white:#f9fbff}
*{box-sizing:border-box}html{background:var(--navy);scroll-behavior:smooth}body{margin:0;color:var(--white);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffb4a5;outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.symbol-bank,.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;left:20px;top:-100px;z-index:30;background:white;color:var(--ink);padding:14px;border-radius:8px}.skip:focus{top:12px}
.hero-scene{min-height:900px;height:100svh;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 66% 16%,#27394d88,transparent 43%),linear-gradient(115deg,#030e17 2%,#0a1724 53%,#101c28 75%,#030c14 100%)}.atmosphere{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 73% 49%,#ff8e6630,transparent 32%),radial-gradient(ellipse at 80% 2%,#7e98b833,transparent 31%)}.atmosphere:after{content:'';position:absolute;right:12%;top:-70px;width:40px;height:680px;transform:rotate(9deg);background:#ced9e821;filter:blur(33px)}
.masthead{max-width:1248px;margin:auto;height:112px;display:flex;align-items:center;gap:48px;position:relative;z-index:8}.brand{display:inline-flex;flex:none}.brand img{width:155px;height:auto;display:block}.desktop-nav{display:flex;align-items:center;gap:36px;margin-left:auto}.desktop-nav button,.mobile-nav button{background:none;border:0;padding:12px 0;font-size:13px;color:#e5eaf1}.desktop-nav button:hover,.text-button:hover{color:white}.header-actions{display:flex;align-items:center;gap:10px;margin-left:48px}.select-shell{border:1px solid #8a97a56b;border-radius:30px;height:44px;display:flex;align-items:center;gap:9px;padding:0 14px;background:#ffffff04;box-shadow:inset 0 1px 0 #ffffff07}.select-shell select{border:0;color:#f8fbff;background:transparent;padding:0 20px 0 0;font-size:12px;cursor:pointer;max-width:125px}.select-shell option{background:#101e2d;color:white}.country .flag{width:19px;height:13px;display:none;border-radius:3px;background:linear-gradient(90deg,#0055a4 0 33%,#fff 33% 66%,#ef4135 66%)}.country.fr .flag{display:block}.language{padding:0 12px}.language select{max-width:55px}.button{border:0;border-radius:12px;padding:18px 24px;font-size:15px;font-weight:650;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}.coral{background:linear-gradient(135deg,#ff6853,#ff5b49);color:#fff;box-shadow:0 8px 30px #ff624e1f,inset 0 1px 0 #ffb7a54d}.coral:hover{background:#ff725f;box-shadow:0 10px 34px #ff624e33;transform:translateY(-2px)}.header-cta{height:47px;padding:14px 26px;border-radius:13px;font-size:13px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}
.hero{max-width:1248px;margin:auto;position:relative;height:calc(100% - 112px);min-height:788px}.hero-copy{position:relative;z-index:3;width:590px;padding-top:55px;pointer-events:none}.hero-copy>*{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:3.2px;line-height:1.5;font-weight:650;color:#d0d9e6;margin:0 0 31px}h1{font-size:76px;line-height:1.06;letter-spacing:-4.3px;font-weight:740;max-width:620px;margin:0 0 29px}h1 em{font-style:normal;color:var(--coral)}.description{max-width:510px;font-size:19px;line-height:1.62;letter-spacing:-.35px;color:#d5dce5;margin:0 0 22px}.tagline{font-size:17px;line-height:1.5;letter-spacing:-.2px;color:#c7d1dc;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:37px}.discover{min-height:57px;padding:18px 28px;font-size:16px}.discover svg{width:19px;height:19px}.text-button{border:0;border-bottom:1px solid #e4eaf0;background:none;color:#edf1f7;padding:4px 0 5px;font-size:15px;line-height:1.5}.demo-label{font-size:10px;letter-spacing:1.5px;color:#60718a}
.assurances{list-style:none;margin:0;position:absolute;left:0;bottom:52px;display:flex;gap:28px;padding:0;z-index:4}.assurances li{display:flex;align-items:center;gap:15px;padding-right:27px;border-right:1px solid #91a0af99}.assurances li:last-child{border:0}.assurances svg{width:28px;height:32px;color:#eef3f8;stroke-width:1.7}.assurances div{display:grid;gap:5px}.assurances strong{font-weight:600;font-size:12px}.assurances span{font-size:11px;color:#b5c1cf}
dialog{width:min(540px,calc(100% - 36px));border:1px solid #dfE7ef;background:#f8fafc;color:var(--ink);padding:42px;border-radius:20px;box-shadow:0 24px 120px #0008}dialog::backdrop{background:#020e19c9;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#e9eef4;color:var(--ink);font-size:25px}.dialog-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:#ad3c2f}dialog h2{font-size:30px;letter-spacing:-1px;margin:18px 0 14px}dialog p{font-size:15px;line-height:1.7;color:#4b6178}dialog .button{margin-top:15px}dialog ul{padding-left:20px;color:#4b6178;line-height:1.8}.menu-toggle{background:none;border:1px solid #8a97a56b;border-radius:50%;width:40px;height:40px;padding:10px}.menu-toggle span{display:block;height:1px;background:white;margin:5px 0}
@media(min-width:1600px){.masthead,.hero{max-width:1376px}.hero-copy{padding-top:74px;width:650px}h1{font-size:85px;max-width:680px}.description{font-size:21px;max-width:550px}.assurances{bottom:64px}}
@media(max-width:1300px) and (min-width:901px){.masthead,.hero{margin-left:64px;margin-right:64px}.masthead{gap:20px}.header-actions{margin-left:20px}.desktop-nav{gap:24px}.hero-copy{width:525px}h1{font-size:68px}.description{max-width:460px;font-size:18px}}
@media(max-width:1100px){.desktop-nav{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}.mobile-nav{position:absolute;top:90px;right:0;padding:12px 24px;background:#122337;border:1px solid #536375;border-radius:14px;display:grid;gap:8px;min-width:190px}.mobile-nav button{text-align:left}}
@media(max-width:900px){.hero-scene{height:auto;min-height:100svh;max-height:none}.masthead{height:88px;margin:0 32px;gap:15px}.brand img{width:135px}.hero{min-height:0;height:auto;margin:0 32px;display:flex;flex-direction:column}.hero-copy{padding-top:35px;width:min(620px,100%)}h1{font-size:64px;letter-spacing:-3.5px;max-width:590px}.description{font-size:18px;max-width:550px}.assurances{position:relative;bottom:auto;margin:0 0 34px;gap:18px;justify-content:center}.assurances li{padding-right:18px;gap:10px}}
@media(max-width:600px){.masthead{height:76px;margin:0 22px}.brand img{width:117px}.header-actions{gap:7px}.header-cta{display:none}.country{height:36px;padding:0 9px;border:0;background:none}.country select{max-width:72px;padding-right:0;font-size:11px}.country .flag{width:15px;height:11px;flex:none}.country{gap:6px}.language{height:36px;padding:0 8px}.language select{max-width:45px;font-size:11px;padding-right:0}.menu-toggle{width:34px;height:34px;padding:8px}.mobile-nav{top:66px;right:0}.hero{margin:0 24px}.hero-copy{padding-top:31px;width:100%}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:22px}h1{font-size:43px;line-height:1.09;letter-spacing:-2.3px;max-width:355px;margin-bottom:21px}.description{font-size:15px;line-height:1.65;letter-spacing:-.25px;margin-bottom:17px;max-width:340px}.tagline{font-size:13px;margin-bottom:24px}.hero-actions{gap:25px}.discover{font-size:13px;border-radius:10px;padding:16px 19px;gap:12px;min-height:49px}.text-button{font-size:12px}.assurances{margin:0 0 26px;gap:12px;justify-content:space-between;align-items:flex-start}.assurances li{gap:7px;padding:0;border:0;flex:1}.assurances svg{width:20px;height:24px}.assurances strong{font-size:9px;line-height:1.4}.assurances span{font-size:8px;line-height:1.5}.assurances div{gap:3px}dialog{padding:35px 26px}dialog h2{font-size:26px}.atmosphere:after{right:8%;width:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Accessible coral controls and an unscaled, operable version of the coded screen. */
.coral{color:#102239}.coral:hover{background:#ff8a74;color:#102239}
@media(max-width:600px){}

.select-shell select{min-height:32px}
@media(max-width:600px){.hero-copy{padding-top:25px}.description{margin-bottom:11px}}

@media(max-width:600px){.assurances{margin-bottom:16px}.assurances strong{font-size:10px}.assurances span{font-size:9px}}

/* HERO-VISUEL-01: supplied static scene in the visual column only. No screen overlay or CSS halo. */
.premium-visual{position:absolute;right:-140px;top:0;width:940px;height:700px;margin:0;z-index:2;pointer-events:none}
.premium-visual picture{display:block;width:100%;height:100%}
.premium-image{display:block;width:100%;height:100%;object-fit:cover;object-position:right center;
 -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 87%,transparent);
 mask-image:linear-gradient(to right,transparent,#000 6%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 87%,transparent);
 -webkit-mask-composite:source-in;mask-composite:intersect}
@media(min-width:1600px){.premium-visual{right:-100px;top:0}}
@media(max-width:1300px) and (min-width:901px){.premium-visual{width:720px;height:500px;top:130px;right:-75px}.hero-copy{width:495px}.description{max-width:410px}}
@media(max-width:900px){.premium-visual{position:relative;right:auto;top:auto;align-self:center;width:100vw;height:440px;max-width:none;margin:20px -32px 10px}}
@media(max-width:600px){.premium-visual{width:100vw;height:290px;margin:20px -24px 8px}.premium-image{-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 3%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent)}}