.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1224 .elementor-element.elementor-element-b6dcafd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1224 .elementor-element.elementor-element-6fce659{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1224 .elementor-element.elementor-element-75118bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1224 .elementor-element.elementor-element-db54b98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1224 .elementor-element.elementor-element-3aec586{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1224 .elementor-element.elementor-element-b89dec7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1224 .elementor-element.elementor-element-f6b10bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1224 .elementor-element.elementor-element-303f8fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1224 .elementor-element.elementor-element-f51e41b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1224 .elementor-element.elementor-element-38e63c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1224 .elementor-element.elementor-element-4b05eff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1224 .elementor-element.elementor-element-9113003{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1224 .elementor-element.elementor-element-99e54d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1224 .elementor-element.elementor-element-d3a8deb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS */.wbx{color-scheme: light; --ink: #2B1B1B; --ink-2: #554949; --brown: #574143; --pink: #FF0E63; --powder: #BFA5A7; --olive: #7E8A00; --olive-d: #4A5800; --cream: #FFF8F5; --grey: #D3D3D3; --white: #FFFFFF; --bg: #FFF8F5; --powder-t: #FDE2E7; --olive-t: #FDE2E7; --f-head: "Quicksand","Arial Rounded MT Bold","Helvetica Neue",Arial,sans-serif; --f-body: "Inter","Helvetica Neue",Arial,sans-serif; --max: 1200px; --px: 40px; box-sizing: border-box; padding-top: env(safe-area-inset-top,0px); padding-bottom: env(safe-area-inset-bottom,0px);}
@media (max-width: 1024px){
.wbx :root{--px: 28px;}
}
@media (max-width: 767px){
.wbx :root{--px: 18px;}
}
.wbx *, .wbx ::before, .wbx ::after{box-sizing: border-box; margin: 0px; padding: 0px;}
.wbx{background: var(--bg); color: var(--ink); font-family: var(--f-body); font-size: 18px; line-height: 1.65; overflow-x: hidden; -webkit-font-smoothing: antialiased;}
.wbx img{display: block; max-width: 100%;}
.wbx a{color: inherit;}
.wbx h1, .wbx h2, .wbx h3{font-family: var(--f-head); font-weight: 400; line-height: 1.2; letter-spacing: -0.015em;}
.wbx p{max-width: 60ch;}
.wbx :focus-visible{outline: 3px solid var(--pink); outline-offset: 3px; border-radius: 10px;}
.wbx .wrap{max-width: calc(var(--max) + 2*var(--px)); margin: 0px auto; padding: 0 var(--px);}
.wbx .eyebrow{font-size: 17px; font-weight: 600; color: var(--pink); margin-bottom: 18px;}
.wbx .pill{display: inline-flex; align-items: center; gap: 22px; background: var(--white); color: var(--ink); text-decoration: none; font-weight: 500; font-size: 18px; line-height: 1.2; padding: 8px 8px 8px 28px; border-radius: 999px; box-shadow: rgba(43, 27, 27, 0.45) 0px 10px 30px -18px; transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);}
.wbx .pill .arr{width: 50px; height: 50px; border-radius: 50%; background: var(--pink); display: grid; place-items: center; flex: 0 0 auto; transition: background 0.35s, transform 0.35s;}
.wbx .pill .arr svg{width: 16px; height: 16px; fill: var(--white); transition: fill 0.35s;}
.wbx .pill.soft .arr{background: var(--powder);}
.wbx .pill.soft .arr svg{fill: var(--ink);}
.wbx .pill.oli .arr{background: var(--olive);}
.wbx .pill.oli .arr svg{fill: var(--white);}
.wbx .pill:hover{transform: translateY(-3px);}
.wbx .pill:hover .arr{background: var(--ink); transform: rotate(45deg);}
.wbx .pill:hover .arr svg{fill: var(--white);}
.wbx .pill.dark{background: var(--ink); color: var(--white);}
.wbx .pill.pink{background: var(--pink); color: var(--white);}
.wbx .pill.pink .arr{background: var(--white);}
.wbx .pill.pink .arr svg{fill: var(--pink);}
.wbx .hl{position: relative; white-space: nowrap; z-index: 0;}
.wbx .hl::before{content: ""; position: absolute; inset: 0.18em -0.12em 0.04em; background: var(--powder-t); z-index: -1; transform: scaleX(0); transform-origin: left center; transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);}
.wbx .hl.oli::before{background: var(--powder);}
.wbx .hl.on::before{transform: scaleX(1);}
.wbx .nav{position: fixed; top: calc(env(safe-area-inset-top,0px) + 16px); left: 0px; right: 0px; z-index: 50; transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);}
.wbx .nav.hide{transform: translateY(-140%);}
.wbx .nav .bar{max-width: calc(var(--max) + 2*var(--px)); margin: 0px auto; padding: 0 var(--px);}
.wbx .nav .in{background: var(--pink); color: var(--white); border-radius: 999px; height: 66px; display: flex; align-items: center; justify-content: space-between; padding: 0px 10px 0px 28px;}
.wbx .nav .logo img{height: 26px; filter: invert(1);}
.wbx .nav .links{display: flex; align-items: center; gap: 34px; font-size: 16px; font-weight: 500;}
.wbx .nav .links a{text-decoration: none;}
.wbx .nav .links a:not(.cta):hover{color: var(--ink);}
.wbx .nav .cta{background: var(--white); color: var(--ink); padding: 12px 22px; border-radius: 999px; transition: background 0.3s, color 0.3s;}
.wbx .nav .cta:hover{background: var(--ink); color: var(--white);}
@media (max-width: 860px){
.wbx .nav .links a:not(.cta){display: none;}
.wbx .nav .in{height: 58px; padding-left: 22px;}
.wbx .nav .logo img{height: 22px;}
}
.wbx .hero{padding: 150px 0px 40px; text-align: center;}
.wbx .hero h1{font-size: clamp(38px, 5.6vw, 80px); line-height: 1.12; max-width: 21ch; margin: 0px auto; font-weight: 700; -webkit-text-stroke: 0.025em currentcolor;}
.wbx .hero h1 .pk{color: var(--pink);}
.wbx .vstage{position: relative; margin-top: 64px;}
.wbx .vpanel{position: relative; border-radius: 36px; overflow: hidden; aspect-ratio: 16 / 9; background: rgb(251, 243, 239); box-shadow: rgba(43, 27, 27, 0.55) 0px 50px 90px -60px;}
.wbx .vpanel video{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover;}
.wbx .vbtn{position: absolute; left: 22px; bottom: 22px; z-index: 3; width: 46px; height: 46px; border-radius: 50%; border: 0px; background: rgba(255, 255, 255, 0.9); cursor: pointer; display: grid; place-items: center; box-shadow: rgba(43, 27, 27, 0.5) 0px 8px 20px -10px;}
.wbx .vbtn svg{width: 16px; height: 16px; fill: var(--ink);}
.wbx .hbtns{position: absolute; right: -2.5%; bottom: 6%; z-index: 4; display: flex; flex-direction: column; gap: 14px; text-align: left;}
.wbx .hbtns .pill{justify-content: space-between; min-width: 300px;}
@media (max-width: 900px){
.wbx .vstage{margin-top: 44px;}
.wbx .vpanel{border-radius: 22px;}
.wbx .hbtns{position: static; margin-top: 22px;}
.wbx .hbtns .pill{min-width: 0px;}
}
@media (max-width: 767px){
.wbx .hero{padding: 120px 0px 20px;}
}
.wbx .statement{padding: 110px 0px 120px;}
.wbx .statement{text-align: center;}
.wbx .statement p{font-family: var(--f-head); font-size: clamp(28px, 4.2vw, 58px); line-height: 1.25; max-width: 22em; margin: 0px auto;}
.wbx .statement p span{opacity: 0.18; transition: opacity 0.25s linear;}
.wbx .statement .pill{margin-top: 50px;}
@media (max-width: 767px){
.wbx .hero{padding: 90px 0px 20px;}
.wbx .statement{padding: 70px 0px 80px;}
}
.wbx .loop{overflow: hidden; padding: 40px 0px; white-space: nowrap; background: var(--ink); color: var(--cream);}
.wbx .loop .track{display: inline-flex; align-items: center; animation: 36s linear 0s infinite normal none running slide;}
.wbx .loop:hover .track{animation-play-state: paused;}
.wbx .loop span{font-family: var(--f-head); text-transform: uppercase; font-size: clamp(36px, 6vw, 92px); line-height: 1; padding: 0px 34px;}
.wbx .loop i{width: 14px; height: 14px; border-radius: 50%; background: var(--pink); flex: 0 0 auto;}
.wbx .loop i:nth-of-type(3n+2){background: var(--olive);}
.wbx .loop i:nth-of-type(3n){background: var(--powder);}
.wbx .value{padding: 130px 0px 150px; text-align: center;}
.wbx .value p{font-family: var(--f-head); font-size: clamp(28px, 3.6vw, 50px); line-height: 1.32; max-width: 22em; margin: 0px auto;}
@media (max-width: 767px){
.wbx .value{padding: 80px 0px 100px;}
}
.wbx .offers{padding: 130px 0px 60px;}
.wbx .offers .head{margin-bottom: 60px;}
.wbx .offers h2{font-size: clamp(36px, 4.6vw, 64px);}
.wbx .card{position: sticky; top: 110px; border-radius: 36px; padding: 64px; margin-bottom: 40px; min-height: 560px; display: grid; grid-template-columns: 150px 1fr 240px; gap: 40px 50px; align-items: start; transition: background 0.5s; box-shadow: rgba(43, 27, 27, 0.35) 0px -20px 50px -40px;}
.wbx .card .txt *, .wbx .card .num{transition: color 0.5s;}
.wbx .card:nth-child(1){background: var(--powder-t); top: 110px;}
.wbx .card:nth-child(1):hover{background: var(--powder);}
.wbx .card:nth-child(2){background: var(--pink); top: 134px;}
.wbx .card:nth-child(2):hover{background: var(--ink);}
.wbx .card:nth-child(2) .num, .wbx .card:nth-child(2) h3, .wbx .card:nth-child(2) .quote{color: var(--white);}
.wbx .card:nth-child(2) .kind{color: rgb(253, 226, 231);}
.wbx .card:nth-child(2) .txt p{color: rgba(255, 255, 255, 0.9);}
.wbx .card:nth-child(3){background: var(--powder); top: 158px;}
.wbx .card:nth-child(3):hover{background: var(--powder-t);}
.wbx .card:nth-child(3) .num{color: var(--olive);}
.wbx .card:nth-child(3) .txt p{color: var(--ink);}
.wbx .card .num{font-family: var(--f-head); font-size: 120px; line-height: 1; color: var(--pink);}
.wbx .card .kind{font-size: 15px; font-weight: 600; color: var(--pink); margin-bottom: 10px;}
.wbx .card h3{font-size: clamp(34px, 4vw, 56px); margin-bottom: 24px;}
.wbx .card .quote{font-family: var(--f-head); font-size: 24px; line-height: 1.3; margin-bottom: 20px;}
.wbx .card .txt p{color: var(--ink-2); margin-bottom: 14px; font-size: 17px;}
.wbx .card .ph{width: 240px; height: 240px; border-radius: 50%; overflow: hidden; justify-self: end;}
.wbx .card .ph img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);}
.wbx .card:hover .ph img{transform: scale(1.07);}
.wbx .card .go{grid-column: 2 / 4; justify-self: end;}
@media (max-width: 1024px){
.wbx .card{grid-template-columns: 90px 1fr; padding: 44px;}
.wbx .card .num{font-size: 80px;}
.wbx .card .ph{grid-area: 1 / 1 / auto / 3; width: 150px; height: 150px; justify-self: end;}
.wbx .card .go{grid-column: 1 / 3;}
}
@media (max-width: 767px){
.wbx .card{grid-template-columns: 1fr; padding: 30px 22px; border-radius: 24px; min-height: 0px; top: 84px !important;}
.wbx .card .num{font-size: 56px; min-height: 96px;}
.wbx .card .ph{grid-column: auto; width: 110px; height: 110px; position: absolute; right: 22px; top: 26px;}
.wbx .card .go{grid-column: auto; justify-self: start;}
.wbx .card .quote{font-size: 20px;}
}
.wbx .about{padding: 110px 0px 140px; text-align: center;}
.wbx .about h2{font-size: clamp(38px, 5.4vw, 76px); max-width: 15ch; margin: 0px auto;}
.wbx .about .eyebrow{margin-bottom: 14px;}
.wbx .photos{position: relative; height: 620px; max-width: 900px; margin: 60px auto -230px; z-index: 2;}
.wbx .photos figure{position: absolute; width: 43%; aspect-ratio: 4 / 5; border-radius: 30px; overflow: hidden; top: 0px; box-shadow: rgba(43, 27, 27, 0.6) 0px 40px 70px -40px; will-change: transform;}
.wbx .photos figure img{width: 100%; height: 100%; object-fit: cover;}
.wbx .photos .p1{left: 6%; transform: rotate(-8deg);}
.wbx .photos .p2{right: 6%; transform: rotate(9deg); top: 10px;}
.wbx .badge{position: absolute; left: 50%; top: 46%; width: 170px; height: 170px; margin-left: -85px; border-radius: 50%; background: var(--pink); z-index: 3; display: grid; place-items: center;}
.wbx .badge svg{width: 150px; height: 150px; will-change: transform;}
.wbx .badge text{font-family: var(--f-body); font-size: 11.2px; font-weight: 600; letter-spacing: 0.14em; fill: var(--white); text-transform: uppercase;}
.wbx .badge .bear{position: absolute; width: 50px; height: 40px;}
.wbx .aboutcard{background: var(--powder-t); border-radius: 36px; padding: 300px 80px 80px; max-width: 980px; margin: 0px auto;}
.wbx .aboutcard p{margin: 0px auto 22px; color: var(--ink-2); font-size: 19px;}
.wbx .aboutcard p.lead{font-family: var(--f-head); font-size: clamp(22px, 2.2vw, 28px); line-height: 1.4; color: var(--ink); max-width: 30em;}
.wbx .aboutcard .pill{margin-top: 20px;}
@media (max-width: 767px){
.wbx .photos{height: 330px; margin-bottom: -110px;}
.wbx .photos figure{border-radius: 20px;}
.wbx .badge{width: 110px; height: 110px; margin-left: -55px; top: 52%;}
.wbx .badge svg{width: 96px; height: 96px;}
.wbx .badge .bear{width: 30px; height: 26px;}
.wbx .aboutcard{padding: 150px 22px 40px; border-radius: 24px;}
}
.wbx .work{padding: 40px 0px 150px;}
.wbx .work .head{display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; flex-wrap: wrap; margin-bottom: 56px;}
.wbx .work h2{font-size: clamp(36px, 4.6vw, 64px); max-width: 18ch;}
.wbx .grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;}
.wbx .wcard{background: var(--white); border-radius: 30px; padding: 16px 16px 30px; text-decoration: none; display: block; transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);}
.wbx .wcard:hover{transform: translateY(-6px);}
.wbx .wcard .scr{border-radius: 20px; overflow: hidden; aspect-ratio: 4 / 3; background: var(--powder-t); position: relative;}
.wbx .wcard .scr img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: opacity 0.4s, transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);}
.wbx .wcard:hover .scr img.on{transform: scale(1.05);}
.wbx .wcard .scr img:not(.on){opacity: 0;}
.wbx .wcard .scr .phd{position: absolute; inset: 0px; display: grid; place-items: center; font-size: 14px; color: var(--brown);}
.wbx .wcard .scr .tag{position: absolute; left: 14px; top: 14px; background: var(--white); border-radius: 999px; font-size: 13px; font-weight: 600; padding: 7px 14px;}
.wbx .wcard h3{font-size: 26px; margin: 24px 14px 10px;}
.wbx .wcard p{font-size: 16px; color: var(--ink-2); margin: 0px 14px 18px;}
.wbx .wcard .more{margin: 0px 14px; font-weight: 600; font-size: 16px; display: inline-flex; align-items: center; gap: 10px;}
.wbx .wcard .more i{width: 34px; height: 34px; border-radius: 50%; background: var(--pink); display: grid; place-items: center; transition: transform 0.35s;}
.wbx .wcard .more svg{width: 12px; height: 12px; fill: var(--white);}
.wbx .wcard:hover .more i{transform: rotate(45deg);}
@media (max-width: 1024px){
.wbx .grid{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 767px){
.wbx .grid{grid-template-columns: 1fr;}
}
.wbx .contact{padding: 0px 0px 90px;}
.wbx .cbox{background: var(--ink); color: var(--cream); border-radius: 36px; padding: 90px 80px; display: grid; grid-template-columns: 1.25fr 1fr; gap: 60px; align-items: center; position: relative; overflow: hidden;}
.wbx .cbox .eyebrow{color: var(--powder);}
.wbx .cbox h2{font-size: clamp(36px, 4.6vw, 62px); color: var(--cream);}
.wbx .cbox p{color: rgb(232, 220, 221); margin-top: 22px;}
.wbx .cbox .pill{margin-top: 38px;}
.wbx .cbox figure{border-radius: 28px; overflow: hidden; aspect-ratio: 4 / 5; transform: rotate(4deg); transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);}
.wbx .cbox figure:hover{transform: rotate(0deg) scale(1.02);}
.wbx .cbox figure img{width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%;}
@media (max-width: 900px){
.wbx .cbox{grid-template-columns: 1fr; padding: 48px 24px; border-radius: 24px;}
.wbx .cbox figure{max-width: 340px;}
}
.wbx .foot{background: var(--pink); color: var(--white); border-radius: 36px 36px 0px 0px; padding: 80px 0px 0px; overflow: hidden;}
.wbx .foot .top{display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap;}
.wbx .foot h2{font-size: clamp(34px, 4.4vw, 58px); max-width: 13ch;}
.wbx .foot nav{display: grid; grid-template-columns: repeat(2, auto); gap: 10px 60px; font-size: 19px; font-weight: 500;}
.wbx .foot nav a{text-decoration: none;}
.wbx .foot nav a:hover{opacity: 0.75;}
.wbx .foot .big{white-space: nowrap; margin-top: 70px;}
.wbx .foot .big .track{display: inline-flex; animation: 40s linear 0s infinite normal none running slide;}
.wbx .foot .big span{font-family: var(--f-head); font-size: clamp(90px, 17vw, 250px); line-height: 1.05; text-transform: uppercase; padding-right: 60px;}
@keyframes slide { 
  100% { transform: translateX(-50%); }
}
.wbx .foot .copy{display: flex; justify-content: space-between; align-items: center; padding: 18px 0px 30px; font-size: 14px;}
.wbx .foot .copy img{height: 22px; filter: invert(1);}
.wbx .type{color: rgb(255, 179, 204);}
.wbx .type::after{content: ""; display: inline-block; width: 3px; height: 0.85em; margin-left: 4px; background: var(--pink); vertical-align: -0.06em; animation: 1s steps(1) 0s infinite normal none running blink;}
@keyframes blink { 
  50% { opacity: 0; }
}
.wbx .stats{background: var(--ink); height: 320vh; position: relative;}
.wbx .stats .pin{position: sticky; top: 0px; height: 100vh; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80px 0px 40px;}
.wbx .stats h2{color: rgb(255, 248, 245); font-size: clamp(54px, 9vw, 140px); text-transform: uppercase; line-height: 1; margin-bottom: 5vh; text-align: center;}
.wbx .sdeck{position: relative; width: min(1000px, 92%); height: min(50vh, 440px);}
.wbx .scard{position: absolute; width: min(500px, 60%); border-radius: 20px; padding: 40px 46px; color: var(--ink); opacity: 0; transform: translateY(90px) rotate(calc(var(--r) * 2.5)) scale(.92); transition: opacity 0.6s, transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1); box-shadow: rgba(0, 0, 0, 0.6) 0px 30px 60px -30px;}
.wbx .scard.on{opacity: 1; transform: translateY(0) rotate(var(--r)) scale(1);}
.wbx .scard b{display: block; font-family: var(--f-head); font-weight: 400; font-size: clamp(52px, 6vw, 90px); line-height: 1;}
.wbx .scard span{display: block; font-size: clamp(17px, 1.6vw, 22px); margin-top: 12px;}
.wbx .s1{left: 0px; top: 10%; background: var(--powder); --r: -5deg;}
.wbx .s2{right: 0px; top: 0px; background: var(--powder-t); --r: 6deg;}
.wbx .s3{left: 27%; top: 46%; background: var(--pink); color: var(--white); --r: -1deg;}
@media (max-width: 767px){
.wbx .sdeck{height: 62vh;}
.wbx .scard{width: 80%; padding: 24px 26px;}
.wbx .s1{left: 0px; top: 0px;}
.wbx .s2{right: 0px; top: 31%;}
.wbx .s3{left: 6%; top: 62%;}
}
.wbx .totop{position: fixed; right: 32px; bottom: calc(env(safe-area-inset-bottom,0px) - 2px); z-index: 45; width: 72px; height: 58px; padding: 0px; border: 0px; background: none; cursor: pointer; transform: translateY(105%); transition: transform 0.6s cubic-bezier(0.3, 1.4, 0.5, 1);}
.wbx .totop.peek{transform: translateY(26%);}
.wbx .totop.peek:hover, .wbx .totop.peek:focus-visible{transform: translateY(8%);}
.wbx .totop svg{width: 100%; height: 100%; display: block; filter: drop-shadow(rgba(43, 27, 27, 0.18) 0px -6px 14px);}
.wbx .totop g{fill: var(--ink); transition: fill 0.4s;}
.wbx .totop.ondark g{fill: var(--pink);}
@media (max-width: 767px){
.wbx .totop{right: 16px; width: 56px; height: 45px;}
}
.wbx .news{padding: 40px 0px 110px;}
.wbx .nbox{position: relative; background: var(--powder-t); border-radius: 36px; padding: 80px 72px; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 60px; align-items: center;}
.wbx .nbear-wrap{position: absolute; right: 12%; top: 0px; width: 110px; height: 56px; overflow: hidden; transform: translateY(-100%);}
.wbx .nbear{width: 110px; height: 88px; display: block; transition: transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 1); transform: translateY(8%);}
.wbx .nbox:hover .nbear{transform: translateY(0px);}
.wbx .nbox > *{min-width: 0px;}
.wbx .nbox .eyebrow{margin-bottom: 12px;}
.wbx .nbox h2{font-size: clamp(52px, 7vw, 104px); line-height: 1;}
.wbx .nbox h2 .pk{color: var(--pink);}
.wbx .nsub{font-size: 20px; margin: 18px 0px 34px;}
.wbx .nday{display: flex; align-items: flex-start; gap: 16px; margin-bottom: 16px;}
.wbx .nday b{flex: 0 0 auto; font-size: 14px; font-weight: 600; padding: 8px 16px; border-radius: 999px; background: var(--pink); color: var(--white); min-width: 86px; text-align: center;}
.wbx .nday.sat b{background: var(--powder); color: var(--ink);}
.wbx .nday p{color: var(--ink-2); font-size: 17px; padding-top: 4px;}
.wbx .nform{background: var(--white); border-radius: 26px; padding: 40px; box-shadow: rgba(43, 27, 27, 0.45) 0px 30px 60px -40px; display: flex; flex-direction: column; gap: 14px;}
.wbx .nform label{font-size: 14px; font-weight: 600;}
.wbx .nform input{width: 100%; min-width: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 16px; padding: 16px 22px; border-radius: 999px; border: 1.5px solid var(--powder); background: rgb(255, 248, 245); color: var(--ink); outline: none; transition: border-color 0.25s;}
.wbx .nform input:focus{border-color: var(--pink);}
.wbx .nform .pill{margin-top: 10px; border: 0px; cursor: pointer; font-family: var(--f-body); justify-content: space-between;}
.wbx .nform .note{font-size: 14px; color: var(--ink-2); min-height: 1.4em;}
@media (max-width: 900px){
.wbx .nbox{grid-template-columns: 1fr; padding: 56px 24px 28px; border-radius: 24px; gap: 36px;}
.wbx .nform{padding: 26px 20px;}
.wbx .nbear-wrap{right: 10%; width: 80px; height: 41px;}
.wbx .nbear{width: 80px; height: 64px;}
}
.wbx .news.dark{background: rgb(87, 65, 67); padding: 120px 0px 156px; margin-top: 110px; margin-bottom: -36px; position: relative;}
.wbx .foot{position: relative; z-index: 1;}
.wbx .news.dark .nbox{background: none; padding: 0px; border-radius: 0px; position: static;}
.wbx .news.dark .nbear-wrap{top: 0px; right: 14%;}
.wbx .news.dark .nbear g{fill: rgb(87, 65, 67);}
.wbx .news.dark .eyebrow{color: var(--powder-t);}
.wbx .news.dark h2{color: var(--white);}
.wbx .news.dark .nsub{color: rgb(255, 248, 245);}
.wbx .news.dark .nday p{color: rgba(255, 255, 255, 0.85);}
.wbx .news .nbear g{transition: fill 0.3s;}
.wbx .ntoggle{display: flex; justify-content: flex-end; gap: 6px; margin-bottom: 22px;}
.wbx .ntoggle button{font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 600; padding: 7px 14px; border-radius: 999px; border: 1.5px solid var(--powder); background: transparent; color: var(--ink); cursor: pointer;}
.wbx .ntoggle button[aria-pressed="true"]{background: var(--pink); border-color: var(--pink); color: var(--white);}
.wbx .news.dark .ntoggle button{color: var(--white);}
@media (max-width: 900px){
.wbx .news.dark{padding: 80px 0px;}
.wbx .news.dark .nbear-wrap{right: 10%;}
}
@media (prefers-reduced-motion: reduce){
.wbx *, .wbx ::before, .wbx ::after{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}
}
.wbx .pk{color: var(--pink);}
.wbx section{position: relative;}
.wbx .sec{padding: clamp(80px, 10vw, 140px) 0px;}
.wbx .h2c{font-size: clamp(34px, 4.6vw, 60px); text-align: center; max-width: 18ch; margin: 0px auto;}
.wbx .lbl{font-size: 15px; font-weight: 600; color: var(--pink); margin-bottom: 14px;}
.wbx .khero{padding: 170px 0px 90px;}
.wbx .khero .in{display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(40px, 6vw, 90px); align-items: center;}
.wbx .khero h1{font-size: clamp(50px, 6.6vw, 96px); line-height: 1.02;}
.wbx .khero .sub{font-family: var(--f-head); font-size: clamp(20px, 2vw, 26px); line-height: 1.35; color: var(--ink-2); margin: 20px 0px 26px; max-width: 24ch;}
.wbx .khero p{font-size: 19px; margin-bottom: 6px;}
.wbx .khero .btns{display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px;}
.wbx .board{background: var(--ink); color: rgb(255, 248, 245); border-radius: 34px; padding: 34px 30px 30px; transform: rotate(-4deg); transition: transform 0.8s cubic-bezier(0.3, 1.3, 0.5, 1); box-shadow: rgba(43, 27, 27, 0.45) 0px 30px 60px -30px;}
.wbx .board.is-sorted{transform: rotate(0deg);}
.wbx .board .bhead{display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 22px;}
.wbx .board .btitle{font-family: var(--f-head); font-size: 20px; line-height: 1.3;}
.wbx .board .bbtn{flex: 0 0 auto; font: 500 14px/1.2 var(--f-body); color: var(--white); background: var(--pink); border: 0px; border-radius: 999px; padding: 11px 18px; cursor: pointer; transition: background 0.3s, color 0.3s;}
.wbx .board .bbtn:hover{background: rgb(255, 248, 245); color: var(--ink);}
.wbx .barea{position: relative; height: 440px; transition: height 0.6s;}
.wbx .bcol{position: absolute; top: 0px; width: 31%; padding-bottom: 8px; border-bottom: 2px solid var(--brown); font-size: 13px; font-weight: 500; color: var(--powder); opacity: 0; transition: opacity 0.5s;}
.wbx .bcol.now{color: var(--pink); border-color: var(--pink);}
.wbx .btag{position: absolute; max-width: 42%; padding: 9px 13px; font-size: 14px; line-height: 1.3; border-radius: 14px; background: rgb(59, 47, 47); color: rgb(255, 248, 245); border: 1px solid transparent; hyphens: auto; transition: left 0.7s cubic-bezier(0.2, 0.8, 0.2, 1), top 0.7s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.7s, background 0.4s, color 0.4s;}
.wbx .board.is-sorted .bcol{opacity: 1;}
.wbx .board.is-sorted .btag{max-width: 31%; transform: rotate(0deg) !important;}
.wbx .board.is-sorted .t0{background: var(--pink); color: var(--white);}
.wbx .board.is-sorted .t1{background: rgb(255, 248, 245); color: var(--ink);}
.wbx .board.is-sorted .t2{background: transparent; color: var(--powder); border: 1px dashed var(--brown); text-decoration: line-through;}
.wbx .board .bcap{font-size: 14px; line-height: 1.7; color: var(--powder); margin-top: 20px; max-width: 46ch;}
.wbx .problem .in{display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(40px, 7vw, 110px); align-items: center;}
.wbx .problem .pre{font-size: 19px; color: var(--ink-2); margin-bottom: 22px;}
.wbx .problem h2{font-size: clamp(40px, 5.4vw, 72px); margin-bottom: 26px;}
.wbx .problem figure{border-radius: 320px 320px 34px 34px; overflow: hidden; aspect-ratio: 4 / 5; transform: rotate(3deg); background: var(--powder-t);}
.wbx .problem figure img{width: 100%; height: 100%; object-fit: cover;}
.wbx .four .h2c{margin-bottom: 60px;}
.wbx .four .grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
.wbx .fcard{border-radius: 30px; padding: 34px 28px 38px; min-height: 330px; display: flex; flex-direction: column; transition: background 0.4s, color 0.4s;}
.wbx .fcard .n{font-family: var(--f-head); font-size: 64px; line-height: 1; margin-bottom: auto; padding-bottom: 40px;}
.wbx .fcard h3{font-size: 24px; margin-bottom: 12px;}
.wbx .fcard p{font-size: 16px; line-height: 1.65;}
.wbx .fc1{background: var(--powder-t);}
.wbx .fc1 .n{color: var(--pink);}
.wbx .fc1:hover{background: var(--powder);}
.wbx .fc2{background: var(--pink); color: var(--white);}
.wbx .fc2:hover{background: var(--ink);}
.wbx .fc3{background: var(--powder);}
.wbx .fc3 .n{color: var(--white);}
.wbx .fc3:hover{background: var(--powder-t);}
.wbx .fc4{background: var(--white);}
.wbx .fc4 .n{color: var(--pink);}
.wbx .fc4:hover{background: var(--cream);}
.wbx .cases .top{text-align: center; margin-bottom: 54px;}
.wbx .cases .hint{font-size: 16px; color: var(--ink-2); margin-top: 14px;}
.wbx .case{background: var(--white); border-radius: 30px; margin-bottom: 12px; transition: background 0.35s;}
.wbx .case[open]{background: var(--powder-t);}
.wbx .case .row{color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; margin-trim: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; display: flex; align-items: center; gap: clamp(18px, 3vw, 40px); width: 100%; padding: clamp(20px, 2.6vw, 30px) clamp(20px, 3vw, 40px); cursor: pointer; border-radius: 30px;}
.wbx .case .row:focus-visible{outline: 3px solid var(--pink); outline-offset: -3px;}
.wbx .case .num{flex: 0 0 auto; font-family: var(--f-head); font-size: clamp(40px, 5vw, 72px); line-height: 0.9; color: transparent; -webkit-text-stroke: 1.5px var(--pink); transition: color 0.3s; min-width: 1.3em;}
.wbx .case[open] .num{color: var(--pink);}
.wbx .case .ttl{flex: 1 1 0%; font-family: var(--f-head); font-size: clamp(18px, 2vw, 26px); line-height: 1.3;}
.wbx .case .plus{flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50%; background: var(--pink); color: var(--white); display: grid; place-items: center; font-size: 26px; line-height: 1; transition: transform 0.35s, background 0.35s;}
.wbx .case[open] .plus{transform: rotate(45deg); background: var(--ink);}
.wbx .case .body{display: none; padding: 6px clamp(20px, 4vw, 56px) clamp(32px, 4vw, 52px);}
.wbx .case[open] .body{display: block;}
.wbx .case .grid{display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 80px);}
.wbx .case .body p{font-size: 17px; margin-bottom: 16px;}
.wbx .case .outro{background: var(--white); border-radius: 22px; padding: 22px 24px; margin-top: 26px;}
.wbx .case .outro .o1{font-family: var(--f-head); font-size: 21px; line-height: 1.4; margin-bottom: 8px;}
.wbx .case .outro .o2{font-size: 15px; color: var(--ink-2); margin: 0px;}
.wbx .case .bar{margin-top: 26px;}
.wbx .case .track{display: flex; height: 16px; border-radius: 999px; overflow: hidden;}
.wbx .case .track i:first-child{flex: 0 0 70%; background: var(--powder);}
.wbx .case .track i:last-child{flex: 0 0 30%; background: var(--pink);}
.wbx .case .blabels{display: flex; justify-content: space-between; font-size: 13px; color: var(--ink-2); margin-top: 10px;}
.wbx .case .keyslink{display: inline-block; margin-top: 22px; font-weight: 500; color: var(--pink); text-decoration: none; border-bottom: 2px solid var(--pink);}
.wbx .case .body .pill{margin-top: 26px;}
.wbx .case .li{display: flex; gap: 14px; align-items: baseline; padding: 13px 0px; border-bottom: 1px solid rgba(191, 165, 167, 0.6); font-size: 16px; line-height: 1.6;}
.wbx .case .li::before{content: ""; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--pink); transform: translateY(-2px);}
.wbx .keys{background: var(--ink); color: rgb(255, 248, 245); border-radius: 40px; margin: 0px 12px;}
.wbx .keys .in{display: grid; grid-template-columns: 1fr 1fr; gap: clamp(48px, 7vw, 110px); align-items: start;}
.wbx .keys h2{font-size: clamp(36px, 4.4vw, 58px); margin-bottom: 36px;}
.wbx .keys h2 span{color: var(--powder);}
.wbx .keys p{font-size: 17px; color: var(--powder); margin-bottom: 20px;}
.wbx .keys p.light, .wbx .keys p strong{color: rgb(255, 248, 245);}
.wbx .keys p strong{font-weight: 600;}
.wbx .kmap{background: rgb(59, 47, 47); border-radius: 30px; padding: clamp(26px, 3.4vw, 40px);}
.wbx .kmap .mh{display: flex; justify-content: space-between; align-items: flex-end; gap: 14px;}
.wbx .kmap .mt{font-family: var(--f-head); font-size: 22px;}
.wbx .kmap .cnt{font-family: var(--f-head); font-size: 46px; line-height: 1; color: var(--pink);}
.wbx .kmap .hint{font-size: 14px; margin: 8px 0px 18px;}
.wbx .kmap .prog{height: 6px; border-radius: 99px; background: var(--ink); margin-bottom: 22px; overflow: hidden;}
.wbx .kmap .prog i{display: block; height: 100%; width: 0px; background: var(--pink); border-radius: 99px; transition: width 0.3s;}
.wbx .kmap .kg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;}
.wbx .key{color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; margin-trim: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 999px; background: var(--ink); color: rgb(255, 248, 245); font-size: 14px; line-height: 1.3; cursor: pointer; transition: background 0.2s, color 0.2s;}
.wbx .key:hover{background: var(--brown);}
.wbx .key:focus-visible{outline: 3px solid var(--pink);}
.wbx .key .mk{flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid var(--powder); color: var(--powder); display: grid; place-items: center; font-size: 12px; font-weight: 600;}
.wbx .key.on{background: var(--pink); color: var(--white);}
.wbx .key.on .mk{border-color: var(--white); color: var(--white);}
.wbx .kmap .msg{font-family: var(--f-head); font-size: 17px; line-height: 1.5; color: rgb(255, 248, 245); margin: 24px 0px 0px;}
.wbx .kmap .pill{margin-top: 24px;}
.wbx .how .h2c{margin-bottom: 56px;}
.wbx .how .grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch;}
.wbx .hcard{border-radius: 30px; padding: 36px 30px 40px;}
.wbx .hcard .tag{font-family: var(--f-head); font-size: 40px; line-height: 1; margin-bottom: 22px;}
.wbx .hcard h3{font-size: 24px; margin-bottom: 14px;}
.wbx .hcard p{font-size: 16px; margin-bottom: 12px;}
.wbx .hc1{background: var(--powder-t);}
.wbx .hc1 .tag{color: var(--pink);}
.wbx .hc2{background: var(--pink); color: var(--white);}
.wbx .hc2 .tag{font-size: 76px;}
.wbx .hc2 p.strong{font-weight: 600;}
.wbx .hc3{background: var(--white);}
.wbx .hc3 .tag{color: var(--pink);}
.wbx .hc3 ul{list-style: none; margin-top: 6px;}
.wbx .hc3 li{padding: 10px 0px 10px 22px; border-top: 1px solid var(--powder-t); font-size: 15px; position: relative;}
.wbx .hc3 li::before{content: ""; position: absolute; left: 0px; top: 19px; width: 8px; height: 8px; border-radius: 50%; background: var(--pink);}
.wbx .how .close{text-align: center; max-width: 880px; margin: 70px auto 0px;}
.wbx .how .close .s{font-size: 16px; color: var(--ink-2); margin: 0px auto 14px;}
.wbx .how .close .b{font-family: var(--f-head); font-size: clamp(22px, 2.6vw, 32px); line-height: 1.45; max-width: none;}
.wbx .strike{color: var(--ink-2); text-decoration-line: line-through; text-decoration-style: initial; text-decoration-color: var(--pink); text-decoration-thickness: 2px;}
.wbx .mark{border-bottom: 4px solid var(--pink);}
.wbx .how .close .pill{margin-top: 40px;}
.wbx .who .h2c{margin-bottom: 60px;}
.wbx .who .in{display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(40px, 6vw, 100px); align-items: start;}
.wbx .who .ph{position: relative;}
.wbx .who figure{border-radius: 34px; overflow: hidden; aspect-ratio: 4 / 5; transform: rotate(-3deg);}
.wbx .who figure img{width: 100%; height: 100%; object-fit: cover;}
.wbx .who .badge{inset: auto -34px -40px auto; margin: 0px;}
.wbx .who .lead{font-size: 19px; margin-bottom: 20px;}
.wbx .who .p{font-size: 16px; color: var(--ink-2); margin-bottom: 14px;}
.wbx .who .p strong{color: var(--ink); font-weight: 600;}
.wbx .who .lbl{margin-top: 40px;}
.wbx .tal{border-top: 1px solid var(--powder);}
.wbx .titem{border-bottom: 1px solid var(--powder);}
.wbx .titem .row{color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; margin-trim: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; display: flex; align-items: center; gap: 16px; width: 100%; padding: 16px 0px; cursor: pointer;}
.wbx .titem .row:focus-visible{outline: 3px solid var(--pink);}
.wbx .titem .tn{font-family: var(--f-head); font-size: 14px; color: var(--pink);}
.wbx .titem .nm{flex: 1 1 0%; font-family: var(--f-head); font-size: 20px;}
.wbx .titem .plus{width: 36px; height: 36px; border-radius: 50%; background: var(--powder-t); color: var(--pink); display: grid; place-items: center; font-size: 20px; transition: transform 0.3s, background 0.3s;}
.wbx .titem[open] .plus{transform: rotate(45deg); background: var(--pink); color: var(--white);}
.wbx .titem .tb{display: none; padding: 0px 0px 20px 34px;}
.wbx .titem[open] .tb{display: block;}
.wbx .titem .tb p{font-size: 15px; margin-bottom: 10px; color: var(--ink-2);}
.wbx .titem .tb .eff{color: var(--ink); background: var(--powder-t); border-radius: 16px; padding: 12px 16px; margin: 0px;}
.wbx .ops .h2c{margin-bottom: 50px;}
.wbx .ops .rail{overflow: hidden;}
.wbx .ops .track{display: flex; gap: 20px; width: max-content; animation: 50s linear 0s infinite normal none running slide;}
.wbx .ops .rail:hover .track{animation-play-state: paused;}
.wbx .opc{width: clamp(260px, 30vw, 380px); aspect-ratio: 4 / 5; border-radius: 30px; display: grid; place-items: center; text-align: center; padding: 30px; font-size: 15px; color: var(--ink-2); border: 2px dashed var(--powder);}
.wbx .opc b{display: block; font-family: var(--f-head); font-weight: 400; font-size: 22px; color: var(--ink); margin-top: 8px;}
.wbx .opc:nth-child(4n+1){background: var(--powder-t);}
.wbx .opc:nth-child(4n+2){background: var(--white);}
.wbx .opc:nth-child(4n+3){background: var(--cream);}
.wbx .opc:nth-child(4n){background: rgb(246, 237, 238);}
.wbx .offer .in{display: grid; grid-template-columns: 1fr 1fr; gap: clamp(48px, 7vw, 110px); align-items: center;}
.wbx .offer h2{font-size: clamp(38px, 4.8vw, 62px); margin-bottom: 26px;}
.wbx .offer .lead{font-size: 18px; margin-bottom: 16px;}
.wbx .offer .small{font-size: 16px; color: var(--ink-2); margin-bottom: 34px;}
.wbx .offer .date{background: var(--powder-t); border-radius: 24px; padding: 22px 24px; font-size: 15px; color: var(--ink-2);}
.wbx .offer .date strong{display: block; color: var(--ink); font-size: 16px; margin-bottom: 4px;}
.wbx .offer .me{display: flex; align-items: center; gap: 16px; margin-top: 30px;}
.wbx .offer .me img{width: 76px; height: 76px; border-radius: 50%; object-fit: cover; object-position: center 20%;}
.wbx .offer .me b{display: block; font-family: var(--f-head); font-weight: 400; font-size: 18px;}
.wbx .offer .me span{font-size: 14px; color: var(--ink-2);}
.wbx .rcpt{position: relative; background: var(--white); border-radius: 30px 30px 0px 0px; padding: 40px 40px 60px; max-width: 520px; justify-self: center; width: 100%; transform: rotate(1.4deg); transition: transform 0.5s; box-shadow: rgba(43, 27, 27, 0.35) 0px 30px 60px -36px; mask: conic-gradient(from -45deg at center bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0) 1deg, rgb(0, 0, 0) 89deg, rgba(0, 0, 0, 0) 90deg) 50% center / 20px 100%;}
.wbx .rcpt:hover{transform: rotate(0deg);}
.wbx .rcpt .rh{text-align: center; padding-bottom: 22px; border-bottom: 2px dashed var(--powder-t);}
.wbx .rcpt .rh img{height: 30px; margin: 0px auto 14px;}
.wbx .rcpt .rt{font-family: var(--f-head); font-size: 30px;}
.wbx .rcpt .rs{font-size: 14px; color: var(--ink-2); margin-top: 6px;}
.wbx .ritem{display: flex; align-items: baseline; gap: 14px; padding: 14px 0px; border-bottom: 1px dotted var(--powder);}
.wbx .ritem:last-child{border-bottom: 0px;}
.wbx .ritem .n{font-family: var(--f-head); font-size: 14px; color: var(--pink);}
.wbx .ritem .t{flex: 1 1 0%;}
.wbx .ritem .t b{display: block; font-weight: 500; font-size: 16px;}
.wbx .ritem .t em{display: block; font-style: normal; font-size: 14px; color: var(--ink-2); line-height: 1.5;}
.wbx .ritem .ok{font-size: 13px; font-weight: 600; color: var(--pink); background: var(--powder-t); border-radius: 999px; padding: 3px 10px; white-space: nowrap;}
.wbx .rswap{display: grid; gap: 10px; padding: 18px 0px; border-top: 2px dashed var(--powder-t); border-bottom: 2px dashed var(--powder-t); font-size: 15px;}
.wbx .rswap .k{display: block; font-size: 13px; color: var(--ink-2);}
.wbx .rswap s{text-decoration-color: var(--pink); text-decoration-thickness: 2px; color: var(--ink-2);}
.wbx .rswap u{text-decoration: none; border-bottom: 3px solid var(--pink);}
.wbx .rtotal{display: flex; justify-content: space-between; align-items: baseline; padding: 22px 0px 24px;}
.wbx .rtotal span{font-weight: 600;}
.wbx .rtotal strong{font-family: var(--f-head); font-weight: 400; font-size: 56px; line-height: 1;}
.wbx .rtotal small{font-family: var(--f-body); font-size: 15px; color: var(--ink-2);}
.wbx .rcpt .pill{width: 100%; justify-content: space-between;}
.wbx .rcpt .rf{text-align: center; font-size: 13px; color: var(--ink-2); margin-top: 16px;}
@media (max-width: 1024px){
.wbx .khero .in, .wbx .problem .in, .wbx .keys .in, .wbx .who .in, .wbx .offer .in{grid-template-columns: 1fr;}
.wbx .board{max-width: 620px;}
.wbx .four .grid{grid-template-columns: 1fr 1fr;}
.wbx .how .grid{grid-template-columns: 1fr;}
.wbx .problem figure{max-width: 420px;}
.wbx .who .ph{max-width: 440px;}
}
@media (max-width: 767px){
.wbx .khero{padding: 130px 0px 60px;}
.wbx .board{padding: 26px 18px 22px; border-radius: 26px; transform: rotate(-2deg);}
.wbx .board .bhead{flex-direction: column; align-items: flex-start;}
.wbx .btag{font-size: 12.5px; padding: 7px 10px;}
.wbx .bcol{font-size: 11px;}
.wbx .four .grid{grid-template-columns: 1fr;}
.wbx .fcard{min-height: 0px;}
.wbx .fcard .n{padding-bottom: 22px; font-size: 52px;}
.wbx .case .grid{grid-template-columns: 1fr;}
.wbx .case .plus{width: 40px; height: 40px;}
.wbx .keys{border-radius: 28px; margin: 0px 6px;}
.wbx .kmap .kg{grid-template-columns: 1fr 1fr;}
.wbx .key{border-radius: 18px; font-size: 13px;}
.wbx .who .badge{right: -6px; bottom: -30px; width: 130px; height: 130px;}
.wbx .who .badge svg{width: 116px; height: 116px;}
.wbx .rcpt{padding: 30px 20px 50px; transform: none;}
.wbx .rtotal strong{font-size: 44px;}
.wbx .ritem{flex-wrap: wrap;}
.wbx .ritem .ok{margin-left: 28px;}
}
.wbx .mhero{padding: 170px 0px 40px;}
.wbx .mhero .in{display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(40px, 6vw, 90px); align-items: center;}
.wbx .mhero h1{font-size: clamp(46px, 6.4vw, 92px); line-height: 1.04;}
.wbx .mhero .txt p{font-size: 19px; margin-top: 18px; color: var(--ink-2);}
.wbx .mhero .txt p.first{font-family: var(--f-head); font-size: clamp(21px, 2vw, 26px); line-height: 1.4; color: var(--ink); margin-top: 30px;}
.wbx .mhero .btns{display: flex; flex-wrap: wrap; gap: 14px; margin-top: 38px;}
.wbx .mstack{position: relative; height: clamp(460px, 48vw, 640px);}
.wbx .mstack figure{position: absolute; border-radius: 30px; overflow: hidden; box-shadow: rgba(43, 27, 27, 0.6) 0px 40px 70px -40px;}
.wbx .mstack figure img{width: 100%; height: 100%; object-fit: cover;}
.wbx .mstack .f1{width: 72%; aspect-ratio: 4 / 5; right: 0px; top: 0px; transform: rotate(4deg);}
.wbx .mstack .f2{width: 46%; aspect-ratio: 4 / 5; left: 0px; bottom: 0px; transform: rotate(-7deg); border: 8px solid var(--bg);}
.wbx .mstack .badge{inset: auto 58% 42% auto; margin: 0px;}
.wbx .notes{display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; padding: 70px 0px 40px;}
.wbx .note{border-radius: 24px; padding: 34px 36px; transform: rotate(var(--r)); transition: transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 1);}
.wbx .note:hover{transform: rotate(0deg) translateY(-4px);}
.wbx .note b{display: block; font-family: var(--f-head); font-weight: 400; font-size: clamp(56px, 6vw, 88px); line-height: 1;}
.wbx .note span{display: block; font-size: 18px; margin-top: 10px;}
.wbx .n1{background: var(--powder-t); --r: -3deg;}
.wbx .n1 b{color: var(--pink);}
.wbx .n2{background: var(--pink); color: var(--white); --r: 2deg;}
.wbx .n3{background: var(--powder); --r: -1.5deg;}
.wbx .reveal{padding: clamp(90px, 11vw, 150px) 0px 30px; text-align: center;}
.wbx .reveal p.big{font-family: var(--f-head); font-size: clamp(32px, 4.6vw, 64px); line-height: 1.2; max-width: 20em; margin: 0px auto;}
.wbx .reveal p.big span{opacity: 0.16; transition: opacity 0.25s linear;}
.wbx .start{padding: 60px 0px clamp(90px, 10vw, 140px);}
.wbx .start .in{display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(40px, 7vw, 110px); align-items: start;}
.wbx .sticker{position: sticky; top: 130px; background: var(--pink); color: var(--white); border-radius: 30px; padding: 44px 40px; transform: rotate(-3deg);}
.wbx .sticker p{font-family: var(--f-head); font-size: clamp(28px, 3vw, 42px); line-height: 1.2;}
.wbx .sticker small{display: block; font-size: 15px; margin-top: 20px; color: rgb(253, 226, 231);}
.wbx .start .copy p{font-size: 19px; margin-bottom: 22px; color: var(--ink-2);}
.wbx .start .copy p strong{color: var(--ink); font-weight: 600; background: linear-gradient(transparent 62%, var(--powder-t) 62%);}
.wbx .goal-h{font-family: var(--f-head); font-size: clamp(26px, 2.8vw, 38px); line-height: 1.3; margin: 60px 0px 30px; max-width: 24ch;}
.wbx .goals{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}
.wbx .goal{background: var(--white); border-radius: 26px; padding: 28px 28px 30px; display: flex; flex-direction: column; gap: 14px; transition: background 0.4s;}
.wbx .goal:hover{background: var(--powder-t);}
.wbx .goal i{width: 40px; height: 40px; border-radius: 50%; background: var(--pink); display: grid; place-items: center; font-style: normal; color: var(--white); font-family: var(--f-head); font-size: 15px;}
.wbx .goal p{font-size: 17px; line-height: 1.6;}
.wbx .para{position: relative; height: clamp(560px, 90vh, 860px); overflow: hidden; margin: 0px 12px; border-radius: 40px; background: var(--ink);}
.wbx .para img{position: absolute; left: 0px; top: -20%; width: 100%; height: 140%; object-fit: cover; object-position: 50% 30%; will-change: transform;}
.wbx .para::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(43, 27, 27, 0.05) 30%, rgba(43, 27, 27, 0.55) 100%);}
.wbx .para .card{position: absolute; z-index: 2; left: clamp(18px, 5vw, 70px); bottom: clamp(18px, 5vw, 70px); max-width: 620px; background: var(--bg); border-radius: 30px; padding: clamp(28px, 3.4vw, 46px);}
.wbx .para .card p{font-size: 17px; color: var(--ink-2); margin-bottom: 12px;}
.wbx .para .card p.q{font-family: var(--f-head); font-size: clamp(22px, 2.3vw, 30px); line-height: 1.35; color: var(--ink); margin-bottom: 18px;}
.wbx .para .card p.end{font-family: var(--f-head); font-size: clamp(20px, 2vw, 26px); color: var(--pink); margin: 20px 0px 0px;}
.wbx .mstack{height: auto; padding: 10px 0px 40px;}
.wbx .mstack .f1{position: relative; width: 86%; margin-left: auto; right: auto; top: auto; transform: rotate(3deg);}
.wbx .mstack .badge{inset: auto auto 12% 0px; margin: 0px; width: 190px; height: 190px;}
.wbx .mstack .badge svg{width: 168px; height: 168px;}
.wbx .mstack .badge .bear{width: 56px; height: 45px;}
.wbx .why .ph{height: auto; padding: 10px 0px 40px;}
.wbx .why .ph .w1{position: relative; width: 86%; left: auto; top: auto; transform: rotate(-3deg);}
.wbx .why .ph .badge{inset: auto 0px 10% auto; margin: 0px;}
.wbx .start{padding-bottom: clamp(60px, 7vw, 100px);}
.wbx .table8{padding: clamp(40px, 6vw, 80px) 0px clamp(90px, 11vw, 150px);}
.wbx .table8 .tin{max-width: 900px; margin: 0px auto;}
.wbx .table8 h2{font-family: var(--f-body); font-weight: 500; font-size: clamp(22px, 2.3vw, 30px); line-height: 1.45; max-width: none; margin-bottom: clamp(36px, 4vw, 56px); color: var(--ink);}
.wbx .table8 ul{list-style: none; margin: 0px; padding: 0px;}
.wbx .table8 li{display: flex; align-items: flex-start; gap: 20px; padding: clamp(24px, 2.6vw, 36px) 0px; border-top: 1px solid var(--powder);}
.wbx .table8 li span{font-family: var(--f-head); font-size: clamp(22px, 2.6vw, 36px); line-height: 1.3; color: var(--ink);}
.wbx .table8 .ar{flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; background: var(--pink); color: var(--white); display: grid; place-items: center; margin-top: 0.25em;}
.wbx .table8 .ar svg{width: 18px; height: 18px;}
.wbx .para{height: auto; min-height: clamp(560px, 88vh, 820px); display: flex; align-items: center; justify-content: center;}
.wbx .para .pbg{position: absolute; left: 0px; right: 0px; top: -15%; height: 130%; background-image: url("https://webmola.es/wp-content/uploads/2026/11/woman-using-laptop-shopping-online-and-petting-dog-2023-11-27-05-24-22-utc-scaled-1.jpg"); background-size: cover; background-position: 50% 40%; will-change: transform;}
.wbx .para::after{background: rgba(43, 27, 27, 0.58); z-index: 1;}
.wbx .para .pin{position: relative; z-index: 2; max-width: 820px; text-align: center; padding: clamp(70px, 9vw, 120px) clamp(22px, 5vw, 60px); color: var(--white);}
.wbx .para .pin p{font-size: clamp(17px, 1.5vw, 20px); line-height: 1.65; color: rgba(255, 255, 255, 0.9); margin: 0px auto 12px; max-width: 40em;}
.wbx .para .pin p.q{font-family: var(--f-head); font-size: clamp(28px, 3.6vw, 48px); line-height: 1.25; color: var(--white); margin-bottom: 28px;}
.wbx .para .pin p.end{display: inline-block; font-family: var(--f-head); font-size: clamp(19px, 1.9vw, 25px); color: var(--white); background: var(--pink); border-radius: 999px; padding: 12px 26px; margin-top: 26px;}
.wbx .pc.c2 .bx.biz, .wbx .pc.c6 .bx.biz{background: var(--ink);}
.wbx .pc.c2 .bx.biz p, .wbx .pc.c6 .bx.biz p{color: rgb(255, 248, 245);}
.wbx .pc.c7 .bx.biz p{color: var(--white);}
.wbx .para .pbg{background-image: url("https://webmola.es/wp-content/uploads/2026/11/woman-using-laptop-shopping-online-and-petting-dog-2023-11-27-05-24-22-utc-scaled-1.jpg"), radial-gradient(circle at 25% 30%, rgb(87, 65, 67) 0%, rgb(43, 27, 27) 70%);}
.wbx .ink span{color: var(--powder); transition: color 0.35s;}
.wbx .ink span.on{color: var(--ink);}
.wbx .big-ink{font-family: var(--f-head); font-size: clamp(28px, 3.8vw, 52px); line-height: 1.25; max-width: 22em; margin: 30px auto 0px;}
.wbx .cena-sticker{display: block; width: fit-content; max-width: 100%; background: var(--pink); color: var(--white); border-radius: 28px; padding: clamp(20px, 2.4vw, 30px) clamp(24px, 3vw, 38px); font-family: var(--f-head); font-weight: 400; font-size: clamp(24px, 2.8vw, 38px); line-height: 1.2; margin-bottom: 40px; transform: rotate(-2deg); box-shadow: rgba(255, 14, 99, 0.7) 0px 30px 50px -30px;}
.wbx .much .in{display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(40px, 7vw, 110px); align-items: center;}
.wbx .much h2{font-size: clamp(40px, 5.4vw, 74px); margin-bottom: 30px;}
.wbx .much h2 .s{display: block; color: var(--ink-2); font-size: 0.62em; margin-bottom: 10px;}
.wbx .much p{font-size: 19px; color: var(--ink-2); margin-bottom: 20px;}
.wbx .much p strong{color: var(--ink); font-weight: 600;}
.wbx .much .quote{border-left: 4px solid var(--pink); padding: 6px 0px 6px 24px; font-family: var(--f-head); font-size: clamp(21px, 2.1vw, 27px); line-height: 1.4; color: var(--ink); margin: 34px 0px;}
.wbx .much figure{border-radius: 320px 320px 34px 34px; overflow: hidden; aspect-ratio: 4 / 5; transform: rotate(3deg);}
.wbx .much figure img{width: 100%; height: 100%; object-fit: cover;}
.wbx .say{background: var(--ink); color: rgb(255, 248, 245); border-radius: 40px; margin: 0px 12px;}
.wbx .say .top{text-align: center; margin-bottom: 56px;}
.wbx .say h2{font-size: clamp(34px, 4.4vw, 58px); max-width: 20ch; margin: 0px auto;}
.wbx .say h2 .hl::before{background: var(--pink);}
.wbx .say .hint{color: var(--powder); margin: 18px auto 0px; font-size: 16px;}
.wbx .sgrid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; grid-auto-flow: dense;}
.wbx .sc{color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; align-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-line-count: unset; flex-wrap: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; margin-trim: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; background: rgb(59, 47, 47); border-radius: 26px; padding: 26px 24px; min-height: 170px; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; cursor: pointer; transition: background 0.35s, transform 0.35s;}
.wbx .sc:hover{background: var(--brown); transform: translateY(-3px);}
.wbx .sc:focus-visible{outline: 3px solid var(--pink); outline-offset: 3px;}
.wbx .sc .t{font-family: var(--f-head); font-size: 21px; line-height: 1.3;}
.wbx .sc .m{display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--powder);}
.wbx .sc .m b{width: 36px; height: 36px; border-radius: 50%; background: var(--pink); color: var(--white); display: grid; place-items: center; font-size: 20px; font-weight: 400; transition: transform 0.35s;}
.wbx .sc .a{display: none; font-size: 17px; line-height: 1.7; color: var(--ink);}
.wbx .sc .a strong{font-weight: 600; background: linear-gradient(transparent 60%, rgb(255, 179, 204) 60%);}
.wbx .sc:has(.scr:checked){grid-column: 1 / -1; background: var(--powder-t); color: var(--ink); cursor: default; display: grid; grid-template-columns: 1fr 1.5fr; gap: 40px; padding: clamp(28px, 3.4vw, 44px); transform: none;}
.wbx .sc:has(.scr:checked) .t{font-size: clamp(24px, 2.6vw, 34px);}
.wbx .sc:has(.scr:checked) .a{display: block;}
.wbx .sc:has(.scr:checked) .m{color: var(--brown); align-self: end; justify-content: flex-start; gap: 12px;}
.wbx .sc:has(.scr:checked) .m b{transform: rotate(45deg); background: var(--ink); cursor: pointer;}
.wbx .pz .head{text-align: center; margin-bottom: 60px;}
.wbx .pz .head h2{font-size: clamp(36px, 4.6vw, 64px); max-width: 16ch; margin: 0px auto;}
.wbx .pc{position: sticky; border-radius: 36px; padding: clamp(30px, 4.4vw, 60px); margin-bottom: 36px; min-height: clamp(520px, 64vh, 620px); display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(30px, 5vw, 70px); align-items: start; box-shadow: rgba(43, 27, 27, 0.45) 0px -24px 50px -40px;}
.wbx .pc .k{display: flex; align-items: center; gap: 14px; font-size: 15px; font-weight: 600; color: var(--pink); margin-bottom: 22px;}
.wbx .pc .k i{font-style: normal; font-family: var(--f-head); font-weight: 400; font-size: 15px; padding: 6px 14px; border-radius: 999px; background: var(--white); color: var(--ink);}
.wbx .pc h3{font-size: clamp(46px, 6.4vw, 96px); line-height: 0.95; text-transform: uppercase; word-break: break-word;}
.wbx .pc .qq{font-family: var(--f-head); font-size: clamp(24px, 2.6vw, 36px); color: var(--pink); margin: 14px 0px 26px;}
.wbx .pc .d{font-size: 18px; line-height: 1.7; max-width: 46ch;}
.wbx .pc .boxes{display: grid; gap: 14px; align-self: end;}
.wbx .pc .bx{background: var(--white); border-radius: 24px; padding: 24px 26px;}
.wbx .pc .bx span{display: block; font-size: 14px; font-weight: 600; color: var(--pink); margin-bottom: 8px;}
.wbx .pc .bx p{font-size: 17px; line-height: 1.6; color: var(--ink);}
.wbx .pc .bx.biz{background: var(--ink);}
.wbx .pc .bx.biz span{color: var(--powder);}
.wbx .pc .bx.biz p{color: rgb(255, 248, 245);}
.wbx .pc.c1{background: var(--powder-t); top: 100px;}
.wbx .pc.c2{background: var(--white); top: 116px;}
.wbx .pc.c2 .k i{background: var(--powder-t);}
.wbx .pc.c2 .bx{background: var(--bg);}
.wbx .pc.c3{background: var(--powder); top: 132px;}
.wbx .pc.c4{background: var(--ink); color: rgb(255, 248, 245); top: 148px;}
.wbx .pc.c4 .k{color: var(--powder);}
.wbx .pc.c4 .bx{background: rgb(59, 47, 47);}
.wbx .pc.c4 .bx p{color: rgb(255, 248, 245);}
.wbx .pc.c4 .bx.biz{background: var(--pink);}
.wbx .pc.c4 .bx.biz span{color: rgb(253, 226, 231);}
.wbx .pc.c5{background: var(--powder-t); top: 164px;}
.wbx .pc.c6{background: var(--white); top: 180px;}
.wbx .pc.c6 .k i{background: var(--powder-t);}
.wbx .pc.c6 .bx{background: var(--bg);}
.wbx .pc.c7{background: var(--pink); color: var(--white); top: 196px;}
.wbx .pc.c7 .k{color: rgb(253, 226, 231);}
.wbx .pc.c7 .qq{color: var(--ink);}
.wbx .pc.c7 .bx p{color: var(--ink);}
.wbx .flow .in{display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 7vw, 100px); align-items: start; margin-bottom: 60px;}
.wbx .flow h2{font-size: clamp(36px, 4.6vw, 62px);}
.wbx .flow .copy p{font-size: 18px; color: var(--ink-2); margin-bottom: 18px;}
.wbx .flow .copy p strong{color: var(--ink); font-weight: 600;}
.wbx .steps{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}
.wbx .step{border-radius: 30px; padding: 32px 28px 34px; display: flex; flex-direction: column;}
.wbx .step .tm{font-family: var(--f-head); font-size: clamp(44px, 4.6vw, 64px); line-height: 1; margin-bottom: 6px;}
.wbx .step .lb{font-size: 14px; font-weight: 600; margin-bottom: auto; padding-bottom: 30px;}
.wbx .step p{font-size: 16px; line-height: 1.65;}
.wbx .st1{background: var(--powder-t);}
.wbx .st1 .tm, .wbx .st1 .lb{color: var(--pink);}
.wbx .st2{background: var(--pink); color: var(--white);}
.wbx .st3{background: var(--powder);}
.wbx .st4{background: var(--white);}
.wbx .st4 .tm, .wbx .st4 .lb{color: var(--pink);}
.wbx .mini{margin-top: 30px; border-top: 1px solid var(--powder);}
.wbx .mini .titem .nm{font-size: 19px;}
.wbx .pp .top{text-align: center; margin-bottom: 40px;}
.wbx .pp h2{font-size: clamp(36px, 4.6vw, 64px);}
.wbx .sw{display: inline-flex; background: var(--white); border-radius: 999px; padding: 6px; margin-top: 30px; box-shadow: rgba(43, 27, 27, 0.5) 0px 10px 30px -20px;}
.wbx .sw label{display: inline-block; font: 500 17px/1 var(--f-body); border: 0px; background: transparent; color: var(--ink-2); padding: 16px 28px; border-radius: 999px; cursor: pointer; transition: background 0.35s, color 0.35s;}
.wbx .pp:has(#wbppB:checked) .sw label[for="wbppB"], .wbx .pp:has(#wbppA:checked) .sw label[for="wbppA"]{background: var(--pink); color: var(--white);}
.wbx .pp .hint{font-size: 16px; color: var(--ink-2); margin: 18px auto 0px;}
.wbx .pgrid{display: grid; grid-template-columns: 1fr 1fr; gap: 14px; max-width: 1100px; margin: 0px auto;}
.wbx .pi{background: var(--white); border-radius: 26px; padding: 26px 28px; display: flex; gap: 20px; align-items: flex-start; transition: background 0.5s;}
.wbx .pi .n{flex: 0 0 auto; font-family: var(--f-head); font-size: 15px; color: var(--pink); padding-top: 6px; min-width: 24px;}
.wbx .pi .b{font-family: var(--f-head); font-size: clamp(19px, 1.8vw, 23px); line-height: 1.4; color: var(--ink-2);}
.wbx .pi .a{display: none;}
.wbx .pi .a .tt{font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 600; color: var(--pink); margin-bottom: 8px;}
.wbx .pi .a .w{font-family: var(--f-head); font-size: clamp(19px, 1.8vw, 23px); line-height: 1.4;}
.wbx .pi details{margin-top: 14px;}
.wbx .pi summary{display: inline-block; list-style: none; cursor: pointer; font-size: 15px; font-weight: 500; border-bottom: 2px solid var(--pink); padding-bottom: 2px;}
.wbx .pi summary::-webkit-details-marker{display: none;}
.wbx .pi summary::after{content: " +";}
.wbx .pi details[open] summary::after{content: " −";}
.wbx .pi details p{font-size: 16px; line-height: 1.75; color: var(--ink-2); margin-top: 14px;}
.wbx .pi details p strong{color: var(--ink); font-weight: 600;}
.wbx .pp:has(#wbppA:checked) .pi{background: var(--powder-t);}
.wbx .pp:has(#wbppA:checked) .pi .b{display: none;}
.wbx .pp:has(#wbppA:checked) .pi .a{display: block;}
.wbx .pp .close{text-align: center; max-width: 880px; margin: 70px auto 0px;}
.wbx .pp .close .s{font-size: 17px; color: var(--ink-2); margin: 0px auto 12px;}
.wbx .pp .close .bb{font-family: var(--f-head); font-size: clamp(24px, 3vw, 38px); line-height: 1.3; max-width: none;}
.wbx .why .in{display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(40px, 7vw, 110px); align-items: start;}
.wbx .why .ph{position: sticky; top: 120px; height: clamp(460px, 46vw, 620px);}
.wbx .why .ph figure{position: absolute; width: 66%; aspect-ratio: 4 / 5; border-radius: 30px; overflow: hidden; box-shadow: rgba(43, 27, 27, 0.6) 0px 40px 70px -40px;}
.wbx .why .ph figure img{width: 100%; height: 100%; object-fit: cover;}
.wbx .why .ph .w1{left: 0px; top: 0px; transform: rotate(-6deg);}
.wbx .why .ph .w2{right: 0px; bottom: 0px; transform: rotate(7deg);}
.wbx .why h2{font-size: clamp(40px, 5.4vw, 74px); margin-bottom: 26px;}
.wbx .why .lead{font-family: var(--f-head); font-size: clamp(22px, 2.2vw, 28px); line-height: 1.4; margin-bottom: 26px;}
.wbx .why p{font-size: 18px; color: var(--ink-2); margin-bottom: 18px;}
.wbx .why p strong{color: var(--ink); font-weight: 600;}
.wbx .why .mix{background: var(--pink); color: var(--white); border-radius: 26px; padding: 28px 30px; font-family: var(--f-head); font-size: clamp(21px, 2vw, 26px); line-height: 1.4; margin: 30px 0px; max-width: none;}
.wbx .tgrid{display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px, 5vw, 70px); margin-top: 50px;}
.wbx .tgrid .lbl{margin-bottom: 10px;}
.wbx .hammer{text-align: center; max-width: 860px; margin: 80px auto 0px;}
.wbx .hammer p{font-size: 18px; color: var(--ink-2); margin: 0px auto 14px;}
.wbx .hammer p.bb{font-family: var(--f-head); font-size: clamp(24px, 3vw, 38px); line-height: 1.3; color: var(--ink); max-width: none; margin-top: 26px;}
.wbx .price .in{display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(48px, 7vw, 110px); align-items: start;}
.wbx .price h2{font-size: clamp(38px, 4.8vw, 64px); margin-bottom: 34px;}
.wbx .gets{display: grid; gap: 12px;}
.wbx .get{background: var(--white); border-radius: 24px; padding: 24px 26px;}
.wbx .get b{display: block; font-family: var(--f-head); font-weight: 400; font-size: 21px; line-height: 1.3; margin-bottom: 8px;}
.wbx .get p{font-size: 16px; line-height: 1.65; color: var(--ink-2);}
.wbx .price .rcpt{position: sticky; top: 120px;}
.wbx .cena-sticker{display: inline-block; background: var(--ink); color: var(--cream); border-radius: 999px; padding: 12px 22px; font-size: 15px; font-weight: 500; margin-bottom: 30px; transform: rotate(-2deg);}
.wbx .l0{background: var(--ink); color: rgb(255, 248, 245); border-radius: 40px; margin: 0px 12px;}
.wbx .l0 .in{display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(48px, 7vw, 100px); align-items: start;}
.wbx .l0 h2{font-size: clamp(36px, 4.6vw, 62px); margin-bottom: 30px;}
.wbx .l0 h2 span{color: var(--powder);}
.wbx .l0 p{font-size: 17px; color: var(--powder); margin-bottom: 18px;}
.wbx .l0 p strong{color: rgb(255, 248, 245); font-weight: 600;}
.wbx .l0 .pk2{color: rgb(255, 110, 156);}
.wbx .l0 .box{border: 2px solid var(--pink); border-radius: 26px; padding: 26px 28px; margin: 30px 0px;}
.wbx .l0 .box p{margin: 0px; color: rgb(255, 248, 245);}
.wbx .l0 .box p.t{font-family: var(--f-head); font-size: 22px; color: var(--pink); margin-bottom: 8px;}
.wbx .l0 .qs{list-style: none; margin: 18px 0px 26px;}
.wbx .l0 .qs li{padding: 12px 0px 12px 26px; border-top: 1px solid var(--brown); position: relative; font-size: 17px; color: rgb(255, 248, 245);}
.wbx .l0 .qs li::before{content: ""; position: absolute; left: 0px; top: 21px; width: 9px; height: 9px; border-radius: 50%; background: var(--pink);}
.wbx .calc{position: sticky; top: 120px; background: rgb(59, 47, 47); border-radius: 30px; padding: clamp(26px, 3.4vw, 40px);}
.wbx .calc .ct{font-family: var(--f-head); font-size: 24px; margin-bottom: 6px;}
.wbx .calc .cs{font-size: 14px; color: var(--powder); margin-bottom: 24px;}
.wbx .calc label{display: flex; justify-content: space-between; gap: 10px; font-size: 14px; color: rgb(255, 248, 245); margin: 16px 0px 8px;}
.wbx .calc label b{font-weight: 600; color: var(--pink);}
.wbx .calc input[type="range"]{width: 100%; accent-color: rgb(255, 14, 99);}
.wbx .calc .res{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 28px;}
.wbx .calc .r{border-radius: 20px; padding: 18px 18px 20px; background: var(--ink);}
.wbx .calc .r span{display: block; font-size: 13px; color: var(--powder);}
.wbx .calc .r strong{display: block; font-family: var(--f-head); font-weight: 400; font-size: clamp(32px, 3.4vw, 44px); line-height: 1.1; margin-top: 6px;}
.wbx .calc .r.real{background: var(--pink);}
.wbx .calc .r.real span{color: rgb(253, 226, 231);}
.wbx .calc .verdict{font-family: var(--f-head); font-size: 18px; line-height: 1.5; margin-top: 22px; color: rgb(255, 248, 245);}
.wbx .calc .me{font-size: 14px; color: var(--powder); margin-top: 18px; border-top: 1px solid var(--brown); padding-top: 16px;}
.wbx .calc .me b{color: rgb(255, 248, 245); font-weight: 600;}
.wbx .talk .box{background: var(--powder-t); border-radius: 40px; padding: clamp(40px, 6vw, 90px); display: grid; grid-template-columns: 1.2fr 0.8fr; gap: clamp(40px, 6vw, 80px); align-items: center; position: relative;}
.wbx .talk h2{font-size: clamp(38px, 4.8vw, 64px); margin-bottom: 26px;}
.wbx .talk p{font-size: 18px; color: var(--ink-2); margin-bottom: 16px;}
.wbx .talk p strong{color: var(--ink); font-weight: 600;}
.wbx .talk .two{font-family: var(--f-head); font-size: clamp(21px, 2vw, 26px); line-height: 1.4; color: var(--pink); margin: 28px 0px; max-width: none;}
.wbx .talk .side{background: var(--white); border-radius: 30px; padding: 34px 30px; text-align: center;}
.wbx .talk .side img{width: 110px; height: 110px; border-radius: 50%; object-fit: cover; margin: 0px auto 18px;}
.wbx .talk .side p{font-size: 16px; margin: 0px auto 10px;}
.wbx .talk .side .pill{margin-top: 16px;}
.wbx .talk .side small{display: block; font-size: 13px; color: var(--ink-2); margin-top: 16px;}
.wbx .talk .bw{position: absolute; right: 14%; top: 0px; width: 110px; height: 56px; overflow: hidden; transform: translateY(-100%);}
.wbx .talk .bw svg{width: 110px; height: 88px; display: block; transform: translateY(8%); transition: transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 1);}
.wbx .talk .box:hover .bw svg{transform: translateY(0px);}
.wbx .faq .h2c{margin-bottom: 50px;}
.wbx .fl{max-width: 980px; margin: 0px auto;}
.wbx .fq{background: var(--white); border-radius: 26px; margin-bottom: 10px; transition: background 0.35s;}
.wbx .fq[open]{background: var(--powder-t);}
.wbx .fq .row{color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; margin-trim: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; display: flex; align-items: center; gap: 20px; width: 100%; padding: 22px clamp(20px, 3vw, 34px); cursor: pointer; border-radius: 26px;}
.wbx .fq .row:focus-visible{outline: 3px solid var(--pink); outline-offset: -3px;}
.wbx .fq .ttl{flex: 1 1 0%; font-family: var(--f-head); font-size: clamp(18px, 1.8vw, 22px); line-height: 1.35;}
.wbx .fq .plus{flex: 0 0 auto; width: 42px; height: 42px; border-radius: 50%; background: var(--pink); color: var(--white); display: grid; place-items: center; font-size: 24px; transition: transform 0.35s, background 0.35s;}
.wbx .fq[open] .plus{transform: rotate(45deg); background: var(--ink);}
.wbx .fq .body{display: none; padding: 0px clamp(20px, 3vw, 34px) 30px;}
.wbx .fq[open] .body{display: block;}
.wbx .fq .body p{font-size: 17px; color: var(--ink-2); margin-bottom: 14px; max-width: 68ch;}
.wbx .fq .body p strong{color: var(--ink); font-weight: 600;}
@media (max-width: 1024px){
.wbx .mhero .in, .wbx .start .in, .wbx .much .in, .wbx .flow .in, .wbx .why .in, .wbx .price .in, .wbx .l0 .in, .wbx .talk .box{grid-template-columns: 1fr;}
.wbx .sticker, .wbx .why .ph, .wbx .price .rcpt, .wbx .calc{position: relative; top: 0px;}
.wbx .sgrid{grid-template-columns: 1fr 1fr;}
.wbx .sc:has(.scr:checked){grid-template-columns: 1fr; gap: 18px;}
.wbx .pc{grid-template-columns: 1fr;}
.wbx .steps{grid-template-columns: 1fr 1fr;}
.wbx .pgrid{grid-template-columns: 1fr;}
.wbx .tgrid{grid-template-columns: 1fr;}
.wbx .much figure{max-width: 420px;}
.wbx .mstack{max-width: 560px; width: 100%; margin: 0px auto;}
.wbx .why .ph{max-width: 520px;}
}
@media (max-width: 767px){
.wbx .mhero{padding: 120px 0px 20px;}
.wbx .notes{grid-template-columns: 1fr; padding: 44px 0px 20px;}
.wbx .goals{grid-template-columns: 1fr;}
.wbx .para{margin: 0px 6px; border-radius: 26px; min-height: 0px;}
.wbx .table8 li{gap: 14px;}
.wbx .table8 .ar{width: 28px; height: 28px;}
.wbx .say, .wbx .l0{margin: 0px 6px; border-radius: 28px;}
.wbx .sgrid{grid-template-columns: 1fr;}
.wbx .sc{min-height: 0px;}
.wbx .pc{min-height: 0px; border-radius: 26px; padding: 28px 22px; top: 84px !important;}
.wbx .pc h3{font-size: clamp(36px, 11vw, 56px);}
.wbx .steps{grid-template-columns: 1fr;}
.wbx .sw label{display: inline-block; padding: 14px 18px; font-size: 15px;}
.wbx .calc .res{grid-template-columns: 1fr;}
.wbx .talk .box{border-radius: 28px; padding: 48px 22px 28px;}
.wbx .mstack .badge{width: 110px; height: 110px;}
.wbx .mstack .badge svg{width: 96px; height: 96px;}
.wbx .mstack .badge .bear{width: 30px; height: 26px;}
}
body{background: rgb(255, 248, 245);}
.e-con.wbxc{--padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; padding: 0px !important; max-width: none !important; width: 100% !important;}
.wbxc .elementor-widget-container{padding: 0px; margin: 0px;}
.wbx{font-family: var(--f-body); font-size: 18px; line-height: 1.65; -webkit-font-smoothing: antialiased;}
.wbx .scr, .wbx .scr0, .wbx .ppr{position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none;}
.wbx .sc{position: relative;}
.wbx .sc .op{cursor: pointer;}
.wbx .sc .op::after{content: ""; position: absolute; inset: 0px; border-radius: 26px;}
.wbx .sc .cl{display: none; cursor: pointer;}
.wbx .sc:has(.scr:checked) .op{display: none;}
.wbx .sc:has(.scr:checked) .cl{display: inline;}
.wbx .sc:has(.scr:focus-visible){outline: 3px solid var(--pink); outline-offset: 3px;}
.wbx .pp .hint .ha{display: none;}
.wbx .pp:has(#wbppA:checked) .hint .hb{display: none;}
.wbx .pp:has(#wbppA:checked) .hint .ha{display: inline;}
.wbx details > summary{list-style: none;}
.wbx details > summary::-webkit-details-marker{display: none;}
.wbx .hl::before{transform: scaleX(1);}
@keyframes wbhl2 { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
@keyframes wbrv2 { 
  0% { opacity: 0.16; }
  100% { opacity: 1; }
}
@keyframes wbink2 { 
  0% { color: rgb(191, 165, 167); }
  100% { color: rgb(43, 27, 27); }
}
@keyframes wbspin2 { 
  100% { transform: rotate(720deg); }
}
@keyframes wbpbg { 
  0% { transform: translate3d(0px, -9%, 0px); }
  100% { transform: translate3d(0px, 9%, 0px); }
}
@keyframes wbpar { 
  0% { transform: translate3d(0px, -40px, 0px) scale(1.12); }
  100% { transform: translate3d(0px, 40px, 0px) scale(1.12); }
}
.wbx .reveal p.big span{opacity: 1;}
@supports (animation-timeline: view()){
.wbx .hl::before{animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: wbhl2; animation-timeline: view(); animation-range: entry 100% cover 45%;}
.wbx .reveal p.big span{animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: wbrv2; animation-timeline: view(); animation-range: cover calc(22% + var(--i) / var(--n) * 30%) cover calc(26% + var(--i) / var(--n) * 30%);}
.wbx .ink span{animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: wbink2; animation-timeline: view(); animation-range: cover calc(20% + var(--i) / var(--n) * 30%) cover calc(24% + var(--i) / var(--n) * 30%);}
.wbx .ring{animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: wbspin2; animation-range: normal; animation-timeline: scroll(root);}
.wbx .para .pbg{animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: wbpbg; animation-range: normal; animation-timeline: view();}
.wbx .par img{animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: wbpar; animation-range: normal; animation-timeline: view();}
}
.wbx .pc h3{word-break:normal !important; overflow-wrap:normal !important; hyphens:none !important; font-size:clamp(34px,5.2vw,84px) !important}
/* poprawki */
.wbx{overflow:visible !important;overflow-x:visible !important}
.wbxc, .wbxc .elementor-widget-container, .elementor-widget-html.wbx{overflow:visible !important}
.wbx .mstack .f1{width:100% !important}
.wbx .mhero .in{grid-template-columns:1fr 1fr !important}
.wbx .hammer p{font-family:var(--f-head) !important;font-size:clamp(22px,2.6vw,34px) !important;line-height:1.35 !important;color:var(--ink) !important;max-width:none !important}
.wbx .hammer p.bb{font-size:clamp(26px,3.2vw,42px) !important}
.wbx .cena-sticker{background:var(--pink) !important;color:#fff !important;display:block !important;width:fit-content !important;max-width:100% !important;border-radius:28px !important;padding:clamp(20px,2.4vw,30px) clamp(24px,3vw,38px) !important;font-family:var(--f-head) !important;font-weight:400 !important;font-size:clamp(24px,2.8vw,38px) !important;line-height:1.2 !important;margin:24px 0 40px !important;transform:rotate(-2deg);box-shadow:0 30px 50px -30px rgba(255,14,99,.7) !important}
.wbx .price{padding-top:40px !important}
.wbx .talk .box{grid-template-columns:1fr 1.1fr !important}
.wbx .talk .side{text-align:left !important}
.wbx .talk .side img{margin:0 0 18px !important}
.wbx .tidycal-embed{margin-top:18px;min-height:420px}
@media (max-width:1024px){.wbx .talk .box{grid-template-columns:1fr !important}.wbx .mhero .in{grid-template-columns:1fr !important}}
/* hero: mniej odstępu, większe zdjęcie, przyciski na pierwszym ekranie */
.wbx .mhero{padding:36px 0 30px !important}
.wbx .mhero h1{font-size:clamp(40px,5vw,74px) !important}
.wbx .mhero .txt p.first{margin-top:18px !important}
.wbx .mhero .txt p{margin-top:12px !important}
.wbx .mhero .btns{margin-top:26px !important}
.wbx .mhero .in{grid-template-columns:1fr 1fr !important;gap:clamp(30px,4vw,60px) !important}
.wbx .mstack{padding:0 !important}
.wbx .mstack .f1{width:100% !important;max-width:none !important;aspect-ratio:4/5}
@media (max-width:1024px){.wbx .mhero .in{grid-template-columns:1fr !important}}
/* kółko z logo w hero: mniejsze i niżej */
.wbx .mstack .badge{width:150px !important;height:150px !important;bottom:-4% !important;left:-10px !important}
.wbx .mstack .badge svg{width:132px !important;height:132px !important}
.wbx .mstack .badge .bear{width:44px !important;height:36px !important}
@media (max-width:767px){.wbx .mstack .badge{width:110px !important;height:110px !important}.wbx .mstack .badge svg{width:96px !important;height:96px !important}.wbx .mstack .badge .bear{width:32px !important;height:26px !important}}/* End custom CSS */