@layer components{.wn{isolation:isolate;overflow:clip}.wn-glow{z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#0118d86b,#0118d81a 58%,#0000);width:min(110rem,130vw);height:44rem;position:absolute;top:12rem;left:50%;transform:translate(-50%)}.wn-head{gap:1rem 3rem;margin-bottom:clamp(2rem,1.25rem + 2.5vw,3.5rem);display:grid}.wn-head .v-lead{max-width:30rem}@media (min-width:64rem){.wn-head{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end}.wn-head .v-lead{justify-self:end}}.wn-stage{view-timeline:--wn block;position:relative}.wn-frame{position:relative}.wn-window{background:var(--color-white);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #faf9f524,0 60px 110px -50px #000000f2}.wn-tabs{scrollbar-width:none;background:#e8e6df;align-items:flex-end;gap:2px;padding:.55rem .7rem 0;display:flex;overflow-x:auto}.wn-tabs::-webkit-scrollbar{display:none}.wn-dots{flex:none;align-self:center;margin:-.45rem .7rem 0 .2rem;display:none}.wn-tab{letter-spacing:-.006em;color:var(--color-graphite);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-1), color var(--dur-1);border-radius:10px 10px 0 0;flex:none;align-items:center;gap:.35rem;padding:.6rem .95rem .65rem;font-size:.8438rem;font-weight:560;line-height:1;display:inline-flex}.wn-tab:hover{color:var(--color-black);background:#fff9}.wn-tab-all{color:var(--color-royal);margin-left:auto}@media (min-width:48rem){.wn-dots{display:flex}}#wn-0:checked~.wn-frame .wn-tab[data-i="0"],#wn-1:checked~.wn-frame .wn-tab[data-i="1"],#wn-2:checked~.wn-frame .wn-tab[data-i="2"],#wn-3:checked~.wn-frame .wn-tab[data-i="3"],#wn-4:checked~.wn-frame .wn-tab[data-i="4"],#wn-5:checked~.wn-frame .wn-tab[data-i="5"],#wn-6:checked~.wn-frame .wn-tab[data-i="6"]{background:var(--color-white);color:var(--color-black);font-weight:620}#wn-0:focus-visible~.wn-frame .wn-tab[data-i="0"],#wn-1:focus-visible~.wn-frame .wn-tab[data-i="1"],#wn-2:focus-visible~.wn-frame .wn-tab[data-i="2"],#wn-3:focus-visible~.wn-frame .wn-tab[data-i="3"],#wn-4:focus-visible~.wn-frame .wn-tab[data-i="4"],#wn-5:focus-visible~.wn-frame .wn-tab[data-i="5"],#wn-6:focus-visible~.wn-frame .wn-tab[data-i="6"]{outline:2px solid var(--color-cta);outline-offset:-2px}.wn-panel,.wn-phone,.wn-meta{display:none}#wn-0:checked~.wn-frame .wn-panel[data-i="0"],#wn-1:checked~.wn-frame .wn-panel[data-i="1"],#wn-2:checked~.wn-frame .wn-panel[data-i="2"],#wn-3:checked~.wn-frame .wn-panel[data-i="3"],#wn-4:checked~.wn-frame .wn-panel[data-i="4"],#wn-5:checked~.wn-frame .wn-panel[data-i="5"],#wn-6:checked~.wn-frame .wn-panel[data-i="6"]{display:block}#wn-0:checked~.wn-meta[data-i="0"],#wn-1:checked~.wn-meta[data-i="1"],#wn-2:checked~.wn-meta[data-i="2"],#wn-3:checked~.wn-meta[data-i="3"],#wn-4:checked~.wn-meta[data-i="4"],#wn-5:checked~.wn-meta[data-i="5"],#wn-6:checked~.wn-meta[data-i="6"]{display:grid}.wn-bar{border-bottom:1px solid var(--v-line);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.wn-url{min-width:0;color:var(--color-steel);white-space:nowrap;background:#f2f1ed;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.75rem;font-weight:500;display:inline-flex;overflow:hidden}.wn-url svg{flex:none}.wn-open{color:var(--color-royal);flex:none;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;display:inline-flex}.wn-open:hover{text-underline-offset:.2em;text-decoration:underline}.wn-view{aspect-ratio:4/5;background:#f5f4f0;position:relative;overflow:hidden;container-type:size}.wn-view>img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.wn-view>.wn-shot-d,.wn-full,.wn-phone{display:none}.wn-view.no-m{aspect-ratio:16/10}.wn-view.no-m>.wn-shot-d{display:block}@media (min-width:48rem){.wn-view,.wn-view.no-m{aspect-ratio:auto;height:clamp(20rem,62svh,40rem)}.wn-view>.wn-shot-d{display:block}.wn-view>.wn-shot-m{display:none}}.wn-full{z-index:1;position:absolute;inset:0 0 auto}.wn-full img{width:100%;height:auto;display:block}.wn-meta{justify-items:start;gap:1rem 2.5rem;margin-top:clamp(1.25rem,1rem + .8vw,1.75rem)}@media (min-width:48rem){.wn-meta{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.wn-id{gap:.3rem;display:grid}.wn-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.5rem,1.25rem + .9vw,2rem);font-weight:650;line-height:1.08}.wn-line{color:var(--color-fog);font-size:.9688rem;line-height:1.45}@media (min-width:64rem){.wn-frame{padding-right:clamp(1.5rem,3vw,2.5rem)}#wn-0:checked~.wn-frame .wn-phone[data-i="0"],#wn-1:checked~.wn-frame .wn-phone[data-i="1"],#wn-2:checked~.wn-frame .wn-phone[data-i="2"],#wn-3:checked~.wn-frame .wn-phone[data-i="3"],#wn-4:checked~.wn-frame .wn-phone[data-i="4"],#wn-5:checked~.wn-frame .wn-phone[data-i="5"],#wn-6:checked~.wn-frame .wn-phone[data-i="6"]{display:block}.wn-phone{z-index:2;width:clamp(10rem,13.5vw,12.5rem);position:absolute;bottom:clamp(1.5rem,3svh,2.5rem);right:0;box-shadow:0 0 0 1px #faf9f529,inset 0 0 0 1.5px #333,0 44px 70px -24px #000000e6}}.wn-ai{transition:background-color var(--dur-1), box-shadow var(--dur-1);border-radius:16px;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:clamp(2.5rem,2rem + 2vw,3.75rem);padding:1rem 1.25rem;display:flex;box-shadow:inset 0 0 0 1px #faf9f524}.wn-ai:hover{background:#faf9f50d;box-shadow:inset 0 0 0 1px #faf9f542}.wn-ai-ico{background:var(--color-royal);width:2.4rem;height:2.4rem;color:var(--color-white);border-radius:11px;flex:none;place-items:center;display:grid}.wn-ai-t{color:var(--color-fog);flex:18rem;font-size:.9688rem;line-height:1.45}.wn-ai-t b{color:var(--color-white);font-weight:620}.wn-ai-go{color:var(--color-white);align-items:center;gap:.35rem;font-size:.875rem;font-weight:600;display:inline-flex}.wn-ai-go svg{transition:transform var(--dur-1)}.wn-ai:hover .wn-ai-go svg{transform:translate(3px)}.wn-cta{border-top:1px solid #faf9f524;gap:1.5rem 3rem;margin-top:clamp(3.5rem,2.5rem + 3.5vw,6rem);padding-top:clamp(2rem,1.5rem + 1.5vw,3rem);display:grid}@media (min-width:64rem){.wn-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.wn-cta-t{gap:.5rem;max-width:34rem;display:grid}.wn-cta-h{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-white);font-size:clamp(1.6rem,1.3rem + 1.1vw,2.25rem);font-weight:650;line-height:1.08}.wn-cta-t p{color:var(--color-fog);font-size:1rem;line-height:1.5}.wn-cta-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;display:flex}}@media screen{:is(.mf,.sx,.wn,.hr,.hm-sys,.k-process,.pf,.hm-faq,.cl){content-visibility:auto;contain-intrinsic-size:auto var(--cv-h)}}.mf{--cv-h:708px}.sx{--cv-h:3863px}.wn{--cv-h:1307px}.hr{--cv-h:423px}.hm-sys{--cv-h:3876px}.k-process{--cv-h:3880px}.pf{--cv-h:2613px}.hm-faq{--cv-h:1340px}.cl{--cv-h:587px}@media (min-width:64rem){.mf{--cv-h:644px}.sx{--cv-h:1404px}.wn{--cv-h:1217px}.hr{--cv-h:648px}.hm-sys{--cv-h:1912px}.k-process{--cv-h:2735px}.pf{--cv-h:1536px}.hm-faq{--cv-h:969px}.cl{--cv-h:542px}}@supports (animation-timeline:view()){@media (min-width:48rem) and (min-height:36rem){html[data-motion=full] .wn-full{animation:linear both wn-pan;animation-timeline:--wn;animation-range:cover 46% cover 90%;display:block}html[data-motion=full] .wn-phone{animation:linear both wn-float;animation-timeline:--wn;animation-range:cover 10% cover 90%}}}@keyframes wn-pan{0%{transform:translate(0,0)}to{transform:translateY(max(-34%,100cqh - 100%))}}@keyframes wn-float{0%{transform:translateY(2.5rem)}to{transform:translateY(-2.5rem)}}