/* Page d'accueil. Téléphone d'abord, sans ombre, sans filet latéral. */
.lp{--pale:#eff5ff;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.2,1.5,.4,1);overflow-x:clip}
.lp h1,.lp h2{font-weight:600;letter-spacing:-.045em}
.lp .top{transition:border-color .25s;border-color:transparent}.lp .top.scrolled{border-color:var(--line)}
.lp .btn{font-weight:600}.lp .btn.big{display:flex;width:100%;height:58px;border-radius:999px;min-height:58px;padding:0 1.6em;font-size:1.08rem;white-space:nowrap}
@media(min-width:560px){.lp .btn.big{display:inline-flex;width:auto}}
.lp .btn:hover{transform:translateY(-1px)}

/* héros */
.hx{padding-top:clamp(20px,5vw,32px)}
.hx-t{width:min(1200px,100% - 32px);margin-inline:auto}
.hx h1{font-size:clamp(3.2rem,16vw,4.4rem);line-height:.98;margin:0 0 .36em}
.gw{display:inline-block;color:var(--blue)}.gw i{font-style:normal;color:var(--coral)}
.gw b{font-weight:inherit;display:inline-block;transition:opacity .6s var(--ease),transform .9s var(--ease),filter .6s var(--ease);transition-delay:calc(var(--i)*55ms)}
.gw.off b{opacity:0;transform:translate(.28em,-.34em) rotate(8deg);filter:blur(5px)}
.hx-l{font-size:clamp(1.14rem,3.2vw,1.32rem);line-height:1.42;color:var(--mut);max-width:25em;margin:0 0 26px;letter-spacing:-.012em}
.hx-h{margin:14px 0 0;color:var(--mut);font-size:.94rem}
.hx-s{--pw:min(296px,74vw);position:relative;margin:36px 8px 0;padding:40px 0 30px;background:radial-gradient(120% 90% at 50% 18%,#3a8dfa 0,#1a73e8 52%,#0f5fd0 100%);border-radius:34px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:20px;isolation:isolate}
#dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.halo{position:absolute;left:50%;top:44%;width:calc(var(--pw)*1.9);aspect-ratio:1;margin-left:calc(var(--pw)*-.95);margin-top:calc(var(--pw)*-.95);border-radius:50%;border:1px solid #ffffff38;z-index:-1;opacity:0}
.halo::after{content:"";position:absolute;inset:16%;border-radius:50%;border:1px solid #ffffff4d}
.halo.go{animation:halo 1.5s var(--ease)}@keyframes halo{0%{opacity:0;transform:scale(.55)}25%{opacity:1}100%{opacity:0;transform:scale(1.2)}}
.rail{order:2;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:var(--pw)}
.rail b{display:none}
.seg{display:block;height:3px;border-radius:9px;background:#ffffff47;overflow:hidden}.seg i{display:block;height:100%;width:0;background:#fff;border-radius:9px}
.rail li.done .seg i{width:100%}.rail li.on .seg i{width:100%;transition:width var(--dur,3s) linear}
.cap{order:3;margin:-8px 0 0;color:#fff;font-weight:600;font-size:1rem;letter-spacing:-.01em;text-align:center}

/* téléphone : 1em = 1/30 de sa largeur */
.phone{--c:#0a1120;position:relative;flex:none;width:var(--pw);height:calc(var(--pw)*2.05);font-size:calc(var(--pw)/30);line-height:1.3;background:var(--c);border-radius:4.7em;padding:.72em;outline:1px solid #ffffff40;outline-offset:-1px;color:var(--ink);-webkit-user-select:none;user-select:none}
.pb{position:absolute;background:var(--c);border-radius:.3em;width:.34em}.pb1{left:-.3em;top:11em;height:2.6em}.pb2{left:-.3em;top:15.4em;height:5em}.pb3{right:-.3em;top:16em;height:7.6em}
.screen{position:relative;height:100%;background:#fff;border-radius:4em;overflow:hidden}
.island{position:absolute;z-index:3;top:.95em;left:50%;width:8.6em;height:2.5em;margin-left:-4.3em;border-radius:2em;background:var(--c)}
.sbar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;height:4.5em;padding:.4em 2.8em 0;font-weight:600}.sbar span:first-child{font-size:1.32em}
.sig{display:flex;gap:.16em;align-items:flex-end}.sig i{width:.34em;background:var(--ink);border-radius:.1em;height:.5em}.sig i:nth-child(2){height:.72em}.sig i:nth-child(3){height:.94em}.sig i:nth-child(4){height:1.16em}
.sc{position:absolute;inset:4.5em 0 0;opacity:0;transform:translateX(2.4em);transition:opacity .4s var(--ease),transform .55s var(--ease);pointer-events:none}
.sc.on{opacity:1;transform:none}.sc.out{transform:translateX(-2.4em)}.sc.dusted{transition:none;opacity:0;transform:none}
.sc[data-sc=gone]{transform:none}
.home{position:absolute;z-index:6;left:50%;bottom:.8em;width:10.5em;height:.42em;margin-left:-5.25em;border-radius:1em;background:var(--ink)}
/* conversation */
.ch-i{position:absolute;left:1.5em;right:1.5em;bottom:3em;height:4em;display:flex;align-items:center;padding:0 1.5em;border:1px solid var(--line);border-radius:3em;color:#94a4bd}.ch-i span{font-size:1.32em}
.ch-h{display:flex;align-items:center;gap:1em;padding:.5em 1.8em 1.1em;border-bottom:1px solid #eef2f8}
.av{width:3.5em;height:3.5em;border-radius:50%;background:var(--blue);display:grid;place-items:center}.av b{color:#fff;font-size:1.5em;font-weight:600}.ch-n{font-weight:600;font-size:1.55em;letter-spacing:-.02em}
.ch-b{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.8em;padding:1.8em 1.5em}
[data-b]{opacity:0;transform:translateY(1em) scale(.86);transform-origin:0 100%;transition:opacity .28s,transform .5s var(--spring)}[data-b].in{opacity:1;transform:none}
.bub{background:var(--pale);border-radius:1.9em 1.9em 1.9em .5em;padding:1em 1.4em;max-width:22em}.bub p{margin:0;font-size:1.42em;line-height:1.28;letter-spacing:-.012em}
.lnk{display:flex;align-items:center;gap:1em;background:var(--blue);color:#fff;border-radius:1.9em 1.9em 1.9em .5em;padding:1em 1.6em 1em 1em;width:23em}.lnk img{width:3.8em;height:3.8em;border-radius:1em;outline:1px solid #ffffff55;display:block}
.lnk b{display:block;font-weight:600;font-size:1.45em;letter-spacing:-.015em}.lnk small{display:block;font-size:1.14em;opacity:.86}
.typing{position:absolute;left:1.5em;display:flex;gap:.4em;padding:1.2em 1.4em;opacity:0;transition:opacity .2s}.typing.in{opacity:1}
.typing i{width:.7em;height:.7em;border-radius:50%;background:#8ea3c4;animation:ty 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes ty{0%,60%,100%{transform:none}30%{transform:translateY(-.4em)}}
/* mot de passe */
.lk{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:0 2.2em 5em}
.lk-i{display:block;width:7.6em;height:7.6em;padding:1.5em;border-radius:50%;background:var(--pale);margin-bottom:2em;transition:transform .5s var(--spring)}
.shk{transition:transform .45s var(--spring);transform-origin:32px 22px}.lk-i.op{transform:scale(1.12)}.lk-i.op .shk{transform:translateY(-3px) rotate(24deg)}
.lk strong{font-size:2.2em;line-height:1.1;font-weight:600;letter-spacing:-.035em;max-width:9em}.lk p{margin:.7em 0 2.1em;font-size:1.36em;color:var(--mut)}
.fld{position:relative;width:100%;height:4.9em;border:1px solid var(--line);border-radius:1.5em;display:flex;align-items:center;padding:0 1.5em;transition:border-color .2s}.fld.f{border-color:var(--blue)}
.ph{color:#94a4bd;font-size:1.4em;transition:opacity .15s}.fld.t .ph{opacity:0}
.dots{position:absolute;left:1.5em;display:flex;gap:.55em}.dots i{width:.95em;height:.95em;border-radius:50%;background:var(--ink);transform:scale(0);transition:transform .22s var(--spring)}.dots i.in{transform:none}
.pbtn{display:grid;place-items:center;width:100%;height:4.9em;margin-top:1em;border-radius:3em;background:var(--blue);color:#fff;font-weight:600;font-size:1em;transition:transform .15s}.pbtn.p{transform:scale(.96)}
/* écoute */
.pl{padding:2em 2.2em 4.4em;display:flex;flex-direction:column;height:100%}
.pl-t{display:flex;justify-content:space-between;align-items:center;margin-bottom:2em}.pl-c{background:var(--pale);border-radius:2em;padding:.4em 1em;display:inline-flex}.pl-c u{text-decoration:none;color:var(--blue);font-weight:600;font-size:1.22em}.pl-o{color:var(--mut);font-size:1.22em}
.pl strong{font-size:2.5em;font-weight:600;letter-spacing:-.04em;line-height:1.05;white-space:nowrap}
.wv{display:flex;align-items:center;gap:.26em;flex:1;min-height:0;margin:2.2em 0 .8em}.wv i{flex:1;min-width:0;height:calc(var(--h)*1%);border-radius:1em;background:#d9e6fb;transition:background .18s,transform .25s}.wv i.on{background:var(--blue)}.wv i.hd{background:var(--coral);transform:scaleY(1.14)}
.pl-m{display:flex;justify-content:space-between;color:var(--mut);font-variant-numeric:tabular-nums}.pl-m span{font-size:1.22em}
.pl-b{display:flex;align-items:center;justify-content:space-between;margin-top:1.8em}
.pz{width:6em;height:6em;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;gap:.56em}.pz i{width:.76em;height:2.2em;border-radius:.3em;background:#fff}
.sp2{display:flex;gap:.3em}.sp2 em{display:grid;place-items:center;font-style:normal;height:3.6em;min-width:4.1em;padding:0 .8em;border-radius:2em;background:var(--pale);transition:background .2s}.sp2 u{text-decoration:none;font-weight:600;font-size:1.26em;color:var(--blue);transition:color .2s}.sp2 em.on{background:var(--blue)}.sp2 em.on u{color:#fff}
.pl-n{margin-top:2.2em;text-align:center;color:var(--mut);font-size:1.26em}
/* effacé */
.gn{height:calc(100% - 5em);display:flex;flex-direction:column;align-items:center;justify-content:center}
.ck{width:7.6em;height:7.6em;margin-bottom:1.8em}.ck circle,.ck path{stroke-dasharray:190;stroke-dashoffset:190}
.sc.on .ck circle{transition:stroke-dashoffset .7s var(--ease);stroke-dashoffset:0}.sc.on .ck path{transition:stroke-dashoffset .4s .45s var(--ease);stroke-dashoffset:0}
.gn strong{font-size:3.6em;font-weight:600;letter-spacing:-.045em;line-height:1}.gn em{font-style:normal;color:var(--coral)}.gn p{margin:.5em 0 0;font-size:1.5em;color:var(--mut)}
.tap{position:absolute;z-index:5;width:5.4em;height:5.4em;margin:-2.7em 0 0 -2.7em;border-radius:50%;background:#ff5a3c55;outline:1px solid #ff5a3caa;opacity:0;pointer-events:none}.tap.go{animation:tap .5s var(--ease)}@keyframes tap{0%{opacity:0;transform:scale(1.5)}35%{opacity:1;transform:scale(.8)}100%{opacity:0;transform:scale(1.1)}}

/* sections */
.sx{padding:clamp(72px,12vw,136px) 0 0}
.sx h2,.sc-w h2{font-size:clamp(2.35rem,9.6vw,4rem);line-height:1.02;margin:0 0 clamp(32px,6vw,60px)}
.rv.pre{opacity:0;transform:translateY(22px)}.rv{transition:opacity .8s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0ms)}

/* trois gestes */
.gs{display:grid;gap:44px}
.gs h3{font-size:1.65rem;font-weight:600;letter-spacing:-.03em;margin:0 0 .25em}.gs p{color:var(--mut);margin:0 0 20px;font-size:1.06rem;line-height:1.42;max-width:22em}
.tile{position:relative;aspect-ratio:4/3;background:var(--pale);border-radius:26px;overflow:hidden;display:grid;place-items:center}
.s1-z{display:block;width:34%;aspect-ratio:1;border-radius:24%;background:var(--blue);padding:9%;}.s1-f{display:block;width:100%;height:100%}
.s1-l{position:absolute;left:58%;top:60%;width:14%;aspect-ratio:1;border-radius:50%;background:var(--coral);padding:2.4%}
.play .s1-z{animation:s1a 3.2s var(--ease) both}.play .s1-l{animation:s1b 3.2s var(--spring) both}
@keyframes s1a{0%{transform:translateY(-170%) rotate(-10deg)}26%,100%{transform:none}}@keyframes s1b{0%,38%{transform:scale(0)}54%,100%{transform:none}}
.s2{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:60px;padding:0 9%}
.s2-r{position:relative;height:2px;background:#cfe0fa;border-radius:9px}.s2-p{position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--blue);color:#fff;font-weight:600;font-size:.98rem;border-radius:99px;padding:.5em 1em;white-space:nowrap}.s2-p.k{background:var(--coral);left:auto}
.s2-r{--w:100%}.play .s2-p{animation:s2 3.2s var(--ease) both}.play .s2-p.k{animation-delay:.5s}
@keyframes s2{0%{right:100%;transform:translate(100%,-50%)}62%,100%{right:0;transform:translate(0,-50%)}}
.s3-g{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;width:58%}.s3-g i{display:block;aspect-ratio:1;border-radius:2px;background:var(--blue)}.s3-g i.a{background:#fff}
.play .s3-g i{animation:s3 3.2s var(--ease) both;animation-delay:calc(var(--i)*14ms + .5s)}@keyframes s3{0%{opacity:1;transform:none}40%{opacity:0;transform:translate(26px,-34px) rotate(40deg) scale(.4)}82%{opacity:0;transform:translate(26px,-34px)}100%{opacity:1;transform:none}}

/* formats */
.fm{display:grid}
.fm-t{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:18px}
.fm-t button{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 2px 10px;border-radius:16px;cursor:pointer;color:var(--mut);font-weight:600;font-size:.92rem;transition:background .25s,color .25s}
.fm-t button svg{width:24px;height:24px}.fm-t button[aria-selected=true]{background:var(--blue);color:#fff}.fm-t button:focus-visible{outline:3px solid #7db2ff}
.fm-d{min-height:3em;margin:0 0 20px;font-size:1.1rem;line-height:1.42;color:var(--mut);letter-spacing:-.01em}
.fm-s{position:relative;aspect-ratio:1/1;background:var(--pale);border-radius:30px;overflow:hidden}
.fm-x{margin:16px 0 0;color:var(--mut);font-size:.98rem}
.fs{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column}.fs.on{display:flex;animation:fsin .5s var(--ease)}@keyframes fsin{from{opacity:0;transform:scale(.97)}}
.fa{display:flex;align-items:center;gap:1.1%;width:78%;height:40%}.fa i{flex:1;height:calc(var(--h)*1%);border-radius:9px;background:var(--blue);transform-origin:center;animation:fa 1.2s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-90ms)}.fa i:nth-child(7n){background:var(--coral)}@keyframes fa{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
.fa-s{display:flex;gap:8px;margin-top:9%}.fa-s em{font-style:normal;font-weight:600;color:var(--blue);background:#fff;border-radius:99px;padding:.45em 1em;animation:fas 4.5s linear infinite both}.fa-s em:nth-child(2){animation-delay:1.5s}.fa-s em:nth-child(3){animation-delay:3s}@keyframes fas{0%,33%{background:var(--blue);color:#fff}34%,100%{background:#fff;color:var(--blue)}}
.fp{position:relative;height:80%;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#000}.fp-i{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation:fpi 4.5s infinite both}
.fp-w{position:absolute;left:-20%;right:-20%;top:46%;text-align:center;color:#ffffffa6;font-weight:600;transform:rotate(-24deg);white-space:nowrap;opacity:0;animation:fpi 4.5s infinite both}
.fp-c{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:600;animation:fpc 4.5s infinite both}
.fp-f{position:absolute;left:50%;top:68%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#ffffff40;outline:2px solid #fff;animation:fpf 4.5s infinite both}
@keyframes fpi{0%,20%{opacity:0}26%,76%{opacity:1}82%,100%{opacity:0}}@keyframes fpc{0%,20%{opacity:1}26%,76%{opacity:0}82%,100%{opacity:1}}@keyframes fpf{0%,12%{opacity:0;transform:scale(1.5)}22%,76%{opacity:1;transform:none}84%,100%{opacity:0;transform:scale(1.5)}}
.fv{width:82%}.fv-f{position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden}.fv-f svg{display:block;width:100%;height:100%}.fv-o{animation:fvo 4.5s var(--ease) infinite alternate}@keyframes fvo{to{transform:translate(170px,14px)}}
.fv-p{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:#fff;display:grid;place-items:center}.fv-p i{margin-left:4px;width:0;height:0;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent var(--blue)}
.fv-c{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:14px}.fv-c i{height:8px;border-radius:9px;background:#d3e3fb;animation:fvc 4.5s linear infinite both;animation-delay:calc(var(--i)*190ms)}@keyframes fvc{0%,4%{background:#d3e3fb}6%,88%{background:var(--blue)}90%,100%{background:#d3e3fb}}
.fd{position:relative;height:74%;aspect-ratio:3/4}.fd-p{position:absolute;inset:0;background:#fff;border-radius:16px;outline:1px solid #d3e3fb}.fd-p:nth-child(1){transform:translate(8%,5%) rotate(5deg)}.fd-p:nth-child(2){transform:translate(4%,2.5%) rotate(2.5deg)}
.fd-p.t{display:flex;flex-direction:column;gap:7%;padding:13% 12%;animation:fdp 4.5s var(--ease) infinite}.fd-p b{font-weight:600;font-size:1.5rem;letter-spacing:-.03em}.fd-p i{height:8px;border-radius:9px;background:#d3e3fb}.fd-p i.s{width:46%;background:var(--coral);margin-top:auto}@keyframes fdp{0%,62%{transform:none;opacity:1}82%{transform:translate(-70%,-10%) rotate(-12deg);opacity:0}83%{transform:none;opacity:0}100%{opacity:1}}
.fn{width:76%;background:#fff;border-radius:22px;padding:8%;outline:1px solid #d3e3fb}.fn p{margin:0;font-size:clamp(1.3rem,5.6vw,1.75rem);font-weight:500;line-height:1.3;letter-spacing:-.025em}.fn span{display:block;width:max-content;max-width:100%;overflow:hidden;white-space:nowrap;animation:fnt 4.5s steps(22) infinite both}.fn span:nth-child(2){animation-delay:.65s}.fn span:nth-child(3){animation-delay:1.3s}.fn span:nth-child(4){animation-delay:1.95s}
@keyframes fnt{0%{clip-path:inset(0 100% 0 0)}14%,100%{clip-path:inset(0 0 0 0)}}

/* sécurité */
.sc-w{padding:clamp(72px,12vw,136px) 8px 0}
.sb{background:radial-gradient(120% 80% at 80% 0,#3a8dfa 0,#1a73e8 55%,#0f5fd0 100%);color:#fff;border-radius:34px;padding:clamp(52px,9vw,104px) max(24px,calc((100% - 1120px)/2))}
.cy{display:grid;gap:12px;position:relative;margin-bottom:clamp(40px,7vw,64px)}
.cy-r{background:#fff;color:var(--ink);border-radius:22px;padding:20px 22px;min-width:0}.cy-r small{display:block;color:var(--mut);font-size:.9rem;margin-bottom:6px}.cy-r p{margin:0;font-size:clamp(1.28rem,5.4vw,1.7rem);font-weight:500;letter-spacing:-.025em;line-height:1.25}
.cy-r.o{background:#0f5fd0;color:#fff}.cy-r.o small{color:#ffffffc4}.cy-r.o p{letter-spacing:0;min-height:2.5em}
.cy-r.o span{display:inline-block;white-space:nowrap}.cy-r.o b{font-weight:500;display:inline-block;width:.62em;text-align:center}.cy-r.o b.c{color:#bcd6ff}
.cy-k{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;padding:9px;background:#fff;border-radius:50%;outline:6px solid #1a73e8}
.fx{display:grid;gap:28px}.fx h3{font-size:1.32rem;font-weight:600;letter-spacing:-.022em;margin:0 0 .25em}.fx p{margin:0;color:#ffffffd9;line-height:1.42}
.hon{margin:clamp(36px,6vw,56px) 0 0;font-size:.95rem;line-height:1.5;color:#ffffffc9;max-width:46em}

/* tarifs */
.pr-a{margin:-1.4em 0 clamp(26px,5vw,44px);font-size:1.14rem;color:var(--mut);letter-spacing:-.012em}
.pr{display:grid;gap:14px}
.pr-f,.lp .slider{border:1px solid var(--line);border-radius:28px;padding:28px;background:#fff}
.pr-f h3,.lp .slider h3{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}
.pr-n{font-size:3.4rem;font-weight:600;letter-spacing:-.05em;line-height:1.05;color:var(--ink)}
.pr-f ul{list-style:none;margin:16px 0 22px;padding:0;display:grid;gap:6px;color:var(--mut)}
.lp .slider{--tint:#fff;background:var(--pale);border-color:#cfe0fa}
.lp .sn,.lp .sp{font-weight:600;letter-spacing:-.05em}.lp .sp{color:var(--blue)}
.pr-m{margin:22px 0 0;color:var(--mut);font-size:1.02rem}.pr-m a{font-weight:600}

/* questions */
.qa{display:grid;gap:8px}.qa h2{margin-bottom:12px}
.lp .qa details{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:0;margin:0}
.lp .qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font-size:1.14rem;font-weight:500;letter-spacing:-.015em}.lp .qa summary::-webkit-details-marker{display:none}
.lp .qa summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--blue),var(--blue)) center/100% 2px no-repeat,linear-gradient(var(--blue),var(--blue)) center/2px 100% no-repeat;transition:transform .3s var(--ease)}.lp .qa details[open] summary::after{transform:rotate(135deg)}
.lp .qa details p{margin:0;padding:0 32px 22px 0;color:var(--mut);line-height:1.5}

/* fin */
.end{padding:clamp(88px,14vw,160px) 0;text-align:center}.end h2{font-size:clamp(2.8rem,12vw,5.4rem);line-height:1;margin:0 0 .5em}.end h2 span{color:var(--coral)}.end .hx-h{margin-top:14px}

@media(min-width:720px){.gs{grid-template-columns:repeat(3,1fr);gap:20px}.gs h3{font-size:1.5rem}.gs p{min-height:4.4em}.s2-p{font-size:.86rem}.fx{grid-template-columns:repeat(3,1fr);gap:32px}.pr{grid-template-columns:1fr 1.7fr}.cy{grid-template-columns:1fr 1fr}.cy-k{margin-top:-23px}.qa{grid-template-columns:1fr 1.7fr;gap:40px}.sc-w{padding-inline:16px}
.fm{grid-template-columns:minmax(0,.86fr) minmax(0,1fr);column-gap:clamp(32px,6vw,88px);grid-template-rows:auto auto 1fr auto}.fm>h2{grid-column:1}.fm-t{grid-column:1;display:flex;flex-direction:column;gap:0;margin:0}.fm-d{grid-column:1;margin:18px 0 0;max-width:24em}.fm-s{grid-column:2;grid-row:1/5;aspect-ratio:1/1}.fm-x{grid-column:1;grid-row:4;align-self:end}
.fm-t button{flex-direction:row;gap:14px;padding:7px 0;font-size:clamp(1.8rem,3.2vw,2.5rem);letter-spacing:-.04em;color:#b7c5da;background:none!important}.fm-t button svg{width:0;height:.8em;opacity:0;margin-right:-14px;transition:opacity .25s,width .3s var(--ease),margin .3s var(--ease);color:var(--coral)}.fm-t button:hover{color:var(--mut)}.fm-t button[aria-selected=true]{color:var(--blue)}.fm-t button[aria-selected=true] svg{width:.8em;opacity:1;margin-right:0}}
@media(min-width:1000px){
.hx{padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);min-height:calc(100svh - 68px);align-items:stretch}
.hx-t{width:auto;margin:0;align-self:center;padding:0 40px 40px max(16px,calc((100vw - 1120px)/2))}
.hx h1{font-size:clamp(4.4rem,6.8vw,6.6rem)}.hx-l{font-size:1.32rem}
.hx-s{--pw:min(330px,calc((100svh - 130px)/2.05));margin:0 16px 16px 0;padding:0;flex-direction:row;justify-content:center;gap:clamp(28px,4vw,64px);min-height:600px}
.rail{order:0;display:flex;flex-direction:column;gap:20px;width:158px}.rail b{display:block;margin-top:9px;color:#fff;font-weight:500;font-size:1rem;letter-spacing:-.012em;opacity:.72;transition:opacity .3s}.rail li.on b{opacity:1}.cap{display:none}
.halo{left:calc(50% + 100px);top:50%}
.fm-s{aspect-ratio:1/.9}
}
@media(prefers-reduced-motion:reduce){.lp *,.lp *::before,.lp *::after{animation:none!important;transition:none!important}.rv.pre{opacity:1;transform:none}.fp-i,.fp-w{opacity:1}.fp-c,.fp-f{opacity:0}}
.more{display:inline-flex;align-items:center;gap:.4em;margin-top:clamp(22px,4vw,32px);font-weight:600;letter-spacing:-.01em}.more::after{content:"→";transition:transform .25s var(--ease)}.more:hover{text-decoration:none}.more:hover::after{transform:translateX(4px)}.sb .more{color:#fff}
.cy-k{left:auto;right:18px;margin-left:0}@media(min-width:720px){.cy-k{left:50%;right:auto;margin-left:-23px}}