@font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/onest-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/onest-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/onest-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/onest-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} :root{--cream: #fff3e4;--surface: #fffaf3;--beige: #f4e6d7;--sand: #e6d6c4;--line: #e8d7c3;--ink: #2d245b;--ink-h: #3d3279;--text: #4a4361;--muted: #847b92;--lav: #9b7fe0;--lav-soft: #ece3fb;--icon: #7a5cc9;--star: #e3a23b;--gut: 16px;--wrap: 1200px;--hdr: 64px;--r: 28px;--display: 'Onest', -apple-system, BlinkMacSystemFont, sans-serif;--g-ink: var(--ink);--g-lav: var(--ink);--on-dark: var(--cream);--beige-2: var(--surface);--lav-text: var(--icon);--lav-2: #c9b6f2} @media (min-width: 760px){:root{--gut: 28px;--hdr: 76px}} *, *::before, *::after{box-sizing: border-box;margin: 0;padding: 0} html{font-size: 16px;-webkit-tap-highlight-color: transparent;scroll-behavior: smooth;background: var(--cream);overflow-x: clip} body{font-family: 'Onest', -apple-system, BlinkMacSystemFont, sans-serif;background: var(--cream);color: var(--ink);min-height: 100vh;-webkit-font-smoothing: antialiased;overflow-x: clip} body.locked{overflow: hidden} a{color: inherit;text-decoration: none} button{font: inherit;color: inherit;background: none;border: 0;cursor: pointer;text-align: inherit} input, textarea, select{font: inherit;color: inherit} img{display: block;max-width: 100%} h1, h2, h3{text-wrap: balance;font-weight: 700} p{text-wrap: pretty} .wrap{max-width: var(--wrap);margin: 0 auto;padding: 0 var(--gut)} :focus-visible{outline: 2px solid var(--lav);outline-offset: 3px;border-radius: 8px} .ic{display: inline-block;flex-shrink: 0;width: 24px;height: 24px} .ic svg{width: 100%;height: 100%;display: block;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round} .ic svg .fill{fill: currentColor;stroke: none} .ic svg .tone{fill: currentColor;stroke: none;opacity: .16} .ic svg .tone-strong{fill: currentColor;stroke: none;opacity: .9} .ic svg .thin{stroke-width: 1;opacity: .55} .dot{width: 7px;height: 7px;margin-top: 10px;border-radius: 50%;background: var(--lav);flex-shrink: 0} .h1{font-family: var(--display);font-weight: 700;letter-spacing: -.03em;font-size: 38px;line-height: 1.06} .h2{font-family: var(--display);font-weight: 700;letter-spacing: -.025em;font-size: 31px;line-height: 1.1} @media (min-width: 760px){.h1{font-size: 56px} .h2{font-size: 42px}} .lead{font-size: 17px;line-height: 1.65;color: var(--text)} .lead + .lead{margin-top: 14px} @media (min-width: 760px){.lead{font-size: 18.5px}} .btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 17px 28px;border-radius: 999px;font-size: 17px;font-weight: 600;line-height: 1.2;white-space: nowrap;transition: background .18s, border-color .18s, color .18s, transform .12s} .btn .ic{width: 19px;height: 19px} .btn:active{transform: scale(.98)} .btn-primary{background: var(--ink);color: var(--cream)} .btn-primary:hover{background: var(--ink-h)} .btn-line{background: transparent;color: var(--ink);border: 1.5px solid rgba(45, 36, 91, .25)} .btn-line:hover{border-color: var(--ink);background: rgba(45, 36, 91, .04)} .btn-soft{background: rgba(45, 36, 91, .07);color: var(--ink)} .btn-soft:hover{background: rgba(45, 36, 91, .12)} .btn-lav{background: var(--cream);color: var(--ink)} .btn-lav:hover{background: #fff} .btn-ghost-dark{background: transparent;color: var(--cream);border: 1.5px solid rgba(255, 243, 228, .35)} .btn-ghost-dark:hover{border-color: var(--cream)} .btn-white{background: var(--cream);color: var(--ink)} .btn-white:hover{background: #fff} .btn-block{display: flex;width: 100%} .btn-sm{padding: 12px 20px;font-size: 15.5px} .btn[disabled]{opacity: .4;pointer-events: none} .link-more{display: inline-flex;align-items: center;gap: 6px;font-size: 17px;font-weight: 600;color: var(--ink);border-bottom: 1.5px solid rgba(45, 36, 91, .2);padding-bottom: 2px;transition: border-color .18s, gap .18s} .link-more .ic{width: 17px;height: 17px} .link-more:hover{border-color: var(--ink);gap: 9px} .chip{display: inline-flex;align-items: center;gap: 6px;font-size: 15px;font-weight: 500;padding: 9px 15px;border-radius: 999px;background: var(--surface);border: 1px solid var(--line);color: var(--ink);white-space: nowrap;transition: border-color .18s} a.chip:hover{border-color: var(--ink)} .chips{display: flex;flex-wrap: wrap;gap: 8px} .chip-demo{background: var(--lav-soft);border-color: transparent;color: var(--ink);font-size: 13px;padding: 6px 11px} .stars{display: inline-flex;align-items: center;gap: 4px;font-weight: 600} .stars .ic{width: 16px;height: 16px;color: var(--star)} .hdr{position: sticky;top: 0;z-index: 50;background: var(--cream);transition: box-shadow .2s} .hdr.scrolled{box-shadow: 0 1px 0 var(--line)} .hdr-in{display: flex;align-items: center;gap: 16px;height: var(--hdr)} .logo{font-family: var(--display);font-weight: 700;font-size: 21px;letter-spacing: -.02em;white-space: nowrap} .nav{display: none;gap: 4px;margin-left: 32px} .nav a{padding: 10px 14px;border-radius: 999px;font-size: 16.5px;font-weight: 500;color: var(--text);transition: background .18s, color .18s} .nav a:hover{background: rgba(45, 36, 91, .06);color: var(--ink)} .nav a.on{color: var(--ink);background: rgba(45, 36, 91, .08)} .hdr-act{display: flex;align-items: center;gap: 8px;margin-left: auto} .hdr-act .btn{padding: 13px 22px;font-size: 16px} .hdr-cab{display: none;font-size: 16.5px;font-weight: 500;color: var(--text);padding: 10px 14px;border-radius: 999px;transition: background .18s, color .18s} .hdr-cab:hover{background: rgba(45, 36, 91, .06);color: var(--ink)} .burger{display: grid;place-items: center;width: 46px;height: 46px;border-radius: 50%;background: rgba(45, 36, 91, .07)} .burger:hover{background: rgba(45, 36, 91, .12)} .burger .ic{width: 22px;height: 22px} @media (max-width: 759px){.hdr-act .btn{display: none}} @media (min-width: 1080px){.nav{display: flex} .hdr-cab{display: inline-flex} .burger{display: none}} main{padding-bottom: 10px;isolation: isolate} .sec{position: relative;padding: 64px 0;scroll-margin-top: calc(var(--hdr) + 8px)} .sec:not(.band) + .sec:not(.band){padding-top: 8px} .band + .band{margin-top: 10px} .band::before{content: '';position: absolute;top: 0;bottom: 0;left: calc(50% - 50vw + 8px);right: calc(50% - 50vw + 8px);border-radius: 28px;z-index: -1} .band.beige::before{background: var(--beige)} .band.dark::before{background: var(--ink)} .band.dark{color: var(--cream)} .sec-title{display: flex;align-items: flex-end;justify-content: space-between;gap: 24px;margin-bottom: 30px} .sec-title > div{max-width: 760px} .sec-title p{font-size: 18px;color: var(--text);line-height: 1.55;margin-top: 12px} .sec-title .side{flex-shrink: 0;margin-bottom: 6px} @media (max-width: 759px){.sec-title{flex-direction: column;align-items: flex-start;gap: 14px} .sec-title .side{margin: 0}} @media (min-width: 760px){.sec{padding: 96px 0} .sec:not(.band) + .sec:not(.band){padding-top: 16px} .band::before{left: calc(50% - 50vw + 16px);right: calc(50% - 50vw + 16px);border-radius: 44px} .sec-title{margin-bottom: 40px} .sec-title p{font-size: 19px}} .grid{display: grid;gap: 14px;grid-template-columns: minmax(0, 1fr)} @media (min-width: 640px){.grid-2, .grid-3, .grid-4{grid-template-columns: repeat(2, minmax(0, 1fr))}} @media (min-width: 1000px){.grid-3{grid-template-columns: repeat(3, minmax(0, 1fr))} .grid-4{grid-template-columns: repeat(4, minmax(0, 1fr))} .grid{gap: 18px}} .center-btn{display: flex;justify-content: center;margin-top: 30px} .rail-box{position: relative} .rail{display: flex;gap: 16px;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;margin: 0 calc(-1 * var(--gut));padding: 4px var(--gut) 8px;scroll-padding: 0 var(--gut)} .rail::-webkit-scrollbar{display: none} .rail > *{scroll-snap-align: start;flex-shrink: 0} .rail-arrow{position: absolute;top: 40%;transform: translateY(-50%);z-index: 3;display: grid;place-items: center;width: 50px;height: 50px;border-radius: 50%;background: var(--ink);color: var(--cream);transition: opacity .2s, background .18s} .rail-arrow:hover{background: var(--ink-h)} .rail-arrow .ic{width: 20px;height: 20px} .rail-arrow.prev{left: -6px} .rail-arrow.next{right: -6px} .rail-arrow.prev .ic{transform: rotate(180deg)} .rail-arrow.off{opacity: 0;pointer-events: none} @media (min-width: 1280px){.rail-arrow.prev{left: -25px} .rail-arrow.next{right: -25px}} .hero{display: grid;gap: 40px;padding: 24px 0 64px;align-items: center} .hero-sub{font-size: 18.5px;line-height: 1.6;color: var(--text);margin-top: 22px;max-width: 560px} .hero-btns{display: grid;gap: 10px;margin-top: 32px} .hero-trust{list-style: none;display: flex;flex-wrap: wrap;gap: 10px 26px;margin-top: 30px;font-size: 16px;font-weight: 500;color: var(--text)} .hero-trust li{display: inline-flex;align-items: center;gap: 9px} .hero-trust .ic{width: 21px;height: 21px;color: var(--icon)} @media (min-width: 640px){.hero-btns{display: flex}} @media (min-width: 1000px){.hero{grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr);gap: 56px;padding: 48px 0 96px} .hero-sub{font-size: 20px} .faces{gap: 16px 12px}} .faces{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px 14px;max-width: 480px;width: 100%;margin: 0 auto} .face{display: flex;flex-direction: column;align-items: center;gap: 10px;font-size: 15.5px;font-weight: 500;color: var(--text)} .face img{width: 100%;aspect-ratio: 1;border-radius: 50%;object-fit: cover;object-position: center 22%;background: #262340;transition: transform .25s, box-shadow .25s} .face:hover img{transform: translateY(-3px);box-shadow: 0 0 0 4px var(--cream), 0 0 0 6px var(--ink)} .face:hover{color: var(--ink)} .faces-all{grid-column: 1 / -1;justify-self: center;margin-top: 8px;display: inline-flex;align-items: center;gap: 6px;font-size: 17px;font-weight: 600;border-bottom: 1.5px solid rgba(45, 36, 91, .2);padding-bottom: 2px;transition: border-color .18s, gap .18s} .faces-all .ic{width: 17px;height: 17px} .faces-all:hover{border-color: var(--ink);gap: 9px} .rq-pills{display: flex;flex-wrap: wrap;gap: 10px} .rq{display: inline-flex;align-items: center;gap: 10px;padding: 15px 22px;border-radius: 999px;background: var(--surface);border: 1.5px solid transparent;font-size: 17px;font-weight: 500;color: var(--ink);transition: border-color .18s, background .18s} .rq .ic{width: 21px;height: 21px;color: var(--icon)} .rq:hover{border-color: rgba(45, 36, 91, .35)} .rq.on{background: var(--ink);color: var(--cream)} .rq.on .ic{color: var(--cream)} .rq-answer{display: none;margin-top: 18px;padding: 26px;border-radius: var(--r);background: var(--surface)} .rq-answer.show{display: block;animation: rise .3s ease} .rq-answer .q{font-size: 20px;font-weight: 600;line-height: 1.45;max-width: 760px} .rq-answer .dl{display: grid;gap: 10px;margin-top: 18px} @media (min-width: 760px){.rq-answer .dl{grid-template-columns: repeat(3, minmax(0, 1fr))}} .rq-dir{display: flex;flex-direction: column;gap: 6px;padding: 18px 20px;border-radius: 20px;border: 1.5px solid var(--line);transition: border-color .18s} .rq-dir:hover{border-color: var(--ink)} .rq-dir b{font-size: 17.5px;font-weight: 600;color: var(--ink)} .rq-dir span{font-size: 15.5px;color: var(--text);line-height: 1.45} .rq-answer .center-btn{justify-content: flex-start;margin-top: 18px} @keyframes rise{from{opacity: 0;transform: translateY(6px)} to{opacity: 1;transform: none}} .dcard{display: flex;flex-direction: column;border-radius: var(--r);background: var(--surface);border: 1.5px solid transparent;overflow: hidden;transition: border-color .2s, transform .2s} .dcard:hover{border-color: var(--ink);transform: translateY(-3px)} .dc-im{display: block;aspect-ratio: 4 / 3;overflow: hidden;background: var(--sand)} .dc-im img{width: 100%;height: 100%;object-fit: cover;transition: transform .4s} .dcard:hover .dc-im img{transform: scale(1.04)} .dc-bd{display: flex;flex-direction: column;flex: 1;padding: 18px 20px 20px} .dc-t{display: flex;align-items: flex-start;gap: 10px;font-size: 19px;font-weight: 700;line-height: 1.25;letter-spacing: -.01em} .dc-t .ic{width: 24px;height: 24px;color: var(--icon);margin-top: -1px} .dc-p{font-size: 16px;line-height: 1.5;color: var(--text);margin-top: 8px} .dc-n{display: inline-flex;align-items: center;gap: 6px;margin-top: auto;padding-top: 16px;font-size: 15.5px;font-weight: 600;color: var(--ink)} .dc-n .ic{width: 16px;height: 16px;transition: transform .2s} .dcard:hover .dc-n .ic{transform: translateX(3px)} .steps{list-style: none;display: grid;gap: 14px} .step{padding: 24px;border-radius: var(--r);border: 1.5px solid var(--line)} .step .num{display: grid;place-items: center;width: 40px;height: 40px;border-radius: 50%;background: var(--lav-soft);color: var(--ink);font-size: 18px;font-weight: 700} .step h3{font-size: 20px;line-height: 1.25;margin-top: 18px;letter-spacing: -.01em} .step p{font-size: 16.5px;line-height: 1.55;color: var(--text);margin-top: 8px} @media (min-width: 760px){.steps{grid-template-columns: repeat(2, minmax(0, 1fr))}} @media (min-width: 1080px){.steps{grid-template-columns: repeat(4, minmax(0, 1fr));gap: 18px}} .band.beige .step{border-color: transparent;background: var(--surface)} .irina{display: grid;gap: 32px;align-items: center} .irina .h2{color: var(--cream)} .irina p{font-size: 18px;line-height: 1.65;opacity: .88;margin-top: 20px;max-width: 540px} .irina .sign{margin-top: 26px;font-size: 16px} .irina .sign b{display: block;font-size: 20px;font-weight: 700} .irina .sign span{opacity: .7} .irina-ph{border-radius: var(--r);overflow: hidden;aspect-ratio: 1 / 1.05} .irina-ph img{width: 100%;height: 100%;object-fit: cover;object-position: center 20%} @media (min-width: 900px){.irina{grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);gap: 64px}} .honest{padding: 24px;border-radius: var(--r);border: 1.5px solid var(--line)} .honest .ic{width: 28px;height: 28px;color: var(--icon)} .honest h3{font-size: 20px;line-height: 1.25;margin-top: 16px;letter-spacing: -.01em} .honest p{font-size: 16px;line-height: 1.55;color: var(--text);margin-top: 8px} .mcard{position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 28px 22px 20px;border-radius: var(--r);background: var(--surface);border: 1.5px solid transparent;transition: border-color .2s, transform .2s} .mcard:hover{border-color: var(--ink);transform: translateY(-3px)} .mc-ph{position: relative;width: 168px;height: 168px} .mc-ph img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;object-position: center 22%;background: #262340} .mc-play{position: absolute;right: 8px;bottom: 8px;display: grid;place-items: center;width: 40px;height: 40px;border-radius: 50%;background: var(--cream);color: var(--ink);box-shadow: 0 2px 8px rgba(45, 36, 91, .18)} .mc-play .ic{width: 15px;height: 15px;margin-left: 2px} .mc-play .ic svg{fill: currentColor;stroke: none} .mc-demo{position: absolute;left: 16px;top: 16px;font-size: 12.5px;font-weight: 600;padding: 5px 10px;border-radius: 999px;background: var(--lav-soft)} .mc-nm{font-size: 22px;font-weight: 700;letter-spacing: -.015em;line-height: 1.2;margin-top: 18px} .mc-badges{display: flex;flex-wrap: wrap;justify-content: center;gap: 6px;margin-top: 12px} .bdg{display: inline-flex;align-items: center;gap: 5px;font-size: 14.5px;font-weight: 500;padding: 6px 12px;border-radius: 10px;background: var(--beige);color: var(--ink)} .bdg .ic{width: 15px;height: 15px;color: var(--star)} .mc-fmt{font-size: 16px;color: var(--ink);margin-top: 14px} .mc-info{display: block;width: 100%;text-align: left} .mc-info + .mc-info{margin-top: 12px} .mc-info .lbl{display: block;font-size: 14.5px;color: var(--muted)} .mc-info .val{display: block;font-size: 16px;line-height: 1.45;margin-top: 3px;color: var(--ink)} .mc-info .val em{font-style: normal;color: var(--icon)} .mc-cta{display: flex;flex-direction: column;align-items: center;gap: 3px;width: 100%;padding: 13px 10px;border-radius: 18px;background: var(--lav-soft);transition: background .18s, color .18s} .mc-body{display: block;width: 100%;flex: 1;margin: 16px 0 18px;padding-top: 16px;border-top: 1px solid var(--line)} .mc-cta b{font-size: 17px;font-weight: 600} .mc-cta small{font-size: 13.5px;color: var(--muted);transition: color .18s} .mcard:hover .mc-cta{background: var(--ink);color: var(--cream)} .mcard:hover .mc-cta small{color: rgba(255, 243, 228, .7)} .rail .mcard{width: 330px} .band.beige .mcard{background: var(--surface)} .helpcard{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 14px;padding: 30px 28px;border-radius: var(--r);background: var(--ink);color: var(--cream)} .helpcard h3{font-size: 26px;line-height: 1.15;letter-spacing: -.02em} .helpcard p{font-size: 17px;line-height: 1.5;opacity: .85} .rv{display: flex;flex-direction: column;padding: 26px;border-radius: var(--r);background: var(--surface)} .rv .q{font-size: 17px;line-height: 1.6;color: var(--text)} .rv .q.clamp{display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden} .rv .more{margin-top: 10px;font-size: 16px;font-weight: 600;color: var(--ink);align-self: flex-start;border-bottom: 1.5px solid rgba(45, 36, 91, .2)} .rv .more:hover{border-color: var(--ink)} .rv .who{display: flex;align-items: center;gap: 12px;margin-top: auto;padding-top: 20px} .rv .who .av{display: grid;place-items: center;width: 40px;height: 40px;border-radius: 50%;background: var(--beige);color: var(--ink);font-weight: 600;font-size: 15px;flex-shrink: 0;object-fit: cover} .rv .who .av .ic{width: 17px;height: 17px;color: var(--icon)} .rv .who b{font-size: 16px;display: block;font-weight: 600;color: var(--ink)} .rv .who b a:hover{text-decoration: underline} .rv .who span{font-size: 14.5px;color: var(--muted)} .rail .rv{width: 340px} @media (min-width: 760px){.rail .rv{width: 420px}} .band.beige .rv{background: var(--surface)} .sec:not(.band) .rv{background: var(--beige)} .faq-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 20px;margin-bottom: 30px} .faq-head .btn{display: none} @media (min-width: 760px){.faq-head .btn{display: inline-flex} .faq-head{margin-bottom: 40px}} .faq{display: grid;gap: 10px} .faq details{background: var(--beige);border-radius: 22px;transition: background .18s} .faq details:hover{background: #efdfcd} .faq summary{list-style: none;display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 24px 28px;cursor: pointer;font-size: 19px;font-weight: 600;line-height: 1.4} .faq summary::-webkit-details-marker{display: none} .faq summary .pm{position: relative;width: 18px;height: 18px;flex-shrink: 0} .faq summary .pm::before, .faq summary .pm::after{content: '';position: absolute;left: 0;right: 0;top: 50%;height: 2px;border-radius: 1px;background: var(--ink);transition: transform .25s} .faq summary .pm::after{transform: rotate(90deg)} .faq details[open] summary .pm::after{transform: rotate(0deg)} .faq .a{padding: 0 28px 26px;font-size: 17.5px;line-height: 1.6;color: var(--text)} .faq .a a{text-decoration: underline} .faq .a p + p{margin-top: 10px} .cta{margin-top: 24px;padding: 48px 24px;border-radius: 28px;background: var(--ink);color: var(--cream)} .cta .h2{color: var(--cream);max-width: 720px} .cta p{font-size: 18.5px;line-height: 1.55;opacity: .82;margin-top: 14px;max-width: 600px} .cta .btns{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 28px} @media (min-width: 760px){.cta{padding: 64px 56px;border-radius: 44px}} .foot{margin-top: 64px;padding: 34px 0 26px;border-top: 1px solid var(--line);display: grid;gap: 24px;font-size: 16px;color: var(--text)} .foot .logo{display: inline-block;font-size: 19px;color: var(--ink)} .foot p{margin-top: 10px;color: var(--muted);line-height: 1.55;max-width: 320px} .foot h4{font-size: 14.5px;font-weight: 600;color: var(--muted);margin-bottom: 10px} .foot a{display: block;padding: 4px 0;transition: color .18s} .foot a:hover{color: var(--ink);text-decoration: underline} .foot-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 8px;padding-bottom: 16px;font-size: 14.5px;color: var(--muted)} .foot-bottom a{text-decoration: underline;text-underline-offset: 3px} .foot-bottom a:hover{color: var(--ink)} @media (min-width: 760px){.foot{grid-template-columns: 1.4fr 1fr 1fr 1fr}} .proto-note{font-size: 13.5px;color: var(--muted);text-align: center;padding-bottom: 24px} .crumbs{display: flex;align-items: center;flex-wrap: wrap;gap: 6px;font-size: 15.5px;color: var(--muted);padding-top: 10px} .crumbs a{color: var(--text)} .crumbs a:hover{color: var(--ink);text-decoration: underline} .crumbs .ic{width: 14px;height: 14px;opacity: .5} .dhero{display: grid;gap: 34px;padding: 22px 0 64px;align-items: center} .dhero .promise{font-size: 21px;font-weight: 600;line-height: 1.4;margin-top: 20px} .dhero .sub{font-size: 18.5px;line-height: 1.6;color: var(--text);margin-top: 12px;max-width: 580px} .dhero .btns{display: grid;gap: 10px;margin-top: 28px} .facts{display: flex;flex-wrap: wrap;gap: 10px 26px;margin-top: 28px;font-size: 16px;font-weight: 500;color: var(--text)} .facts span{display: inline-flex;align-items: center;gap: 9px} .facts .ic{width: 21px;height: 21px;color: var(--icon)} .dimg{border-radius: var(--r);overflow: hidden;aspect-ratio: 4 / 3.3;background: var(--sand)} .dimg img{width: 100%;height: 100%;object-fit: cover} @media (min-width: 640px){.dhero .btns{display: flex}} @media (min-width: 1000px){.dhero{grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);gap: 64px;padding-bottom: 96px} .dhero .promise{font-size: 23px}} .what{display: grid;gap: 28px;align-items: start} .what .quote{padding: 4px 0 4px 26px;border-left: 3px solid var(--lav);font-size: 21px;line-height: 1.5;font-weight: 500} .what .quote small{display: block;font-size: 16px;font-weight: 400;color: var(--muted);margin-top: 14px} @media (min-width: 900px){.what{grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);gap: 64px} .what .quote{margin-top: 76px}} .asks{display: grid;gap: 26px 48px} .ask{display: grid;grid-template-columns: 8px minmax(0, 1fr);gap: 16px} .ask h3{font-size: 19.5px;line-height: 1.35;letter-spacing: -.01em} .ask p{font-size: 17px;line-height: 1.55;color: var(--text);margin-top: 6px} @media (min-width: 760px){.asks{grid-template-columns: 1fr 1fr}} .dlinks{display: flex;flex-wrap: wrap;gap: 10px} .dlinks a{padding: 14px 22px;border-radius: 999px;background: var(--beige);font-size: 17px;font-weight: 500;border: 1.5px solid transparent;transition: border-color .18s} .dlinks a:hover{border-color: var(--ink)} .prep{list-style: none} .prep li{display: grid;grid-template-columns: 8px minmax(0, 1fr);gap: 12px;font-size: 17px;line-height: 1.55;color: var(--text)} .prep li + li{margin-top: 8px} .prep li .dot{margin-top: 10px} .stick{position: fixed;left: 0;right: 0;bottom: 0;z-index: 40;padding: 10px var(--gut) max(10px, env(safe-area-inset-bottom));background: var(--cream);border-top: 1px solid var(--line);display: flex;align-items: center;gap: 12px;transform: translateY(110%);transition: transform .3s} .stick.show{transform: none} .stick .tx{flex: 1;min-width: 0;font-size: 15px;color: var(--text);line-height: 1.35} .stick .tx b{display: block;font-size: 16.5px;color: var(--ink)} .stick .btn{padding: 14px 22px} @media (min-width: 1000px){.stick{display: none}} .cat-head{padding: 20px 0 0} .cat-head .h1{margin-top: 18px} .cat-head p{font-size: 19px;color: var(--text);line-height: 1.55;margin-top: 16px;max-width: 640px} .filters{margin-top: 30px} .ftabs{display: flex;gap: 8px;overflow-x: auto;scrollbar-width: none;padding: 2px 0} .ftabs::-webkit-scrollbar{display: none} .ftab{display: inline-flex;align-items: center;gap: 8px;padding: 13px 20px;border-radius: 999px;background: var(--beige);border: 1.5px solid transparent;font-size: 16.5px;font-weight: 500;white-space: nowrap;flex-shrink: 0;transition: border-color .18s} .ftab:hover{border-color: rgba(45, 36, 91, .35)} .ftab .ic{width: 20px;height: 20px;color: var(--icon)} .ftab .n{color: var(--muted)} .ftab.on{background: var(--ink);color: var(--cream)} .ftab.on .ic, .ftab.on .n{color: rgba(255, 243, 228, .75)} .frow{display: flex;align-items: center;gap: 8px;margin-top: 10px;flex-wrap: wrap} .fsel{position: relative;display: inline-block} .fsel select{appearance: none;-webkit-appearance: none;padding: 13px 42px 13px 18px;border-radius: 999px;border: 1.5px solid var(--line);background: transparent;font-size: 16px;font-weight: 500;color: var(--ink);cursor: pointer;transition: border-color .18s} .fsel select:hover{border-color: var(--ink)} .fsel .ic{position: absolute;right: 15px;top: 50%;transform: translateY(-50%) rotate(90deg);width: 15px;height: 15px;color: var(--muted);pointer-events: none} .ftoggle{display: inline-flex;align-items: center;gap: 8px;padding: 13px 18px;border-radius: 999px;border: 1.5px solid var(--line);font-size: 16px;font-weight: 500;transition: border-color .18s} .ftoggle:hover{border-color: var(--ink)} .ftoggle .dotg{width: 8px;height: 8px;border-radius: 50%;background: #3fa66b} .ftoggle.on{background: var(--ink);color: var(--cream);border-color: var(--ink)} .fsearch{display: flex;align-items: center;gap: 8px;padding: 0 18px;border-radius: 999px;border: 1.5px solid var(--line);flex: 1;min-width: 220px;max-width: 360px;margin-left: auto;transition: border-color .18s} .fsearch:hover, .fsearch:focus-within{border-color: var(--ink)} .fsearch .ic{width: 18px;height: 18px;color: var(--muted)} .fsearch input{border: 0;outline: 0;background: none;padding: 13px 0;font-size: 16px;width: 100%} @media (max-width: 759px){.frow{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)} .fsearch{grid-column: 1 / -1;order: -1;max-width: none;margin: 0} .ftoggle{grid-column: 1 / -1;justify-content: center;order: 2} .fsel{display: block} .fsel select{width: 100%}} .cat-count{font-size: 17px;color: var(--muted);margin: 26px 0 16px} .cat-count b{color: var(--ink);font-weight: 600} .cat-dirnote{margin-top: 20px;font-size: 17px;color: var(--text)} .cat-dirnote a{color: var(--ink);font-weight: 600;text-decoration: underline;text-underline-offset: 3px} .empty{padding: 40px 20px;text-align: center;color: var(--muted);font-size: 17px} .irina-note{margin-top: 36px;padding: 22px 26px;border-radius: 22px;border: 1.5px solid var(--line);font-size: 17px;line-height: 1.55;color: var(--text)} .irina-note b{color: var(--ink)} .irina-note a{color: var(--ink);font-weight: 600;text-decoration: underline;text-underline-offset: 3px;white-space: nowrap} .mhero{display: grid;gap: 28px;padding: 18px 0 64px} .mh-photo{position: relative;display: block;width: 100%;max-width: 360px;aspect-ratio: 1;border-radius: 50%;overflow: hidden;background: #262340} .mh-photo img{width: 100%;height: 100%;object-fit: cover;object-position: center 22%;transition: transform .4s} .mh-photo:hover img{transform: scale(1.03)} .mh-photo .play{position: absolute;left: 50%;bottom: 18px;transform: translateX(-50%);display: inline-flex;align-items: center;gap: 8px;padding: 8px 16px 8px 8px;border-radius: 999px;background: var(--cream);font-size: 15px;font-weight: 600;white-space: nowrap} .mh-photo .play i{display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;background: var(--ink);color: var(--cream)} .mh-photo .play i .ic{width: 12px;height: 12px;margin-left: 2px} .mh-photo .play i .ic svg{fill: currentColor;stroke: none} .mh-info .role{font-size: 19px;line-height: 1.5;color: var(--text);margin-top: 16px} .mh-meta{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 18px} .mh-meta > *{display: inline-flex;align-items: center;gap: 6px;font-size: 15.5px;font-weight: 500;padding: 7px 13px;border-radius: 10px;background: var(--beige)} .mh-meta .ic{width: 16px;height: 16px;color: var(--star)} .mh-meta a:hover{background: #efdfcd} .mh-info .chips{margin-top: 18px} .mh-verified{display: flex;align-items: center;gap: 10px;margin-top: 20px;font-size: 16.5px;color: var(--text)} .mh-verified .ic{width: 21px;height: 21px;color: var(--icon)} .chip-demo-inline{display: inline-block;margin-bottom: 14px} @media (min-width: 760px){.mhero{grid-template-columns: 300px minmax(0, 1fr);gap: 40px;align-items: start}} @media (min-width: 1080px){.mhero{grid-template-columns: 320px minmax(0, 1fr) 380px;gap: 44px;padding-top: 28px}} .book{padding: 26px 24px;border-radius: var(--r);background: var(--beige)} .book h3{font-size: 23px;line-height: 1.15;letter-spacing: -.02em} .book .fmt{font-size: 16px;color: var(--text);margin-top: 8px} .book .btn{margin-top: 18px} .book .dar{font-size: 15px;color: var(--text);line-height: 1.5;margin-top: 14px;text-align: center} .book .dar b{color: var(--ink)} .mhero .book{display: none} @media (min-width: 1080px){.mhero .book{display: block;position: sticky;top: calc(var(--hdr) + 16px)}} .days{display: flex;gap: 6px;overflow-x: auto;scrollbar-width: none;margin-top: 16px;padding-bottom: 2px} .days::-webkit-scrollbar{display: none} .day{flex-shrink: 0;width: 60px;padding: 10px 0;border-radius: 16px;text-align: center;background: var(--surface);border: 1.5px solid transparent;transition: border-color .18s} .day:hover{border-color: rgba(45, 36, 91, .35)} .day small{display: block;font-size: 13.5px;color: var(--muted);font-weight: 500} .day b{display: block;font-size: 18px;font-weight: 600;margin-top: 2px} .day.off{opacity: .35;pointer-events: none} .day.on{background: var(--ink);color: var(--cream)} .day.on small{color: rgba(255, 243, 228, .7)} .slots{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 6px;margin-top: 10px} .slot{padding: 13px 0;text-align: center;border-radius: 999px;background: var(--surface);border: 1.5px solid transparent;font-size: 16.5px;font-weight: 600;transition: border-color .18s} .slot:hover{border-color: rgba(45, 36, 91, .35)} .slot.on{background: var(--ink);color: var(--cream)} .tz{font-size: 14.5px;color: var(--muted);margin-top: 10px} .about{display: grid;gap: 40px} .about-txt p{font-size: 18px;line-height: 1.7;color: var(--text)} .about-txt p + p{margin-top: 14px} .about-txt.clamped{max-height: 300px;overflow: hidden;position: relative} .about-txt.clamped::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 90px;background: linear-gradient(180deg, rgba(244, 230, 215, 0), var(--beige))} .helps{display: grid;gap: 14px} .help-i{display: grid;grid-template-columns: 8px minmax(0, 1fr);gap: 14px;font-size: 17.5px;line-height: 1.5;color: var(--text)} .sub-h{font-size: 28px;line-height: 1.1;letter-spacing: -.02em;margin-bottom: 22px} .sub-h2{font-size: 22px;line-height: 1.15;letter-spacing: -.015em;margin: 34px 0 16px} @media (min-width: 1000px){.about{grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);gap: 72px}} .video{position: relative;aspect-ratio: 16 / 9;border-radius: 22px;overflow: hidden;background: var(--ink)} .video img{width: 100%;height: 100%;object-fit: cover;object-position: center 25%;opacity: .55} .video .play-big{position: absolute;inset: 0;display: grid;place-items: center;color: var(--cream);text-align: center} .video .play-big i{display: grid;place-items: center;width: 64px;height: 64px;border-radius: 50%;background: var(--cream);color: var(--ink);margin: 0 auto 10px} .video .play-big i .ic{width: 24px;height: 24px;margin-left: 4px} .video .play-big i .ic svg{fill: currentColor;stroke: none} .video .play-big span{font-size: 16.5px;font-weight: 600} .test{padding-bottom: 40px} .test-head{margin: 18px 0 32px} .test-head p{max-width: 640px} .test-head p{font-size: 19.5px;color: var(--text);line-height: 1.55;margin-top: 16px} .test-card{padding: 30px 22px 26px;border-radius: 36px;background: var(--beige)} .test-card.wide{background: transparent;padding: 0} @media (min-width: 760px){.test-card{padding: 44px 48px 36px;border-radius: 44px}} .tbar{display: flex;align-items: center;gap: 16px;font-size: 16px;font-weight: 600;color: var(--muted)} .tbar span{white-space: nowrap} .tprog{flex: 1;height: 6px;border-radius: 3px;background: var(--sand);overflow: hidden} .tprog i{display: block;height: 100%;border-radius: 3px;background: var(--ink);transition: width .3s} .tq{font-size: 30px;line-height: 1.15;letter-spacing: -.025em;margin: 22px 0} @media (min-width: 760px){.tq{font-size: 36px}} .topts{display: grid;gap: 10px} @media (min-width: 760px){.topts{grid-template-columns: 1fr 1fr}} .topt{display: flex;align-items: center;gap: 14px;padding: 19px 20px;border-radius: 22px;background: var(--surface);border: 1.5px solid transparent;font-size: 18px;font-weight: 500;line-height: 1.35;text-align: left;transition: border-color .18s} .topt:hover{border-color: rgba(45, 36, 91, .4)} .topt.on{border-color: var(--ink)} .topt .ic{width: 26px;height: 26px;color: var(--icon);flex-shrink: 0} .topt .dot{margin-top: 0} .tback{display: inline-flex;align-items: center;gap: 6px;margin-top: 22px;font-size: 17px;font-weight: 600;color: var(--text)} .tback:hover{color: var(--ink)} .tback .ic{width: 18px;height: 18px} .tres{padding-top: 22px} .tres-top{display: flex;align-items: flex-end;justify-content: space-between;gap: 20px;margin-bottom: 28px} .tres-k{font-size: 17px;font-weight: 600;color: var(--muted)} .tres-h{font-size: 34px;line-height: 1.1;letter-spacing: -.025em;margin-top: 6px} .tres-why{font-size: 19px;line-height: 1.5;color: var(--text);margin-top: 8px;max-width: 700px} @media (min-width: 760px){.tres-h{font-size: 44px}} @media (max-width: 759px){.tres-top{flex-direction: column;align-items: flex-start}} .tres-foot{text-align: center;margin-top: 22px;font-size: 16.5px;color: var(--muted)} .tres-foot a, .tres-foot button{color: var(--ink);font-weight: 600;text-decoration: underline;text-underline-offset: 3px} .reveal{opacity: 0;transform: translateY(12px);transition: opacity .5s ease, transform .5s ease} .reveal.in{opacity: 1;transform: none} @media (prefers-reduced-motion: reduce){.reveal{opacity: 1;transform: none;transition: none} html{scroll-behavior: auto}} .sheet-bg{position: fixed;inset: 0;z-index: 90;background: rgba(45, 36, 91, .4);opacity: 0;pointer-events: none;transition: opacity .25s} .sheet-bg.show{opacity: 1;pointer-events: auto} .sheet{position: fixed;left: 0;right: 0;bottom: 0;z-index: 91;max-height: 92vh;display: flex;flex-direction: column;background: var(--cream);border-radius: 32px 32px 0 0;transform: translateY(105%);transition: transform .32s cubic-bezier(.2, .8, .2, 1)} .sheet.show{transform: none} .sheet-grip{width: 40px;height: 5px;border-radius: 3px;background: var(--sand);margin: 8px auto 0;flex-shrink: 0} .sheet-hd{display: flex;align-items: center;gap: 12px;padding: 14px 20px 12px;flex-shrink: 0} .sheet-hd .ttl{flex: 1;min-width: 0;font-family: var(--display);font-weight: 700;letter-spacing: -.025em;font-size: 25px;line-height: 1.05} .sheet-hd .ttl small{display: block;font-family: 'Onest', sans-serif;font-size: 16px;color: var(--muted);margin-top: 6px;line-height: 1.35} .sheet-x, .sheet-back{display: grid;place-items: center;width: 40px;height: 40px;border-radius: 50%;background: rgba(45, 36, 91, .07);flex-shrink: 0} .sheet-x .ic, .sheet-back .ic{width: 18px;height: 18px} .sheet-back .ic{transform: rotate(180deg)} .sheet-bd{overflow-y: auto;padding: 4px 20px 20px} .sheet-ft{flex-shrink: 0;padding: 12px 20px max(14px, env(safe-area-inset-bottom));border-top: 1px solid var(--line)} @media (min-width: 760px){.sheet{left: 50%;top: 50%;bottom: auto;right: auto;width: 580px;max-height: 88vh;border-radius: 34px;transform: translate(-50%, -46%) scale(.98);opacity: 0;pointer-events: none;transition: transform .25s, opacity .25s} .sheet.show{transform: translate(-50%, -50%);opacity: 1;pointer-events: auto} .sheet-grip{display: none} .sheet-hd{padding: 22px 26px 12px} .sheet-bd{padding: 4px 26px 24px} .sheet-ft{padding: 14px 26px 20px}} .bk-steps{display: flex;gap: 6px;margin: 0 0 18px} .bk-steps i{flex: 1;height: 4px;border-radius: 2px;background: var(--sand)} .bk-steps i.on{background: var(--ink)} .bk-master{display: flex;align-items: center;gap: 12px;padding: 12px;margin-bottom: 16px;border-radius: 24px;background: var(--beige-2)} .bk-master img{width: 48px;height: 48px;border-radius: 16px;object-fit: cover;object-position: center 20%} .bk-master b{display: block;font-size: 18px;font-weight: 600} .bk-master span{display: block;font-size: 15.5px;color: var(--muted);margin-top: 2px} .bk-label{font-size: 16px;font-weight: 600;color: var(--ink);margin: 18px 0 8px} .opt{display: flex;align-items: flex-start;gap: 12px;width: 100%;padding: 16px;border-radius: 22px;background: var(--beige-2);border: 1.5px solid transparent;text-align: left} .opt + .opt{margin-top: 8px} .opt .radio{width: 20px;height: 20px;border-radius: 50%;border: 2px solid var(--sand);flex-shrink: 0;margin-top: 1px;position: relative} .opt.on{border-color: var(--ink)} .opt.on .radio{border-color: var(--ink)} .opt.on .radio::after{content: '';position: absolute;inset: 3px;border-radius: 50%;background: var(--ink)} .opt b{display: block;font-size: 18px;font-weight: 600;color: var(--ink)} .opt span{display: block;font-size: 15.5px;color: var(--muted);margin-top: 3px;line-height: 1.4} .field{display: block} .field + .field{margin-top: 10px} .field input, .field textarea{width: 100%;padding: 15px 18px;border-radius: 20px;border: 1px solid var(--line);background: #fffaf3;font-size: 18.5px;outline: 0} .field textarea{min-height: 88px;resize: vertical;line-height: 1.5} .field input:focus, .field textarea:focus{border-color: var(--lav)} .field small{display: block;font-size: 15px;color: var(--muted);margin-top: 6px} .msgr{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 6px} .msgr button{display: flex;align-items: center;justify-content: center;gap: 6px;padding: 12px 6px;border-radius: 999px;background: var(--beige-2);border: 1.5px solid transparent;font-size: 16.5px;font-weight: 500} .msgr button .ic{width: 17px;height: 17px} .msgr button.on{border-color: var(--ink)} .bk-note{padding: 14px 16px;border-radius: 20px;background: var(--beige-2);font-size: 16px;line-height: 1.5;color: var(--text);margin-top: 16px} .bk-legal{font-size: 14.5px;color: var(--muted);line-height: 1.5;margin-top: 10px;text-align: center} .bk-legal a{text-decoration: underline} .done{text-align: center;padding: 4px 0} .done .ok{display: grid;place-items: center;width: 64px;height: 64px;border-radius: 50%;margin: 0 auto;background: var(--lav-soft);color: var(--ink)} .done .ok .ic{width: 30px;height: 30px} .done h3{font-family: var(--display);font-weight: 700;letter-spacing: -.025em;font-size: 32px;line-height: 1.05;margin-top: 16px} .done p{font-size: 17px;color: var(--text);line-height: 1.55;margin-top: 10px} .ticket{margin-top: 18px;text-align: left;padding: 18px;border-radius: 24px;background: var(--beige-2)} .ticket-row{display: flex;align-items: center;gap: 12px} .ticket-row + .ticket-row{margin-top: 12px;padding-top: 12px;border-top: 1px solid var(--line)} .ticket-row .ic{width: 20px;height: 20px;color: var(--lav-text);flex-shrink: 0} .ticket-row b{display: block;font-size: 17px;font-weight: 600;color: var(--ink)} .ticket-row span{display: block;font-size: 15.5px;color: var(--muted);margin-top: 1px;line-height: 1.4} .prep{margin-top: 18px;text-align: left} .prep h4{font-size: 17px;margin-bottom: 10px} .mnav-main{display: grid;gap: 8px;margin-bottom: 20px} .mnav-main a{display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;border-radius: 22px;background: var(--beige-2);font-size: 19px;font-weight: 600} .mnav-main a .ic{width: 18px;height: 18px;opacity: .5} .mnav{display: flex;flex-wrap: wrap;gap: 8px} .mnav a{padding: 11px 16px;border-radius: 999px;background: var(--beige-2);font-size: 16.5px;font-weight: 500} .mnav-label{font-size: 15px;font-weight: 600;color: var(--muted);margin: 6px 0 10px} .care-btns{display: grid;gap: 8px} .cab-tabs{display: inline-flex;gap: 4px;padding: 5px;border-radius: 999px;background: var(--beige-2);margin-top: 26px} .cab-tabs button{padding: 10px 20px;border-radius: 999px;font-size: 17px;font-weight: 500;color: var(--text)} .cab-tabs button.on{background: var(--g-ink);color: var(--on-dark)} .sess{display: grid;gap: 16px;padding: 22px;border-radius: 32px;background: var(--beige-2)} .sess-top{display: flex;align-items: center;gap: 14px} .sess-top img{width: 60px;height: 60px;border-radius: 20px;object-fit: cover;object-position: center 20%} .sess-top b{display: block;font-size: 19.5px;font-weight: 600} .sess-top span{display: block;font-size: 16px;color: var(--muted);margin-top: 2px} .sess-when{font-size: 18px;color: var(--text)} .sess-when b{color: var(--ink);font-weight: 600} .sess-acts{display: grid;gap: 8px} @media (min-width: 640px){.sess-acts{grid-template-columns: 1.4fr 1fr 1fr}} .sess-live{display: flex;align-items: center;gap: 8px;font-size: 16px;color: var(--text)} .sess-live i{width: 8px;height: 8px;border-radius: 50%;background: #3fa66b} .rate{display: flex;gap: 6px} .rate button{width: 42px;height: 42px;border-radius: 50%;display: grid;place-items: center;background: var(--cream);color: var(--sand)} .rate button .ic{width: 22px;height: 22px} .rate button.on{color: var(--star)} .dar-sums{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 6px} .dar-sums button{padding: 12px 4px;border-radius: 999px;background: var(--cream);font-size: 17px;font-weight: 600;border: 1.5px solid transparent} .dar-sums button.on{border-color: var(--ink)} .sess-list{display: grid;gap: 16px;margin-top: 28px} @media (min-width: 1000px){.sess-list{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px}} .sess-more{margin-top: 24px} .mh-side{display: grid;gap: 14px;max-width: 360px;width: 100%} .mh-photo{cursor: default} .mh-photo:hover img{transform: none} .mh-video{display: flex;align-items: center;gap: 14px;width: 100%;padding: 10px 16px 10px 10px;border-radius: 22px;background: var(--surface);border: 1.5px solid var(--line);text-align: left;transition: border-color .18s} .mh-video:hover{border-color: var(--ink)} .mv-th{position: relative;flex-shrink: 0;width: 96px;aspect-ratio: 16 / 10;border-radius: 14px;overflow: hidden;background: var(--ink)} .mv-th img{width: 100%;height: 100%;object-fit: cover;object-position: center 25%;opacity: .7} .mv-th i{position: absolute;inset: 0;margin: auto;display: grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;background: var(--cream);color: var(--ink)} .mv-th i .ic{width: 13px;height: 13px;margin-left: 2px} .mv-th i .ic svg{fill: currentColor;stroke: none} .mv-tx b{display: block;font-size: 17px;font-weight: 600} .mv-tx span{display: block;font-size: 14.5px;line-height: 1.4;color: var(--muted);margin-top: 3px} @media (max-width: 759px){.mh-side{margin: 0 auto} .mh-photo{max-width: 260px;margin: 0 auto}} .mh-dirs-h{font-size: 15px;color: var(--muted);margin-top: 24px} .mh-dirs{display: grid;gap: 6px;margin-top: 10px} .mh-dir{display: flex;align-items: center;gap: 14px;padding: 8px 10px 8px 0;border-radius: 16px;font-size: 18px;font-weight: 500;line-height: 1.3;color: var(--ink);transition: background .18s, padding .18s} .mh-dir .ic{width: 40px;height: 40px;color: var(--icon);flex-shrink: 0} .mh-dir .ic svg{stroke-width: 1.3} .mh-dir:hover{background: rgba(45, 36, 91, .05);padding-left: 10px} .mh-dir:hover span{text-decoration: underline;text-underline-offset: 3px} :root{--lav-band: #ebe2fb;--arch: 999px 999px 26px 26px} @media (min-width: 760px){.h1{font-size: 64px} .h2{font-size: 48px}} .band.lav::before{background: var(--lav-band)} .band.dark .h2, .band.dark .sec-title p{color: var(--cream)} .band.dark .sec-title p{opacity: .75} .hero{padding-bottom: 80px} .orbit{position: relative;width: 100%;max-width: 520px;aspect-ratio: 1 / .96;margin: 0 auto} .orbit-disc{position: absolute;left: 8%;top: 4%;width: 84%;aspect-ratio: 1;border-radius: 50%;background: var(--lav-band)} .op{position: absolute;display: block;border-radius: 50%;overflow: hidden;border: 6px solid var(--cream);background: #262340;box-shadow: 0 18px 40px rgba(45, 36, 91, .16);transition: transform .3s} .op img{width: 100%;height: 100%;object-fit: cover;object-position: center 22%} .op:hover{transform: scale(1.04);z-index: 5} .op1{width: 46%;left: 27%;top: 14%;z-index: 3} .op2{width: 29%;left: 2%;top: 6%;z-index: 2} .op3{width: 27%;right: 2%;top: 2%;z-index: 2} .op4{width: 26%;left: 6%;top: 56%;z-index: 4} .op5{width: 24%;right: 6%;top: 52%;z-index: 4} .orbit-all{position: absolute;left: 50%;bottom: 2%;transform: translateX(-50%);z-index: 6;display: inline-flex;align-items: center;gap: 8px;white-space: nowrap;padding: 13px 20px;border-radius: 999px;background: var(--ink);color: var(--cream);font-size: 15.5px;font-weight: 500;transition: background .18s} .orbit-all b{font-weight: 700} .orbit-all .ic{width: 17px;height: 17px} .orbit-all:hover{background: var(--ink-h)} @media (max-width: 420px){.orbit-all{font-size: 14px;padding: 11px 16px}} .band.lav .rq{background: var(--cream)} .band.lav .rq-answer{background: var(--cream)} .band.lav .rq-dir{background: var(--surface)} .bento{display: grid;gap: 16px;grid-template-columns: minmax(0, 1fr)} @media (min-width: 640px){.bento{grid-template-columns: repeat(2, minmax(0, 1fr))}} @media (min-width: 1000px){.bento{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 20px}} .dcard{--tint: var(--lav-band);--tint-ink: var(--icon);position: relative;display: flex;flex-direction: column;padding: 14px 14px 22px;border-radius: 36px;background: var(--tint);border: 0;overflow: visible;transition: transform .25s, box-shadow .25s} .dcard:hover{transform: translateY(-4px);box-shadow: 0 20px 40px rgba(45, 36, 91, .12);border: 0} .dc-im{display: block;aspect-ratio: 1 / .78;border-radius: var(--arch);overflow: hidden;background: rgba(255, 255, 255, .4)} .dc-im img{width: 100%;height: 100%;object-fit: cover;transition: transform .5s} .dcard:hover .dc-im img{transform: scale(1.05)} .dc-bd{position: relative;display: flex;flex-direction: column;flex: 1;padding: 0 10px} .dc-ic{display: grid;place-items: center;width: 54px;height: 54px;margin-top: -27px;border-radius: 50%;background: var(--cream);color: var(--tint-ink);box-shadow: 0 6px 16px rgba(45, 36, 91, .12)} .dc-ic .ic{width: 28px;height: 28px} .dc-t{display: block;font-size: 24px;font-weight: 700;line-height: 1.15;letter-spacing: -.02em;margin-top: 14px} .dc-t .ic{display: none} .dc-p{font-size: 16.5px;line-height: 1.5;color: var(--text);margin-top: 10px} .dc-n{color: var(--tint-ink);padding-top: 18px;font-size: 16px} @media (min-width: 1000px){.dcard.wide{grid-column: span 2;flex-direction: row-reverse;align-items: stretch;gap: 26px;padding: 14px 14px 14px 36px} .dcard.wide .dc-im{width: 50%;aspect-ratio: auto;min-height: 380px;flex-shrink: 0} .dcard.wide .dc-bd{justify-content: center;padding: 20px 0} .dcard.wide .dc-ic{margin-top: 0} .dcard.wide .dc-t{font-size: 40px;margin-top: 22px} .dcard.wide .dc-p{font-size: 19px;max-width: 380px}} .band.dark .steps{gap: 0} .band.dark .step{border: 0;border-radius: 0;padding: 26px 0;border-top: 1px solid rgba(255, 243, 228, .18);background: none} .band.dark .step .num{display: block;width: auto;height: auto;background: none;color: #c9b6f2;font-size: 56px;font-weight: 700;letter-spacing: -.04em;line-height: 1} .band.dark .step h3{color: var(--cream);font-size: 22px;margin-top: 18px} .band.dark .step p{color: var(--cream);opacity: .72;font-size: 17px} @media (min-width: 1080px){.band.dark .steps{gap: 0 32px} .band.dark .step{padding: 30px 0 0} .band.dark .step .num{font-size: 72px}} .band.beige .irina .h2{color: var(--ink)} .band.beige .irina p{color: var(--text);opacity: 1} .band.beige .irina .sign{color: var(--ink)} .band.beige .irina .sign span{color: var(--muted);opacity: 1} .irina-ph{border-radius: var(--arch);aspect-ratio: 1 / 1.12;max-width: 460px;width: 100%} @media (min-width: 900px){.irina{grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr)}} .honest{background: var(--surface);border: 0} .hic{display: grid;place-items: center;width: 52px;height: 52px;border-radius: 50%;background: var(--lav-band);color: var(--icon)} .hic .ic{width: 26px;height: 26px} .honest h3{margin-top: 18px} .band.lav .mcard{background: var(--cream)} .mc-ph img{box-shadow: 0 0 0 6px var(--lav-band)} .rv-feat{margin: 0 0 22px;padding: 34px 30px;border-radius: 36px;background: var(--lav-band)} .rv-feat blockquote{font-size: 21px;line-height: 1.55;font-weight: 500;color: var(--ink);max-width: 900px} .rv-feat blockquote::before{content: '«'} .rv-feat blockquote::after{content: '»'} .rv-feat figcaption{display: flex;align-items: center;gap: 12px;margin-top: 22px;font-size: 16px;color: var(--muted)} .rv-feat figcaption img{width: 46px;height: 46px;border-radius: 50%;object-fit: cover} .rv-feat figcaption a{color: var(--ink);font-weight: 600;margin-left: 6px} .rv-feat figcaption a:hover{text-decoration: underline} @media (min-width: 760px){.rv-feat{padding: 48px 52px;border-radius: 44px} .rv-feat blockquote{font-size: 26px}} .sec:not(.band) .rv{background: var(--surface)} .cta{position: relative;overflow: hidden} .cta-faces{display: flex;margin-bottom: 26px} .cta-faces img{width: 64px;height: 64px;border-radius: 50%;object-fit: cover;border: 4px solid var(--ink);margin-right: -14px} @media (min-width: 900px){.cta{padding-right: 420px} .cta-faces{position: absolute;right: 56px;top: 50%;transform: translateY(-50%);margin: 0} .cta-faces img{width: 150px;height: 150px;border-width: 8px;margin-right: -40px} .cta-faces img:last-child{margin-right: 0}} .dhero-band{--tint: var(--lav-band);--tint-ink: var(--icon);position: relative;margin: 6px 8px 0;border-radius: 32px;background: var(--tint)} @media (min-width: 760px){.dhero-band{margin: 10px 16px 0;border-radius: 44px}} .dhero-band .dhero{padding: 40px 0 44px} @media (min-width: 1000px){.dhero-band .dhero{padding: 56px 0 64px}} .dh-ic{display: grid;place-items: center;width: 64px;height: 64px;margin-bottom: 22px;border-radius: 50%;background: var(--cream);color: var(--tint-ink)} .dh-ic .ic{width: 34px;height: 34px} .dhero-band .dimg{border-radius: var(--arch);aspect-ratio: 1 / .92} .dhero-band .btn-line{border-color: rgba(45, 36, 91, .3)} .what .quote{border-left-color: var(--icon)} .mh-dir-ic{display: grid;place-items: center;width: 50px;height: 50px;border-radius: 50%;background: var(--tint, var(--lav-band));color: var(--tint-ink, var(--icon));flex-shrink: 0} .mh-dir-ic .ic{width: 28px;height: 28px} .mh-dir .mh-dir-ic .ic svg{stroke-width: 1.5} .mh-dir:hover{padding-left: 0;background: none} .band.beige .faq details{background: var(--cream)} .band.beige .faq details:hover{background: var(--surface)} .pk{margin-top: 18px} .pk-day + .pk-day{margin-top: 16px} .pk-dl{font-size: 16px;font-weight: 600;color: var(--ink);margin-bottom: 8px} .pk .slots{grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));margin-top: 0} .pk-more{display: inline-flex;align-items: center;gap: 8px;margin-top: 18px;font-size: 16px;font-weight: 600;color: var(--ink);border-bottom: 1.5px solid rgba(45, 36, 91, .2);padding-bottom: 2px;transition: border-color .18s} .pk-more:hover{border-color: var(--ink)} .pk-more .ic{width: 18px;height: 18px;color: var(--icon)} .wk{display: grid;grid-template-columns: 34px minmax(0, 1fr) 34px;align-items: center;gap: 6px;margin-bottom: 16px} .wk-arr{display: grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;background: rgba(45, 36, 91, .07);color: var(--ink);transition: background .18s} .wk-arr:hover{background: rgba(45, 36, 91, .14)} .wk-arr[disabled]{opacity: .3;pointer-events: none} .wk-arr .ic{width: 16px;height: 16px} .wk-days{display: grid;grid-template-columns: repeat(7, minmax(0, 1fr));gap: 4px} .wd{padding: 8px 0;border-radius: 14px;text-align: center;background: var(--surface);border: 1.5px solid transparent;transition: border-color .18s} .wd:hover{border-color: rgba(45, 36, 91, .35)} .wd small{display: block;font-size: 12.5px;color: var(--muted)} .wd b{display: block;font-size: 16.5px;font-weight: 600;margin-top: 1px} .wd.off{opacity: .35;pointer-events: none} .wd.on{background: var(--ink);color: var(--cream)} .wd.on small{color: rgba(255, 243, 228, .7)} .book .btn{margin-top: 20px} .sheet .pk{margin-top: 4px} .sheet .wd, .sheet .slot{background: var(--surface)} .sheet .slot.on, .sheet .wd.on{background: var(--ink);color: var(--cream);border-color: var(--ink)} .dhero-band .cat-head{padding: 26px 0 44px} .dlinks a{display: inline-flex;align-items: center;gap: 10px;background: var(--tint, var(--beige))} .dlinks a .ic{width: 22px;height: 22px;color: var(--tint-ink, var(--icon))} .mh-photo{box-shadow: 0 0 0 12px var(--lav-band)} :root{--cream: #f7f3fa;--surface: #fdfbfe;--beige: #ece4f4;--sand: #ddd1ea;--line: #e3d8ee;--ink: #2f1d40;--ink-h: #4d3266;--text: #574a66;--muted: #93879f;--lav: #b98fb0;--lav-soft: #ece4f4;--icon: #9a5d8e;--lav-band: #ece4f4;--rose: #f1dde8;--plum: #3a2350;--on-plum: #f7f3fa} html, body{background: var(--cream)} .h1, .h2, h1, h2, h3{color: var(--ink)} .btn-primary{background: var(--plum)} .btn-primary:hover{background: var(--ink-h)} .band.dark::before{background: var(--plum)} .band.rose::before{background: var(--rose)} .band.dark .h2, .band.dark h3{color: var(--on-plum)} .hdr{background: var(--cream)} .ic svg{stroke-width: 1.45} .med{display: grid;place-items: center;width: 52px;height: 52px;border-radius: 50%;background: var(--lav-band);color: var(--icon);flex-shrink: 0} .med .ic{width: 28px;height: 28px} .steps{position: relative;list-style: none;display: grid;gap: 26px} .steps::before{content: '';position: absolute;left: 26px;top: 28px;bottom: 28px;width: 1px;background: var(--line)} .step{position: relative;display: grid;grid-template-columns: 52px minmax(0, 1fr);gap: 18px;align-items: start;padding: 0;border: 0;background: none} .step .med{position: relative;z-index: 1} .step h3{font-size: 21px;line-height: 1.25;letter-spacing: -.01em;margin: 0;padding-top: 12px} .step p{font-size: 16.5px;line-height: 1.55;color: var(--text);margin-top: 6px} .band.dark .steps::before{background: rgba(247, 243, 250, .22)} .band.dark .step{border: 0;padding: 0} .band.dark .step .med{background: #4d3266;color: #f0c8dc} .band.dark .step p{color: var(--on-plum);opacity: .75} @media (min-width: 1080px){.steps, .band.dark .steps{grid-template-columns: repeat(4, minmax(0, 1fr));gap: 32px} .steps::before{left: 26px;right: 26px;top: 26px;bottom: auto;width: auto;height: 1px} .step, .band.dark .step{grid-template-columns: 1fr;gap: 0;padding: 0} .step h3{padding-top: 22px;font-size: 22px}} .orbit-disc{background: var(--rose)} .op{border-color: var(--cream);background: var(--plum)} .orbit-all{background: var(--plum)} .band.lav .rq{background: var(--surface)} .rq .ic{color: var(--icon)} .rq.on{background: var(--plum)} .dc-ic{background: var(--cream)} .band.lav .irina .h2{color: var(--ink)} .band.lav .irina p{color: var(--text);opacity: 1} .band.lav .irina .sign{color: var(--ink)} .band.lav .irina .sign span{color: var(--muted);opacity: 1} .hic{background: var(--rose);color: var(--icon)} .band.rose .mcard{background: var(--surface)} .mc-ph img, .mh-photo{background: var(--plum)} .mc-ph img{box-shadow: 0 0 0 6px var(--rose)} .mh-photo{box-shadow: 0 0 0 12px var(--rose)} .mc-cta{background: var(--lav-band)} .mcard:hover .mc-cta{background: var(--plum)} .bdg{background: var(--lav-band)} .mh-meta > *{background: var(--lav-band)} .rv-feat{background: var(--rose)} .band.beige .faq details, .faq details{background: var(--surface)} .band.beige::before{background: var(--lav-band)} .faq details:hover{background: #fff} .cta{background: var(--plum)} .cta-faces img{border-color: var(--plum)} .btn-lav{background: var(--cream);color: var(--plum)} .dhero-band{background: var(--tint, var(--lav-band))} .book{background: var(--lav-band)} .test-card{background: var(--lav-band)} .ftab{background: var(--lav-band)} .ftab.on, .wd.on, .day.on, .slot.on, .sheet .slot.on, .sheet .wd.on, .cab-tabs button.on{background: var(--plum);border-color: var(--plum)} .irina-note, .honest{border-color: var(--line)} .sec:not(.band) .rv{background: var(--surface)} .dlinks a{background: var(--tint, var(--lav-band))} .band.dark .step .med{width: 60px;height: 60px;background: #5a3d76;color: #f6d3e4} .band.dark .step .med .ic{width: 30px;height: 30px} @media (min-width: 1080px){.band.dark .steps::before{top: 30px;left: 30px;right: 30px}} @media (max-width: 1079px){.band.dark .steps::before{left: 30px;top: 30px;bottom: 30px} .band.dark .step{grid-template-columns: 60px minmax(0, 1fr)} .band.dark .step h3{padding-top: 16px}} :root{--act: #7c5cdb;--act-h: #6a4bcb;--act-soft: #efe9fd;--peri: #e2e6fb;--ink: #2b2140} .ac{color: var(--act)} .btn-primary, .btn-primary:hover{background: var(--act);color: #fff} .btn-primary:hover{background: var(--act-h)} .btn-line:hover, .link-more:hover, a.chip:hover, .faces-all:hover, .rq-dir:hover, .rv .more:hover, .dlinks a:hover, .fsel select:hover, .ftoggle:hover, .fsearch:hover, .fsearch:focus-within, .pk-more:hover, .mh-video:hover{border-color: var(--act)} .mcard:hover, .dcard:hover{border-color: var(--act)} .rq.on, .ftab.on, .ftoggle.on, .day.on, .slot.on, .wd.on, .sheet .slot.on, .sheet .wd.on, .cab-tabs button.on{background: var(--act);border-color: var(--act);color: #fff} .rq.on .ic, .ftab.on .ic, .ftab.on .n{color: rgba(255, 255, 255, .85)} .rail-arrow, .orbit-all{background: var(--act);color: #fff} .rail-arrow:hover, .orbit-all:hover{background: var(--act-h)} .mcard:hover .mc-cta{background: var(--act);color: #fff} .mcard:hover .mc-cta small{color: rgba(255, 255, 255, .8)} .play i, .mh-photo .play i, .mc-play{color: var(--act)} .play i, .mh-photo .play i{background: var(--act);color: #fff} .tprog i, .bk-steps i.on{background: var(--act)} .topt.on, .opt.on, .opt.on .radio, .msgr button.on, .dar-sums button.on{border-color: var(--act)} .opt.on .radio::after{background: var(--act)} .helpcard{background: var(--act);color: #fff} .helpcard h3{color: #fff} .op, .mc-ph img, .mh-photo, .video, .mv-th{background: #d9cdee} .band.peri::before{background: var(--peri)} .band.peri .step .med{width: 60px;height: 60px;background: #fff;color: var(--act)} .band.peri .step .med .ic{width: 30px;height: 30px} .band.peri .steps::before{background: #c9c3ee} @media (min-width: 1080px){.band.peri .steps::before{top: 30px;left: 30px;right: 30px}} @media (max-width: 1079px){.band.peri .steps::before{left: 30px;top: 30px;bottom: 30px} .band.peri .step{grid-template-columns: 60px minmax(0, 1fr)} .band.peri .step h3{padding-top: 16px}} .cta{background: var(--act);color: #fff} .cta .h2, .cta .h2 .ac{color: #fff} .cta .h2 .ac{text-decoration: underline;text-decoration-thickness: 3px;text-underline-offset: 6px;text-decoration-color: rgba(255, 255, 255, .5)} .cta p{color: #fff;opacity: .9} .cta .btn-lav{background: #fff;color: var(--act)} .cta .btn-ghost-dark{color: #fff;border-color: rgba(255, 255, 255, .5)} .cta .btn-ghost-dark:hover{border-color: #fff} .cta-faces img{border-color: var(--act)} .back-link{display: inline-flex;align-items: center;gap: 6px;margin-top: 12px;font-size: 16px;font-weight: 500;color: var(--text);transition: color .18s} .back-link .ic{width: 17px;height: 17px} .back-link:hover{color: var(--act)} .dhero-band{margin-top: 10px} .cat-head{padding-top: 34px} .test-head{margin-top: 34px} .wk-head{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-bottom: 10px} .wk-head b{font-size: 16px;font-weight: 600;color: var(--ink)} .wk-nav{display: flex;gap: 6px} .wk-arr{width: 38px;height: 38px;background: var(--surface)} .wk-days{display: grid;grid-template-columns: repeat(7, minmax(0, 1fr));gap: 5px;margin-bottom: 16px} .wd{padding: 9px 0 10px;border-radius: 14px} .wd small{font-size: 12.5px} .wd b{font-size: 18px} .wd.off{opacity: .4;background: transparent} .vsw{position: fixed;left: 16px;bottom: 16px;z-index: 60;display: flex;align-items: center;gap: 4px;padding: 5px 5px 5px 12px;border-radius: 999px;background: #fff;box-shadow: 0 6px 20px rgba(22, 18, 30, .14);font-size: 13px;font-weight: 600;color: var(--muted)} .vsw a{display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;color: var(--ink)} .vsw a.on{background: var(--act);color: #fff} @media (max-width: 999px){.vsw{bottom: 92px}} .logo{display: inline-flex;align-items: center;gap: 10px} .logo .mark{width: 34px;height: 34px;color: var(--act, #7b4dff);flex-shrink: 0} .foot .logo .mark{width: 30px;height: 30px} .faq-care{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 14px} .faq-care .btn{text-decoration: none} .faq .a .faq-care a{text-decoration: none} @media (max-width: 999px){.vsw{display: none}} .mnav-ver{display: flex;gap: 8px;margin-top: 18px} .mnav-ver a{flex: 1;text-align: center;padding: 12px;border-radius: 14px;background: var(--surface);font-weight: 600} .mnav-ver a.on{background: var(--act);color: #fff} .foot .logo{display: inline-flex;align-items: center;gap: 10px} .foot .logo .mark{width: 30px;height: 30px;flex: none} .ftabs-box .rail-arrow{top: 50%;width: 42px;height: 42px} .ftabs-box .rail-arrow.prev{left: -8px} .ftabs-box .rail-arrow.next{right: -8px} @media (min-width: 1280px){.ftabs-box .rail-arrow.prev{left: -21px} .ftabs-box .rail-arrow.next{right: -21px}} .logo{display: inline-flex;align-items: center;gap: 10px;color: var(--act, #7b4dff);line-height: 1;white-space: nowrap;font-size: 0} .logo .mark{width: 42px;height: auto;aspect-ratio: 663 / 506;color: var(--act, #7b4dff);flex: none} .lw{display: inline-grid;gap: 3px;font-family: 'Onest', system-ui, sans-serif;font-weight: 700;font-size: 12.5px;line-height: 1.1;text-transform: uppercase;color: var(--act, #7b4dff)} .lw-1{display: flex;justify-content: space-between} .lw-1 i{font-style: normal} .lw-2{letter-spacing: .03em;margin-right: -.03em} @media (min-width: 1080px){.hdr .logo{flex-direction: column;gap: 5px} .hdr .logo .mark{width: 44px} .hdr .lw{font-size: 11.5px}} .foot .logo{display: inline-flex;flex-direction: column;align-items: center;gap: 8px;font-size: 0} .foot .logo .mark{width: 60px;height: auto} .foot .lw{font-size: 15px} @media (min-width: 1080px){:root{--hdr: 90px}} .foot .logo{margin-bottom: 16px} .ftabs-box .rail-arrow.prev, .ftabs-box .rail-arrow.next{top: 50%} .ftabs-box .rail-arrow.prev{left: 0} .ftabs-box .rail-arrow.next{right: 0} @media (min-width: 1280px){.ftabs-box .rail-arrow.prev{left: 0} .ftabs-box .rail-arrow.next{right: 0}} .ftabs-box.can-next .ftabs{-webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 96px), transparent calc(100% - 20px));mask-image: linear-gradient(90deg, #000 calc(100% - 96px), transparent calc(100% - 20px))} .ftabs-box.can-prev .ftabs{-webkit-mask-image: linear-gradient(90deg, transparent 20px, #000 96px);mask-image: linear-gradient(90deg, transparent 20px, #000 96px)} .ftabs-box.can-prev.can-next .ftabs{-webkit-mask-image: linear-gradient(90deg, transparent 20px, #000 96px, #000 calc(100% - 96px), transparent calc(100% - 20px));mask-image: linear-gradient(90deg, transparent 20px, #000 96px, #000 calc(100% - 96px), transparent calc(100% - 20px))} .sheet-hd .ttl .logo{display: inline-flex} .mnav-main a{justify-content: flex-start;gap: 14px;padding: 12px 18px 12px 12px} .mnav-main a > .ic:last-child{margin-left: auto} .mn-ic{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 14px;background: var(--tint-ink);color: #fff;flex: none} .mn-ic .ic{width: 24px;height: 24px;opacity: 1} .mnav a.mn-d{display: inline-flex;align-items: center;gap: 8px;background: var(--tint);color: color-mix(in srgb, var(--tint-ink) 78%, #1a1030)} .mnav a.mn-d .ic{width: 20px;height: 20px;color: var(--tint-ink)} .mn-ic .ic svg{stroke-width: 2} .mc-play .ic, .mh-vpill i .ic, .play i .ic, .mh-photo .play i .ic, .mv-th i .ic, .video i .ic{margin-left: 0 !important} .mc-ph{cursor: pointer} .mc-ph img{transition: transform .35s} .mc-ph:hover img{transform: scale(1.05)} .mc-play{transition: background .18s, color .18s, transform .18s} .mc-ph:hover .mc-play{background: var(--act);color: #fff;transform: scale(1.08)} .mnav-main a .mn-ic .ic{opacity: 1} .phone-field{display: flex;gap: 8px;align-items: stretch;margin-top: 10px} .phone-field .cc-sel{flex: none} .phone-field .cc-sel select{height: 100%;border-radius: 20px;padding: 0 38px 0 16px;font-size: 16px} .phone-field input{flex: 1;min-width: 0} #bkBot{margin-top: 10px} .bot-box{display: grid;gap: 12px;padding: 16px;border-radius: 20px;background: var(--act-soft, #f0ebff);transition: box-shadow .2s} .bot-box b{display: block;font-size: 17px;font-weight: 600;color: var(--ink)} .bot-box span span{display: block;font-size: 15px;line-height: 1.45;color: var(--text);margin-top: 4px} .bot-box .btn{justify-self: start;display: inline-flex;align-items: center;gap: 8px} .bot-box .btn .ic{width: 18px;height: 18px} .bot-box.need{box-shadow: 0 0 0 2px #f472b6} .bot-box.ok{grid-template-columns: auto 1fr;align-items: start;background: #e8f8ef} .bot-box.ok > .ic{width: 22px;height: 22px;color: #1f9d5b;margin-top: 2px} .bot-sms{display: flex;align-items: center;gap: 8px;font-size: 15px;color: var(--muted)} .bot-sms .ic{width: 18px;height: 18px} .fsel.has-dd select{position: absolute;width: 1px !important;height: 1px;opacity: 0;pointer-events: none} .fsel .dd{display: block;width: 100%;text-align: left;padding: 13px 42px 13px 18px;border-radius: 999px;border: 1.5px solid var(--line);background: transparent;font: inherit;font-size: 16px;font-weight: 500;color: var(--ink);cursor: pointer;white-space: nowrap;transition: border-color .18s} .fsel .dd:hover, .fsel.open .dd{border-color: var(--act, var(--ink))} .fsel.has-dd .ic{transition: transform .2s} .fsel.open > .ic{transform: translateY(-50%) rotate(-90deg)} .dd-pop{display: none;position: absolute;left: 0;top: calc(100% + 6px);z-index: 70;min-width: 100%;max-width: min(340px, 92vw);max-height: 320px;overflow-y: auto;padding: 6px;border-radius: 18px;background: #fff;border: 1px solid var(--line);box-shadow: 0 16px 40px rgba(30, 27, 75, .16)} .fsel.up .dd-pop{top: auto;bottom: calc(100% + 6px)} .fsel.open .dd-pop{display: grid;gap: 2px;animation: ddIn .14s ease} @keyframes ddIn{from{opacity: 0;transform: translateY(-4px)}} .dd-o{display: flex;align-items: center;gap: 10px;width: 100%;padding: 11px 14px 11px 10px;border-radius: 12px;text-align: left;font-size: 16px;font-weight: 500;color: var(--ink);white-space: nowrap} .dd-o .ic{position: static;transform: none;width: 18px;height: 18px;color: var(--act, var(--ink));opacity: 0;flex: none} .dd-o.on .ic{opacity: 1} .dd-o.on{color: var(--act, var(--ink))} .dd-o:hover{background: var(--act-soft, var(--beige-2))} .sec-title .side.fsel .dd{padding: 10px 40px 10px 18px} .phone-field .cc-sel .dd{height: 100%;border-radius: 20px;padding: 0 38px 0 16px} .frow .fsel .dd-pop{right: auto} .sec-title .side.fsel .dd-pop{left: 50%;transform: translateX(-50%)} .sheet .dd-pop{max-height: 260px} .dar-sums{grid-template-columns: repeat(3, minmax(0, 1fr))} .dar-other{position: relative;margin-top: 10px} .dar-other[hidden]{display: none} .dar-other input{padding-right: 44px;font-weight: 600} .dar-other span{position: absolute;right: 18px;top: 50%;transform: translateY(-50%);font-size: 18px;font-weight: 600;color: var(--muted);pointer-events: none} .dar-other.need input{border-color: #f472b6;box-shadow: 0 0 0 3px rgba(244, 114, 182, .18)} .ic svg .seal{fill: currentColor;stroke: currentColor;stroke-width: 2.4;stroke-linejoin: round} .ic svg .tick{fill: none;stroke: #fff;stroke-width: 2.3;stroke-linecap: round;stroke-linejoin: round} .cancel-t{font-size: 17px;line-height: 1.5;color: var(--text)} .cancel-ft{display: grid;gap: 8px} .cancel-ft .btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px} .cancel-ft .btn .ic{width: 20px;height: 20px} .btn-danger{background: transparent;color: #d6336c;border: 1.5px solid rgba(214, 51, 108, .3)} .btn-danger:hover{background: rgba(214, 51, 108, .06);border-color: #d6336c} .sess.sess-out{overflow: hidden;opacity: 0;transform: scale(.97);padding-top: 0 !important;padding-bottom: 0 !important;margin: 0 !important;border-width: 0 !important;transition: height .4s ease, opacity .3s ease, transform .3s ease, padding .4s ease} .sess-empty{justify-items: center;text-align: center;gap: 10px;padding: 36px 22px} .sess-empty > .ic{width: 40px;height: 40px;color: var(--act, var(--ink))} .sess-empty b{font-size: 21px;font-weight: 600;color: var(--ink)} .sess-empty p{font-size: 16px;color: var(--muted);max-width: 360px} .sess-empty .btn{margin-top: 6px} .toast{position: fixed;left: 50%;bottom: 28px;z-index: 120;display: inline-flex;align-items: center;gap: 10px;padding: 14px 20px;border-radius: 999px;background: var(--ink);color: #fff;font-size: 16px;font-weight: 600;box-shadow: 0 14px 34px rgba(22, 18, 30, .25);transform: translate(-50%, 24px);opacity: 0;transition: transform .3s ease, opacity .3s ease} .toast.show{transform: translate(-50%, 0);opacity: 1} .toast .ic{width: 22px;height: 22px;color: #fff} .toast .ic svg .tick{stroke: var(--ink)} .foot.foot-min{grid-template-columns: minmax(0, 1fr) !important} .foot.foot-min p{max-width: 420px} .care-box{display: grid;gap: 14px} .care-head{display: flex;align-items: center;gap: 14px} .care-ic{display: grid;place-items: center;width: 52px;height: 52px;border-radius: 16px;background: var(--act-soft, #f0ebff);color: var(--act, #7b4dff);flex: none} .care-ic .ic{width: 28px;height: 28px} .care-head h3{font-size: 21px;font-weight: 600;color: var(--ink)} .care-status{display: inline-flex;align-items: center;gap: 7px;margin-top: 4px;font-size: 15px;font-weight: 600;color: var(--muted)} .care-status i{width: 8px;height: 8px;border-radius: 50%;background: #b9b4c4} .care-status.on{color: #059669} .care-status.on i{background: #10b981;box-shadow: 0 0 0 3px rgba(16, 185, 129, .18)} .care-lead{font-size: 17px;line-height: 1.5;color: var(--text)} .care-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 8px} .care-btn{display: flex;align-items: center;justify-content: center;gap: 10px;padding: 16px 14px;border-radius: 18px;background: #fff;border: 1px solid var(--line);font-size: 17px;font-weight: 600;color: var(--ink);transition: border-color .18s, transform .18s, box-shadow .18s} .care-btn:hover{border-color: var(--act, #7b4dff);transform: translateY(-2px);box-shadow: 0 8px 20px rgba(124, 58, 237, .1)} .care-btn .ic{width: 24px;height: 24px} .care-btn.wide{grid-column: 1 / -1} .c-tg .ic{color: #229ed9} .c-max .ic{color: #7c3aed} .c-phone .ic{color: var(--act, #7b4dff)} .care-btns .btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px} .care-btns .btn .ic{width: 20px;height: 20px} .foot-bottom{margin-top: 40px;padding-top: 22px;padding-bottom: 28px;border-top: 1px solid var(--line)} @media (min-width: 760px){.foot-bottom{margin-top: 56px;padding-top: 26px;padding-bottom: 36px}} .c-wa .ic{color: #25a244} .c-vk .ic{color: #0077ff} .c-mail .ic{color: var(--act, #7b4dff)} .sess-more[hidden]{display: none !important} .rail-box.can-next .rail{-webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 110px), transparent calc(100% - 10px));mask-image: linear-gradient(90deg, #000 calc(100% - 110px), transparent calc(100% - 10px))} .rail-box.can-prev .rail{-webkit-mask-image: linear-gradient(90deg, transparent 10px, #000 110px);mask-image: linear-gradient(90deg, transparent 10px, #000 110px)} .rail-box.can-prev.can-next .rail{-webkit-mask-image: linear-gradient(90deg, transparent 10px, #000 110px, #000 calc(100% - 110px), transparent calc(100% - 10px));mask-image: linear-gradient(90deg, transparent 10px, #000 110px, #000 calc(100% - 110px), transparent calc(100% - 10px))} @media (max-width: 759px){.rail-box.can-next .rail{-webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 34px), transparent 100%);mask-image: linear-gradient(90deg, #000 calc(100% - 34px), transparent 100%)} .rail-box.can-prev .rail{-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 34px);mask-image: linear-gradient(90deg, transparent 0, #000 34px)} .rail-box.can-prev.can-next .rail{-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 34px, #000 calc(100% - 34px), transparent 100%);mask-image: linear-gradient(90deg, transparent 0, #000 34px, #000 calc(100% - 34px), transparent 100%)}} .help-i[hidden]{display: none} .link-more.is-open .ic{transform: rotate(-90deg)} :root{--cream: #f3f1f6;--surface: #ffffff;--beige: #ffffff;--sand: #e9e5f0;--line: #e6e2ec;--ink: #16121e;--text: #5b5666;--muted: #8e8999;--act: #7b4dff;--act-h: #6a3bf2;--act-soft: #f0ebff;--icon: #7b4dff;--lav-band: #f0ebff;--rose: #ffe6f2;--peri: #e8ecff;--g-main: linear-gradient(140deg, #7b4dff 0%, #6c6cff 55%, #5f8bff 100%);--g-test: linear-gradient(140deg, #ff6fb1 0%, #ff8f8a 55%, #ffb36b 100%);--g-cta: linear-gradient(120deg, #7b4dff 0%, #b04dff 50%, #ff6fb1 100%);--r: 22px} html, body{background: var(--cream)} body{color: var(--ink)} .h1, .h2, h1, h2, h3{font-weight: 500;letter-spacing: -.025em;color: var(--ink)} .h1{font-size: 40px;line-height: 1.04} .h2{font-size: 32px;line-height: 1.06} @media (min-width: 760px){.h1{font-size: 56px} .h2{font-size: 52px}} .ac{color: var(--act)} .sec-title{flex-direction: column;align-items: center;text-align: center;gap: 14px} .sec-title > div{max-width: 820px} .sec-title p{font-size: 17px;color: var(--muted);max-width: 640px;margin: 14px auto 0} .sec-title .side{margin: 0} .sec{padding: 56px 0} @media (min-width: 760px){.sec{padding: 96px 0 40px} .sec:not(.band) + .sec:not(.band){padding-top: 96px}} .btn{font-weight: 600;padding: 17px 30px;font-size: 17px} .btn-primary{background: var(--act);color: #fff} .btn-primary:hover{background: var(--act-h)} .btn-white{background: #fff;color: var(--act)} .btn-white:hover{background: #fff;box-shadow: 0 0 0 2px rgba(255, 255, 255, .5)} .btn-line{background: #fff;color: var(--act);border: 1px solid var(--line);box-shadow: none} .btn-line:hover{border-color: var(--act);background: #fff} .link-more{color: var(--act);border-bottom-color: rgba(123, 77, 255, .3)} .link-more:hover{border-color: var(--act)} .hdr{background: rgba(243, 241, 246, .9);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px)} .hdr.scrolled{box-shadow: none} .zhdr{position: relative} .zhdr .nav{margin-left: 0} .zhdr .nav a{font-weight: 500;color: var(--ink)} .zhdr .logo{font-size: 20px;font-weight: 700} @media (min-width: 1080px){.zhdr .logo{position: absolute;left: 50%;transform: translateX(-50%)}} .hdr-cab{color: var(--ink)} .hdr-act .btn{padding: 12px 22px;font-size: 15.5px} .burger{background: #fff} .band::before{background: none !important} .band.dark{color: var(--ink)} .band.dark .h2, .band.dark h3{color: var(--ink)} .band.dark .sec-title p{color: var(--muted);opacity: 1} .zaur, .band{position: relative;isolation: isolate} .zaur::after, .band.lav::after, .band.peri::after, .band.rose::after, .band.dark::after{content: '';position: absolute;z-index: -1;inset: 0 calc(50% - 50vw);pointer-events: none;background: radial-gradient(28% 40% at 12% 55%, rgba(123, 77, 255, .22), transparent 70%), radial-gradient(26% 38% at 88% 45%, rgba(255, 111, 177, .2), transparent 70%), radial-gradient(30% 36% at 55% 85%, rgba(95, 139, 255, .18), transparent 70%);filter: blur(20px)} .zaur-2::after, .band.rose::after{background: radial-gradient(28% 40% at 85% 50%, rgba(255, 179, 107, .24), transparent 70%), radial-gradient(28% 40% at 15% 40%, rgba(255, 111, 177, .2), transparent 70%), radial-gradient(26% 36% at 50% 90%, rgba(123, 77, 255, .16), transparent 70%)} .zhero{display: grid;gap: 14px;padding: 12px 0 0} @media (min-width: 1000px){.zhero{grid-template-columns: 1fr 1fr;gap: 16px}} .zt{position: relative;overflow: hidden;border-radius: 28px;padding: 30px 24px 24px;color: #fff} @media (min-width: 760px){.zt{padding: 40px 36px 32px;border-radius: 32px}} .zt-main{background: var(--g-main);display: flex;flex-direction: column} .zt-test{background: var(--g-test);display: flex;flex-direction: column} .zh1{font-size: 38px;line-height: 1.04;font-weight: 600;letter-spacing: -.03em;color: #fff} .zh1 .ac{color: #ffe1f0} @media (min-width: 760px){.zh1{font-size: 48px}} .zsub{font-size: 17px;line-height: 1.5;opacity: .92;margin-top: 16px;max-width: 520px} .zin{margin-top: 24px;padding: 18px;border-radius: 22px;background: #fff;color: var(--ink);max-width: 420px} .zin p{font-size: 16px;font-weight: 500;line-height: 1.4;margin: 12px 0 14px} .zfaces{display: flex;align-items: center} .zfaces img{width: 44px;height: 44px;border-radius: 50%;object-fit: cover;object-position: center 22%;border: 3px solid #fff;margin-right: -10px} .zfaces b{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 50%;background: var(--act-soft);color: var(--act);font-size: 14px;font-weight: 600;border: 3px solid #fff} .zstrip{display: flex;align-items: center;gap: 12px;margin-top: 14px;padding: 12px 16px;border-radius: 18px;background: rgba(255, 255, 255, .18);font-size: 14.5px;line-height: 1.35;max-width: 420px;transition: background .18s} .zstrip:hover{background: rgba(255, 255, 255, .28)} .zstrip > .ic:first-child{width: 22px;height: 22px} .zstrip > span:not(.ic){flex: 1} .zstrip > .ic:last-child{width: 16px;height: 16px;opacity: .8} .zchips{display: flex;gap: 6px} .zchips span{font-size: 13.5px;font-weight: 500;padding: 6px 12px;border-radius: 10px;background: rgba(255, 255, 255, .3)} .zt-test h2{font-size: 30px;line-height: 1.08;font-weight: 600;color: #fff;margin-top: 20px;letter-spacing: -.025em} .zt-test p{font-size: 16.5px;line-height: 1.5;opacity: .95;margin-top: 12px;max-width: 420px} .zt-test .btn{align-self: flex-start;margin-top: 22px} .zmock{margin-top: 26px;padding: 18px;border-radius: 22px;background: #fff;color: var(--ink);display: grid;gap: 8px;max-width: 440px;align-self: flex-end;width: 100%;transform: rotate(-2deg);box-shadow: 0 18px 40px rgba(120, 40, 80, .2)} .zmock b{font-size: 17px;font-weight: 600;margin-bottom: 4px} .zmock span{display: flex;align-items: center;gap: 10px;padding: 11px 13px;border-radius: 14px;border: 1px solid var(--line);font-size: 14.5px} .zmock span .ic{width: 19px;height: 19px;color: var(--act)} .zmock span.on{border-color: var(--act);background: var(--act-soft)} @media (min-width: 1000px){.zmock{margin-top: auto} .zt-test .btn{margin-bottom: 26px}} .zrq{display: grid;gap: 10px;grid-template-columns: minmax(0, 1fr)} @media (min-width: 640px){.zrq{grid-template-columns: repeat(2, minmax(0, 1fr))}} @media (min-width: 1000px){.zrq{grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px}} .zrq-i{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;min-height: 150px;padding: 20px;border-radius: var(--r);background: #fff;border: 1px solid var(--line);text-align: left;transition: border-color .18s, transform .18s} .zrq-i:hover{border-color: var(--act);transform: translateY(-2px)} .zrq-i.on{border-color: var(--act);box-shadow: 0 0 0 1px var(--act)} .zrq-ic{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 14px;background: var(--tint-ink);color: #fff} .zrq-ic .ic{width: 24px;height: 24px} .zrq-t{font-size: 18.5px;font-weight: 500;line-height: 1.3;letter-spacing: -.01em;text-decoration: underline;text-decoration-color: rgba(123, 77, 255, .35);text-decoration-thickness: 1.5px;text-underline-offset: 4px} .zrq-i:hover .zrq-t, .zrq-i.on .zrq-t{text-decoration-color: var(--act)} .rq-answer{background: #fff;border: 1px solid var(--line);margin-top: 14px} .rq-answer .q{text-align: center;margin: 0 auto} .rq-dir{background: var(--cream);border-color: transparent} .rq-dir:hover{border-color: var(--act)} .rq-answer .center-btn{justify-content: center} .zdir{display: flex;flex-direction: column;border-radius: var(--r);background: #fff;border: 1px solid var(--line);padding: 8px;transition: border-color .2s, transform .2s} .zdir:hover{border-color: var(--act);transform: translateY(-3px)} .zdir-im{position: relative;display: block;aspect-ratio: 16 / 11;border-radius: 16px;overflow: hidden} .zdir-im img{width: 100%;height: 100%;object-fit: cover;transition: transform .4s} .zdir:hover .zdir-im img{transform: scale(1.04)} .zdir-im i{position: absolute;left: 10px;top: 10px;display: grid;place-items: center;width: 42px;height: 42px;border-radius: 14px;background: var(--tint-ink);color: #fff} .zdir-im i .ic{width: 23px;height: 23px} .zdir-bd{display: flex;flex-direction: column;flex: 1;padding: 14px 10px 10px} .zdir-bd b{font-size: 19px;font-weight: 600;line-height: 1.2;letter-spacing: -.015em} .zdir-bd > span{font-size: 15px;line-height: 1.45;color: var(--text);margin-top: 6px} .zdir-bd em{display: inline-flex;align-items: center;gap: 6px;margin-top: auto;padding-top: 14px;font-style: normal;font-size: 15px;font-weight: 600;color: var(--act)} .zdir-bd em .ic{width: 16px;height: 16px} .zstep{padding: 10px 10px 22px;border-radius: var(--r);background: #fff;border: 1px solid var(--line);text-align: center} .zstep h3{font-size: 19px;font-weight: 600;line-height: 1.25;margin: 18px 12px 0} .zstep p{font-size: 15px;line-height: 1.5;color: var(--text);margin: 8px 14px 0} .zm{display: grid;place-items: center;gap: 10px;min-height: 120px;padding: 18px 12px;border-radius: 16px;background: var(--cream)} .zm-chips{display: flex;flex-wrap: wrap;justify-content: center;gap: 6px} .zm-chips span{font-size: 13px;font-weight: 500;padding: 6px 11px;border-radius: 999px;background: var(--tint);color: var(--tint-ink)} .zm-tabs{display: flex;gap: 12px;font-size: 13px;color: var(--muted)} .zm-tabs b{color: var(--ink);font-weight: 600;border-bottom: 2px solid var(--act);padding-bottom: 2px} .zm-slots{display: flex;gap: 6px} .zm-slots span{font-size: 14px;font-weight: 600;padding: 8px 12px;border-radius: 10px;background: #fff;border: 1px solid var(--line)} .zm-slots span.on{background: var(--act);border-color: var(--act);color: #fff} .zm-call{display: flex;align-items: center;gap: 10px;padding: 8px 8px 8px 8px;border-radius: 999px;background: #fff;border: 1px solid var(--line)} .zm-call img{width: 40px;height: 40px;border-radius: 50%;object-fit: cover;object-position: center 22%} .zm-call span{text-align: left;padding-right: 6px} .zm-call b{display: block;font-size: 14px;font-weight: 600} .zm-call small{font-size: 12px;color: #2fae6e} .zm-call i{display: grid;place-items: center;width: 36px;height: 36px;border-radius: 50%} .zm-call i .ic{width: 18px;height: 18px} .zm-mic{background: var(--cream);color: var(--ink)} .zm-go{background: var(--act);color: #fff} .zm-stars{display: flex;gap: 3px;color: #ffb02e} .zm-stars .ic{width: 24px;height: 24px} .zm-dar{display: inline-flex;align-items: center;gap: 7px;padding: 8px 14px;border-radius: 999px;background: #fff;border: 1px solid var(--line);font-size: 14px;font-weight: 600} .zm-dar .ic{width: 17px;height: 17px;color: #ff6fb1} .zir{display: grid;gap: 24px;border-radius: 32px;padding: 30px 24px;background: var(--g-main);color: #fff;overflow: hidden} .zir-tx h2{font-size: 32px;font-weight: 600;line-height: 1.08;letter-spacing: -.025em;color: #fff} .zir-tx h2 .ac{color: #ffe1f0} .zir-tx p{font-size: 17.5px;line-height: 1.6;opacity: .93;margin-top: 16px;max-width: 560px} .zir-sign{display: inline-flex;flex-direction: column;margin-top: 22px;padding: 12px 18px;border-radius: 16px;background: rgba(255, 255, 255, .18)} .zir-sign b{font-size: 17px} .zir-sign span{font-size: 14px;opacity: .85} .zir-ph{border-radius: 24px;overflow: hidden;aspect-ratio: 1 / 1;border: 6px solid rgba(255, 255, 255, .35)} .zir-ph img{width: 100%;height: 100%;object-fit: cover;object-position: center 20%} @media (min-width: 900px){.zir{grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);align-items: center;gap: 48px;padding: 48px 48px} .zir-tx h2{font-size: 44px}} .zhon-i{display: flex;gap: 16px;align-items: flex-start;padding: 22px;border-radius: var(--r);background: #fff;border: 1px solid var(--line)} .zhon-i i{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 14px;background: var(--rose);color: #e0468f;flex-shrink: 0} .zhon-i i .ic{width: 23px;height: 23px} .zhon-i b{display: block;font-size: 18.5px;font-weight: 600;letter-spacing: -.01em} .zhon-i span span{display: block;font-size: 15.5px;line-height: 1.5;color: var(--text);margin-top: 6px} .mcard{background: #fff;border: 1px solid var(--line);border-radius: 24px} .mcard:hover{border-color: var(--act)} .mc-ph img{box-shadow: none} .mc-nm{font-weight: 600} .bdg{background: var(--cream);border-radius: 10px} .mc-body{border-top-color: var(--line)} .mc-info .val em{color: var(--act)} .mc-cta{background: var(--act-soft);color: var(--act);border-radius: 999px} .mc-cta small{color: var(--muted)} .mcard:hover .mc-cta{background: var(--act);color: #fff} .band .mcard, .band.rose .mcard, .band.lav .mcard{background: #fff} .rv, .sec:not(.band) .rv, .band .rv{background: #fff;border: 1px solid var(--line);border-radius: 22px} .rv .who{order: -1;margin: 0 0 14px;padding: 0} .rv .more{color: var(--act);border-bottom-color: rgba(123, 77, 255, .3)} .rv-feat{background: #fff;border: 1px solid var(--line)} .rail-arrow{background: #fff;color: var(--ink);box-shadow: 0 4px 16px rgba(22, 18, 30, .1)} .rail-arrow:hover{background: #fff;color: var(--act)} .helpcard{background: var(--g-test)} .faq-head{flex-direction: column;align-items: center;text-align: center} .faq-head .btn{display: inline-flex} @media (min-width: 900px){.faq{grid-template-columns: 1fr 1fr;align-items: start}} .faq details{background: #fff;border: 1px solid var(--line);border-radius: 18px} .faq details:hover{background: #fff;border-color: rgba(123, 77, 255, .4)} .faq summary{font-size: 17px;font-weight: 500;padding: 20px 22px} .faq summary .pm::before, .faq summary .pm::after{background: var(--act)} .faq .a{font-size: 16px;padding: 0 22px 20px} .band.beige .faq details{background: #fff} .cta{background: var(--g-cta);text-align: center;padding: 64px 24px;border-radius: 36px} .cta .h2, .cta .h2 .ac{color: #fff;text-decoration: none} .cta .h2{margin: 0 auto} .cta p{margin: 16px auto 0;color: #fff} .cta .btns{justify-content: center} .cta .btn-lav{background: #fff;color: var(--act)} .cta .btn-ghost-dark{background: rgba(255, 255, 255, .18);border: 0;color: #fff} .cta-faces{position: static;transform: none;display: flex;justify-content: center;margin: 0 0 26px} .cta-faces img{width: 76px;height: 76px;border: 5px solid rgba(255, 255, 255, .55);margin: 0 -8px} @media (min-width: 900px){.cta{padding: 84px 40px;padding-right: 40px} .cta-faces{position: static;transform: none} .cta-faces img{width: 96px;height: 96px;margin: 0 -10px}} .foot{border-top-color: var(--line)} .dhero-band{background: linear-gradient(140deg, var(--tint-ink, #7b4dff) 0%, color-mix(in srgb, var(--tint-ink, #7b4dff) 55%, #ffffff) 100%);border-radius: 32px} .dhero-band .h1, .dhero-band .promise{color: #fff} .dhero-band .sub{color: #fff;opacity: .9} .dhero-band .btn-primary{background: #fff;color: var(--tint-ink, var(--act))} .dhero-band .btn-line{background: rgba(255, 255, 255, .18);border: 0;color: #fff} .dhero-band .dimg{border-radius: 24px;border: 6px solid rgba(255, 255, 255, .35)} .dhero-band .cat-head .h1, .dhero-band .cat-head p{color: #fff} main > .dhero-band:not([style]){background: var(--g-main)} .what .quote{border-left: 0;padding: 26px 28px;border-radius: 22px;background: #fff;border: 1px solid var(--line);font-size: 19px} .ask{padding: 20px;border-radius: 20px;background: #fff;border: 1px solid var(--line);grid-template-columns: 1fr;gap: 0} .ask .dot{display: none} .asks{gap: 12px} .steps::before, .band.peri .steps::before, .band.dark .steps::before{display: none} .step, .band.peri .step, .band.dark .step{padding: 20px;border-radius: 22px;background: #fff;border: 1px solid var(--line)} .step .med, .band.peri .step .med, .band.dark .step .med{background: var(--act-soft);color: var(--act);width: 52px;height: 52px} .band.dark .step p, .band.peri .step p{color: var(--text);opacity: 1} @media (min-width: 1080px){.step h3{padding-top: 18px}} @media (max-width: 1079px){.band.peri .step, .band.dark .step{grid-template-columns: 52px minmax(0, 1fr)}} .dlinks a{background: #fff;border: 1px solid var(--line)} .dlinks a:hover{border-color: var(--act)} .dlinks a .ic{color: var(--tint-ink)} .ftab{background: #fff;border: 1px solid var(--line)} .ftab.on, .ftoggle.on, .day.on, .slot.on, .wd.on, .sheet .slot.on, .sheet .wd.on, .cab-tabs button.on, .rq.on{background: var(--act);border-color: var(--act);color: #fff} .fsel select, .ftoggle, .fsearch{background: #fff;border: 1px solid var(--line)} .book, .test-card{background: #fff;border: 1px solid var(--line)} .mh-photo{box-shadow: none;border: 8px solid #fff} .mh-meta > *{background: #fff;border: 1px solid var(--line)} .mh-dir-ic{background: var(--tint-ink);color: #fff;border-radius: 14px} .mh-video{background: #fff} .slot, .wd, .day{background: var(--cream)} .topt{background: var(--cream);border: 1px solid transparent} .topt.on, .topt:hover{border-color: var(--act)} .sess{background: #fff;border: 1px solid var(--line)} .irina-note, .honest{background: #fff} .sheet{background: #fff} .sheet .slot, .sheet .wd{background: var(--cream)} .vsw{position: fixed;left: 16px;bottom: 16px;z-index: 60;display: flex;align-items: center;gap: 4px;padding: 5px 5px 5px 12px;border-radius: 999px;background: #fff;box-shadow: 0 6px 20px rgba(22, 18, 30, .14);font-size: 13px;font-weight: 600;color: var(--muted)} .vsw a{display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;color: var(--ink)} .vsw a.on{background: var(--act);color: #fff} @media (max-width: 999px){.vsw{bottom: 92px}} @media (max-width: 639px){.zrq{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px} .zrq-i{min-height: 132px;padding: 16px;gap: 12px} .zrq-t{font-size: 16px} .zrq-ic{width: 38px;height: 38px;border-radius: 12px} .zrq-ic .ic{width: 21px;height: 21px}} .zhero{grid-template-columns: minmax(0, 1fr) !important;gap: 14px} .zt-l, .zt-r{min-width: 0} .zt-r{margin-top: 24px} @media (min-width: 1000px){.zt{display: grid !important;grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);gap: 56px;align-items: center;padding: 56px 56px} .zt-r{margin-top: 0} .zt-main .zin, .zt-main .zstrip{max-width: none} .zh1{font-size: 58px} .zt-test h2{font-size: 42px;margin-top: 18px} .zt-test p{font-size: 18px} .zt-test .btn{margin-bottom: 0} .zmock{margin: 0;align-self: center}} .zt-main .zin{margin-top: 0} @media (max-width: 999px){.zt-main .zin{margin-top: 0} .zmock{margin-top: 0}} .zdir-im i{display: none} .faq-head .btn{display: none !important} .faq-care .btn-line{background: #fff} .zasks{display: grid;gap: 12px;grid-template-columns: minmax(0, 1fr)} @media (min-width: 640px){.zasks{grid-template-columns: repeat(2, minmax(0, 1fr))}} @media (min-width: 1000px){.zasks{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px}} .zask{display: flex;flex-direction: column;gap: 14px;padding: 22px;border-radius: var(--r);background: #fff;border: 1px solid var(--line)} .zask-ic{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 14px;background: var(--tint-ink);color: #fff} .zask-ic .ic{width: 24px;height: 24px} .zask h3{font-size: 19.5px;font-weight: 600;line-height: 1.3;letter-spacing: -.01em} .zask p{font-size: 15.5px;line-height: 1.5;color: var(--text);margin-top: -4px} .zask-ph{border-radius: var(--r);overflow: hidden;min-height: 220px} .zask-ph img{width: 100%;height: 100%;object-fit: cover} @media (max-width: 999px){.zask-ph{display: none}} .zm-ic{display: grid;place-items: center;width: 64px;height: 64px;border-radius: 20px;background: #fff;color: var(--act);box-shadow: 0 6px 18px rgba(123, 77, 255, .12)} .zm-ic .ic{width: 32px;height: 32px} .zstep .zm{min-height: 110px} .logo .mark{color: var(--act)} .zhdr .logo{gap: 10px} .test-head{text-align: center;margin: 30px auto 30px;max-width: 760px} .test-head p{margin: 14px auto 0;color: var(--muted);font-size: 18px} .test-card{background: linear-gradient(140deg, #f0ebff 0%, #ffeaf4 100%);border: 0;border-radius: 32px;padding: 30px 20px 26px} @media (min-width: 760px){.test-card{padding: 44px 48px 38px}} .tbar{color: var(--muted)} .tprog{background: rgba(123, 77, 255, .14)} .tprog i{background: var(--act)} .tq{font-weight: 600;letter-spacing: -.025em} .topt{background: #fff;border: 1px solid var(--line);border-radius: 18px;font-weight: 500} .topt .ic{width: 22px;height: 22px;padding: 9px;box-sizing: content-box;border-radius: 12px;background: var(--act-soft);color: var(--act)} .topt .dot{width: 10px;height: 10px;background: var(--act);box-shadow: 0 0 0 9px var(--act-soft);margin: 0 10px 0 9px} .topt:hover, .topt.on{border-color: var(--act)} .topt.on{box-shadow: 0 0 0 1px var(--act)} .tback{color: var(--act)} .test-card.wide{background: transparent;padding: 0} .tres-top{background: var(--g-main);color: #fff;border-radius: 28px;padding: 28px;align-items: center} .tres-k{color: #fff;opacity: .8} .tres-h{color: #fff;font-weight: 600} .tres-why{color: #fff;opacity: .92} .tres-top .link-more{color: #fff;border-color: rgba(255, 255, 255, .5)} @media (min-width: 760px){.tres-top{padding: 36px 40px}} .sheet{background: #fff} .sheet-hd .ttl{font-weight: 600;letter-spacing: -.02em} .sheet-x, .sheet-back{background: var(--cream)} .sheet-ft{border-top-color: var(--line)} .bk-steps i{background: var(--act-soft)} .bk-steps i.on{background: var(--act)} .bk-master{background: var(--cream);border: 0} .opt{background: #fff;border: 1px solid var(--line);border-radius: 18px} .opt.on{border-color: var(--act);box-shadow: 0 0 0 1px var(--act)} .opt .radio{border-color: var(--line)} .opt.on .radio{border-color: var(--act)} .field input, .field textarea{background: var(--cream);border: 1px solid transparent;border-radius: 16px} .field input:focus, .field textarea:focus{border-color: var(--act);background: #fff;box-shadow: 0 0 0 3px var(--act-soft)} .msgr button{background: var(--cream);border: 1px solid transparent;border-radius: 14px} .msgr button.on{border-color: var(--act);background: #fff;box-shadow: 0 0 0 1px var(--act)} .bk-note{background: var(--act-soft)} .ticket{background: var(--cream);border: 0} .ticket-row .ic{color: var(--act)} .done .ok{background: var(--g-main);color: #fff} .pk-dl{font-weight: 600} .pk-more{color: var(--act);border-bottom-color: rgba(123, 77, 255, .3)} .pk-more .ic{color: var(--act)} .wk-arr{background: var(--cream)} .prep li .dot{background: var(--act)} .cat-head .h1{font-weight: 600} .irina-note{border: 1px solid var(--line)} .irina-note a{color: var(--act)} .cat-count b{color: var(--ink)} .empty{background: #fff;border: 1px solid var(--line);border-radius: 22px} .mh-info .h1, .mhero .h1{font-weight: 600} .mh-photo{border: 8px solid #fff;box-shadow: 0 10px 30px rgba(123, 77, 255, .14)} .book{border-radius: 26px} .book h3{font-weight: 600} .mh-verified .ic{color: var(--act)} .sub-h{font-weight: 600} .help-i .dot{background: var(--act)} .about-txt.clamped::after{background: linear-gradient(180deg, rgba(243, 241, 246, 0), var(--cream))} .mh-video{border: 1px solid var(--line);border-radius: 20px} .mv-th{background: var(--g-main)} .cab-tabs{background: #fff;border: 1px solid var(--line)} .sess{border-radius: 24px} .sess-when b{color: var(--ink)} .rate button{background: var(--cream)} .dar-sums button{background: var(--cream);border: 1px solid transparent} .dar-sums button.on{border-color: var(--act);color: var(--act);background: #fff} .mnav-main a{background: var(--cream);border: 0} .mnav a{background: var(--cream);border: 0} .stick{background: rgba(255, 255, 255, .94);border-top-color: var(--line)} .chip-demo, .mc-demo{background: var(--act-soft);color: var(--act)} .mc-play{color: var(--act)} .video .play-big i{color: var(--act)} .what .h2{font-weight: 500} .dhero-band .h1{font-weight: 600} .mh-dir .mh-dir-ic .ic{color: #fff} .mh-dir-ic{width: 46px;height: 46px} @media (max-width: 999px){.vsw{display: none}} .mnav-ver{display: flex;gap: 8px;margin-top: 18px} .mnav-ver a{flex: 1;text-align: center;padding: 12px;border-radius: 14px;background: var(--cream);font-weight: 600} .mnav-ver a.on{background: var(--act);color: #fff} .dhero-band{width: min(calc(100% - 2 * var(--gut)), calc(var(--wrap) - 2 * var(--gut)));margin: 10px auto 0;border-radius: 28px} .dhero-band > .wrap{max-width: none;padding: 0 24px} @media (min-width: 1000px){.dhero-band{border-radius: 32px} .dhero-band > .wrap{padding: 0 56px}} .sec[style] .zstep .zm{background: var(--tint)} .sec[style] .zm-ic{color: var(--tint-ink);box-shadow: 0 6px 18px color-mix(in srgb, var(--tint-ink) 18%, transparent)} @media (max-width: 999px){.zstep .zm{min-height: 96px}} .zask-ic{background: var(--tint);color: var(--tint-ink)} .about{gap: 14px} .about > div{background: #fff;border: 1px solid var(--line);border-radius: var(--r);padding: 26px 22px} @media (min-width: 1000px){.about{gap: 16px} .about > div{padding: 36px 36px 40px}} .about-txt.clamped::after{background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff)} body[data-page="sessions"] .cat-head{text-align: center} body[data-page="sessions"] .sess-list{grid-template-columns: minmax(0, 1fr);max-width: 620px;margin-left: auto;margin-right: auto} body[data-page="sessions"] .sess-more{display: flex;justify-content: center} .about{align-items: start} body[data-page="sessions"] .cat-head p{margin-left: auto;margin-right: auto} .zm-chips span{color: color-mix(in srgb, var(--tint-ink) 78%, #1a1030)} .mh-meta a:hover{background: #fff;border-color: var(--act);color: var(--act)} .mh-vava{position: relative;display: block;width: 100%;max-width: 360px;aspect-ratio: 1;padding: 0;border: 0;background: none;cursor: pointer} .mh-ring{position: absolute;inset: 0;border-radius: 50%;background: conic-gradient(from 0deg, #7b4dff, #6c6cff, #ff6fb1, #ffb36b, #7b4dff);animation: mhSpin 6s linear infinite} @keyframes mhSpin{to{transform: rotate(360deg)}} @media (prefers-reduced-motion: reduce){.mh-ring{animation: none}} .mh-vimg{position: absolute;inset: 6px;border-radius: 50%;overflow: hidden;border: 6px solid var(--cream);background: #262340} .mh-vimg img{width: 100%;height: 100%;object-fit: cover;object-position: center 22%;transition: transform .4s} .mh-vpill{position: absolute;left: 50%;bottom: 4px;transform: translateX(-50%);display: inline-flex;align-items: center;gap: 9px;padding: 7px 18px 7px 7px;border-radius: 999px;background: #fff;color: var(--ink);font-size: 15.5px;font-weight: 600;white-space: nowrap;box-shadow: 0 8px 24px rgba(22, 18, 30, .14);transition: background .18s, color .18s} .mh-vpill i{display: grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;background: var(--act);color: #fff} .mh-vpill i .ic{width: 13px;height: 13px;margin-left: 2px} .mh-vpill i .ic svg{fill: currentColor;stroke: none} .mh-vava:hover .mh-vimg img{transform: scale(1.04)} .mh-vava:hover .mh-vpill{background: var(--act);color: #fff} .mh-vava:hover .mh-vpill i{background: #fff;color: var(--act)} @media (max-width: 759px){.mh-vava{max-width: 260px;margin: 0 auto} .mh-vpill{font-size: 14.5px}} .dhero-band[style]{background: linear-gradient(140deg, color-mix(in srgb, var(--tint-ink) 82%, #3a1030) 0%, var(--tint-ink) 50%, color-mix(in srgb, var(--tint-ink) 72%, #fff) 100%)} .dhero-band .btn-line{background: rgba(255, 255, 255, .2);box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .55)} .zhdr .logo{gap: 10px;font-size: 0} @media (min-width: 1080px){.zhdr .logo{gap: 5px}} .mh-vpill{bottom: -10px} .mh-vava{margin-bottom: 10px} .zt-main .zfaces img, .zt-main .zfaces b{width: 64px;height: 64px;border-width: 4px;margin-right: -12px} .zt-main .zfaces b{margin-right: 0;font-size: 18px} .zt-main .zin{padding: 22px;border-radius: 26px} .zt-main .zin p{font-size: 18px;font-weight: 600;margin: 16px 0 18px} @media (min-width: 1000px){.zt-main .zin{padding: 30px;border-radius: 30px} .zt-main .zfaces img, .zt-main .zfaces b{width: 96px;height: 96px;border-width: 5px;margin-right: -18px} .zt-main .zfaces b{margin-right: 0;font-size: 24px} .zt-main .zin p{font-size: 21px;line-height: 1.35;margin: 22px 0 24px} .zt-main .zin .btn{min-height: 64px;font-size: 18px} .zt-main .zstrip{margin-top: 16px;padding: 18px 22px;border-radius: 22px;font-size: 16.5px} .zt-main .zstrip > .ic:first-child{width: 26px;height: 26px}} .zt-main .zfaces img, .zt-main .zfaces b{flex: 0 0 calc((100% + 4 * 14px) / 5);width: auto;height: auto;aspect-ratio: 1;max-width: 104px;margin-right: -14px} .zt-main .zfaces b{margin-right: 0} .zt-main .zfaces img, .zt-main .zfaces b{box-sizing: border-box;flex-shrink: 1;min-width: 0} .zt-main .zfaces img, .zt-main .zfaces b{flex-basis: calc((100% + 4 * 22px) / 5);margin-right: -22px} .zt-main .zfaces b{margin-right: 0} @media (min-width: 1280px){.zt-main{grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr)}} .zt-main .zfaces img, .zt-main .zfaces b{flex: none;box-sizing: border-box;width: 60px;height: 60px;max-width: none;aspect-ratio: auto;border-width: 4px;margin-right: -14px} .zt-main .zfaces b{margin-right: 0;font-size: 17px} @media (max-width: 379px){.zt-main .zfaces img, .zt-main .zfaces b{width: 52px;height: 52px;margin-right: -12px} .zt-main .zfaces b{margin-right: 0;font-size: 15px}} @media (min-width: 1000px){.zt-main .zfaces img, .zt-main .zfaces b{width: 74px;height: 74px;border-width: 5px;margin-right: -16px} .zt-main .zfaces b{margin-right: 0;font-size: 21px}} @media (min-width: 1280px){.zt-main .zfaces img, .zt-main .zfaces b{width: 88px;height: 88px;margin-right: -20px} .zt-main .zfaces b{margin-right: 0;font-size: 24px}} .zin-ok{white-space: nowrap} .zin-ok .ic{display: inline-block;width: 1.15em;height: 1.15em;margin-left: .3em;vertical-align: -.2em;color: var(--act)} .zin-ok .ok-shield{display: inline-block;width: 1.2em;height: 1.2em;margin-left: .28em;vertical-align: -.22em;color: var(--act)} .bdg.bdg-fit{background: var(--act-soft);border-color: transparent;color: var(--ink);font-weight: 600} .bdg.bdg-fit .ic{width: 20px;height: 20px;color: var(--act)} .helpcard{align-items: center;justify-content: center;text-align: center} .helpcard .btn{align-self: center} :root{--t-small: 15px;--t-body: 17px;--t-lead: 18px;--t-h4: 20px;--t-h3: 24px;--t-h2: 32px;--t-display: 40px} @media (min-width: 760px){:root{--t-small: 16px;--t-body: 18px;--t-lead: 19px;--t-h4: 21px;--t-h3: 26px;--t-h2: 42px;--t-display: 52px}} @media (min-width: 1000px){:root{--t-small: 16px;--t-body: 18px;--t-lead: 20px;--t-h4: 22px;--t-h3: 28px;--t-h2: 52px;--t-display: 64px}} html.vb body{font-size: var(--t-body)} html.vb .h1{font-size: var(--t-display)} html.vb .h2{font-size: var(--t-h2)} html.vb .lead{font-size: var(--t-lead)} html.vb .btn{font-size: var(--t-body)} html.vb .btn-sm{font-size: var(--t-small)} html.vb .link-more{font-size: var(--t-body)} html.vb .chip{font-size: var(--t-small)} html.vb .chip-demo{font-size: var(--t-small)} html.vb .nav a{font-size: var(--t-body)} html.vb .hdr-act .btn{font-size: var(--t-body)} html.vb .hdr-cab{font-size: var(--t-body)} html.vb .sec-title p{font-size: var(--t-lead)} html.vb .hero-sub{font-size: var(--t-h4)} html.vb .hero-trust{font-size: var(--t-body)} html.vb .face{font-size: var(--t-small)} html.vb .faces-all{font-size: var(--t-body)} html.vb .rq{font-size: var(--t-body)} html.vb .rq-answer .q{font-size: var(--t-h4)} html.vb .rq-dir b{font-size: var(--t-body)} html.vb .rq-dir span{font-size: var(--t-small)} html.vb .dc-t{font-size: var(--t-h3)} html.vb .dc-p{font-size: var(--t-body)} html.vb .dc-n{font-size: var(--t-body)} html.vb .step .num{font-size: var(--t-lead)} html.vb .step h3{font-size: var(--t-h4)} html.vb .step p{font-size: var(--t-body)} html.vb .irina p{font-size: var(--t-lead)} html.vb .irina .sign{font-size: var(--t-body)} html.vb .irina .sign b{font-size: var(--t-h4)} html.vb .honest h3{font-size: var(--t-h4)} html.vb .honest p{font-size: var(--t-body)} html.vb .mc-demo{font-size: var(--t-small)} html.vb .mc-nm{font-size: var(--t-h4)} html.vb .bdg{font-size: var(--t-small)} html.vb .mc-fmt{font-size: var(--t-body)} html.vb .mc-info .lbl{font-size: var(--t-small)} html.vb .mc-info .val{font-size: var(--t-body)} html.vb .mc-cta b{font-size: var(--t-body)} html.vb .mc-cta small{font-size: var(--t-small)} html.vb .helpcard h3{font-size: var(--t-h3)} html.vb .helpcard p{font-size: var(--t-body)} html.vb .rv .q{font-size: var(--t-body)} html.vb .rv .more{font-size: var(--t-body)} html.vb .rv .who .av{font-size: var(--t-small)} html.vb .rv .who b{font-size: var(--t-body)} html.vb .rv .who span{font-size: var(--t-small)} html.vb .faq summary{font-size: var(--t-lead)} html.vb .faq .a{font-size: var(--t-body)} html.vb .cta p{font-size: var(--t-lead)} html.vb .foot{font-size: var(--t-body)} html.vb .foot h4{font-size: var(--t-small)} html.vb .foot-bottom{font-size: var(--t-small)} html.vb .proto-note{font-size: var(--t-small)} html.vb .crumbs{font-size: var(--t-small)} html.vb .dhero .promise{font-size: var(--t-h4)} html.vb .dhero .sub{font-size: var(--t-lead)} html.vb .facts{font-size: var(--t-body)} html.vb .what .quote{font-size: var(--t-h4)} html.vb .what .quote small{font-size: var(--t-body)} html.vb .ask h3{font-size: var(--t-lead)} html.vb .ask p{font-size: var(--t-body)} html.vb .dlinks a{font-size: var(--t-body)} html.vb .prep li{font-size: var(--t-body)} html.vb .stick .tx{font-size: var(--t-small)} html.vb .stick .tx b{font-size: var(--t-body)} html.vb .cat-head p{font-size: var(--t-lead)} html.vb .ftab{font-size: var(--t-body)} html.vb .fsel select{font-size: var(--t-body)} html.vb .ftoggle{font-size: var(--t-body)} html.vb .fsearch input{font-size: var(--t-body)} html.vb .cat-count{font-size: var(--t-body)} html.vb .cat-dirnote{font-size: var(--t-body)} html.vb .empty{font-size: var(--t-body)} html.vb .irina-note{font-size: var(--t-body)} html.vb .mh-photo .play{font-size: var(--t-small)} html.vb .mh-info .role{font-size: var(--t-lead)} html.vb .mh-meta > *{font-size: var(--t-small)} html.vb .mh-verified{font-size: var(--t-body)} html.vb .book h3{font-size: var(--t-h4)} html.vb .book .fmt{font-size: var(--t-body)} html.vb .book .dar{font-size: var(--t-small)} html.vb .day small{font-size: var(--t-small)} html.vb .day b{font-size: var(--t-lead)} html.vb .slot{font-size: var(--t-body)} html.vb .tz{font-size: var(--t-small)} html.vb .about-txt p{font-size: var(--t-lead)} html.vb .help-i{font-size: var(--t-body)} html.vb .sub-h{font-size: var(--t-h3)} html.vb .sub-h2{font-size: var(--t-h4)} html.vb .video .play-big span{font-size: var(--t-body)} html.vb .test-head p{font-size: var(--t-lead)} html.vb .tbar{font-size: var(--t-body)} html.vb .tq{font-size: var(--t-h3)} html.vb .topt{font-size: var(--t-lead)} html.vb .tback{font-size: var(--t-body)} html.vb .tres-k{font-size: var(--t-body)} html.vb .tres-h{font-size: var(--t-h2)} html.vb .tres-why{font-size: var(--t-lead)} html.vb .tres-foot{font-size: var(--t-body)} html.vb .sheet-hd .ttl{font-size: var(--t-h3)} html.vb .sheet-hd .ttl small{font-size: var(--t-body)} html.vb .bk-master b{font-size: var(--t-lead)} html.vb .bk-master span{font-size: var(--t-small)} html.vb .bk-label{font-size: var(--t-body)} html.vb .opt b{font-size: var(--t-lead)} html.vb .opt span{font-size: var(--t-small)} html.vb .field input{font-size: var(--t-lead)} html.vb .field textarea{font-size: var(--t-lead)} html.vb .field small{font-size: var(--t-small)} html.vb .msgr button{font-size: var(--t-body)} html.vb .bk-note{font-size: var(--t-body)} html.vb .bk-legal{font-size: var(--t-small)} html.vb .done h3{font-size: var(--t-h3)} html.vb .done p{font-size: var(--t-body)} html.vb .ticket-row b{font-size: var(--t-body)} html.vb .ticket-row span{font-size: var(--t-small)} html.vb .prep h4{font-size: var(--t-body)} html.vb .mnav-main a{font-size: var(--t-lead)} html.vb .mnav a{font-size: var(--t-body)} html.vb .mnav-label{font-size: var(--t-small)} html.vb .cab-tabs button{font-size: var(--t-body)} html.vb .sess-top b{font-size: var(--t-lead)} html.vb .sess-top span{font-size: var(--t-body)} html.vb .sess-when{font-size: var(--t-lead)} html.vb .sess-live{font-size: var(--t-body)} html.vb .dar-sums button{font-size: var(--t-body)} html.vb .mv-tx b{font-size: var(--t-body)} html.vb .mv-tx span{font-size: var(--t-small)} html.vb .mh-dirs-h{font-size: var(--t-small)} html.vb .mh-dir{font-size: var(--t-lead)} html.vb .orbit-all{font-size: var(--t-small)} html.vb .dcard.wide .dc-t{font-size: var(--t-h2)} html.vb .dcard.wide .dc-p{font-size: var(--t-lead)} html.vb .band.dark .step .num{font-size: var(--t-display)} html.vb .band.dark .step h3{font-size: var(--t-h4)} html.vb .band.dark .step p{font-size: var(--t-body)} html.vb .rv-feat blockquote{font-size: var(--t-h3)} html.vb .rv-feat figcaption{font-size: var(--t-body)} html.vb .pk-dl{font-size: var(--t-body)} html.vb .pk-more{font-size: var(--t-body)} html.vb .wd small{font-size: var(--t-small)} html.vb .wd b{font-size: var(--t-lead)} html.vb .back-link{font-size: var(--t-body)} html.vb .wk-head b{font-size: var(--t-body)} html.vb .zh1{font-size: var(--t-display)} html.vb .zsub{font-size: var(--t-body)} html.vb .zin p{font-size: var(--t-body)} html.vb .zstrip{font-size: var(--t-small)} html.vb .zchips span{font-size: var(--t-small)} html.vb .zt-test h2{font-size: var(--t-h2)} html.vb .zt-test p{font-size: var(--t-lead)} html.vb .zmock b{font-size: var(--t-body)} html.vb .zmock span{font-size: var(--t-small)} html.vb .zrq-t{font-size: var(--t-lead)} html.vb .zdir-bd b{font-size: var(--t-lead)} html.vb .zdir-bd > span{font-size: var(--t-small)} html.vb .zdir-bd em{font-size: var(--t-small)} html.vb .zstep h3{font-size: var(--t-lead)} html.vb .zstep p{font-size: var(--t-small)} html.vb .zm-chips span{font-size: var(--t-small)} html.vb .zm-tabs{font-size: var(--t-small)} html.vb .zm-slots span{font-size: var(--t-small)} html.vb .zm-call b{font-size: var(--t-small)} html.vb .zm-call small{font-size: var(--t-small)} html.vb .zm-dar{font-size: var(--t-small)} html.vb .zir-tx h2{font-size: var(--t-h2)} html.vb .zir-tx p{font-size: var(--t-body)} html.vb .zir-sign b{font-size: var(--t-body)} html.vb .zir-sign span{font-size: var(--t-small)} html.vb .zhon-i b{font-size: var(--t-lead)} html.vb .zhon-i span span{font-size: var(--t-small)} html.vb .zask h3{font-size: var(--t-lead)} html.vb .zask p{font-size: var(--t-small)} html.vb .mh-vpill{font-size: var(--t-small)} html.vb .zt-main .zin p{font-size: var(--t-h4)} html.vb .zt-main .zin .btn{font-size: var(--t-lead)} html.vb .zt-main .zstrip{font-size: var(--t-body)} html.vb .mnav a.mn-d{background: var(--tint)} .dar-sums button{display: grid;place-items: center;text-align: center;padding: 14px 6px;white-space: nowrap} @media (max-width: 520px){.dar-sums{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px}} .rate{gap: 8px} .rate button{width: 50px;height: 50px;background: var(--cream);color: #d4cde0;transition: color .15s, background .15s, transform .15s} .rate button .ic{width: 28px;height: 28px} .rate button:hover{color: #ffc94d;transform: scale(1.06)} .rate button.on{color: #ffb020;background: #fff3d6} .btn-dar{display: inline-flex;align-items: center;justify-content: center;gap: 10px} .btn-dar .ic{width: 22px;height: 22px;color: #ffc2de} @media (max-width: 520px){.frow .fsel{grid-column: 1 / -1;width: 100%}} .zt-main .zstrip + .zstrip{margin-top: 10px} .zt-main .zstrip > .ic:first-child{color: #fff} @media (min-width: 1000px){.zt-main .zt-r{display: flex;flex-direction: column;justify-content: center} .zt-main .zfaces img, .zt-main .zfaces b{width: 96px;height: 96px;margin-right: -22px} .zt-main .zfaces b{margin-right: 0;font-size: var(--t-h4)} .zt-main .zin{padding: 32px} .zt-main .zin p{margin: 24px 0 26px} .zt-main .zin .btn{min-height: 72px;font-size: var(--t-lead)} .zt-main .zstrip{padding: 20px 24px;gap: 16px;font-size: var(--t-body);line-height: 1.4;border-radius: 24px} .zt-main .zstrip > .ic:first-child{width: 28px;height: 28px} .zt-test .zchips span{font-size: var(--t-small);padding: 8px 14px;border-radius: 12px} .zt-test p{font-size: var(--t-lead);max-width: 520px} .zt-test .btn{min-height: 64px;padding: 0 34px;font-size: var(--t-lead)} .zmock{max-width: 540px;padding: 26px;gap: 10px;border-radius: 26px} .zmock b{font-size: var(--t-h4);margin-bottom: 6px} .zmock span{font-size: var(--t-body);padding: 15px 16px;border-radius: 16px;gap: 12px} .zmock span .ic{width: 24px;height: 24px}} @media (min-width: 1000px) and (max-width: 1279px){.zt-main .zfaces img, .zt-main .zfaces b{width: 72px;height: 72px;margin-right: -16px} .zt-main .zfaces b{margin-right: 0}} .cta .h2 .ac{color: #ffe1f0} .dlinks{justify-content: center} .bdg.bdg-exp .ic, .mh-meta .m-exp .ic{width: 18px;height: 18px;color: var(--act)} .sec:has(.zhon) .h2 .ac{color: #e0468f} .mc-play{background: #fff;box-shadow: 0 0 0 2px var(--act), 0 4px 12px rgba(45, 36, 91, .2)} .mc-ph img, .mh-vimg, .mh-photo, .zfaces img{background: var(--act-soft)} .zm-call .ic{padding: 0} .zm-call i{flex: none;width: 42px;height: 42px} .zm-call i .ic{width: 21px;height: 21px} .zm-call i .ic svg{stroke-width: 1.8} .zm-call img{flex: none} .mh-vpill{padding: 7px 20px 7px 7px;gap: 11px} .mh-vpill i{width: 42px;height: 42px} .mh-vpill i .ic{width: 22px;height: 22px} .mc-play{width: 44px;height: 44px} .mc-play .ic{width: 20px;height: 20px} html.vb .helpcard{gap: 18px;padding: 34px 28px} html.vb .helpcard h3{font-size: var(--t-h3);font-weight: 600;letter-spacing: -.02em} html.vb .helpcard p{font-size: var(--t-lead);line-height: 1.5;opacity: .95} html.vb .helpcard .btn{font-size: var(--t-lead);min-height: 64px;padding: 0 34px;margin-top: 4px} .zm-call{max-width: 100%;box-sizing: border-box;gap: 8px;padding: 6px} .zm-call img{width: 38px;height: 38px} .zm-call > span{flex: 1 1 auto;min-width: 0;padding-right: 2px} .zm-call > span b, .zm-call > span small{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis} .zm-call i{width: 38px;height: 38px} .zm-call i .ic{width: 19px;height: 19px} .zm{grid-template-columns: minmax(0, 1fr);container-type: inline-size} .zm > *{max-width: 100%;min-width: 0} .zm-call{justify-self: center} @container (max-width: 205px){.zm-call .zm-mic{display: none}} @media (min-width: 640px) and (max-width: 1179px){.grid-4:has(.zstep){grid-template-columns: repeat(2, minmax(0, 1fr))}} .zm-slots, .zm-tabs{flex-wrap: wrap;justify-content: center;max-width: 100%} .zm-tabs{gap: 4px 12px} .cta{background: var(--g-main)} .cta-faces img{border-color: rgba(255, 255, 255, .7)} .cta{background: radial-gradient(circle at 85% 12%, rgba(255, 255, 255, .26), transparent 42%), linear-gradient(135deg, #6a4dff 0%, #3d7bff 55%, #29b6e8 100%)} .cta .h2 .ac{color: #d9f4ff} .cta .btn-lav{color: #4b5cff} .rq-pick{text-align: center;color: var(--muted);font-size: var(--t-small);margin-top: 22px} .rq-answer .dl{margin-top: 14px} .rq-dir.rq-dir-b{position: relative;gap: 8px;padding: 22px 22px 20px;background: #fff;border: 1.5px solid var(--line);border-radius: 22px;box-shadow: 0 2px 0 rgba(22, 18, 30, .02);transition: border-color .18s, box-shadow .18s, transform .18s;cursor: pointer} .rq-dir.rq-dir-b:hover{border-color: var(--tint-ink);transform: translateY(-3px);box-shadow: 0 12px 28px color-mix(in srgb, var(--tint-ink) 18%, transparent)} .rq-ic{display: grid;place-items: center;width: 46px;height: 46px;border-radius: 14px;background: var(--tint-ink);color: #fff;margin-bottom: 6px} .rq-ic .ic{width: 24px;height: 24px} .rq-dir-b .rq-why{color: var(--text);font-size: var(--t-small);line-height: 1.45} .rq-go{display: inline-flex;align-items: center;gap: 6px;margin-top: auto;padding-top: 10px;font-size: var(--t-small);font-weight: 600;color: var(--tint-ink)} .rq-go .ic{width: 16px;height: 16px;transition: transform .18s} .rq-dir-b:hover .rq-go .ic{transform: translateX(4px)} .rq-dir.rq-dir-b .rq-ic{color: #fff} .rq-dir.rq-dir-b .rq-go{color: var(--tint-ink);font-weight: 600} .rq-dir.rq-dir-b b{font-size: var(--t-lead)} .rq-dir.rq-dir-b .rq-ic .ic{color: #fff} .rq-dir.rq-dir-b .rq-go .ic{color: var(--tint-ink)} .sec-title .side.fsel select{padding: 10px 40px 10px 18px} .sec-title:has(.side){gap: 8px} .what-side{position: relative;display: grid;justify-items: center} .what-obj{display: block;width: auto;max-width: 100%;height: 360px;object-fit: contain;filter: drop-shadow(0 24px 40px rgba(123, 77, 255, .18))} .what-side .quote{position: relative;margin-top: -70px;width: 100%;box-shadow: 0 16px 40px rgba(22, 18, 30, .08)} @media (min-width: 900px){.what:has(.what-side){align-items: stretch} .what-side{align-content: end} .what-obj{height: 480px} .what-side .quote{margin-top: -110px}} .what-obj{height: 300px} .what-side .quote{margin-top: -36px} @media (min-width: 900px){.what-obj{height: 430px} .what-side .quote{margin-top: -56px}} .what:has(.what-side){align-items: center} .what-side{align-content: center} .what-obj{height: 380px} @media (min-width: 900px){.what-obj{height: 540px}} @media (min-width: 900px){.faq{grid-template-columns: minmax(0, 1fr);max-width: 820px;margin-left: auto;margin-right: auto}} .faq{max-width: 820px;margin-left: auto;margin-right: auto} html.vb .phone-field .cc-sel select{font-size: var(--t-body);background: var(--cream);border: 1px solid transparent} html.vb .bot-box b{font-size: var(--t-lead)} html.vb .bot-box span span, html.vb .bot-sms{font-size: var(--t-small)} html.vb .fsel .dd{background: #fff;border: 1px solid var(--line);font-size: var(--t-body)} html.vb .fsel .dd:hover, html.vb .fsel.open .dd{border-color: var(--act)} html.vb .dd-o{font-size: var(--t-body)} html.vb .phone-field .cc-sel .dd{background: var(--cream);border-color: transparent} @keyframes ddInC{from{opacity: 0}} .sec-title .side.fsel.open .dd-pop{animation-name: ddInC} .done .ok{width: 76px;height: 76px;border-radius: 24px;background: var(--act-soft);color: var(--act)} .done .ok .ic{width: 40px;height: 40px} body[data-page="sessions"] .sess-list{max-width: 820px} .dar-sums{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px} @media (max-width: 520px){.dar-sums{grid-template-columns: repeat(2, minmax(0, 1fr))}} html.vb .dar-other input{font-size: var(--t-lead)} .done .ok{width: auto;height: auto;border-radius: 0;background: none;color: var(--act)} .done .ok .ic{width: 76px;height: 76px;filter: drop-shadow(0 10px 22px rgba(123, 77, 255, .28))} #pastCard{transition: height .5s cubic-bezier(.4, 0, .2, 1), background .5s, opacity .3s;overflow: hidden} #pastCard.fading > *{opacity: 0;transform: scale(.98);transition: opacity .25s, transform .25s} .sess.sess-ty{background: var(--g-main);border-color: transparent;color: #fff} .ty{position: relative;display: grid;justify-items: center;text-align: center;padding: 44px 16px 48px;animation: tyIn .5s cubic-bezier(.2, .9, .3, 1.2)} @keyframes tyIn{from{opacity: 0;transform: scale(.92)}} .ty-heart{display: grid;place-items: center;width: 104px;height: 104px;border-radius: 50%;background: rgba(255, 255, 255, .2);box-shadow: 0 0 0 14px rgba(255, 255, 255, .08)} .ty-heart .ic{width: 56px;height: 56px;color: #fff;animation: tyBeat 1.1s ease-in-out infinite} @keyframes tyBeat{0%, 100%{transform: scale(1)} 15%{transform: scale(1.18)} 30%{transform: scale(.96)} 45%{transform: scale(1.1)}} .ty h3{margin-top: 22px;font-size: var(--t-h2);font-weight: 600;color: #fff;letter-spacing: -.02em} .ty p{margin-top: 10px;font-size: var(--t-lead);color: #fff;opacity: .92} .ty-fly{position: absolute;inset: 0;pointer-events: none;overflow: hidden} .ty-fly i{position: absolute;bottom: -30px;width: 22px;height: 22px;color: rgba(255, 255, 255, .85);transform: scale(var(--s));animation: tyFly 2.6s ease-out forwards;opacity: 0} .ty-fly i .ic{width: 100%;height: 100%} @keyframes tyFly{0%{opacity: 0;transform: translateY(0) scale(var(--s))} 15%{opacity: 1} 100%{opacity: 0;transform: translateY(-340px) rotate(18deg) scale(var(--s))}} @media (prefers-reduced-motion: reduce){.ty-fly{display: none} .ty-heart .ic{animation: none}} .pd{display: grid;gap: 16px;animation: tyIn .45s ease} .pd-top{display: flex;align-items: center;gap: 14px} .pd-top img{width: 64px;height: 64px;border-radius: 20px;object-fit: cover;object-position: center 20%;flex: none} .pd-top b{display: block;font-size: var(--t-h4);font-weight: 600;color: var(--ink)} .pd-top div > span:not(.pd-tag){display: block;font-size: var(--t-small);color: var(--muted);margin-top: 2px} .pd-tag{display: inline-flex;align-items: center;gap: 6px;margin-bottom: 4px;font-size: var(--t-small);font-weight: 600;color: var(--act)} .pd-tag .ic{width: 20px;height: 20px;color: var(--act)} .pd-facts{display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 8px} .pd-f{display: grid;gap: 4px;padding: 14px 16px;border-radius: 18px;background: var(--act-soft)} .pd-f > span{font-size: var(--t-small);color: var(--muted)} .pd-f b{display: inline-flex;align-items: center;gap: 8px;font-size: var(--t-h4);font-weight: 600;color: var(--ink)} .pd-f b > .ic{width: 22px;height: 22px;color: #ec4899} .pd-stars{gap: 2px !important} .pd-stars i{display: inline-grid;width: 22px;height: 22px;color: #d9d2e6} .pd-stars i.on{color: #ffb020} .pd-stars i .ic{width: 100%;height: 100%} .pd-rev{font-size: var(--t-body);line-height: 1.5;color: var(--text);font-style: italic;padding-left: 14px;border-left: 3px solid var(--act-soft);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden} .pd-acts{display: grid;gap: 8px} @media (min-width: 640px){.pd-acts{grid-template-columns: 1.4fr 1fr}} .ty > :not(.ty-fly){position: relative;z-index: 1} .ty-fly i{color: rgba(255, 255, 255, .55)} .test-card{background: none;border: 0;box-shadow: none;border-radius: 0;padding: 8px 0 0} @media (min-width: 760px){.test-card{padding: 8px 0 0}} .mc-cta{justify-content: center;min-height: 76px} .mc-cta small{display: block;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis} .mc-cta{min-height: 92px;gap: 2px} .mc-cta small{white-space: normal;overflow: visible} .mc-cta small .mc-l, .mc-cta small .mc-w{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis} .mc-cta small .mc-w{color: var(--ink);font-weight: 600} .mcard:hover .mc-cta small .mc-w{color: #fff} @media (max-width: 759px){.tres-top{align-items: flex-start} .tres-top .link-more{align-self: flex-start}} .mc-cta small .mc-w{font-weight: inherit;color: inherit} .mcard:hover .mc-cta small .mc-w{color: inherit} html.vb .cancel-t{font-size: var(--t-body)} html.vb .sess-empty b{font-size: var(--t-h4)} html.vb .sess-empty p, html.vb .toast{font-size: var(--t-body)} html.vb .care-head h3{font-size: var(--t-h4)} html.vb .care-status{font-size: var(--t-small)} html.vb .care-lead, html.vb .care-btn{font-size: var(--t-body)} html.vb .care-btn{background: var(--cream);border-color: transparent} html.vb .care-btn:hover{background: #fff;border-color: var(--act)} .zmock span.zo{display: flex;align-items: center} .zmock .zr{flex: none;display: grid;place-items: center;width: 24px;height: 24px;border-radius: 50%;border: 2px solid #d9d2ea;background: #fff} .zmock .zo.on .zr{background: var(--act);border-color: var(--act);color: #fff} .zmock .zr .ic{width: 14px;height: 14px;color: #fff} .zmock .zr .ic svg{stroke-width: 3} @media (min-width: 1000px){.zmock .zr{width: 26px;height: 26px}} .zmock .zr .ic{padding: 0;border: 0;border-radius: 0;background: none;display: block} .mp{display: block} .mp-side .book{display: none} @media (min-width: 1080px){.mp{display: grid;grid-template-columns: minmax(0, 1fr) 380px;gap: 44px;align-items: start;padding-top: 28px} .mp-side{position: sticky;top: calc(var(--hdr) + 16px)} .mp-side .book{display: block} .mp .mhero{grid-template-columns: 280px minmax(0, 1fr);gap: 36px;padding: 0 0 28px} .mp #otzyvy{padding-top: 64px} .mp #otzyvy .grid-2{grid-template-columns: minmax(0, 1fr)}} @media (min-width: 1280px){.mp #otzyvy .grid-2{grid-template-columns: repeat(2, minmax(0, 1fr))}} .mp .mhero{padding-bottom: 24px} .mp-sec{padding: 0} .mp-card{background: #fff;border: 1px solid var(--line);border-radius: var(--r);padding: 26px 22px 28px} @media (min-width: 760px){.mp-card{padding: 36px 40px 40px}} .mp-card .sub-h{margin-bottom: 14px} .mp-card .sub-h2{margin: 28px 0 12px} .about-txt.mp-clamp{max-height: calc(1.7em * 5);overflow: hidden;position: relative} .about-txt.mp-clamp.is-cut::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 2.4em;background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff)} .mp-card #aboutMore{margin-top: 10px} .mp-tags{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 16px} .mp-tags span{padding: 9px 14px;border-radius: 12px;background: var(--act-soft);color: var(--ink);font-size: var(--t-body);font-weight: 500} .mp-helps{gap: 10px} .mp-card #helpsMore{margin-top: 12px} .about-txt.mp-clamp{max-height: calc(var(--t-lead) * 1.7 * 5 + 14px)} .mp-dirs{margin: 0 0 18px} .mp .mhero{padding-bottom: 20px;align-items: center} .mp .mh-verified{margin-top: 16px} .mp-dirs .mh-dirs-h{margin-top: 0} .mp-dirs .mh-dlinks{justify-content: flex-start;margin-top: 10px} .dlinks a{transition: border-color .18s, transform .18s, box-shadow .18s} .dlinks a:hover{border-color: var(--tint-ink, var(--act));transform: translateY(-2px);box-shadow: 0 8px 18px color-mix(in srgb, var(--tint-ink, var(--act)) 16%, transparent)} html.vb .dlinks a, html.vb .mnav a.mn-d{display: inline-flex;align-items: center;gap: 8px;padding: 10px 14px 10px 16px;border-radius: 999px;background: color-mix(in srgb, var(--tint-ink) 9%, #fff);border: 1.5px solid color-mix(in srgb, var(--tint-ink) 32%, transparent);box-shadow: 0 2px 10px color-mix(in srgb, var(--tint-ink) 12%, transparent);color: color-mix(in srgb, var(--tint-ink) 78%, #1a1030);font-size: var(--t-body);font-weight: 500;line-height: 1.2;transition: background .2s, color .2s, border-color .2s, box-shadow .2s, transform .2s} html.vb .dlinks a > .ic, html.vb .mnav a.mn-d > .ic{width: 20px;height: 20px;color: var(--tint-ink);transition: color .2s} html.vb .dgo{display: inline-grid;place-items: center;width: 22px;height: 22px;margin-left: 2px;border-radius: 50%;background: color-mix(in srgb, var(--tint-ink) 14%, #fff);transition: transform .2s, background .2s} html.vb .dgo .ic{width: 13px;height: 13px;color: var(--tint-ink)} html.vb .dlinks a:hover, html.vb .mnav a.mn-d:hover, html.vb .dlinks a:focus-visible{background: var(--tint-ink);border-color: var(--tint-ink);color: #fff;transform: translateY(-2px);box-shadow: 0 10px 22px color-mix(in srgb, var(--tint-ink) 32%, transparent)} html.vb .dlinks a:hover > .ic, html.vb .mnav a.mn-d:hover > .ic{color: #fff} html.vb .dlinks a:hover .dgo, html.vb .mnav a.mn-d:hover .dgo{background: rgba(255, 255, 255, .22);transform: translateX(3px)} html.vb .dlinks a:hover .dgo .ic, html.vb .mnav a.mn-d:hover .dgo .ic{color: #fff} html.vb .dlinks a:active, html.vb .mnav a.mn-d:active{transform: scale(.98)} .mh-box{margin-top: 18px;padding: 14px;border-radius: 20px;background: #fff;border: 1px solid var(--line)} .mh-box .mh-meta{margin-top: 0} .mh-box .mh-meta > *{background: var(--cream);border-color: transparent} .mh-box .mh-meta a:hover{background: var(--act-soft);border-color: transparent} .mh-box .mh-verified{margin-top: 12px;padding-left: 4px} .zir-tx p:first-of-type{opacity: 1;font-weight: 500} .zir-tx p{max-width: 600px} .zir-stats{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px;margin-top: 26px;max-width: 600px} .zir-stats div{display: grid;gap: 4px;align-content: start;padding: 14px 14px 16px;border-radius: 18px;background: rgba(255, 255, 255, .16);border: 1px solid rgba(255, 255, 255, .28)} .zir-stats b{font-size: var(--t-h3);font-weight: 600;letter-spacing: -.02em;line-height: 1;color: #fff} .zir-stats span{font-size: var(--t-small);line-height: 1.3;color: #fff;opacity: .88} .zir-ph{position: relative} .zir-name{position: absolute;left: 12px;right: 12px;bottom: 12px;display: grid;gap: 2px;padding: 12px 16px;border-radius: 16px;background: rgba(22, 18, 40, .42);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);color: #fff;font-size: var(--t-body);font-weight: 600} .zir-name small{font-size: var(--t-small);font-weight: 400;opacity: .88} @media (min-width: 900px){.zir{align-items: stretch} .zir-tx{align-self: center} .zir-ph{aspect-ratio: auto;min-height: 100%}} @media (max-width: 520px){.zir-stats{gap: 6px} .zir-stats div{padding: 12px 10px 14px}} @media (max-width: 640px){.zir-stats{grid-template-columns: minmax(0, 1fr);gap: 6px} .zir-stats div{display: flex;align-items: center;gap: 14px;padding: 12px 16px} .zir-stats b{flex: none;min-width: 84px}} .zir-tx p:first-of-type{font-weight: 400;opacity: .93} .zir{align-items: center !important} .zir-ph{aspect-ratio: 4 / 5 !important;min-height: 0 !important} @media (min-width: 900px){.zir-ph{max-height: 520px}} .faq{max-width: none !important} .mh-box .mh-meta > *{flex: 1 1 auto;justify-content: center;text-align: center} .mh-box .mh-verified{justify-content: center;text-align: center;font-size: var(--t-small)} .mh-box .mh-verified{display: block;text-align: center;line-height: 1.4} .mh-box .mh-verified .ic{display: inline-block;vertical-align: -4px;width: 19px;height: 19px;margin-right: 6px} html.vb .mh-box .mh-verified{font-size: var(--t-small)} .cat-wrap{display: grid;gap: 20px;padding-top: 24px} @media (min-width: 1000px){.cat-wrap{grid-template-columns: 300px minmax(0, 1fr);gap: 32px;align-items: start} .cat-side{position: sticky;top: calc(var(--hdr) + 16px);max-height: calc(100vh - var(--hdr) - 32px);overflow-y: auto;scrollbar-width: none} .cat-side::-webkit-scrollbar{display: none}} .cat-side{display: grid;gap: 12px;align-content: start} .fl-search{display: flex;align-items: center;gap: 10px;width: 100%;padding: 14px 18px;border-radius: 18px;background: #fff;border: 1px solid var(--line)} .fl-search input{flex: 1;min-width: 0;border: 0;outline: 0;background: none;font: inherit;font-size: var(--t-body);color: var(--ink)} .fl-search .ic{width: 20px;height: 20px;color: var(--muted)} .fl-search:focus-within{border-color: var(--act);box-shadow: 0 0 0 3px var(--act-soft)} .fl-box{padding: 16px 10px 10px;border-radius: 22px;background: #fff;border: 1px solid var(--line)} .fl-h{padding: 0 10px 8px;font-size: var(--t-small);font-weight: 600;color: var(--muted)} .fl-list{display: grid;gap: 2px} .fl-row{display: flex;align-items: center;gap: 12px;width: 100%;padding: 10px 10px;border-radius: 14px;text-align: left;font-size: var(--t-body);font-weight: 500;color: var(--ink);transition: background .15s, color .15s} .fl-row:hover{background: var(--cream)} .fl-row.on{background: var(--act-soft);color: var(--act);font-weight: 600} .fl-ic{display: grid;place-items: center;width: 34px;height: 34px;border-radius: 11px;flex: none;background: var(--tint, var(--act-soft));color: var(--tint-ink, var(--act))} .fl-ic .ic{width: 20px;height: 20px} .fl-t{flex: 1;min-width: 0;line-height: 1.3} .fl-n{flex: none;min-width: 28px;text-align: right;font-size: var(--t-small);font-weight: 500;color: var(--muted)} .fl-row.on .fl-n{color: var(--act)} .fl-q{padding: 10px 12px} .fl-sep{display: block;height: 1px;margin: 4px 10px;background: var(--line)} .fl-today{display: flex;align-items: center;gap: 10px;width: 100%;padding: 14px 16px;border-radius: 18px;background: #fff;border: 1px solid var(--line);font-size: var(--t-body);font-weight: 500;color: var(--ink);text-align: left;transition: border-color .15s, background .15s} .fl-today:hover{border-color: var(--act)} .fl-check{display: grid;place-items: center;width: 22px;height: 22px;flex: none;border-radius: 7px;border: 2px solid #cfc6e2;background: #fff;transition: background .15s, border-color .15s} .fl-check .ic{width: 14px;height: 14px;color: #fff;opacity: 0} .fl-check .ic svg{stroke-width: 3} .fl-today.on{border-color: var(--act);background: var(--act-soft)} .fl-today.on .fl-check{background: var(--act);border-color: var(--act)} .fl-today.on .fl-check .ic{opacity: 1} .fl-today .dotg{flex: none} .cat-top{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap} .cat-main .cat-count{margin: 0} .cat-main .cat-dirnote{margin: 8px 0 0} .cat-grid{margin-top: 16px} @media (max-width: 999px){.cat-grid{grid-template-columns: minmax(0, 1fr)}} @media (min-width: 640px) and (max-width: 999px){.cat-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}} .fl-mob{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 8px} .fl-pick{display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;column-gap: 8px;padding: 10px 14px;border-radius: 16px;background: #fff;border: 1px solid var(--line);text-align: left} .fl-pick span{grid-column: 1;font-size: var(--t-small);color: var(--muted)} .fl-pick b{grid-column: 1;font-size: var(--t-body);font-weight: 600;color: var(--ink);white-space: nowrap;overflow: hidden;text-overflow: ellipsis} .fl-pick > .ic{grid-column: 2;grid-row: 1 / span 2;width: 16px;height: 16px;color: var(--muted);transform: rotate(90deg)} .fl-pick:hover{border-color: var(--act)} @media (min-width: 1000px){.fl-mob{display: none}} @media (max-width: 999px){.fl-desk{display: none}} .fl-sheet .fl-row{padding: 12px 10px} @media (min-width: 1000px){.cat-side{position: static;max-height: none;overflow: visible} .cat-side.is-sticky{position: sticky;top: calc(var(--hdr) + 16px)}} .fl-cut .fl-x{display: none} .fl-more{margin: 6px 10px 4px} .fl-more.is-open .ic{transform: rotate(-90deg)} .fl-head{display: grid;gap: 12px} @media (min-width: 1000px){.cat-side, .cat-side.is-sticky{position: static;align-self: stretch} .fl-head{position: sticky;top: var(--hdr);z-index: 5;margin: 0 -12px;padding: 16px 12px 8px;background: var(--cream)} .fl-head::after{content: '';position: absolute;left: 0;right: 0;top: 100%;height: 36px;background: linear-gradient(180deg, var(--cream), rgba(255, 255, 255, 0));pointer-events: none}} @media (min-width: 1000px){.cat-side, .cat-side.is-sticky{position: sticky;top: calc(var(--hdr) + 16px);align-self: start} .fl-head{position: static;margin: 0;padding: 0;background: none;-webkit-backdrop-filter: none;backdrop-filter: none} .fl-head::after{display: none}} .cat-count{display: flex;align-items: center;flex-wrap: wrap;gap: 4px 6px} .cat-info{display: inline-grid;place-items: center;width: 28px;height: 28px;margin-left: 4px;border-radius: 50%;background: #fff;color: var(--act);box-shadow: 0 2px 8px rgba(124, 58, 237, .14);transition: background .15s, color .15s} .cat-info .ic{width: 17px;height: 17px} .cat-info:hover{background: var(--act);color: #fff} .sess-wait{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 56px;padding: 0 20px;border-radius: 999px;background: var(--act-soft);color: var(--act);font-size: var(--t-body);font-weight: 600} .sess-wait i{width: 9px;height: 9px;border-radius: 50%;background: var(--act);animation: waitPulse 1.6s ease-in-out infinite} @keyframes waitPulse{0%, 100%{box-shadow: 0 0 0 0 rgba(124, 58, 237, .35)} 50%{box-shadow: 0 0 0 6px rgba(124, 58, 237, 0)}} @media (prefers-reduced-motion: reduce){.sess-wait i{animation: none}} .rv-cols{display: grid;grid-template-columns: minmax(0, 1fr);gap: 16px;align-items: start} .rv-col{display: contents} @media (min-width: 640px){.rv-cols{grid-template-columns: repeat(2, minmax(0, 1fr))} .rv-col{display: grid;gap: 16px;align-content: start} .rv-col .rv{order: 0 !important}} @media (min-width: 1080px) and (max-width: 1279px){.mp .rv-cols{grid-template-columns: minmax(0, 1fr)} .mp .rv-col{display: contents} .mp .rv-col .rv{order: unset !important}} .rail.rv-open{align-items: flex-start} .rv .who .av[style]{width: 44px;height: 44px;background: linear-gradient(135deg, var(--tint-ink), color-mix(in srgb, var(--tint-ink) 55%, #fff));color: #fff;font-size: var(--t-body);font-weight: 600} .rv .who span a{color: var(--act)} .hdr{background: var(--cream);-webkit-backdrop-filter: none;backdrop-filter: none} .zaur::after, .band.lav::after, .band.peri::after, .band.rose::after, .band.dark::after{filter: none} .zir-name{background: rgba(22, 18, 40, .62);-webkit-backdrop-filter: none;backdrop-filter: none} .mh-ring{animation: none} :root{--cream: #f5eefd;--surface: #ffffff;--beige: #ffffff;--sand: #ede9fe;--line: rgba(124, 58, 237, .12);--ink: #1e1b4b;--text: #4e4b6e;--muted: #6b7280;--act: #7c3aed;--act-h: #6d28d9;--act-soft: #ede9fe;--icon: #7c3aed;--lav-band: #f3e8ff;--rose: #fce7f3;--peri: #e0e7ff;--g-main: linear-gradient(135deg, #7c3aed 0%, #a78bfa 55%, #c084fc 100%);--g-cta: linear-gradient(135deg, #4f46e5 0%, #7c3aed 55%, #c084fc 100%);--r: 20px;--c-card: rgba(255, 255, 255, .78);--c-card-border: rgba(255, 255, 255, .9);--c-shadow: 0 2px 12px rgba(124, 58, 237, .06);--c-shadow-up: 0 8px 24px rgba(124, 58, 237, .12)} html.vc{background: #f3e8ff} html.vc body{background: linear-gradient(180deg, #f3e8ff 0%, #efe4fb 40%, #f6e6f6 75%, #fce4ec 100%)} html.vc .hdr{background: rgba(243, 232, 255, .82)} html.vc .zaur::after, html.vc .band::after{display: none} html.vc .mcard, html.vc .zdir, html.vc .zstep, html.vc .zask, html.vc .zhon-i, html.vc .rv, html.vc .faq details, html.vc .rq-answer, html.vc .about > div, html.vc .sess, html.vc .card, html.vc .book, html.vc .what .quote{background: var(--c-card);box-shadow: var(--c-shadow)} html.vc .zrq-i, html.vc .rq-dir.rq-dir-b, html.vc .dlinks a, html.vc .mh-meta > *, html.vc .ftab:not(.on), html.vc .fsel select, html.vc .ftoggle:not(.on), html.vc .fsearch, html.vc .topt, html.vc .opt{background: var(--c-card)} html.vc .zin{background: #fff} html.vc .mcard:hover, html.vc .zdir:hover, html.vc .faq details:hover{box-shadow: var(--c-shadow-up)} html.vc .zm, html.vc .bdg{background: rgba(237, 233, 254, .7)} html.vc .zrq-ic, html.vc .zask-ic, html.vc .mh-dir-ic, html.vc .mn-ic, html.vc .rq-dir.rq-dir-b .rq-ic{background: linear-gradient(135deg, color-mix(in srgb, var(--tint-ink) 10%, #fff), color-mix(in srgb, var(--tint-ink) 24%, #fff));color: var(--tint-ink)} html.vc .mh-dir .mh-dir-ic .ic, html.vc .rq-dir.rq-dir-b .rq-ic .ic, html.vc .mn-ic .ic{color: var(--tint-ink)} html.vc .link-more, html.vc .rv .more, html.vc .pk-more{border-bottom-color: rgba(124, 58, 237, .3)} html.vc .zh1 .ac, html.vc .zir-tx h2 .ac, html.vc .cta .h2 .ac{color: #fde2f3} html.vc .zhon-i i{background: #fce7f3;color: #db2777} html.vc .sec:has(.zhon) .h2 .ac{color: #db2777} html.vc .zm-dar .ic{color: #ec4899} html.vc .test-card{background: linear-gradient(140deg, #f3e8ff 0%, #fce7f3 100%)} html.vc .tprog{background: rgba(124, 58, 237, .14)} html.vc .mh-ring{background: conic-gradient(from 0deg, #7c3aed, #a78bfa, #f9a8d4, #c084fc, #7c3aed)} html.vc .cta{background: radial-gradient(circle at 85% 12%, rgba(255, 255, 255, .22), transparent 42%), var(--g-cta)} html.vc .cta .btn-lav{color: var(--act)} html.vc .what-obj{filter: drop-shadow(0 24px 40px rgba(124, 58, 237, .18))} html.vc .mc-play{box-shadow: 0 0 0 2px var(--act), 0 4px 12px rgba(30, 27, 75, .18)} html.vc .fsel .dd{background: var(--c-card)} html.vc .done .ok{background: linear-gradient(135deg, #f3e8ff, #e9d5ff)} html.vc .done .ok{background: none} html.vc .done .ok .ic{filter: drop-shadow(0 10px 22px rgba(124, 58, 237, .28))} html.vc .sess.sess-ty{background: var(--g-main);box-shadow: 0 16px 40px rgba(124, 58, 237, .25)} html.vc .pd-f{background: rgba(237, 233, 254, .75)} html.vc .test-card{background: none;box-shadow: none} html.vc .care-ic{background: linear-gradient(135deg, #f3e8ff, #e9d5ff)} html.vc .mp-card{background: var(--c-card);border-color: var(--c-card-border);box-shadow: var(--c-shadow)} html.vc .about-txt.mp-clamp.is-cut::after{background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fcf9ff)} html.vc .mp-tags span{background: rgba(237, 233, 254, .8)} html.vc .dlinks a, html.vc .mnav a.mn-d{background: color-mix(in srgb, var(--tint-ink) 7%, #fff);box-shadow: 0 2px 10px color-mix(in srgb, var(--tint-ink) 12%, transparent)} html.vc .dlinks a:hover, html.vc .mnav a.mn-d:hover{background: var(--tint-ink);box-shadow: 0 10px 22px color-mix(in srgb, var(--tint-ink) 32%, transparent)} html.vc .mh-box{background: var(--c-card);border-color: var(--c-card-border);box-shadow: var(--c-shadow)} html.vc .mh-box .mh-meta > *{background: rgba(237, 233, 254, .7)} html.vc .fl-search, html.vc .fl-box, html.vc .fl-today, html.vc .fl-pick{background: var(--c-card);border-color: var(--c-card-border);box-shadow: var(--c-shadow)} html.vc .fl-row:hover{background: rgba(237, 233, 254, .6)} html.vc .hdr{background: #f3e8ff} :root{--t-micro: 12px;--t-cap: 14px} .lw, .hdr .lw, .foot .lw{font-size: var(--t-micro)} .btn-book{flex-direction: column;gap: 1px;min-height: 64px;padding-top: 10px;padding-bottom: 10px} .btn-book b{font-size: var(--t-body);font-weight: 600;line-height: 1.25} .btn-book small{font-size: var(--t-cap);font-weight: 500;line-height: 1.25;opacity: .85} .help-btn .ic{width: 18px;height: 18px} html.locked{overflow: hidden} .sheet-bd{overscroll-behavior: contain} .sheet-bg{touch-action: none} .pf{display: grid;gap: 28px;margin: 20px 0 8px} .pf-card{min-width: 0;padding: 12px 12px 22px;border-radius: 30px;background: var(--c-card);border: 1px solid var(--c-card-border);box-shadow: var(--c-shadow)} .pf-ava{position: relative;display: block;width: 100%;aspect-ratio: 4 / 3;padding: 0;border-radius: 20px;overflow: hidden;background: #ede9fe;cursor: pointer} .pf-ava img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center 12%;transition: transform .4s} .pf-ava:hover img{transform: scale(1.03)} .pf-play{position: absolute;left: 12px;bottom: 12px;display: flex;align-items: center;gap: 9px;padding: 6px 16px 6px 6px;border-radius: 999px;background: #fff;box-shadow: 0 6px 18px rgba(30, 27, 75, .16)} .pf-play i{display: grid;place-items: center;width: 32px;height: 32px;border-radius: 50%;background: var(--act);color: #fff} .pf-play i .ic{width: 12px;height: 12px;margin-left: 2px} .pf-play i .ic svg{fill: currentColor;stroke: none} .pf-play b{font-size: var(--t-cap);font-weight: 600;color: var(--ink)} .pf-tx{padding: 18px 8px 0} .pf-tx .chip-demo-inline{margin: 0 0 10px} .pf-name{font-size: var(--t-h3);line-height: 1.1;font-weight: 600;letter-spacing: -.025em;color: var(--ink)} .pf-role{margin-top: 8px;font-size: var(--t-small);line-height: 1.45;color: var(--text)} .pf-bdg{justify-content: flex-start;margin-top: 14px} a.bdg{transition: background .18s} a.bdg:hover{background: #fff} .pf-act{display: grid;gap: 8px;padding: 20px 8px 0} .pf-act .btn{width: 100%} html.vb .pf-act .help-btn{min-height: 52px;padding: 0 16px;font-size: var(--t-small)} @media (min-width: 760px){.pf-card{padding: 14px 14px 24px;border-radius: 34px} .pf-tx{padding: 20px 10px 0} .pf-act{padding: 22px 10px 0}} @media (min-width: 760px) and (max-width: 999px){.pf-card{max-width: 480px}} @media (min-width: 1000px){.pf{grid-template-columns: 384px minmax(0, 1fr);column-gap: 64px;align-items: start;margin-bottom: 0} .pf-card{position: sticky;top: calc(var(--hdr, 76px) + 16px)} .pf-ava{aspect-ratio: 3 / 2}} @media (min-width: 1000px) and (max-height: 719px){.pf-card{position: static}} .pf-body{min-width: 0} .pf-sec{padding: 32px 0} .pf-sec + .pf-sec{border-top: 1px solid var(--line)} .pf-sec:first-child{padding-top: 4px} .pf-sec:last-child{padding-bottom: 0} .pf-h{display: flex;align-items: baseline;gap: 10px;margin-bottom: 16px;font-size: var(--t-h3);font-weight: 600;letter-spacing: -.02em;line-height: 1.15;color: var(--ink)} .pf-n{font-size: var(--t-body);font-weight: 500;letter-spacing: 0;color: var(--muted)} html.vb .pf-sec .about-txt p{font-size: var(--t-body);line-height: 1.7} .about-txt.pf-clamp{max-height: calc(var(--t-body) * 1.7 * 6);overflow: hidden} .about-txt.pf-clamp.is-cut{-webkit-mask-image: linear-gradient(180deg, #000 calc(100% - var(--t-body) * 1.7 * 1.2), transparent);mask-image: linear-gradient(180deg, #000 calc(100% - var(--t-body) * 1.7 * 1.2), transparent)} .pf-sec .link-more{margin-top: 14px} .pf-helps .help-i{font-size: var(--t-body)} .pf-dlinks{justify-content: flex-start} .rv-grid{display: grid;grid-template-columns: minmax(0, 1fr);gap: 16px} .rv-grid .rv{min-width: 0} @media (min-width: 760px){.rv-grid{grid-template-columns: repeat(2, minmax(0, 1fr));grid-auto-rows: 1fr} .rv-grid.rv-open{grid-auto-rows: auto}} @media (min-width: 760px){.pf-sec{padding: 36px 0}} .cta-pf .cta-faces img{width: 88px;height: 88px;margin: 0} .cta .btns{align-items: center;gap: 10px 12px} @media (max-width: 759px){.cta .btns .btn{width: 100%}} .stick-ph{width: 44px;height: 44px;flex: none;border-radius: 50%;object-fit: cover;object-position: center 20%} .stick .tx span[data-near]{display: inline} @media (max-width: 479px){.stick-ph{display: none}} @media (min-width: 1000px){body[data-page="master"] .stick{display: flex;left: 50%;right: auto;bottom: 20px;width: min(640px, calc(100% - 48px));padding: 10px 10px 10px 14px;border: 1px solid var(--line);border-radius: 999px;box-shadow: 0 14px 44px rgba(30, 27, 75, .18);transform: translate(-50%, 150%)} body[data-page="master"] .stick.show{transform: translate(-50%, 0)}} .tzbar{display: grid;grid-template-columns: 22px minmax(0, 1fr) auto;align-items: center;gap: 2px 12px;margin-bottom: 18px;padding: 12px 16px 12px 14px;border-radius: 16px;background: rgba(237, 233, 254, .7)} .tzbar-ic{display: grid;place-items: center;color: var(--act)} .tzbar-ic .ic{width: 22px;height: 22px} .tzbar-tx b{display: block;font-size: var(--t-body);font-weight: 600;line-height: 1.3;color: var(--ink)} .tzbar-tx > span{display: block;margin-top: 1px;font-size: var(--t-cap);line-height: 1.35;color: var(--text)} .tzbar-ch{padding: 0 0 1px;border-bottom: 1.5px solid rgba(124, 58, 237, .3);background: none;font-size: var(--t-small);font-weight: 600;color: var(--act)} .tzbar-ch:hover{border-color: var(--act)} .tzbar-edit{grid-template-columns: minmax(0, 1fr) auto;row-gap: 12px;padding: 14px 16px} .tzbar-edit .tzbar-tx{grid-column: 1 / -1} .tz-step{display: inline-flex;align-items: center;gap: 8px} .tz-step button{display: grid;place-items: center;width: 48px;height: 48px;padding: 0 0 3px;border-radius: 50%;background: #fff;font-size: var(--t-h3);font-weight: 500;line-height: 1;color: var(--act);transition: transform .12s, box-shadow .18s} .tz-step button:hover{box-shadow: 0 4px 14px rgba(124, 58, 237, .18)} .tz-step button:active{transform: scale(.94)} .tz-step b{min-width: 96px;font-size: var(--t-h3);font-weight: 600;line-height: 1;text-align: center;color: var(--ink)} .tzbar-edit .btn{justify-self: end} .ticket-row .until{display: inline;color: var(--act);font-weight: 600} .ticket-row span span{display: inline;margin: 0} .help-box{display: grid;gap: 14px} .help-lead{font-size: var(--t-body);line-height: 1.5;color: var(--text)} .help-call{display: grid;grid-template-columns: 54px minmax(0, 1fr);align-items: center;gap: 14px;padding: 16px 18px 16px 16px;border-radius: 24px;background: var(--act);color: #fff;transition: background .18s} .help-call:hover{background: var(--act-h)} .help-call > .ic{display: grid;place-items: center;width: 54px;height: 54px;border-radius: 50%;background: rgba(255, 255, 255, .18)} .help-call > .ic svg{width: 24px;height: 24px} .help-call b{display: block;font-size: var(--t-h3);font-weight: 600;letter-spacing: -.01em;line-height: 1.15;white-space: nowrap} .help-call span span{display: block;margin-top: 3px;font-size: var(--t-cap);line-height: 1.35;opacity: .92} .help-box .bk-label{margin: 6px 0 -4px} .help-cb-row{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 8px;margin-top: 12px} .help-cb-row input{min-width: 0;padding: 15px 20px;border: 1px solid var(--line);border-radius: 999px;background: #fff;font-size: var(--t-body);outline: 0} .help-cb-row input:focus{border-color: var(--act)} .help-cb-row .btn{padding: 15px 22px} .help-ok{display: grid;grid-template-columns: 26px minmax(0, 1fr);gap: 12px;padding: 16px;border-radius: 20px;background: #e8f8ef} .help-ok .ic{width: 26px;height: 26px;color: #12925a} .help-ok b{display: block;font-size: var(--t-body);font-weight: 600;color: var(--ink)} .help-ok span span{display: block;margin-top: 4px;font-size: var(--t-small);line-height: 1.45;color: var(--text)} .foot-bottom{align-items: center;gap: 14px 32px} .foot-bottom button{padding: 0;background: none;font: inherit;color: inherit;text-decoration: underline;text-underline-offset: 3px;cursor: pointer} .foot-bottom button:hover{color: var(--ink)} .fb-l{line-height: 1.6} .fb-r{display: inline-flex;align-items: center;gap: 12px} .foot-bottom .fb-tel{margin-right: 4px;font-weight: 600;color: var(--ink);text-decoration: none;white-space: nowrap} .foot-bottom .fb-tel:hover{color: var(--act)} .foot-bottom .fb-ic{display: grid;place-items: center;width: 26px;height: 26px;text-decoration: none;transition: transform .18s} .fb-ic .ic{width: 24px;height: 24px} .fb-ic:hover{transform: translateY(-2px)} @media (max-width: 899px){.fb-r{order: -1;flex-basis: 100%}} .sheet.is-fate{overflow: hidden} .sheet.is-fate .sheet-grip{position: absolute;left: 50%;top: 8px;z-index: 4;margin: 0 0 0 -20px;background: rgba(255, 255, 255, .5)} .sheet.is-fate .sheet-bd{padding: 0 0 20px} .fate-x{position: absolute;right: 14px;top: 14px;z-index: 4;background: rgba(255, 255, 255, .22);color: #fff} .fate-x:hover{background: rgba(255, 255, 255, .28)} .fate{text-align: center} .fate-sky{position: relative;height: 264px;overflow: hidden;background: var(--g-main)} .fate-sky canvas{position: absolute;inset: 0;width: 100%;height: 100%} .fate-star{position: absolute;width: 58px;height: 58px;margin: -29px 0 0 -29px;overflow: hidden;border: 3px solid #fff;border-radius: 50%;background: #ede9fe;box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);transition: left .85s cubic-bezier(.3, .9, .25, 1), top .85s cubic-bezier(.3, .9, .25, 1), width .85s cubic-bezier(.3, .9, .25, 1), height .85s cubic-bezier(.3, .9, .25, 1), margin .85s cubic-bezier(.3, .9, .25, 1), opacity .45s, scale .22s, box-shadow .22s} .fate-star img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center 20%;transition: opacity .13s} .fate-star.lit{z-index: 2;scale: 1.16;box-shadow: 0 0 0 6px rgba(255, 255, 255, .4)} .fate-star.gone{opacity: 0;scale: .5} .fate-star.chosen{z-index: 3;left: 50% !important;top: 50% !important;width: 148px;height: 148px;margin: -74px 0 0 -74px;border-width: 4px;box-shadow: none} .fate-fold{display: grid;grid-template-rows: 0fr;opacity: 0;transition: grid-template-rows .5s cubic-bezier(.3, .8, .25, 1), opacity .35s} .fate-fold > div{min-height: 0;overflow: hidden} .fate-fold.open{grid-template-rows: 1fr;opacity: 1} .fate-in, .fate-res{padding: 20px 20px 0} .fate-k{font-size: var(--t-small);font-weight: 600;color: var(--act)} .fate h3{font-size: var(--t-h3);font-weight: 600;letter-spacing: -.025em;line-height: 1.15;color: var(--ink);text-wrap: balance} .fate-res h3{margin-top: 4px} .fate-in .fate-role{max-width: none} .fate-role{max-width: 400px;margin: 8px auto 0;font-size: var(--t-body);line-height: 1.45;color: var(--text);text-wrap: balance} .fate-res .mc-badges{margin-top: 14px} .fate-acts{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin-top: 8px} html.vb .fate-acts .btn{padding: 14px 10px;font-size: var(--t-small)} @media (min-width: 760px){.fate-sky{height: 300px} .fate-star{width: 64px;height: 64px;margin: -32px 0 0 -32px} .fate-star.chosen{width: 164px;height: 164px;margin: -82px 0 0 -82px} .fate-x{right: 18px;top: 18px} .fate-in, .fate-res{padding: 24px 26px 0} .sheet.is-fate .sheet-bd{padding-bottom: 24px}} @media (prefers-reduced-motion: reduce){.fate-star, .fate-star img, .fate-fold{transition: none}} .fate-link{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 6px 10px;margin-top: 22px;font-size: var(--t-body);color: var(--text);text-align: center} .fate-link button{padding: 0 0 2px;border-bottom: 1.5px solid rgba(124, 58, 237, .3);background: none;font: inherit;font-weight: 600;color: var(--act)} .fate-link button:hover{border-color: var(--act)} .tres-fate{display: grid;justify-items: center;gap: 14px;margin-top: 34px;padding: 28px 20px;border-radius: 28px;background: var(--c-card);box-shadow: var(--c-shadow);text-align: center} .tres-fate p{font-size: var(--t-h4);font-weight: 600;color: var(--ink)} .btn .ic{flex: none} .btn-glass{background: rgba(255, 255, 255, .22);color: #fff} .btn-glass:hover{background: rgba(255, 255, 255, .32)} .zt-btns, .helpcard-btns{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 22px} html.vb .zt .zt-btns .btn{flex: none;margin: 0;align-self: auto;min-height: 58px;padding: 0 24px;font-size: var(--t-body)} @media (min-width: 1000px) and (max-width: 1231px){html.vb .zt .zt-btns .btn{min-height: 52px;padding: 0 16px;font-size: var(--t-small)}} @media (max-width: 759px){html.vb .zt .zt-btns .btn{flex: 1 1 100%}} .helpcard{min-width: 0} .helpcard-btns{justify-content: center;margin-top: 6px} .helpcard-btns .btn{width: 100%;max-width: 320px;padding: 14px 14px;font-size: var(--t-small);line-height: 1.25;white-space: normal} .join{display: grid;gap: 20px;margin-top: 16px;padding: 28px 24px;border-radius: 28px;background: var(--c-card);border: 1px solid var(--c-card-border);box-shadow: var(--c-shadow)} .join h2{font-size: var(--t-h3);font-weight: 600;letter-spacing: -.02em;line-height: 1.15;color: var(--ink)} .join p{max-width: 720px;margin-top: 10px;font-size: var(--t-body);line-height: 1.55;color: var(--text)} .join .btn{justify-self: start} @media (min-width: 900px){.join{grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: 40px;padding: 36px 40px}} .jn-chips{display: flex;flex-wrap: wrap;gap: 8px} .jn-chips button{padding: 10px 16px;border: 1.5px solid var(--line);border-radius: 999px;background: #fff;font-size: var(--t-small);font-weight: 500;color: var(--ink);transition: border-color .15s, background .15s} .jn-chips button.on{border-color: var(--act);background: #f5f0ff;color: var(--act)} .zt-main .zin-g{display: flex;flex-direction: column;padding: 0;overflow: hidden;container-type: inline-size} .zin-ph{position: relative;flex: 1 1 auto;min-height: 190px;min-height: calc((100cqw - 24px) * .5 + 14px);overflow: hidden;background: linear-gradient(100deg, #e6deff, #f7def0);-webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 44px), transparent);mask-image: linear-gradient(180deg, #000 calc(100% - 44px), transparent)} .zin-ph img{position: absolute;left: 12px;top: 14px;top: max(14px, calc(100% - (100cqw - 24px) * .6194));width: calc(100% - 24px);height: auto} .zin-b{display: grid;gap: 8px;padding: 0 20px 20px} .zt-main .zin-g p{margin: 0;padding: 6px 2px 8px;line-height: 1.3;text-wrap: balance} .zin-row{display: flex;align-items: center;gap: 12px;padding: 12px 14px;border-radius: 16px;background: var(--cream);font-size: var(--t-small);line-height: 1.4;color: var(--text);transition: background .18s} .zin-row:hover{background: var(--act-soft)} .zin-row > .ic:first-child{width: 22px;height: 22px;flex: none;color: var(--act)} .zin-row > span:not(.ic){flex: 1;min-width: 0} .zin-row b{display: block;font-weight: 600;color: var(--ink);transition: color .18s} .zin-row > span > span{display: block} .zin-row > span > span::first-letter{text-transform: uppercase} .zin-row > .ic:last-child{width: 16px;height: 16px;flex: none;color: var(--muted);opacity: .7} @media (min-width: 1000px){.zt-main{grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);align-items: stretch} .zt-main .zt-l{display: flex;flex-direction: column;justify-content: center} .zt-main .zin-g{flex: 1 1 auto} .zin-b{padding: 0 24px 24px} .zt-main .zin-g p{padding: 8px 4px 10px} .zin-row{gap: 14px;padding: 14px 18px;border-radius: 18px}} @media (min-width: 1000px) and (max-width: 1125px){html.vb .zt-main .zh1{font-size: var(--t-h2)}} @media (max-width: 403px){html.vb .zt-main .zh1{font-size: min(var(--t-h2), calc((100vw - 80px) / 8.1))}} @media (max-width: 999px){.zt .zt-l{text-align: center} .zt .zsub, .zt-test .zt-l p{margin-left: auto;margin-right: auto} .zt .zchips, .zt .zt-btns{justify-content: center} .zt-main .zin{max-width: 520px;margin-left: auto;margin-right: auto} .zt-test .zmock{margin-left: auto;margin-right: auto}} @media (min-width: 1000px) and (max-width: 1099px){.zt-main .zt-btns .help-btn .ic{display: none}} @media (max-width: 359px){html.vb .zt-main .zt-btns .btn{padding: 0 12px;font-size: var(--t-small)} .zt-main .zt-btns .help-btn .ic{display: none}} .sess-demo{padding: 12px 16px;border: 1.5px dashed rgba(124, 58, 237, .35);border-radius: 16px;font-size: var(--t-small);line-height: 1.45;color: var(--text);text-align: center} .sess-when{display: grid;gap: 3px} .sess-when b{font-size: var(--t-h4);font-weight: 600;line-height: 1.25;color: var(--ink)} .sess-when > span{font-size: var(--t-small);color: var(--muted)} .sess-link{display: grid;grid-template-columns: 18px minmax(0, 1fr);gap: 10px;font-size: var(--t-small);line-height: 1.4;color: var(--text)} .sess-link .ic{width: 18px;height: 18px;margin-top: 2px;color: var(--act)} body[data-page="sessions"] .sess-acts{grid-template-columns: 1fr 1fr} .cab-tabs button{position: relative} .tab-dot{position: absolute;right: 6px;top: 6px;width: 9px;height: 9px;border-radius: 50%;background: #ec4899;box-shadow: 0 0 0 2px #fff} .cab-tabs button.on .tab-dot{box-shadow: 0 0 0 2px var(--act)} .dar-box{display: grid;gap: 12px;margin-top: 20px;padding: 18px 16px 16px;border-radius: 22px;background: linear-gradient(135deg, #f3e8ff, #fce7f3)} .dar-h{display: flex;align-items: center;gap: 9px;font-size: var(--t-h4);font-weight: 600;color: var(--ink)} .dar-h .ic{width: 22px;height: 22px;color: #ec4899} .dar-h .ic svg{fill: currentColor;stroke: none} .dar-t{margin-top: -4px;font-size: var(--t-small);line-height: 1.45;color: var(--text)} .dar-box .dar-sums{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px;margin-top: 2px} .dar-box .dar-sums button{display: grid;place-items: center;align-content: center;gap: 1px;min-height: 58px;padding: 8px 4px;border: 1.5px solid transparent;border-radius: 18px;background: #fff;color: var(--ink);white-space: nowrap;transition: border-color .15s, transform .12s} .dar-box .dar-sums button b{font-size: var(--t-body);font-weight: 600} .dar-box .dar-sums button i{font-style: normal;font-size: var(--t-micro);font-weight: 600;line-height: 1.2;color: var(--act)} .dar-box .dar-sums button.on{border-color: var(--act);color: var(--act);box-shadow: 0 4px 14px rgba(124, 58, 237, .16)} .dar-box .dar-sums button:active{transform: scale(.97)} @media (max-width: 520px){.dar-box .dar-sums{grid-template-columns: repeat(2, minmax(0, 1fr))}} .dar-box .dar-other{margin-top: 0} .dar-box .dar-other input{background: #fff} .dar-min{font-size: var(--t-cap);line-height: 1.4;color: #be185d} .dar-min[hidden]{display: none} .dar-cur{font-size: var(--t-cap);color: var(--text)} .dar-cur b{font-weight: 600;color: var(--ink)} .dar-cur button{padding: 0 0 1px;border-bottom: 1.5px solid rgba(124, 58, 237, .3);background: none;font: inherit;font-weight: 600;color: var(--act)} .dar-box .btn-dar{margin-top: 2px} .dar-no{justify-self: center;padding: 6px 0 0;background: none;font-size: var(--t-cap);color: var(--text);text-decoration: underline;text-underline-offset: 3px} .dar-no:hover{color: var(--act)} .pd, .pd > *{min-width: 0} .pd-ask{display: grid;gap: 10px} .pd-ask .bk-label{margin: 0} .cur-list{display: grid;gap: 6px} .cur-list button{display: flex;align-items: center;justify-content: space-between;gap: 14px;width: 100%;padding: 14px 16px;border: 1.5px solid transparent;border-radius: 16px;background: #fff;text-align: left;font-size: var(--t-body);font-weight: 500;color: var(--ink)} .cur-list button small{display: block;font-size: var(--t-cap);font-weight: 500;color: var(--muted)} .cur-list button b{font-size: var(--t-lead);font-weight: 600;color: var(--act)} .cur-list button.on{border-color: var(--act);background: #faf5ff} .opt{align-items: center} .opt .radio{margin-top: 0} .bk-two{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 8px} .bk-two .btn{padding-left: 18px;padding-right: 18px} .bk-two .btn-line .ic{width: 18px;height: 18px} @media (max-width: 479px){html.vb .bk-two .btn{padding-left: 14px;padding-right: 14px;font-size: var(--t-small)} .bk-two .btn-line .ic{display: none}} @media (max-width: 359px){.bk-two{grid-template-columns: minmax(0, 1fr)}} .tres-top{display: grid;gap: 20px;align-items: center} html.vb .tres-top .btn{justify-self: start;min-height: 56px;padding: 0 28px} @media (min-width: 900px){.tres-top{grid-template-columns: minmax(0, 1fr) auto;gap: 40px} html.vb .tres-top .btn{justify-self: end}} .tres .center-btn{margin-top: 28px} .tres-fate{margin-top: 28px} .zmock .zo{align-items: center} .zrq, .zhon, .tres .grid-3{grid-auto-rows: 1fr} .zrq-i{min-width: 0} .zrq-t{min-width: 0;max-width: 100%;overflow-wrap: anywhere} html.vb .helpcard .helpcard-btns .btn{min-height: 56px;margin-top: 0;padding: 0 16px;font-size: var(--t-small);white-space: nowrap} .tz-step button{flex: none} @media (min-width: 1000px) and (max-width: 1099px){.zt-btns{gap: 8px} html.vb .zt .zt-btns .btn{padding: 0 13px}} @media (max-width: 374px){.bk-two{grid-template-columns: minmax(0, 1fr)}} @media (max-width: 389px){.tzbar-edit{grid-template-columns: minmax(0, 1fr)} .tzbar-edit .btn{justify-self: stretch} .tz-step{justify-content: center}} @media (max-width: 359px){html.vb .msgr button{gap: 4px;padding: 12px 2px;font-size: var(--t-small)} .msgr button .ic{width: 15px;height: 15px} .zrq-i{padding: 16px 14px} html.vb .zrq-t{font-size: var(--t-small)}} .fb-short{display: none} @media (min-width: 760px) and (max-width: 1199px){.fb-long{display: none} .fb-short{display: inline}} html.vb .foot-bottom{font-size: var(--t-cap)} .prep-d{margin-top: 18px;border-radius: 18px;background: rgba(237, 233, 254, .6)} .prep-d summary{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 14px 16px;font-size: var(--t-body);font-weight: 600;color: var(--ink);cursor: pointer;list-style: none} .prep-d summary::-webkit-details-marker{display: none} .prep-d summary .ic{width: 18px;height: 18px;color: var(--act);transform: rotate(90deg);transition: transform .2s} .prep-d[open] summary .ic{transform: rotate(-90deg)} .prep-d .prep{margin: 0;padding: 0 16px 16px} .sess-when .until{color: var(--act);font-weight: 600} .mcard .mc-badges{min-height: 72px;align-content: center} .mc-info .val{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: calc(1.45em * 2)} .mc-body{margin-bottom: 16px} .btn.is-off{opacity: .4} .bot-box .bot-need{display: none;font-weight: 600;color: #be185d} .bot-box.need .bot-need{display: block} @media (max-width: 759px){.dhero-band .cat-head{padding: 30px 0 24px} .dhero-band .cat-head .h1{margin-top: 0} .dhero-band .dhero{padding: 30px 0 24px}} @media (max-width: 640px){.zir-stats{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px} .zir-stats div{display: grid;gap: 4px;align-content: start;padding: 14px 16px 16px} .zir-stats div:first-child{grid-column: 1 / -1} .zir-stats div:first-child br{display: none} .zir-stats b{min-width: 0}} @media (max-width: 359px){.zir-stats div{padding: 12px 10px 14px}} .cta{padding: 30px 24px} @media (min-width: 760px){.cta{padding: 40px}} @media (min-width: 1000px){.cta{padding: 56px 40px}} :root{--r-chip: 10px;--r-ctl: 16px;--r-card: 24px;--r-plate: 28px;--p-card: 20px;--p-box: 16px;--p-plate-y: 30px;--p-plate-x: 24px;--p-strip: 24px;--btn-h: 56px;--btn-h-m: 48px} @media (min-width: 760px){:root{--r-plate: 32px;--p-card: 24px;--p-plate-y: 40px;--p-plate-x: 40px;--p-strip: 40px}} @media (min-width: 1000px){:root{--p-plate-y: 56px;--p-plate-x: 56px}} html.vb .zchips span, html.vb .topt .ic, html.vb .bdg{border-radius: var(--r-chip)} html.vb .zrq-ic, html.vb .zask-ic, html.vb .zhon-i i, html.vb .fl-row, html.vb .msgr button, html.vb .zmock .zo, html.vb .faq details, html.vb .topt, html.vb .dar-sums button, html.vb .care-btn, html.vb .zir-stats div, html.vb .opt, html.vb .zin-row, html.vb .fsearch, html.vb .fl-today, html.vb .prep-d, html.vb .fsel .dd, html.vb .zm-ic, html.vb .pf-ava, html.vb .dar-box, html.vb .bot-box, html.vb .sheet-bd .card, html.vb .help-call, html.vb .fl-pick, html.vb .zm, html.vb .tzbar, html.vb .field input, html.vb .field textarea{border-radius: var(--r-ctl)} html.vb .mcard, html.vb .zrq-i, html.vb .zdir, html.vb .zstep, html.vb .zask, html.vb .zhon-i, html.vb .helpcard, html.vb .rv, html.vb .fl-box, html.vb .irina-note, html.vb .quote, html.vb .zmock, html.vb .zt-main .zin, html.vb .sess, html.vb .zir-ph, html.vb .dimg, html.vb .test-card{border-radius: var(--r-card)} html.vb .zt, html.vb .dhero-band, html.vb .zir, html.vb .cta, html.vb .join, html.vb .tres-top, html.vb .tres-fate, html.vb .pf-card{border-radius: var(--r-plate)} html.vb .sheet{border-radius: var(--r-plate) var(--r-plate) 0 0} @media (min-width: 760px){html.vb .sheet{border-radius: var(--r-plate)}} html.vb .zt{padding: var(--p-plate-y) var(--p-plate-x)} html.vb .zir{padding: var(--p-plate-y) var(--p-plate-x)} html.vb .cta{padding: var(--p-plate-y) var(--p-plate-x)} html.vb .dhero-band .dhero{padding: var(--p-plate-y) 0} html.vb .dhero-band .cat-head{padding: var(--p-strip) 0} html.vb .dhero-band > .wrap{padding: 0 var(--p-plate-x)} html.vb .dhero-band .cat-head .h1{margin-top: 0} html.vb .join, html.vb .tres-top, html.vb .tres-fate{padding: var(--p-strip)} html.vb .mcard, html.vb .rv, html.vb .zask, html.vb .zhon-i, html.vb .sess, html.vb .zrq-i, html.vb .zmock, html.vb .quote, html.vb .irina-note, html.vb .helpcard{padding: var(--p-card)} html.vb .dar-box, html.vb .bot-box, html.vb .sheet-bd .card, html.vb .opt{padding: var(--p-box)} html.vb .dhero-band{margin-top: 12px} html.vb .btn{min-height: var(--btn-h);padding-top: 0;padding-bottom: 0} html.vb .btn-book{min-height: 64px} html.vb .btn-sm, html.vb .hdr-act .btn, html.vb .stick .btn, html.vb .pf-act .help-btn, html.vb .helpcard .helpcard-btns .btn{min-height: var(--btn-h-m)} html.vb .btn-sm, html.vb .hdr-act .btn, html.vb .stick .btn{padding-left: 22px;padding-right: 22px} html.vb .zt .zt-btns .btn{min-height: var(--btn-h)} @media (min-width: 1000px) and (max-width: 1231px){html.vb .zt .zt-btns .btn{min-height: var(--btn-h-m)}} html.vb .tres-top .btn{padding-left: 30px;padding-right: 30px} html.vb .bk-two .btn{padding-left: 16px;padding-right: 16px} html.vb .help-cb-row input{min-height: var(--btn-h);padding-top: 0;padding-bottom: 0} html.vb h1, html.vb .h1, html.vb .zh1{line-height: 1.04;letter-spacing: -.025em} html.vb .h2, html.vb .zt-test h2, html.vb .zir-tx h2, html.vb .tres-h{line-height: 1.08;letter-spacing: -.025em} html.vb .pf-h, html.vb .helpcard h3, html.vb .done h3, html.vb .tq, html.vb .pf-name, html.vb .fate h3, html.vb .sheet-hd .ttl, html.vb .join h2{font-weight: 600;line-height: 1.15;letter-spacing: -.02em} html.vb .zstep h3, html.vb .zask h3{font-weight: 600;line-height: 1.25;letter-spacing: -.02em} html.vb .rail .rv, html.vb .rv-grid .rv{border-radius: var(--r-card)} @media (max-width: 999px){.dhero-band .cat-head, .dhero-band .dhero > div:first-child{text-align: center} .dhero-band .cat-head p, .dhero-band .dhero .sub{margin-left: auto;margin-right: auto} .pf-card{margin-left: auto;margin-right: auto}} @media (min-width: 640px) and (max-width: 999px){.dhero-band .dhero .btns{justify-content: center}} @media (max-width: 899px){.tres-top{text-align: center} html.vb .tres-top .btn{justify-self: center} .tres-top .tres-why{margin-left: auto;margin-right: auto}} @supports (grid-template-rows: subgrid){.grid > .zstep{display: grid;grid-template-rows: subgrid;grid-row: span 3;row-gap: 0}} @media (min-width: 1000px){.dhero-band .dhero{grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);gap: 56px;align-items: stretch} .dhero-band .dimg{position: relative;aspect-ratio: auto;min-height: 260px} .dhero-band .dimg img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover} html.vb .zir{grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);gap: 56px;align-items: stretch !important} html.vb .zir-ph{aspect-ratio: auto !important;min-height: 320px !important;max-height: none} html.vb .zir-ph img{position: absolute;inset: 0}} html.vb .sheet-hd{align-items: flex-start} html.vb .sheet-x, html.vb .sheet-back{width: 44px;height: 44px;margin-top: calc((var(--t-h3) * 1.15 - 44px) / 2)} html.vb .fate-x{margin-top: 0} html.vb .sess-top img, html.vb .pd-top img{width: 72px;height: 72px;border-radius: var(--r-card)} html.vb .sheet-hd:has(.logo){align-items: center} html.vb .sheet-hd:has(.logo) .sheet-x{margin-top: 0} .mn-list{display: grid;gap: 6px} .mn-list a{display: flex;align-items: center;gap: 14px;min-height: var(--btn-h);padding: 0 16px;border-radius: var(--r-ctl);background: var(--cream);font-size: var(--t-lead);font-weight: 600;color: var(--ink);transition: background .18s} .mn-list a:hover{background: var(--act-soft)} .mn-list a > .ic:first-child{width: 22px;height: 22px;flex: none;color: var(--act)} .mn-list a > span:not(.ic){flex: 1} .mn-list a > .ic:last-child{width: 16px;height: 16px;flex: none;color: var(--muted);opacity: .7} html.vb .mn .mnav-label{margin: 20px 0 10px;font-size: var(--t-cap);font-weight: 600;color: var(--muted)} .mn-care{display: grid;gap: 12px;margin-top: 20px;padding: var(--p-box);border-radius: var(--r-card);background: var(--cream)} .mn-care-hd{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 2px 12px;margin: 0} .mn-care-hd span{font-size: var(--t-cap);font-weight: 600;color: var(--muted)} .mn-care-hd a{font-size: var(--t-lead);font-weight: 600;color: var(--ink);white-space: nowrap} .mn-msg{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 8px} .mn-msg a{display: grid;place-items: center;height: var(--btn-h-m);border-radius: 999px;background: #fff;color: var(--act);transition: background .18s, color .18s} .mn-msg a:hover{background: var(--act);color: #fff} .mn-msg a .ic{width: 22px;height: 22px} html.vb .mn-care .btn{width: 100%;min-height: var(--btn-h-m)} .mn-legal{margin: 18px 0 0;font-size: var(--t-cap);color: var(--muted);text-align: center} .mn-legal a, .mn-legal button{padding: 0;background: none;font: inherit;color: inherit;text-decoration: underline;text-underline-offset: 3px;cursor: pointer} @media (max-width: 479px){.mn .mnav{gap: 6px} html.vb .mn .mnav a.mn-d{gap: 6px;padding: 10px 10px 10px 12px} html.vb .mn .mnav .dgo{margin-left: 0}} .sms-code{width: 100%;min-height: var(--btn-h);padding: 0 16px;border: 1px solid var(--line);border-radius: var(--r-ctl);background: #fff;font-size: var(--t-h3);font-weight: 600;letter-spacing: .3em;text-align: center;color: var(--ink);outline: 0} .sms-code:focus{border-color: var(--act)} .bot-box .sess-demo{margin: 0} .sess-late{margin: 0;font-size: var(--t-cap);color: var(--text)} .sess-fwd{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 6px 12px;margin: 0;text-align: left} .sess-fwd button, .sess-user button{padding: 0;background: none;font: inherit;font-weight: 600;color: var(--act);text-decoration: underline;text-underline-offset: 3px;cursor: pointer} .sess-user{margin: 20px 0 0;font-size: var(--t-cap);color: var(--muted);text-align: center} .sess-login{gap: 12px} .sess-login .bk-label{margin: 6px 0 0} .sess-login .field{display: block} .call{display: grid;justify-items: center;gap: 4px;padding: 8px 0 4px;text-align: center} .call img{width: 96px;height: 96px;margin-bottom: 10px;border-radius: 50%;object-fit: cover;object-position: center 20%} .call b{font-size: var(--t-h4);font-weight: 600;color: var(--ink)} .call span{font-size: var(--t-small);color: var(--text)} .call .sess-demo{margin-top: 16px} .dar-low .field{display: block} .ratebar{position: fixed;left: 50%;bottom: max(12px, env(safe-area-inset-bottom));z-index: 45;display: flex;align-items: center;gap: 12px;width: min(560px, calc(100% - 24px));padding: 10px 6px 10px 12px;border-radius: var(--r-card);background: #fff;box-shadow: 0 14px 44px rgba(30, 27, 75, .18);transform: translateX(-50%)} .ratebar img{width: 48px;height: 48px;flex: none;border-radius: var(--r-ctl);object-fit: cover;object-position: center 20%} .ratebar > span{flex: 1;min-width: 0;display: grid} .ratebar > span b{font-size: var(--t-body);font-weight: 600;line-height: 1.25;color: var(--ink)} .ratebar > span span{font-size: var(--t-cap);color: var(--text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis} html.vb .ratebar .btn{min-height: var(--btn-h-m);padding: 0 22px;font-size: var(--t-small)} .ratebar > button{display: grid;place-items: center;width: 44px;height: 44px;flex: none;border-radius: 50%;background: none;color: var(--muted)} .ratebar > button .ic{width: 16px;height: 16px} body.has-ratebar #stick{display: none} @media (max-width: 479px){html.vb .sess-login .msgr button{gap: 4px;padding: 12px 4px;font-size: var(--t-small)} .ratebar{gap: 10px} .ratebar img{width: 40px;height: 40px} .ratebar > span b{font-size: var(--t-small);white-space: nowrap} html.vb .ratebar .btn{padding: 0 16px} .ratebar > button{width: 36px}} @media (max-width: 359px){.sess-login .msgr button .ic{display: none}} [hidden]{display: none !important} #revWrap{margin-top: 18px} @media (max-width: 759px){.topts{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px} html.vb .topt{gap: 10px;padding: 14px;font-size: var(--t-small);line-height: 1.3} html.vb .topt:has(> .ic){flex-direction: column;align-items: flex-start} html.vb .dhero-band .cat-head{padding: var(--p-plate-y) 0} html.vb body[data-page="sessions"] .cat-head{padding-top: 24px} html.vb .test-head{margin-top: 42px}} .rate.need button{box-shadow: 0 0 0 2px #f472b6} textarea.need{border-color: #f472b6 !important;box-shadow: 0 0 0 1px #f472b6}