/* showcase modules (product pages, under Vision) */
.sc{--a:#22B86A;--ad:#17824A;--al:#E1F6E8;--al2:#F1FAF4;display:flex;flex-direction:column;gap:clamp(96px,10vw,150px);color:#16181D}
.sc.ms{--a:#EC682D;--ad:#D9541C;--al:#FDEADF;--al2:#FEF5F0}
.sc *{box-sizing:border-box}
.sc .ico{flex:none!important;font-size:1em!important}
.sc-mod{min-width:0}
.sc-hd{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin:0 auto clamp(28px,3vw,44px);max-width:900px}
.sc-logo{display:block;height:clamp(17px,1.5vw,22px);width:auto;filter:brightness(0);opacity:.9}
.sc-h2{margin:8px 0 0;font-family:var(--font-identity);font-weight:700;font-size:clamp(30px,3.5vw,50px);line-height:1.06;letter-spacing:-.04em;color:#121419;text-wrap:balance}
.sc-h2.sans{margin-top:14px;font-size:clamp(28px,2.9vw,42px);letter-spacing:-.035em}
.sc-sub{margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.5;color:#6B6F79;text-wrap:balance}
.sc-tag{display:inline-flex;align-items:center;height:38px;padding:0 24px;border-radius:999px;border:1.5px solid var(--a);background:#FEFEFE;color:var(--ad);font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.sc-h3{margin:0;font-family:var(--font-identity);font-weight:600;font-size:clamp(19px,1.65vw,25px);line-height:1.18;letter-spacing:-.025em;color:#16181D;text-wrap:balance}
.sc-h3.big{font-weight:700;font-size:clamp(22px,2.15vw,31px);letter-spacing:-.03em}
.sc .rv:not(.in){transform:translateY(40px) scale(.98)}
html.static .sc .rv{transform:none}
@keyframes scIn{from{opacity:0;transform:translateY(12px)}}
@keyframes scInX{from{opacity:0;transform:translateX(calc(var(--u) * 28))}}
@keyframes scFloat{to{translate:0 calc(var(--u) * -7)}}

/* phone (em-based, scaled by font-size) */
.sc-ph{position:absolute;width:30em;height:62em;border-radius:4.9em;background:#121214;box-shadow:0 0 0 .2em #3A3B40,0 0 0 .36em #17171A,0 2.6em 5em -1.8em rgba(20,24,34,.38);font-family:var(--font-body);color:#16181D;-webkit-font-smoothing:antialiased;white-space:nowrap}
.sc-scr{position:absolute;inset:.9em;border-radius:4.05em;background:#F6F7F9;overflow:hidden;display:flex;flex-direction:column;gap:1em;padding:0 1.5em}
.sc-st{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;height:4.4em;margin:0 -.4em;padding:.5em 1em 0 1.7em}
.sc-st b{font-size:1.4em;font-weight:700;letter-spacing:-.01em}
.sc-st .isl{position:absolute;left:50%;top:1em;width:9em;height:2.6em;margin-left:-4.5em;border-radius:1.4em;background:#000}
.sc-st .sys{display:flex;align-items:center;gap:.35em}
.sc-hdr{flex:none;display:flex;align-items:center;gap:.9em;height:3.6em}
.sc-hdr .wm{height:1.65em;width:auto;filter:brightness(0);opacity:.92}.sc-hdr .wm.c{margin:0 auto}
.sc-hdr .sp{flex:1}
.sc-hdr .cb{position:relative;display:grid;place-items:center;width:3.4em;height:3.4em;border-radius:50%;background:#FEFEFE;box-shadow:0 .1em .3em rgba(20,24,34,.08);color:#2A2D34}
.sc-hdr .cb em{position:absolute;right:.75em;top:.65em;width:.75em;height:.75em;border-radius:50%;background:#F2433A;box-shadow:0 0 0 .18em #FEFEFE}
.sc-hdr .avt{display:grid;place-items:center;width:3.4em;height:3.4em;border-radius:50%;background:#1E2230;color:#FEFEFE;font-weight:700;font-size:1em}
.sc-cta{flex:none;display:flex;align-items:center;justify-content:center;gap:1em;height:4.2em;border-radius:1.2em;background:var(--al);color:var(--ad)}
.sc-cta span{font-size:1.3em;font-weight:600}.sc-cta .ico:last-child{margin-left:1.4em;opacity:.55}
.sc-ln{flex:none;display:flex;align-items:center;gap:1em;height:3.6em;padding:0 1.2em;border-radius:1.2em;background:#FEFEFE;color:#2A2D34}
.sc-ln span{flex:1;font-size:1.15em;font-weight:500}
.sc-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em}
.sc-tiles div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8em;height:7em;border-radius:1.2em;background:#FEFEFE;color:#22252B}
.sc-tiles span{font-size:.95em;color:#3A3D45}
.sc-pt{margin:.2em 0 -.2em;font-size:1.35em;font-weight:700}
.sc-kpis{display:grid;grid-template-columns:1fr 1fr;gap:.8em}
.sc-kpis .k{display:flex;flex-direction:column;justify-content:center;gap:.9em;height:7.4em;padding:0 1.2em;border-radius:1.2em}
.sc-kpis .k.o{background:#FDEFE7}.sc-kpis .k.g{background:#EDEEF1}.sc-kpis .k.v{background:#E2F7EA}
.sc-kpis .r{display:flex;align-items:center;justify-content:space-between;gap:.4em}
.sc-kpis b{font-size:2.6em;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.sc-kpis span{font-size:1em;color:#3A3D45}
.sc-wave{width:3.4em;height:1.6em}
.sc-bk{flex:none;display:flex;align-items:center;gap:1em;height:3.4em}
.sc-bk b{font-size:1.5em;font-weight:600}
.sc-pg{display:flex;align-items:center;gap:1em;padding:0 .2em}
.sc-pg small{font-size:1em;font-weight:700;color:var(--ad)}
.sc-pg .bar{position:relative;flex:1;height:.7em;border-radius:.4em;background:#E3E6EA;overflow:hidden}
.sc-pg .bar i{position:absolute;inset:0;border-radius:inherit;background:var(--a);transform-origin:left;transform:scaleX(.66);transition:transform 1.4s var(--expo) .5s}
.rv:not(.in) .sc-pg .bar i{transform:scaleX(0)}
.sc-lst{display:flex;flex-direction:column;padding:.3em 1.3em;border-radius:1.4em;background:#FEFEFE}
.sc-lst .it{display:flex;align-items:center;gap:1.2em;height:4.9em;color:#5A5D66}
.sc-lst .it+.it{border-top:.1em solid rgba(20,24,34,.06)}
.sc-lst .ck{display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50%;box-shadow:inset 0 0 0 .14em #B5B8C0;color:#FEFEFE;flex:none}
.sc-lst .it.d .ck{background:var(--a);box-shadow:none}
.sc-lst .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:.55em}
.sc-lst .tx span{font-size:1.12em;font-weight:500;color:#22252B}
.sc-lst .tx i{display:block;width:62%;height:.5em;border-radius:.3em;background:#E4E6EA}
.sc-lst small{font-size:.92em;color:#8A8D95;font-variant-numeric:tabular-nums}
.sc-tk{display:flex;align-items:flex-start;gap:1.1em;padding:.2em .2em .3em}
.sc-tk .tx{display:flex;flex-direction:column;gap:.5em;min-width:0}
.sc-tk .tx b{font-size:1.32em;font-weight:700}
.sc-tk .tx>span{display:flex;align-items:center;gap:.4em;font-size:1em;color:#5A5D66}
.sc-tk .pl{margin-left:auto;align-self:flex-end;display:inline-flex;align-items:center;gap:.45em;height:2.2em;padding:0 .8em;border-radius:.6em;background:var(--al);color:var(--ad);font-size:.92em;font-weight:500;white-space:nowrap}
.sc-tk .pl i{width:.6em;height:.6em;border-radius:50%;background:var(--a)}

/* 1 — grid */
.sc-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sc-gc{position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:24px;background:#F6F7F9;transition:background .6s var(--ease)}
.sc-gc:hover{background:#F3F4F7}
.sc-gs{position:relative;aspect-ratio:635/300;container-type:inline-size;overflow:hidden}
.sc-gs>*{--u:calc(100cqw / 635)}
.sc-gt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:clamp(4px,.6vw,10px) 24px clamp(24px,2.4vw,32px);text-align:center}
.sc-gt h3{margin:0;font-family:var(--font-identity);font-weight:700;font-size:clamp(18px,1.55vw,22px);line-height:1.2;letter-spacing:-.025em;color:#121419;text-wrap:balance}
.sc-gt p{margin:0;font-size:clamp(14px,1.15vw,16px);line-height:1.5;color:#6B6F79;text-wrap:balance}
.sc-sk{position:absolute;display:flex;align-items:center;gap:calc(var(--u) * 14);padding:0 calc(var(--u) * 20);border-radius:calc(var(--u) * 14);background:#FEFEFE;color:#3A3D45;font-size:calc(var(--u) * 14.5);box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 2) rgba(20,24,34,.04);transition:transform .9s var(--expo),box-shadow .9s var(--expo)}
.sc-sk>span:not(.tx){flex:1}
.sc-sk .ico:last-child{color:#5A5D66}
.sc-sk .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(var(--u) * 7)}
.sc-sk .tx .r{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 12)}
.sc-sk.b{left:calc(var(--u) * 159);top:calc(var(--u) * 38);width:calc(var(--u) * 324);height:calc(var(--u) * 52);background:rgba(254,254,254,.62)}
.sc-sk.f{z-index:2;left:calc(var(--u) * 104);top:calc(var(--u) * 90);width:calc(var(--u) * 435);height:calc(var(--u) * 104);padding:calc(var(--u) * 16) calc(var(--u) * 22) 0;align-items:flex-start;gap:calc(var(--u) * 20);border-radius:calc(var(--u) * 16);box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 2) rgba(20,24,34,.05),0 calc(var(--u) * 22) calc(var(--u) * 44) calc(var(--u) * -16) rgba(20,24,34,.2)}
.sc-sk.f>.ico{margin-top:calc(var(--u) * 4)}
.sc-sk.f .tx{gap:calc(var(--u) * 9)}
.sc-sk b,.sc-sk span{white-space:nowrap}.sc-sk.f b{font-size:calc(var(--u) * 18);font-weight:600;color:#16181D;letter-spacing:-.01em}
.sc-sk.u{left:calc(var(--u) * 144);top:calc(var(--u) * 197);width:calc(var(--u) * 352);height:calc(var(--u) * 72);background:rgba(254,254,254,.78)}
.sc-sk.u .tx>span:first-child{color:#22252B}
.sc-bar{display:block;height:calc(var(--u) * 6);border-radius:calc(var(--u) * 3);background:#E4E6EA}
.sc-pill{display:inline-flex;align-items:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 28);padding:0 calc(var(--u) * 13);border-radius:calc(var(--u) * 8);background:var(--al);color:var(--ad);font-size:calc(var(--u) * 14);font-weight:500;white-space:nowrap}
.sc-pill i{position:relative;width:calc(var(--u) * 8);height:calc(var(--u) * 8);border-radius:50%;background:var(--a)}
.sc-pill i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--a);animation:scPing 2.2s var(--ease) infinite}
@keyframes scPing{70%,100%{transform:scale(2.6);opacity:0}}
.sc-gc:hover .sc-sk.b{transform:translateY(calc(var(--u) * -7))}
.sc-gc:hover .sc-sk.u{transform:translateY(calc(var(--u) * 7))}
.sc-gc:hover .sc-sk.f{transform:scale(1.025)}
.sc-phw{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 99%);mask-image:linear-gradient(180deg,#000 82%,transparent 99%)}
.sc-phw .sc-ph{top:calc(var(--u) * 10);font-size:calc(var(--u) * 8.9);transition:transform 1.1s var(--expo)}
.sc-phw.p2 .sc-ph{left:calc(var(--u) * 158)}
.sc-phw.p3 .sc-ph{left:calc(var(--u) * 166)}
.sc-gc:hover .sc-phw .sc-ph{transform:translateY(calc(var(--u) * -8))}
.sc-fl{position:absolute;z-index:3;left:calc(var(--u) * 400);top:calc(var(--u) * 36);display:flex;align-items:center;gap:calc(var(--u) * 13);padding:calc(var(--u) * 12) calc(var(--u) * 22) calc(var(--u) * 12) calc(var(--u) * 12);border-radius:calc(var(--u) * 14);background:#FEFEFE;font-size:calc(var(--u) * 13);box-shadow:0 0 0 calc(var(--u) * 1) rgba(20,24,34,.04),0 calc(var(--u) * 16) calc(var(--u) * 34) calc(var(--u) * -14) rgba(20,24,34,.28);animation:scFloat 3.6s ease-in-out infinite alternate}
.sc-fl .ci{display:grid;place-items:center;width:calc(var(--u) * 42);height:calc(var(--u) * 42);border-radius:50%;background:var(--al);color:var(--a)}
.sc-fl .tx{display:flex;flex-direction:column;gap:calc(var(--u) * 3);white-space:nowrap}
.sc-fl small{font-size:calc(var(--u) * 14);color:#6B6F79}
.sc-fl b{font-size:calc(var(--u) * 16.5);font-weight:600;color:#16181D;font-variant-numeric:tabular-nums}
.sc-avs{position:absolute;z-index:3;left:calc(var(--u) * 392);top:calc(var(--u) * 48);display:flex;padding:calc(var(--u) * 7) calc(var(--u) * 9) calc(var(--u) * 7) calc(var(--u) * 7);border-radius:999px;background:#FEFEFE;box-shadow:0 0 0 calc(var(--u) * 1) rgba(20,24,34,.04),0 calc(var(--u) * 16) calc(var(--u) * 34) calc(var(--u) * -14) rgba(20,24,34,.28);animation:scFloat 4.2s ease-in-out infinite alternate}
.sc-avs img{width:calc(var(--u) * 54);height:calc(var(--u) * 54);border-radius:50%;box-shadow:0 0 0 calc(var(--u) * 2.5) #FEFEFE;object-fit:cover}
.sc-avs img+img{margin-left:calc(var(--u) * -6)}
.sc-gh{position:absolute;border-radius:calc(var(--u) * 14);background:rgba(254,254,254,.5)}
.sc-gh.g1{left:calc(var(--u) * 177);top:calc(var(--u) * 24);width:calc(var(--u) * 285);height:calc(var(--u) * 238)}
.sc-gh.g2{left:calc(var(--u) * 126);top:calc(var(--u) * 74);width:calc(var(--u) * 60);height:calc(var(--u) * 134);background:rgba(254,254,254,.62)}
.sc-lg{position:absolute;z-index:2;left:calc(var(--u) * 152);top:calc(var(--u) * 50);width:calc(var(--u) * 340);padding:calc(var(--u) * 20) calc(var(--u) * 22) calc(var(--u) * 8);border-radius:calc(var(--u) * 14);background:#FEFEFE;box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 2) rgba(20,24,34,.05),0 calc(var(--u) * 22) calc(var(--u) * 44) calc(var(--u) * -16) rgba(20,24,34,.2);font-size:calc(var(--u) * 14.5);color:#33363D}
.sc-lg .h{display:flex;align-items:center;gap:calc(var(--u) * 14);margin-bottom:calc(var(--u) * 10)}
.sc-lg .h b{font-size:calc(var(--u) * 17.5);font-weight:600;color:#16181D;letter-spacing:-.01em}
.sc-lg .e{position:relative;display:flex;align-items:center;gap:calc(var(--u) * 16);height:calc(var(--u) * 39)}
.sc-lg .e+.e::before{content:"";position:absolute;left:calc(var(--u) * 30);right:0;top:0;border-top:calc(var(--u) * 1) solid rgba(20,24,34,.07)}
.sc-lg .e .d{position:relative;width:calc(var(--u) * 9);height:calc(var(--u) * 9);border-radius:50%;background:var(--a);flex:none}
.sc-lg .e:not(:last-child) .d::after{content:"";position:absolute;left:50%;top:calc(var(--u) * 9);width:calc(var(--u) * 1.5);height:calc(var(--u) * 30);margin-left:calc(var(--u) * -.75);background:var(--a);opacity:.35}
.sc-lg time{width:calc(var(--u) * 46);font-variant-numeric:tabular-nums;color:#16181D}
.sc-lg .e span{flex:1}
.sc-lg .e .ico{color:#5A5D66}
.rv.in .sc-lg .e{animation:scIn .8s var(--expo) both;animation-delay:calc(.45s + var(--k) * .14s)}

/* 2 — bento */
.sc-b{display:flex;flex-direction:column;gap:14px}
.sc-br{display:grid;gap:14px}
.sc-br.t{grid-template-columns:minmax(0,2.33fr) minmax(0,1fr)}
.sc-br.b{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr)}
.sc-bc{position:relative;overflow:hidden;border-radius:26px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(20,24,34,.05),0 10px 30px -18px rgba(20,24,34,.18);padding:clamp(24px,2.4vw,34px)}
.sc-bh{aspect-ratio:1120/470;padding:0}
.sc-bh>.tx{position:absolute;z-index:2;left:5.4%;top:7.4%}
.sc-bt{margin:clamp(24px,3.4vw,44px) 0 0;font-family:var(--font-identity);font-weight:700;font-size:clamp(21px,2.66vw,36px);line-height:1.02;letter-spacing:-.045em;color:#121419}
.sc-bt span{display:block;color:#9A9EA9}
.sc-hs{position:absolute;left:24.1%;bottom:0;width:75.9%;aspect-ratio:848/470;container-type:inline-size}
.sc-hs>*{--u:calc(100cqw / 848)}
.sc-hand{position:absolute;left:0;top:0;width:calc(var(--u) * 520);height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%);mask-image:linear-gradient(90deg,transparent,#000 9%)}
.sc-toasts{position:absolute;left:calc(var(--u) * 532);top:calc(var(--u) * 155);width:calc(var(--u) * 316);display:flex;flex-direction:column;gap:calc(var(--u) * 16);font-size:calc(var(--u) * 14)}
.sc-toast{display:flex;align-items:center;gap:calc(var(--u) * 16);height:calc(var(--u) * 80);padding:0 calc(var(--u) * 22) 0 calc(var(--u) * 16);border-radius:calc(var(--u) * 16);background:#34363A;color:#FEFEFE;box-shadow:0 calc(var(--u) * 18) calc(var(--u) * 34) calc(var(--u) * -16) rgba(20,24,34,.55)}
.sc-toast .ci{display:grid;place-items:center;width:calc(var(--u) * 42);height:calc(var(--u) * 42);border-radius:50%;background:var(--a);color:#16181D}
.sc-toast .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(var(--u) * 4);white-space:nowrap}
.sc-toast b{font-size:calc(var(--u) * 17);font-weight:600;letter-spacing:-.005em}
.sc-toast small{font-size:calc(var(--u) * 15);color:#B9BCC3}
.sc-toast>.ico{color:#D9DBE0}
.rv.in .sc-toast{animation:scInX 1s var(--expo) both;animation-delay:calc(.55s + var(--k) * .22s)}
.sc-tl{display:flex;flex-direction:column}
.sc-tl ul{list-style:none;margin:clamp(16px,1.8vw,26px) 0 0;padding:clamp(6px,.7vw,10px);flex:1;display:flex;flex-direction:column;gap:clamp(6px,.7vw,10px);border-radius:20px;background:#F3F4F6}
.sc-tl li{flex:1;display:flex}
.sc-tl button{all:unset;box-sizing:border-box;cursor:pointer;flex:1;display:flex;align-items:center;gap:clamp(16px,2.2vw,30px);min-height:clamp(52px,4.6vw,66px);padding:0 clamp(16px,1.8vw,24px);border-radius:14px;background:#FEFEFE;color:#16181D;font-size:clamp(15px,1.3vw,18px);font-weight:600;letter-spacing:-.01em;transition:background .5s var(--ease),color .5s var(--ease),box-shadow .5s var(--ease)}
.sc-tl button span{flex:1}
.sc-tl button .ico{transition:color .5s var(--ease),transform .5s var(--expo)}
.sc-tl button .ico:last-child{color:#8A8D95}
.sc-tl li.on button{background:#2C2E33;color:#FEFEFE;box-shadow:0 14px 28px -16px rgba(20,24,34,.6)}
.sc-tl li.on button .ico:first-child{color:var(--a)}
.sc-tl li.on button .ico:last-child{color:#FEFEFE;transform:translateX(3px)}
.sc-tl button:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.sc-nt{display:flex;flex-direction:column}
.sc-nt .sc-h3{max-width:16ch}
.sc-bell{position:relative;align-self:center;width:min(100%,300px);aspect-ratio:360/158;margin:clamp(6px,1vw,14px) 0 clamp(12px,1.4vw,18px)}
.sc-bell img{position:relative;width:100%;height:100%;display:block;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent);mask-image:radial-gradient(closest-side,#000 72%,transparent)}
.sc-bell i{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;margin:-23% 0 0 -23%;border-radius:50%;border:1px solid rgba(20,24,34,.08);animation:scRing 3.2s var(--ease) infinite}
@keyframes scRing{from{transform:scale(.6);opacity:1}to{transform:scale(1.5);opacity:0}}
.sc-nrs{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.sc-nr{display:flex;align-items:center;gap:16px;min-height:clamp(48px,4vw,56px);padding:0 18px 0 14px;border-radius:12px;background:var(--al2);box-shadow:inset 0 0 0 1px var(--al);font-size:clamp(14px,1.2vw,17px);font-weight:500;color:#16181D}
.sc-nr>span:not(.ck){flex:1}
.sc-nr .ck{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--a);color:#FEFEFE;flex:none}
.sc-nr>.ico{color:#5A5D66}
.rv.in .sc-nr{animation:scIn .8s var(--expo) both;animation-delay:calc(.5s + var(--k) * .16s)}
.sc-co{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(12px,2vw,32px);align-items:center}
.sc-co .l{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,30px);min-width:0}
.sc-rs{position:relative;aspect-ratio:440/250;container-type:inline-size}
.sc-rs>*{--u:calc(100cqw / 440)}
.sc-rs svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sc-rs path{fill:none;stroke:#D3D6DC;stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--expo) .7s}
.rv.in .sc-rs path,html.static .sc-rs path{stroke-dashoffset:0}
.sc-rs circle{fill:var(--a)}
.sc-row{position:absolute;display:flex;align-items:center;gap:calc(var(--u) * 18);height:calc(var(--u) * 72);padding:0 calc(var(--u) * 20);border-radius:calc(var(--u) * 13);background:#FEFEFE;box-shadow:0 0 0 calc(var(--u) * 1) rgba(20,24,34,.05),0 calc(var(--u) * 14) calc(var(--u) * 30) calc(var(--u) * -14) rgba(20,24,34,.22);font-size:calc(var(--u) * 15);color:#16181D}
.sc-row .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(var(--u) * 4);white-space:nowrap}
.sc-row b{font-weight:600}.sc-row i{font-style:normal;color:#8A8D95}.sc-row em{font-style:normal;font-weight:500;color:var(--ad)}
.sc-row small{font-size:calc(var(--u) * 13.5);color:#6B6F79;overflow:hidden;text-overflow:ellipsis}
.sc-row>.ico:last-child{color:#5A5D66}
.sc-row.r1{left:calc(var(--u) * 55);top:0;width:calc(var(--u) * 290)}
.sc-row.r2{left:calc(var(--u) * 110);top:calc(var(--u) * 88);width:calc(var(--u) * 315)}
.sc-row.r3{left:calc(var(--u) * 63);top:calc(var(--u) * 176);width:calc(var(--u) * 315)}
.rv.in .sc-row{animation:scIn .9s var(--expo) both;animation-delay:calc(.35s + var(--k) * .16s)}
.sc-ft{margin:0;font-size:clamp(14px,1.2vw,17px);color:#8A8E99}
.sc-orb{position:relative;aspect-ratio:425/320;container-type:inline-size}
.sc-orb>*{--u:calc(100cqw / 425)}
.sc-orb svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sc-orb .od{fill:#FEFEFE;stroke:var(--a);stroke-width:2.2}
.sc-hub{position:absolute;left:calc(var(--u) * 217);top:calc(var(--u) * 160);width:calc(var(--u) * 126);height:calc(var(--u) * 126);margin:calc(var(--u) * -63) 0 0 calc(var(--u) * -63);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 8);border-radius:50%;background:#FEFEFE;box-shadow:0 calc(var(--u) * 14) calc(var(--u) * 34) calc(var(--u) * -12) rgba(20,24,34,.22);font-size:calc(var(--u) * 14.5);font-weight:500;color:#16181D;text-align:center}
.sc-hub::before{content:"";position:absolute;inset:0;border-radius:50%;border:calc(var(--u) * 1) solid rgba(20,24,34,.1);animation:scRing 3.6s var(--ease) infinite}
.sc-av{position:absolute;width:calc(var(--u) * 86);height:calc(var(--u) * 86);margin:calc(var(--u) * -43) 0 0 calc(var(--u) * -43);padding:calc(var(--u) * 5);border-radius:50%;background:#FEFEFE;box-shadow:0 calc(var(--u) * 12) calc(var(--u) * 26) calc(var(--u) * -12) rgba(20,24,34,.35)}
.sc-av img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.sc-av::after{content:"";position:absolute;right:calc(var(--u) * 3);bottom:calc(var(--u) * 7);width:calc(var(--u) * 15);height:calc(var(--u) * 15);border-radius:50%;background:var(--a);box-shadow:0 0 0 calc(var(--u) * 3) #FEFEFE}
.sc-av.sm{width:calc(var(--u) * 66);height:calc(var(--u) * 66);margin:calc(var(--u) * -33) 0 0 calc(var(--u) * -33);padding:calc(var(--u) * 3);box-shadow:0 0 0 calc(var(--u) * 1) rgba(20,24,34,.08),0 calc(var(--u) * 8) calc(var(--u) * 18) calc(var(--u) * -10) rgba(20,24,34,.35)}
.sc-av.sm::after{right:calc(var(--u) * 1);bottom:calc(var(--u) * 4);width:calc(var(--u) * 11);height:calc(var(--u) * 11);box-shadow:0 0 0 calc(var(--u) * 2) #FEFEFE}

/* 3 — mobile */
.sc-c{display:flex;flex-direction:column;gap:14px}
.sc-c .sc-hd{gap:10px}
.sc-cc{position:relative;overflow:hidden;border-radius:26px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(20,24,34,.05),0 10px 30px -18px rgba(20,24,34,.18)}
.sc-cc .tx p{margin:10px 0 0;font-size:clamp(15px,1.3vw,19px);line-height:1.45;color:#6B6F79;text-wrap:pretty}
.sc-ch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:clamp(300px,25vw,368px)}
.sc-ch .tx{padding:clamp(32px,4.2vw,64px) 0 clamp(32px,4vw,56px) clamp(28px,3.8vw,58px)}
.sc-ch .tx p{max-width:28ch}
.sc-chip{white-space:nowrap;display:inline-flex;align-items:center;gap:14px;height:clamp(46px,3.6vw,54px);margin-top:clamp(24px,2.8vw,40px);padding:0 26px 0 7px;border-radius:999px;background:var(--al2);box-shadow:inset 0 0 0 1px var(--al);color:var(--ad);font-size:clamp(15px,1.25vw,18px);font-weight:500}
.sc-chip .ci{position:relative;display:grid;place-items:center;width:clamp(34px,2.6vw,40px);height:clamp(34px,2.6vw,40px);border-radius:50%;background:var(--a);color:#FEFEFE}
.sc-chip .ci::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 var(--a);animation:scHalo 2.4s var(--ease) infinite}
@keyframes scHalo{to{box-shadow:0 0 0 10px transparent}}
.sc-cps{position:relative;container-type:inline-size}
.sc-cps .in{position:absolute;inset:0;--u:calc(100cqw / 757)}
.sc-cps .sc-ph{left:calc(var(--u) * 154);top:calc(var(--u) * 16);font-size:calc(var(--u) * 12.5);transition:transform 1.2s var(--expo)}
.sc-ch:hover .sc-cps .sc-ph{transform:translateY(calc(var(--u) * -10))}
.sc-c2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sc-c2 .sc-cc{min-height:clamp(180px,15vw,204px);display:flex;align-items:center}
.sc-c2 .tx{position:relative;z-index:2;padding:clamp(24px,2.6vw,40px);max-width:56%}
.sc-c2 .tx p{font-size:clamp(14px,1.2vw,17px)}
.sc-net{position:absolute;right:2%;top:50%;width:43%;aspect-ratio:320/190;transform:translateY(-50%);container-type:inline-size}
.sc-net>*{--u:calc(100cqw / 320)}
.sc-net svg{position:absolute;inset:0;width:100%;height:100%}
.sc-net path{fill:none;stroke:var(--a);stroke-width:1.4;stroke-linecap:round;opacity:.75;stroke-dasharray:4 5;animation:scDash 1.4s linear infinite}
@keyframes scDash{to{stroke-dashoffset:-18}}
.sc-net .pill{position:absolute;left:calc(var(--u) * 160);top:calc(var(--u) * 95);display:flex;align-items:center;gap:calc(var(--u) * 7);height:calc(var(--u) * 34);padding:0 calc(var(--u) * 16);transform:translate(-50%,-50%);border-radius:999px;background:var(--al);box-shadow:inset 0 0 0 calc(var(--u) * 1) rgba(20,24,34,.04);color:var(--ad);font-size:calc(var(--u) * 13.5);font-weight:500;white-space:nowrap}
.sc-mp .tx{max-width:50%}
.sc-map{position:absolute;right:0;top:0;height:100%;width:auto;max-width:62%;object-fit:cover;object-position:left center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%);mask-image:linear-gradient(90deg,transparent,#000 26%);transition:transform 1.4s var(--expo)}
.sc-mp:hover .sc-map{transform:scale(1.04)}
.sc-cf{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,2fr);align-items:center;gap:clamp(20px,3vw,48px);padding:clamp(24px,2.6vw,40px)}
.sc-cf .tx p{font-size:clamp(14px,1.2vw,17px);max-width:30ch}
.sc-fs{display:flex;align-items:center;min-width:0}
.sc-fst{flex:1;min-width:0;display:flex;align-items:center;gap:clamp(10px,1vw,14px);min-height:clamp(64px,5.4vw,82px);padding:10px clamp(10px,1vw,16px) 10px clamp(10px,1vw,14px);border-radius:14px;background:#FEFEFE;box-shadow:0 0 0 1px rgba(20,24,34,.05),0 12px 26px -16px rgba(20,24,34,.26);transition:transform .7s var(--expo),box-shadow .7s var(--expo)}
.sc-fst .ci{display:grid;place-items:center;width:clamp(40px,3.4vw,50px);height:clamp(40px,3.4vw,50px);border-radius:50%;background:var(--al);color:var(--a);flex:none;transition:background .6s var(--ease),color .6s var(--ease)}
.sc-fst .col{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:clamp(13px,1.1vw,15px);color:#3A3D45}
.sc-fst .col span{line-height:1.25;text-wrap:balance}
.sc-fst b{font-size:clamp(14px,1.15vw,16px);font-weight:700;color:#16181D;font-variant-numeric:tabular-nums}
.sc-fst>.ico{color:#5A5D66}
.sc-fst.on{transform:translateY(-3px);box-shadow:0 0 0 1px var(--al),0 18px 30px -16px rgba(20,24,34,.32)}
.sc-fst.on .ci{background:var(--a);color:#FEFEFE}
.sc-fs .cn{position:relative;flex:0 0 clamp(14px,2vw,32px);height:1.5px;background:var(--a);opacity:.55}
.sc-fs .cn::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#FEFEFE;box-shadow:inset 0 0 0 1.5px var(--a)}

@media (max-width:1280px){.sc-cf{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1100px){.sc-br.t,.sc-br.b{grid-template-columns:minmax(0,1fr)}.sc-tl ul{flex:none}.sc-nt .sc-h3{max-width:none}.sc-nrs{margin-top:0}}
@media (max-width:900px){
.sc-g,.sc-c2{grid-template-columns:minmax(0,1fr)}
.sc-ch{grid-template-columns:minmax(0,1fr)}
.sc-ch .tx{padding:32px 28px 8px}
.sc-cps{height:clamp(280px,62vw,420px)}
.sc-cps .in{--u:calc(100cqw / 520)}
.sc-cps .sc-ph{left:calc(var(--u) * 110)}
.sc-cf{grid-template-columns:minmax(0,1fr)}
.sc-fs{flex-direction:column;align-items:stretch}
.sc-fs .cn{flex-basis:22px;width:1.5px;height:auto;margin-left:clamp(30px,3vw,38px)}
.sc-co{grid-template-columns:minmax(0,1fr)}
.sc-orb{width:min(100%,460px);margin:0 auto}
}
@media (max-width:640px){
.sc-bh{aspect-ratio:auto;padding:28px 24px 0;display:flex;flex-direction:column}
.sc-bh>.tx{position:static}
.sc-hs{position:relative;left:auto;width:calc(100% + 24px);margin:24px 0 0 -12px}
.sc-c2 .sc-cc{flex-direction:column;align-items:stretch}
.sc-c2 .tx,.sc-mp .tx{max-width:none}
.sc-net{position:relative;right:auto;top:auto;transform:none;width:min(90%,340px);margin:0 auto 24px}
.sc-map{position:relative;height:auto;width:100%;max-width:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%);mask-image:linear-gradient(180deg,transparent,#000 22%)}
}
@media (prefers-reduced-motion:reduce){.sc *{animation:none!important}}
html.static .sc *{animation:none!important}

/* product pages — pour qui */
.page>section.pq{background:#FBFCFD;color:#1A1F2B;padding:clamp(64px,7vw,104px) 0 clamp(36px,4vw,56px)}
.pq.vg{--a:#1E6B4C}.pq.ms{--a:#EC682D}
.pq-logo{display:block;height:clamp(22px,2vw,30px);width:auto}
.pq-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.pq-eb{margin:0;font-family:var(--font-tech);font-size:clamp(13px,1.05vw,15px);font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:#7A808E}
.pq-h{margin:clamp(14px,1.4vw,20px) 0 0;display:flex;flex-direction:column;font-family:var(--font-identity);font-weight:500;font-size:clamp(36px,4.6vw,66px);line-height:1.06;letter-spacing:-.04em;color:#1A1F2B}
.pq-h span{display:block}
.pq-sub{margin:clamp(14px,1.4vw,20px) 0 0;font-size:clamp(17px,1.65vw,24px);letter-spacing:.01em;color:#7A808E}
.pq-pill{flex:none;display:inline-flex;align-items:center;height:38px;padding:0 22px;border-radius:999px;border:1.5px solid rgba(26,31,43,.2);font-size:14px;color:#5D6270;margin-top:clamp(0px,.6vw,8px)}
.pq-strip{margin:clamp(24px,3vw,40px) calc(var(--gut) * -.5) 0;overflow-x:auto;scrollbar-width:none}
.pq-strip::-webkit-scrollbar{display:none}
.pq-in{position:relative;min-width:1080px;padding-bottom:clamp(56px,5vw,72px)}
.pq-in img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 92%,transparent);mask-composite:intersect}
.pq-in ul{list-style:none;margin:0;padding:0}
.pq-in li{position:absolute;top:calc(100% - clamp(56px,5vw,72px) + clamp(10px,1.4vw,22px));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;white-space:nowrap}
.pq-in b{font-size:clamp(15px,1.2vw,18px);font-weight:500;color:#1A1F2B}
.pq-in span{font-size:clamp(12.5px,.95vw,14.5px);color:#7A808E}
.rv.in .pq-in li{animation:scIn .8s var(--expo) both;animation-delay:calc(.5s + var(--k) * .09s)}
.pq-foot{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;margin-top:clamp(28px,3.4vw,52px);padding-top:clamp(22px,2.2vw,30px);border-top:1px solid rgba(26,31,43,.12)}
.pq-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px clamp(40px,5vw,80px)}
.pq-foot li{display:flex;align-items:center;gap:18px;font-size:clamp(14px,1.1vw,16px);color:#3A3F4C}
.pq-foot li .ico{color:var(--a)}
.pq-foot p{margin:0;font-size:clamp(14px,1.1vw,16px);color:#7A808E}
@media (max-width:1180px){.pq-strip{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);scrollbar-width:thin}.pq-strip::-webkit-scrollbar{display:block;height:4px}.pq-strip::-webkit-scrollbar-thumb{background:rgba(26,31,43,.2);border-radius:2px}}
@media (max-width:760px){.pq-top{flex-direction:column}.pq-pill{order:-1;margin-top:0}}

.pq-h .pq-l1{font-weight:800;letter-spacing:-.05em}.pq-h .pq-l2{font-weight:400;letter-spacing:-.04em}
@media (min-width:761px){.sc-hd:has(>.sc-h2:not(.sans)){max-width:none}.sc-h2:not(.sans){white-space:nowrap;text-wrap:nowrap;font-size:clamp(24px,3.1vw,46px)}}