.wh-hero{padding-top:clamp(28px,3.2vw,52px);text-align:center}.lp .wh-hero h1{font-size:var(--t-h1);line-height:var(--lh-h1);letter-spacing:-.045em;text-wrap:balance}.lp .wh-hero>.wf-lead{margin:clamp(16px,1.3vw,20px) auto clamp(20px,2vw,28px);max-width:34em}.lp .wh-hero>.lp-btn{display:inline-flex}.lp .wh-hero>.wf-small{margin-top:16px}@media (min-width:761px){.wh-hero .hr{--w:max(420px,min(57vw,(100vh - 440px) * 16/9,1080px))}}.wh-with{padding-top:8px;padding-bottom:20px;text-align:center}.lp .wh-with>p{margin-bottom:16px;font-size:var(--t-small);line-height:var(--lh-small);color:var(--grey)}.lp .wh-with ul{display:flex;flex-wrap:wrap;justify-content:center;gap:16px clamp(28px,3vw,44px);list-style:none}.wh-with li{display:inline-flex;align-items:center;gap:12px;min-height:28px;font-size:var(--t-small);line-height:var(--lh-small);font-weight:500;color:var(--ink)}.wh-with li svg{flex:none}.lp .wh-more{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0}.wh-more a{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-body);line-height:var(--lh-body);font-weight:500;color:var(--blue-deep)}.wh-more a:hover{text-decoration:underline;text-underline-offset:3px}.wh .wf-row__say h2{text-wrap:balance}.lp .wh-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px);margin-top:clamp(24px,2.6vw,40px);list-style:none;text-align:left}.lp .wh-tiles h3{margin:18px 0 6px}.lp .wh-tiles li>p{margin-bottom:12px;font-size:16.5px;line-height:1.45;color:var(--grey)}.wh-tiles .wf-ph,.wh-uses .wf-ph{font-size:13px}.lp .wh-uses{grid-template-columns:repeat(5,minmax(0,1fr))}.wh-uses .wf-ph b{font-size:13.5px}@media (max-width:900px){.lp .wh-tiles{grid-template-columns:minmax(0,1fr)}.lp .wh-uses{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:901px) and (max-width:1200px){.lp .wh-uses{grid-template-columns:repeat(3,minmax(0,1fr))}}.wh-use{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--r-s);background:#e9ebf1;box-shadow:0 0 0 1px rgba(15,18,30,.09),0 12px 26px -16px rgba(32,42,92,.45);transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease}.wh-uses a:focus-visible .wh-use,.wh-uses a:hover .wh-use{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(15,18,30,.1),0 20px 36px -18px rgba(32,42,92,.5)}@media (prefers-reduced-motion:reduce){.wh-use{transition:none}}.wh-wide__say{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,4vw,72px);align-items:end;margin-bottom:clamp(28px,3vw,48px);text-align:left}.lp .wh-wide__say h2{text-wrap:balance}.lp .wh-wide__say p{margin-top:clamp(12px,1.2vw,20px);max-width:36em;font-size:var(--t-lead);line-height:var(--lh-lead);color:var(--grey)}.lp .wh-wide__say ul{display:grid;gap:8px;margin:0 0 20px;padding:0;list-style:none;font-size:var(--t-body);line-height:var(--lh-body)}.wh-wide__say li{display:flex;align-items:flex-start;gap:8px}.wh-wide__say li svg{flex:none;margin-top:3px;color:var(--blue)}.lp .wh-wide__say .wh-more{margin:0}.wh-wide .hc{--fan:0px;--lap:calc(var(--w) * .012)}.wh-wide .hc-sheet{display:none}@media (max-width:900px){.wh-wide__say{grid-template-columns:minmax(0,1fr);gap:16px}}.ht{container-type:inline-size;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r-l);background:linear-gradient(180deg,#f6f7fb,#eceef6);box-shadow:inset 0 0 0 1px rgba(20,24,40,.06)}.ht-in{--u:calc(100cqw / 450);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.bs{aspect-ratio:3/2;border-radius:var(--r-l);background:none;box-shadow:none;overflow:visible}.bs .ht-in{--u:calc(100cqw / 780);gap:calc(22 * var(--u))}.bs-side{align-items:flex-start;width:calc(206 * var(--u))}.bs-kit,.bs-side{display:flex;flex-direction:column;gap:calc(16 * var(--u))}.bs-kit{box-sizing:border-box;width:100%;padding:calc(20 * var(--u)) calc(18 * var(--u));border-radius:calc(16 * var(--u));background:#fff;box-shadow:0 0 0 1px rgba(15,18,30,.07),0 calc(18 * var(--u)) calc(36 * var(--u)) calc(-22 * var(--u)) rgba(32,42,92,.42);text-align:left}.lp .bs-kit img{display:block;width:100%;height:auto}.bs-kit__colors{display:flex;gap:calc(7 * var(--u))}.bs-kit__colors i{flex:1;aspect-ratio:1;border-radius:calc(7 * var(--u))}.bs-kit__face{display:block;font-size:calc(13 * var(--u));line-height:1.35;color:var(--grey)}.bs-kit__face b{display:block;font-size:calc(16 * var(--u));font-weight:600;letter-spacing:-.008em;color:var(--ink)}.bs-kit em{padding-top:calc(14 * var(--u));border-top:1px solid #eceef3;font-style:normal;font-size:calc(12.5 * var(--u));line-height:1.35;color:#7b8192}.bs-side button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:calc(10 * var(--u));padding-left:calc(4 * var(--u));font-size:calc(15 * var(--u));font-weight:600;color:var(--ink);cursor:pointer}.bs-side button i{position:relative;width:calc(40 * var(--u));height:calc(24 * var(--u));border-radius:99px;background:#c6cbd8;transition:background-color .25s ease}.bs-side button i:after{content:"";position:absolute;left:calc(3 * var(--u));top:calc(3 * var(--u));width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(15,18,30,.3);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.bs-side button[aria-checked=true] i{background:var(--blue)}.bs-side button[aria-checked=true] i:after{transform:translateX(calc(16 * var(--u)))}.bs-side button:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:6px}.bs-worn{display:flex;flex-direction:column;gap:calc(14 * var(--u));width:calc(486 * var(--u))}.bs-slide{position:relative;aspect-ratio:16/9;border-radius:calc(10 * var(--u));overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(15,18,30,.1),0 calc(22 * var(--u)) calc(40 * var(--u)) calc(-24 * var(--u)) rgba(20,28,60,.5)}.lp .bs-slide img{position:absolute;inset:0;width:100%;height:100%;max-width:none}.bs-slide>span{position:absolute;inset:0;clip-path:inset(0 100% 0 0);transition:clip-path .7s cubic-bezier(.6,0,.2,1)}.bs[data-on] .bs-slide>span{clip-path:inset(0);transition-duration:.9s}.bs-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12 * var(--u))}.bs-more .bs-slide{border-radius:calc(6 * var(--u));box-shadow:0 0 0 1px rgba(15,18,30,.1),0 calc(10 * var(--u)) calc(20 * var(--u)) calc(-14 * var(--u)) rgba(20,28,60,.5)}.bs[data-on] .bs-more .bs-slide:first-child>span{transition-delay:.55s}.bs[data-on] .bs-more .bs-slide:nth-child(2)>span{transition-delay:.8s}.bs[data-on] .bs-more .bs-slide:nth-child(3)>span{transition-delay:1.05s}.ht-pages .ht-in{gap:calc(14 * var(--u))}.lp .ht-pages img{display:block;width:calc(118 * var(--u));height:auto;aspect-ratio:1200/1553;border-radius:calc(3 * var(--u));background:#fff;box-shadow:0 0 0 1px rgba(15,18,30,.1),0 calc(16 * var(--u)) calc(30 * var(--u)) calc(-18 * var(--u)) rgba(20,28,60,.45)}.lp .ht-pages img:nth-child(2){transform:translateY(calc(-9 * var(--u)))}.ht-out .ht-in{gap:calc(14 * var(--u))}.lp .ht-out__slide{display:block;width:calc(276 * var(--u));height:auto;aspect-ratio:16/9;border-radius:calc(7 * var(--u));box-shadow:0 0 0 1px rgba(15,18,30,.1),0 calc(18 * var(--u)) calc(34 * var(--u)) calc(-20 * var(--u)) rgba(20,28,60,.5)}.lp .ht-out ul{display:grid;gap:calc(8 * var(--u));width:calc(122 * var(--u));margin:0;padding:0;list-style:none}.ht-out li{box-sizing:border-box;display:flex;align-items:center;gap:calc(7 * var(--u));height:calc(40 * var(--u));padding:0 calc(11 * var(--u));border-radius:calc(10 * var(--u));background:#fff;font-size:calc(12.5 * var(--u));font-weight:600;letter-spacing:-.005em;color:var(--ink);box-shadow:0 0 0 1px rgba(15,18,30,.07),0 calc(8 * var(--u)) calc(18 * var(--u)) calc(-12 * var(--u)) rgba(32,42,92,.35);white-space:nowrap}.ht-out li>svg{flex:none;width:calc(12 * var(--u));height:calc(12 * var(--u));color:var(--blue)}.ht-out li.ht-out__files{justify-content:space-between;height:calc(46 * var(--u))}.ht-out li.ht-out__files svg{width:calc(22 * var(--u));height:calc(27 * var(--u))}@media (max-width:900px){.ht-in{--u:calc(100cqw / 360)}.lp .ht-pages img{width:calc(98 * var(--u))}.lp .ht-out__slide{width:calc(200 * var(--u))}.lp .ht-out ul{width:calc(116 * var(--u))}}.tl-win{box-sizing:border-box;width:calc(404 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u));border-radius:calc(13 * var(--u));background:#fff;box-shadow:0 0 0 1px rgba(15,18,30,.08),0 calc(20 * var(--u)) calc(40 * var(--u)) calc(-24 * var(--u)) rgba(32,42,92,.5);text-align:left}.tl-win header{display:flex;align-items:center;justify-content:space-between;padding-bottom:calc(10 * var(--u));margin-bottom:calc(12 * var(--u));border-bottom:1px solid #eceef3}.lp .tl-win header img{display:block;width:calc(128 * var(--u));height:auto}.tl-people{display:flex}.tl-people i{display:grid;place-items:center;width:calc(24 * var(--u));height:calc(24 * var(--u));margin-left:calc(-6 * var(--u));border-radius:50%;background:#e3e6ee;color:#fff;font-style:normal;font-size:calc(8.5 * var(--u));font-weight:600;box-shadow:0 0 0 calc(2 * var(--u)) #fff}.tl-people i:last-child{color:#4d5361}.lp .tl-win ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(10 * var(--u));margin:0;padding:0;list-style:none}.lp .tl-win li img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:calc(5 * var(--u));background:#16202b;box-shadow:0 0 0 1px rgba(15,18,30,.1),0 calc(8 * var(--u)) calc(16 * var(--u)) calc(-12 * var(--u)) rgba(20,28,60,.5)}@media (max-width:900px){.tl-win{width:calc(326 * var(--u))}.bs{aspect-ratio:auto}.bs .ht-in{--u:calc(100cqw / 360);flex-direction:column;gap:calc(14 * var(--u));padding:calc(18 * var(--u)) 0;box-sizing:border-box}.bs-side{flex-direction:row;align-items:center;justify-content:space-between;width:calc(324 * var(--u))}.bs-kit{width:calc(196 * var(--u));gap:calc(11 * var(--u));padding:calc(14 * var(--u))}.bs-kit__face{font-size:calc(12 * var(--u))}.bs-kit__face b{font-size:calc(14 * var(--u))}.bs-kit em{padding-top:calc(10 * var(--u));font-size:calc(11.5 * var(--u))}.bs-side button{flex-direction:column-reverse;gap:calc(8 * var(--u));font-size:calc(13.5 * var(--u))}.bs-worn{width:calc(324 * var(--u));gap:calc(10 * var(--u))}.bs-more{gap:calc(8 * var(--u))}}@media (prefers-reduced-motion:reduce){.bs-side button i,.bs-side button i:after,.bs-slide>span{transition:none}}@media (max-width:760px){.lp .wh-with ul{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center;gap:16px 32px}}