.charge{--charge-gap: 14px;margin-bottom: clamp(36px,5vw,56px);padding: clamp(16px,3vw,28px);border: 1px solid var(--hairline);border-radius: var(--r-section);background-color: var(--surface);background-image: radial-gradient(color-mix(in srgb,var(--brand) 14%,transparent) 1.2px,transparent 1.5px);background-size: 22px 22px;}.charge__head{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 12px;margin-bottom: clamp(18px,2.4vw,26px);}.charge__heading{font-size: 1.25rem;font-weight: 700;line-height: 1.35;}.charge__note{font-size: .875rem;color: var(--text-muted);}.charge__node{position: relative;display: grid;place-items: center;width: 44px;height: 44px;border-radius: 50%;background: var(--brand-gradient);color: #fff;font-size: 1rem;font-weight: 700;line-height: 1;box-shadow: 0 6px 14px rgba(94,41,245,.32);}.charge__step--done .charge__node{background: var(--success);box-shadow: 0 0 0 6px var(--success-bg);}.charge__step--done .charge__node .icon{stroke-width: 2.4;}.charge__step:not(:last-child)::after{content: '';position: absolute;border-radius: 2px;background: var(--brand-300);}.charge__step:nth-last-child(2)::after{background: linear-gradient(calc(90deg * var(--ix)),var(--brand-300),var(--success));}.charge__card{display: flex;flex-direction: column;gap: 4px;padding: 14px;background: var(--surface);border: 1px solid var(--hairline);border-radius: var(--r-card);}.charge__card-head{display: flex;align-items: center;gap: 8px;margin-bottom: 6px;}.charge__icon{flex: none;display: grid;place-items: center;width: 34px;height: 34px;border-radius: var(--r-chip);background: var(--brand-100);color: var(--brand);}.charge__label{font-size: .75rem;font-weight: 500;color: var(--brand);}.charge__title{font-size: 1rem;font-weight: 700;line-height: 1.35;}.charge__body{font-size: .8125rem;line-height: 1.6;color: var(--text-muted);}.charge__tap{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 8px;margin-top: auto;padding-top: 12px;font-size: .75rem;color: var(--text-muted);}.charge__card .charge__body{margin-bottom: 4px;}.charge__tap b{display: inline-flex;align-items: center;min-height: 28px;padding: 4px 10px;border-radius: 8px;background: var(--brand);color: #fff;font-weight: 500;line-height: 1.3;}.charge__jump{display: inline-flex;align-items: center;gap: 4px;font-size: .8125rem;font-weight: 500;}@media (max-width: 719px){.charge__steps{display: grid;gap: var(--charge-gap);}.charge__step{position: relative;display: grid;grid-template-columns: 44px minmax(0,1fr);gap: 14px;align-items: start;}.charge__step:not(:last-child)::after{inset-inline-start: 21px;top: 50px;bottom: calc(6px - var(--charge-gap));width: 2px;}.charge__step:nth-last-child(2)::after{background: linear-gradient(to bottom,var(--brand-300),var(--success));}.charge__tap{padding-top: 10px;}}@media (min-width: 720px){.charge__steps{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 28px var(--charge-gap);}.charge__step{position: relative;display: grid;grid-template-rows: auto 1fr;justify-items: center;gap: 16px;}.charge__card{justify-self: stretch;}.charge__tap{flex-direction: column;align-items: flex-start;}.charge__step:not(:last-child)::after{top: 21px;height: 2px;inset-inline-start: calc(50% + 28px);width: calc(100% + var(--charge-gap) - 56px);}}@media (min-width: 720px) and (max-width: 1099px){.charge__step:nth-child(3)::after{content: none;}}@media (min-width: 1100px){.charge__steps{grid-template-columns: repeat(6,minmax(0,1fr));}}.charge__outcomes{margin-top: clamp(20px,3vw,28px);padding-top: clamp(18px,2.4vw,24px);border-top: 1px dashed var(--hairline);}.charge__outcomes-head{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 12px;margin-bottom: 14px;}.charge__outcomes-title{font-size: 1rem;font-weight: 700;}.charge__outcomes-note{font-size: .875rem;color: var(--text-muted);}.charge__outcome-list{display: grid;gap: 12px;}@media (min-width: 720px){.charge__outcome-list{grid-template-columns: repeat(3,minmax(0,1fr));}}.charge__outcome{--tone: var(--success);--tone-bg: var(--success-bg);display: grid;gap: 8px;align-content: start;padding: 14px 16px;background: var(--surface);border: 1px solid var(--hairline);border-radius: var(--r-card);}.charge__outcome--review{--tone: var(--warning);--tone-bg: var(--warning-bg);}.charge__outcome--rejected{--tone: var(--overdue);--tone-bg: var(--overdue-bg);}.charge__status{display: inline-flex;align-items: center;gap: 6px;justify-self: start;padding-block: 4px;padding-inline: 10px 12px;border-radius: 999px;background: var(--tone-bg);color: var(--tone);font-size: .8125rem;font-weight: 700;line-height: 1.5;}.charge__outcome p{font-size: .8125rem;line-height: 1.6;color: var(--text-muted);}@media (prefers-reduced-motion: no-preference){.charge{--charge-beat: 240ms;}.charge__node{animation: charge-pop 420ms var(--ease) both;animation-delay: calc(var(--i) * var(--charge-beat));}.charge__card{animation: charge-rise var(--t-enter) var(--ease) both;animation-delay: calc(var(--i) * var(--charge-beat) + 60ms);}.charge__step:not(:last-child)::after{transform-origin: calc(50% - 50% * var(--ix)) 50%;animation: charge-draw-x 220ms linear both;animation-delay: calc(var(--i) * var(--charge-beat) + 120ms);}@media (max-width: 719px){.charge__step:not(:last-child)::after{transform-origin: 50% 0;animation-name: charge-draw-y;}}}@keyframes charge-pop{from{transform: scale(.4);opacity: 0;}60%{transform: scale(1.08);opacity: 1;}to{transform: none;}}@keyframes charge-rise{from{opacity: 0;translate: 0 12px;}}@keyframes charge-draw-x{from{transform: scaleX(0);}}@keyframes charge-draw-y{from{transform: scaleY(0);}}
@property --nav-btn-bg{syntax: '<color>';inherits: false;initial-value: transparent;}@property --nav-btn-fg{syntax: '<color>';inherits: false;initial-value: transparent;}@property --nav-btn-bd{syntax: '<color>';inherits: false;initial-value: transparent;}@property --nav-btn-bg-over{syntax: '<color>';inherits: false;initial-value: transparent;}@property --nav-btn-fg-over{syntax: '<color>';inherits: false;initial-value: transparent;}@property --nav-btn-bd-over{syntax: '<color>';inherits: false;initial-value: transparent;}@property --nav-focus{syntax: '<color>';inherits: true;initial-value: #5E29F5;}@supports (animation-timeline: view()){.reveal{opacity: 0;translate: 0 var(--rise);animation: reveal linear both;animation-timeline: view();animation-range: cover calc(4vh + var(--i,0) * 3vh) cover calc(30vh + var(--i,0) * 3vh);}@keyframes reveal{to{opacity: 1;translate: 0 0;}}.reveal-grid > :nth-child(3n + 2){--i: 1;}.reveal-grid > :nth-child(3n){--i: 2;}.reveal-grid--2 > :nth-child(n){--i: 0;}.reveal-grid--2 > :nth-child(2n){--i: 1;}.reveal--start{translate: calc(var(--ix) * -1 * var(--rise)) 0;}.reveal--end{translate: calc(var(--ix) * var(--rise)) 0;}html:has(.hero) .nav{animation: nav-solid linear both;animation-timeline: scroll();animation-range: 0 80px;}@keyframes nav-solid{from{background: transparent;border-bottom-color: transparent;--nav-focus: #fff;}to{background: var(--surface);border-bottom-color: var(--hairline);--nav-focus: var(--brand);}}html:has(.hero) .nav__logo--reversed{display: block;animation: logo-out linear both;animation-timeline: scroll();animation-range: 0 80px;}html:has(.hero) .nav__logo--regular{animation: logo-in linear both;animation-timeline: scroll();animation-range: 0 80px;}@keyframes logo-out{to{opacity: 0;}}@keyframes logo-in{from{opacity: 0;}}html:has(.hero) .nav__links a,html:has(.hero) .nav__burger{animation: nav-ink linear both;animation-timeline: scroll();animation-range: 0 80px;}@keyframes nav-ink{from{color: #fff;}to{color: var(--text);}}html:has(.hero) .nav__actions .btn:not(.btn-outline){animation: nav-primary linear both;animation-timeline: scroll();animation-range: 0 80px;background: var(--nav-btn-bg);color: var(--nav-btn-fg);}@keyframes nav-primary{from{background-color: #fff;color: var(--brand);}to{background-color: var(--brand);color: #fff;}}@keyframes nav-primary-over{from{background-color: var(--brand-100);color: var(--brand);}to{background-color: var(--brand-600);color: #fff;}}html:has(.hero) .nav__actions .btn-outline{animation: nav-outline linear both;animation-timeline: scroll();animation-range: 0 80px;background: var(--nav-btn-bg);color: var(--nav-btn-fg);border-color: var(--nav-btn-bd);}@keyframes nav-outline{from{background-color: rgba(255,255,255,0);color: #fff;border-color: rgba(255,255,255,.55);}to{background-color: rgba(255,255,255,0);color: var(--brand);border-color: var(--brand);}}@keyframes nav-outline-over{from{background-color: rgba(255,255,255,.18);color: #fff;border-color: #fff;}to{background-color: var(--brand-100);color: var(--brand);border-color: var(--brand);}}html:has(.hero) .nav__actions .btn:not(.btn-outline):hover,html:has(.hero) .nav__actions .btn:not(.btn-outline):focus-visible{animation-name: nav-primary-over;background: var(--nav-btn-bg-over);color: var(--nav-btn-fg-over);}html:has(.hero) .nav__actions .btn-outline:hover,html:has(.hero) .nav__actions .btn-outline:focus-visible{animation-name: nav-outline-over;background: var(--nav-btn-bg-over);color: var(--nav-btn-fg-over);border-color: var(--nav-btn-bd-over);}html:has(.hero) .nav__actions .btn:focus-visible,html:has(.hero) .nav__links a:focus-visible,html:has(.hero) .nav__brand:focus-visible,html:has(.hero) .nav__burger:focus-visible,html:has(.hero) #navToggle:focus-visible ~ .nav .nav__burger{outline-color: var(--nav-focus);}@media (max-width: 1100px){html:has(.hero) #navToggle:checked ~ .nav .nav__links a{animation: none;color: var(--text);}html:has(.hero) #navToggle:checked ~ .nav .nav__menu{--nav-focus: var(--brand);}html:has(.hero) #navToggle:checked ~ .nav .nav__actions .btn:not(.btn-outline){animation: none;--nav-btn-bg: var(--brand);--nav-btn-fg: #fff;--nav-btn-bg-over: var(--brand-600);--nav-btn-fg-over: #fff;}html:has(.hero) #navToggle:checked ~ .nav .nav__actions .btn-outline{animation: none;--nav-btn-bg: transparent;--nav-btn-fg: var(--brand);--nav-btn-bd: var(--brand);--nav-btn-bg-over: var(--brand-100);--nav-btn-fg-over: var(--brand);--nav-btn-bd-over: var(--brand);}}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;scroll-behavior: auto !important;}.reveal{opacity: 1 !important;translate: none !important;}.nav{background: var(--surface) !important;border-bottom-color: var(--hairline) !important;}.nav__logo--reversed{display: none !important;}.nav__logo--regular{opacity: 1 !important;}.nav__links a,.nav__burger,.nav__actions .btn{animation: none !important;}.nav{--nav-focus: var(--brand);}.nav__actions .btn:not(.btn-outline){--nav-btn-bg: var(--brand);--nav-btn-fg: #fff;--nav-btn-bg-over: var(--brand-600);--nav-btn-fg-over: #fff;}.nav__actions .btn-outline{--nav-btn-bg: transparent;--nav-btn-fg: var(--brand);--nav-btn-bd: var(--brand);--nav-btn-bg-over: var(--brand-100);--nav-btn-fg-over: var(--brand);--nav-btn-bd-over: var(--brand);}.pay-grid__item:hover{transform: none;}}
.sr-radio{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0;}.progress{display: none;position: fixed;inset-inline: 0;top: 0;z-index: 60;height: 3px;background: var(--brand-gradient);transform-origin: 0 50%;pointer-events: none;}[dir="rtl"] .progress{transform-origin: 100% 50%;}@supports (animation-timeline: scroll()){.progress{display: block;animation: progress-grow linear both;animation-timeline: scroll(root);}@keyframes progress-grow{from{scale: 0 1;}to{scale: 1 1;}}}.nav__links a{position: relative;}.nav__links a::after{content: '';position: absolute;inset-inline: 0;bottom: -6px;height: 2px;border-radius: 999px;background: currentColor;scale: 0 1;transform-origin: 0 50%;transition: scale var(--t-overlay) var(--ease);}[dir="rtl"] .nav__links a::after{transform-origin: 100% 50%;}.nav__links a:hover::after,.nav__links a.is-active::after{scale: 1 1;}.nav__links a.is-active{color: var(--brand);}@supports (animation-timeline: scroll()){html:has(.hero) .nav__links a.is-active{color: inherit;}}@media (max-width: 1100px){.nav__links a::after{display: none;}.nav__links a.is-active{color: var(--brand);}}.explorer{display: grid;gap: 20px;align-items: start;}@media (min-width: 960px){.explorer{grid-template-columns: minmax(280px,340px) minmax(0,1fr);gap: 28px;}}.explorer__tabs{display: grid;gap: 6px;position: sticky;top: calc(var(--nav-h) + 20px);}.xtab{--accent: var(--brand);position: relative;display: flex;align-items: center;gap: 12px;padding: 12px 14px;border-radius: var(--r-card);border: 1px solid transparent;cursor: pointer;color: var(--text-muted);transition: background var(--t-press) var(--ease),border-color var(--t-press) var(--ease),color var(--t-press) var(--ease);}.xtab:hover{background: var(--surface);color: var(--text);}.xtab::before{content: '';position: absolute;inset-inline-start: -1px;top: 50%;translate: 0 -50%;width: 3px;height: 0;border-radius: 999px;background: var(--accent);transition: height var(--t-overlay) var(--ease);}.xtab__icon{flex: none;width: 42px;height: 42px;display: grid;place-items: center;border-radius: var(--r-btn);background: color-mix(in srgb,var(--accent) 12%,var(--surface));color: var(--accent);transition: background var(--t-press) var(--ease),color var(--t-press) var(--ease);}.xtab__text{display: grid;gap: 2px;min-width: 0;}.xtab__text strong{font-size: .9375rem;font-weight: 500;color: var(--text);}.xtab__text small{font-size: .8125rem;color: var(--text-muted-strong);}.xtab__count{margin-inline-start: auto;flex: none;min-width: 26px;padding: 2px 8px;border-radius: var(--r-badge);background: var(--disabled);color: var(--text-muted-strong);font-size: .75rem;text-align: center;}.xtab--1,.xpanel--1{--accent: var(--brand);}.xtab--2,.xpanel--2{--accent: var(--src-contacts);}.xtab--3,.xpanel--3{--accent: var(--success);}.xtab--4,.xpanel--4{--accent: var(--warning);}.xtab--5,.xpanel--5{--accent: var(--src-groups);}.xtab--6,.xpanel--6{--accent: var(--highlight);}.xtab--7,.xpanel--7{--accent: var(--info);}.xtab--8,.xpanel--8{--accent: var(--brand-800);}#x1:checked ~ .explorer__tabs .xtab--1,#x2:checked ~ .explorer__tabs .xtab--2,#x3:checked ~ .explorer__tabs .xtab--3,#x4:checked ~ .explorer__tabs .xtab--4,#x5:checked ~ .explorer__tabs .xtab--5,#x6:checked ~ .explorer__tabs .xtab--6,#x7:checked ~ .explorer__tabs .xtab--7,#x8:checked ~ .explorer__tabs .xtab--8{background: var(--surface);border-color: color-mix(in srgb,var(--accent) 30%,transparent);color: var(--text);}#x1:checked ~ .explorer__tabs .xtab--1::before,#x2:checked ~ .explorer__tabs .xtab--2::before,#x3:checked ~ .explorer__tabs .xtab--3::before,#x4:checked ~ .explorer__tabs .xtab--4::before,#x5:checked ~ .explorer__tabs .xtab--5::before,#x6:checked ~ .explorer__tabs .xtab--6::before,#x7:checked ~ .explorer__tabs .xtab--7::before,#x8:checked ~ .explorer__tabs .xtab--8::before{height: 60%;}#x1:checked ~ .explorer__tabs .xtab--1 .xtab__icon,#x2:checked ~ .explorer__tabs .xtab--2 .xtab__icon,#x3:checked ~ .explorer__tabs .xtab--3 .xtab__icon,#x4:checked ~ .explorer__tabs .xtab--4 .xtab__icon,#x5:checked ~ .explorer__tabs .xtab--5 .xtab__icon,#x6:checked ~ .explorer__tabs .xtab--6 .xtab__icon,#x7:checked ~ .explorer__tabs .xtab--7 .xtab__icon,#x8:checked ~ .explorer__tabs .xtab--8 .xtab__icon{background: linear-gradient(to bottom left,color-mix(in srgb,var(--accent) 82%,#fff),var(--accent));color: #fff;box-shadow: 0 6px 14px color-mix(in srgb,var(--accent) 28%,transparent);}#x1:checked ~ .explorer__tabs .xtab--1 .xtab__count,#x2:checked ~ .explorer__tabs .xtab--2 .xtab__count,#x3:checked ~ .explorer__tabs .xtab--3 .xtab__count,#x4:checked ~ .explorer__tabs .xtab--4 .xtab__count,#x5:checked ~ .explorer__tabs .xtab--5 .xtab__count,#x6:checked ~ .explorer__tabs .xtab--6 .xtab__count,#x7:checked ~ .explorer__tabs .xtab--7 .xtab__count,#x8:checked ~ .explorer__tabs .xtab--8 .xtab__count{background: color-mix(in srgb,var(--accent) 12%,var(--surface));color: var(--accent);}.explorer:has(#x1:focus-visible) .xtab--1,.explorer:has(#x2:focus-visible) .xtab--2,.explorer:has(#x3:focus-visible) .xtab--3,.explorer:has(#x4:focus-visible) .xtab--4,.explorer:has(#x5:focus-visible) .xtab--5,.explorer:has(#x6:focus-visible) .xtab--6,.explorer:has(#x7:focus-visible) .xtab--7,.explorer:has(#x8:focus-visible) .xtab--8{outline: 2px solid var(--brand);outline-offset: 2px;}@media (max-width: 959px){.explorer__tabs{position: static;display: flex;gap: 8px;overflow-x: auto;scroll-snap-type: x proximity;scrollbar-width: none;padding-block: 2px 6px;margin-inline: calc(-1 * var(--gutter));padding-inline: var(--gutter);scroll-padding-inline: var(--gutter);}.explorer__tabs::-webkit-scrollbar{display: none;}.xtab{flex: none;scroll-snap-align: start;padding: 8px 12px 8px 8px;border-radius: var(--r-chip);border-color: var(--hairline);background: var(--surface);}.xtab::before{display: none;}.xtab__icon{width: 32px;height: 32px;}.xtab__icon .icon{width: 18px;height: 18px;}.xtab__text small,.xtab__count{display: none;}.xtab__text strong{font-size: .875rem;white-space: nowrap;}}.xpanel{display: none;}#x1:checked ~ .explorer__panels .xpanel--1,#x2:checked ~ .explorer__panels .xpanel--2,#x3:checked ~ .explorer__panels .xpanel--3,#x4:checked ~ .explorer__panels .xpanel--4,#x5:checked ~ .explorer__panels .xpanel--5,#x6:checked ~ .explorer__panels .xpanel--6,#x7:checked ~ .explorer__panels .xpanel--7,#x8:checked ~ .explorer__panels .xpanel--8{display: block;animation: xpanel-in var(--t-enter) var(--ease);}@keyframes xpanel-in{from{opacity: 0;translate: 0 var(--rise);}to{opacity: 1;translate: 0 0;}}.xpanel__card{position: relative;isolation: isolate;overflow: hidden;padding: clamp(20px,3vw,32px);border-radius: var(--r-hero);border: 1px solid color-mix(in srgb,var(--accent) 22%,transparent);background: linear-gradient(to bottom left,color-mix(in srgb,var(--accent) 9%,var(--surface)),color-mix(in srgb,var(--accent) 2%,var(--surface)));}.xpanel__card::before{content: '';position: absolute;z-index: -1;width: 260px;height: 260px;inset-inline-end: -110px;top: -120px;border-radius: 50%;border: 30px solid color-mix(in srgb,var(--accent) 7%,transparent);}.xpanel__head{display: flex;align-items: flex-start;gap: 16px;margin-bottom: 22px;}.xpanel__icon{flex: none;width: 56px;height: 56px;display: grid;place-items: center;border-radius: var(--r-card);background: linear-gradient(to bottom left,color-mix(in srgb,var(--accent) 82%,#fff),var(--accent));box-shadow: 0 6px 14px color-mix(in srgb,var(--accent) 28%,transparent);color: #fff;}.xpanel__title{font-size: clamp(1.25rem,1rem + 1vw,1.5rem);font-weight: 700;line-height: 1.3;color: var(--accent);}.xpanel__lead{margin-top: 6px;color: var(--text-muted);font-size: .9375rem;}.xlist{display: grid;gap: 10px;grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr));}.xitem{position: relative;display: flex;gap: 12px;align-items: flex-start;padding: 12px 14px;border-radius: var(--r-card);border: 1px solid var(--hairline);background: var(--surface);transition: transform var(--t-press) var(--ease),border-color var(--t-press) var(--ease);}.xitem:hover{border-color: color-mix(in srgb,var(--accent) 40%,transparent);}@media (hover: hover){.xitem:hover{transform: translateY(-2px);}}.xitem__icon{flex: none;width: 34px;height: 34px;display: grid;place-items: center;border-radius: var(--r-chip);background: color-mix(in srgb,var(--accent) 12%,var(--surface));color: var(--accent);}.xitem__text{display: grid;gap: 2px;min-width: 0;}.xitem__text strong{font-size: .9375rem;font-weight: 700;}.xitem__text span{font-size: .8125rem;color: var(--text-muted);line-height: 1.55;}.xpanel__foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px 16px;margin-top: 20px;padding-top: 16px;border-top: 1px solid color-mix(in srgb,var(--accent) 18%,transparent);}.xpanel__where{display: flex;flex-wrap: wrap;gap: 6px;}.xpanel__where .badge{font-size: .75rem;padding: 6px 10px;}.badge--accent{background: color-mix(in srgb,var(--accent) 12%,var(--surface));color: var(--accent);}.badge--neutral{background: var(--disabled);color: var(--text-muted);}.link-arrow{display: inline-flex;align-items: center;gap: 6px;font-weight: 500;color: var(--accent,var(--brand));}.link-arrow .icon{transition: translate var(--t-press) var(--ease);}.link-arrow:hover{text-decoration: none;}.link-arrow:hover .icon{translate: -4px 0;}.spot{--mx: 50%;--my: 50%;}.spot::after{content: '';position: absolute;inset: 0;border-radius: inherit;pointer-events: none;opacity: 0;background: radial-gradient(220px circle at var(--mx) var(--my),color-mix(in srgb,var(--accent,var(--brand)) 14%,transparent),transparent 70%);transition: opacity var(--t-overlay) var(--ease);}.spot:hover::after{opacity: 1;}.xitem.spot > *{position: relative;z-index: 1;}.tryit{display: grid;overflow: hidden;border-radius: var(--r-section);border: 1px solid var(--hairline);background: var(--surface);}@media (min-width: 1040px){.tryit{grid-template-columns: minmax(0,1fr) auto;grid-template-rows: 1fr auto;}.tryit__editor{grid-area: 1 / 1 / 2 / 2;}.tryit__summary{grid-area: 2 / 1 / 3 / 2;}.tryit__stage{grid-area: 1 / 2 / 3 / 3;}}.tryit__editor{padding: clamp(18px,2.4vw,24px) clamp(18px,2.4vw,26px) 4px;display: grid;gap: clamp(14px,1.6vw,18px);align-content: start;background: var(--page-bg);}.tryit__field{display: grid;gap: 8px;}.tryit__editor{grid-template-rows: auto 1fr auto;}.tryit__field--message{grid-template-rows: auto auto 1fr;}.tryit__legend{margin: 0;display: flex;flex-wrap: wrap;align-items: center;gap: 4px 9px;font-size: .9375rem;font-weight: 500;}.tryit__legend small{font-weight: 400;font-size: .8125rem;color: var(--text-muted);}.rowcount{margin-inline-start: auto;font-size: .875rem;font-weight: 700;color: var(--success);}.picks{display: flex;flex-wrap: wrap;gap: 8px;}.pick{position: relative;display: inline-flex;align-items: center;border-radius: var(--r-chip);background: var(--surface);cursor: pointer;transition: background var(--t-press) var(--ease),transform var(--t-press) var(--ease);}.pick > span{display: inline-flex;align-items: center;gap: 7px;min-height: 44px;padding: 8px 14px;font-size: .875rem;color: var(--text-muted);transition: color var(--t-press) var(--ease);}.pick input{appearance: none;position: absolute;inset: 0;margin: 0;border-radius: inherit;cursor: pointer;}.pick:hover > span{color: var(--text);}.pick:active{transform: scale(.98);}.pick:has(input:checked){background: var(--brand-100);}.pick:has(input:checked) > span{color: var(--brand);font-weight: 700;}.pick:has(input:focus-visible){outline: 2px solid var(--brand);outline-offset: 2px;}.vars{display: flex;flex-wrap: wrap;gap: 7px;}.var{border: 0;border-radius: var(--r-chip);padding: 7px 12px;min-height: 36px;font-family: var(--font);font-size: .8125rem;font-weight: 700;cursor: pointer;transition: transform var(--t-press) var(--ease),filter var(--t-press) var(--ease);}.var:hover{filter: brightness(.96);}.var:active{transform: scale(.95);}.tok{border-radius: 5px;padding: 1px 3px;margin-inline: -3px;background: var(--disabled);color: var(--text-muted);-webkit-box-decoration-break: clone;box-decoration-break: clone;}.tok--name{background: var(--warning-bg);color: var(--warning);}.tok--money{background: var(--src-contacts-bg);color: var(--src-contacts);}.tok--date{background: var(--highlight-bg);color: var(--highlight);}.tok--bill{background: var(--success-bg);color: var(--success);}.var--name{background: var(--warning-bg);color: var(--warning);}.var--money{background: var(--src-contacts-bg);color: var(--src-contacts);}.var--date{background: var(--highlight-bg);color: var(--highlight);}.var--bill{background: var(--success-bg);color: var(--success);}.writer{display: flex;flex-direction: column;}.writer__frame{flex: 1 1 auto;display: flex;flex-direction: column;border: 1px solid var(--field-border);border-radius: var(--r-card) var(--r-card) 0 0;background: var(--surface);overflow: hidden;transition: border-color var(--t-press) var(--ease);}.writer__frame:focus-within{border-color: var(--brand);}.writer__stack{position: relative;flex: 1 1 auto;display: flex;}.writer__mirror,.writer__area{box-sizing: border-box;margin: 0;border: 0;padding: 13px 16px;font-family: var(--font);font-size: 1rem;font-weight: 400;line-height: 1.75;letter-spacing: normal;text-align: start;white-space: pre-wrap;overflow-wrap: anywhere;word-break: normal;tab-size: 4;}.writer__mirror{position: absolute;inset: 0;overflow: hidden;pointer-events: none;color: var(--text);}.writer__area{position: relative;display: block;width: 100%;min-height: 112px;background: transparent;color: transparent;caret-color: var(--brand);resize: none;overflow-y: auto;flex: 1 1 auto;}.writer__area:focus{outline: none;}.writer__area::placeholder{color: var(--text-muted);}.writer__area::selection{background: color-mix(in srgb,var(--brand) 22%,transparent);}.writer__tags{display: flex;justify-content: space-between;align-items: flex-start;gap: 8px;}.tag{flex: none;white-space: nowrap;padding: 5px 10px;border-end-start-radius: 8px;background: var(--brand-100);color: var(--brand-900);font-size: .75rem;font-weight: 700;transition: background var(--t-press) var(--ease),color var(--t-press) var(--ease);}.tag--end{border-end-start-radius: 0;border-end-end-radius: 8px;}.tag--end.is-multi{background: var(--brand);color: #fff;}.parts{display: flex;gap: 4px;padding: 0 16px 12px;}.parts__seg{flex: 1 1 0;height: 4px;border-radius: 999px;background: linear-gradient(to left,var(--brand) calc(var(--fill,0) * 100%),var(--brand-100) 0);transform-origin: right center;}.parts__seg.is-new{animation: part-in var(--t-overlay) var(--ease);}@keyframes part-in{from{scale: 0 1;}}.room{flex: 1 1 auto;min-width: 0;padding-top: 5px;text-align: center;font-size: .6875rem;color: var(--text-muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}@media (max-width: 480px){.room__enc,.room__more{display: none;}}.slider{--p: 50%;-webkit-appearance: none;appearance: none;display: block;width: 100%;height: 24px;margin: 0;background: transparent;cursor: pointer;}.slider:focus{outline: none;}.slider::-webkit-slider-runnable-track{height: 8px;border-radius: 999px;background: linear-gradient(to left,var(--brand-400),var(--brand) var(--p),var(--brand-100) var(--p));}.slider::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 22px;height: 22px;margin-top: -7px;border-radius: 50%;border: 3px solid var(--brand);background: #fff;box-shadow: 0 2px 8px rgba(94,41,245,.35);transition: transform var(--t-press) var(--ease),box-shadow var(--t-press) var(--ease);}.slider:hover::-webkit-slider-thumb{box-shadow: 0 0 0 6px rgba(94,41,245,.12),0 2px 8px rgba(94,41,245,.35);}.slider:active::-webkit-slider-thumb{transform: scale(1.12);}.slider:focus-visible::-webkit-slider-thumb{box-shadow: 0 0 0 3px #fff,0 0 0 5px var(--brand);}.slider::-moz-range-track{height: 8px;border-radius: 999px;background: var(--brand-100);}.slider::-moz-range-progress{height: 8px;border-radius: 999px;background: var(--brand);}.slider::-moz-range-thumb{box-sizing: border-box;width: 22px;height: 22px;border-radius: 50%;border: 3px solid var(--brand);background: #fff;box-shadow: 0 2px 8px rgba(94,41,245,.35);}.slider:focus-visible::-moz-range-thumb{box-shadow: 0 0 0 3px #fff,0 0 0 5px var(--brand);}.slider__scale{margin: -4px 0 0;display: flex;justify-content: space-between;padding-inline: 11px;font-size: .6875rem;color: var(--text-muted);}.slider__scale span{width: 0;display: flex;justify-content: center;white-space: nowrap;}.tryit__stage{position: relative;isolation: isolate;display: grid;gap: clamp(12px,1.4vw,16px);justify-items: center;align-content: center;padding: clamp(18px,2.2vw,26px) clamp(16px,2.4vw,28px);background: linear-gradient(180deg,#FFFFFF 0%,#F6F2FF 52%,#EBE3FB 100%);color: var(--text);perspective: 1600px;perspective-origin: 50% 38%;}.tryit__stage::before{content: '';position: absolute;inset: 0;z-index: -2;background: radial-gradient(120% 70% at 50% -8%,rgba(255,255,255,.95),transparent 62%),radial-gradient(76% 36% at 50% 96%,rgba(94,41,245,.16),transparent 72%);}.tryit__stage::after{content: '';position: absolute;inset: 0;z-index: -1;background-image: radial-gradient(rgba(94,41,245,.16) 1px,transparent 1.6px);background-size: 18px 18px;-webkit-mask-image: radial-gradient(64% 54% at 50% 46%,transparent 35%,#000 100%);mask-image: radial-gradient(64% 54% at 50% 46%,transparent 35%,#000 100%);}.whoset{margin: 0;padding: 0;border: 0;min-width: 0;text-align: center;}.whoset__legend{padding: 0;margin-bottom: 6px;font-size: .75rem;color: #495057;}.whoset__row{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;}.whoset__chip{position: relative;display: inline-flex;align-items: center;border-radius: 999px;background: rgba(255,255,255,.8);border: 1px solid var(--hairline);cursor: pointer;transition: background var(--t-press) var(--ease),border-color var(--t-press) var(--ease),transform var(--t-press) var(--ease);}.whoset__chip input{appearance: none;position: absolute;inset: 0;margin: 0;border-radius: inherit;cursor: pointer;}.whoset__chip > span{display: inline-flex;align-items: center;gap: 7px;min-height: 36px;padding-inline: 4px 14px;font-size: .8125rem;color: var(--text);}.whoset__av{display: grid;place-items: center;width: 28px;height: 28px;border-radius: 50%;background: var(--brand-100);color: var(--brand-800);font-size: .8125rem;font-weight: 700;}.whoset__chip:hover{background: #fff;border-color: var(--brand-200);}.whoset__chip:active{transform: scale(.97);}.whoset__chip:has(input:checked){background: var(--brand);border-color: var(--brand);}.whoset__chip:has(input:checked) > span{color: #fff;font-weight: 500;}.whoset__chip:has(input:checked) .whoset__av{background: rgba(255,255,255,.22);color: #fff;}.whoset__chip:has(input:focus-visible){outline: 2px solid var(--brand);outline-offset: 3px;}.iphone{--screen-w: clamp(226px,20.4vw,256px);--u: calc(var(--screen-w) / 402);--thick: calc(48 * var(--u));position: relative;width: calc(var(--screen-w) + 28 * var(--u));padding: calc(5 * var(--u));border-radius: calc(76 * var(--u));background: linear-gradient(100deg,rgba(0,0,0,.5) 0%,rgba(255,255,255,.3) 6%,rgba(255,255,255,0) 16%,rgba(255,255,255,0) 84%,rgba(255,255,255,.26) 94%,rgba(0,0,0,.45) 100%),linear-gradient(145deg,#9a9aa2 0%,#45454c 14%,#b3b3ba 30%,#55555c 46%,#a3a3ab 62%,#48484f 78%,#9d9da5 92%,#4c4c53 100%);box-shadow: inset 0 calc(1 * var(--u)) calc(1 * var(--u)) rgba(255,255,255,.55),inset 0 0 0 calc(.6 * var(--u)) rgba(10,10,14,.5);--tilt-x: 5deg;--tilt-y: 16deg;transform-style: preserve-3d;transform: rotateX(var(--tilt-x)) rotateY(var(--tilt-y));}.iphone::before,.iphone::after{content: '';position: absolute;inset: 0;border-radius: inherit;background: linear-gradient(145deg,#6e6e76,#3a3a41 30%,#5d5d65 58%,#2e2e34);}.iphone::after{transform: translateZ(calc(-.5 * var(--thick)));}.iphone::before{transform: translateZ(calc(-1 * var(--thick)));background: linear-gradient(145deg,#5a5a62,#2c2c32 30%,#4a4a52 58%,#232328);box-shadow: 0 calc(8 * var(--u)) calc(14 * var(--u)) rgba(24,10,66,.16),0 calc(26 * var(--u)) calc(46 * var(--u)) rgba(24,10,66,.16);}.iphone__cast{position: absolute;left: calc(-70 * var(--u));right: calc(-70 * var(--u));top: calc(100% - 3 * var(--u));height: calc(460 * var(--u));transform-origin: 50% 0;transform: translateZ(calc(-.5 * var(--thick))) rotateY(calc(-1 * var(--tilt-y))) rotateX(calc(90deg - var(--tilt-x)));background: radial-gradient(30% 34% at 44% 9%,rgba(24,8,62,.5) 0%,rgba(24,8,62,0) 74%),radial-gradient(52% 60% at 46% 16%,rgba(24,8,62,.34) 0%,rgba(24,8,62,.14) 46%,rgba(24,8,62,0) 76%);}.iphone__btn{--bw: calc(.4 * var(--thick));position: absolute;width: var(--bw);border-radius: calc(2 * var(--u));background: linear-gradient(180deg,#a2a2aa,#55555c 18%,#74747c 82%,#3e3e44);box-shadow: inset 0 0 0 calc(.5 * var(--u)) rgba(0,0,0,.35);}.iphone__btn--action,.iphone__btn--vol-up,.iphone__btn--vol-dn{left: calc(-2.5 * var(--u));transform-origin: 0 50%;transform: translateZ(calc(-.5 * var(--thick) + .5 * var(--bw))) rotateY(90deg);}.iphone__btn--power,.iphone__btn--camera{right: calc(-2.5 * var(--u));transform-origin: 100% 50%;transform: translateZ(calc(-.5 * var(--thick) + .5 * var(--bw))) rotateY(-90deg);}.iphone__btn--action{top: calc(116 * var(--u));height: calc(30 * var(--u));}.iphone__btn--vol-up{top: calc(178 * var(--u));height: calc(56 * var(--u));}.iphone__btn--vol-dn{top: calc(248 * var(--u));height: calc(56 * var(--u));}.iphone__btn--power{top: calc(196 * var(--u));height: calc(86 * var(--u));}.iphone__btn--camera{top: calc(420 * var(--u));height: calc(34 * var(--u));background: linear-gradient(180deg,#7d7d86,#2b2b31 50%,#6a6a73);}.iphone__screen{position: relative;width: calc(var(--screen-w) + 18 * var(--u));height: calc(892 * var(--u));border-radius: calc(71 * var(--u));background: #050507;overflow: hidden;box-shadow: 0 0 0 calc(.8 * var(--u)) #0a0a0c,inset 0 calc(1.5 * var(--u)) calc(2 * var(--u)) rgba(0,0,0,.6);}.iphone__screen::after{content: '';position: absolute;z-index: 6;inset: 0;border-radius: inherit;pointer-events: none;background: linear-gradient(104deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.14) 13%,rgba(255,255,255,.04) 27%,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 78%,rgba(255,255,255,.1) 100%);}.ios{position: absolute;inset: calc(9 * var(--u));border-radius: calc(62 * var(--u));overflow: hidden;display: flex;flex-direction: column;background: #fff;color: #000;font-family: -apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',system-ui,var(--font),sans-serif;line-height: 1.3;text-align: start;-webkit-font-smoothing: antialiased;}.ios__status{position: relative;z-index: 3;flex: none;display: grid;grid-template-columns: 1fr calc(125 * var(--u)) 1fr;align-items: center;height: calc(54 * var(--u));padding-top: calc(6 * var(--u));padding-inline: calc(14 * var(--u));}.ios__time{grid-column: 1;justify-self: center;padding-inline-start: calc(6 * var(--u));font-size: calc(17 * var(--u));font-weight: 600;letter-spacing: -.01em;font-variant-numeric: tabular-nums;}.ios__sys{grid-column: 3;justify-self: center;display: flex;align-items: center;gap: calc(6 * var(--u));}.ios__bars{display: flex;align-items: flex-end;gap: calc(1.7 * var(--u));height: calc(11 * var(--u));}.ios__bars i{width: calc(3 * var(--u));border-radius: calc(1 * var(--u));background: currentColor;}.ios__bars i:nth-child(1){height: 42%;}.ios__bars i:nth-child(2){height: 61%;}.ios__bars i:nth-child(3){height: 80%;}.ios__bars i:nth-child(4){height: 100%;}.ios__wifi{width: calc(15.5 * var(--u));height: calc(11.5 * var(--u));}.ios__batt{width: calc(25 * var(--u));height: calc(12.5 * var(--u));}[dir="rtl"] .ios__batt{transform: scaleX(-1);}.ios__island{position: absolute;z-index: 4;top: calc(11 * var(--u));left: 50%;transform: translateX(-50%);width: calc(125 * var(--u));height: calc(36.7 * var(--u));border-radius: 999px;background: #000;}.ios__island::after{content: '';position: absolute;top: 50%;right: calc(13 * var(--u));translate: 0 -50%;width: calc(11 * var(--u));height: calc(11 * var(--u));border-radius: 50%;background: radial-gradient(circle at 34% 30%,#27304a 0%,#0c0f18 55%,#04050a 100%);}.ios__nav{position: relative;z-index: 2;flex: none;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: calc(4 * var(--u));padding: calc(5 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u));background: rgba(249,249,249,.94);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);border-bottom: 1px solid rgba(0,0,0,.13);}.ios__back{justify-self: start;display: inline-flex;align-items: center;gap: calc(3 * var(--u));padding-inline-start: calc(3 * var(--u));color: #007AFF;}.ios__chev{width: calc(11 * var(--u));height: calc(18 * var(--u));}[dir="rtl"] .ios__chev,[dir="rtl"] .ios__caret{transform: scaleX(-1);}.ios__unread{font-size: calc(16 * var(--u));}.ios__who{display: grid;justify-items: center;gap: calc(3 * var(--u));min-width: 0;}.ios__avatar{position: relative;display: grid;place-items: center;width: calc(50 * var(--u));height: calc(50 * var(--u));border-radius: 50%;background: linear-gradient(180deg,#c6c6cb,#8e8e93);color: #fff;}.ios__initial{font-size: calc(22 * var(--u));line-height: 1;}.ios__person{display: none;width: calc(31 * var(--u));height: calc(31 * var(--u));}.ios__avatar.is-num .ios__initial{display: none;}.ios__avatar.is-num .ios__person{display: block;}.ios__name{display: inline-flex;align-items: center;gap: calc(3 * var(--u));max-width: calc(210 * var(--u));font-size: calc(12.5 * var(--u));font-weight: 500;}.ios__name > span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.ios__caret{flex: none;width: calc(6 * var(--u));height: calc(10 * var(--u));color: rgba(60,60,67,.45);}.ios__video{justify-self: end;padding-inline-end: calc(5 * var(--u));color: #007AFF;}.ios__video svg{display: block;width: calc(25 * var(--u));height: calc(25 * var(--u));}.ios__thread{flex: 1 1 auto;min-height: 0;display: flex;overflow-y: auto;overscroll-behavior: contain;scrollbar-width: none;padding: calc(10 * var(--u)) calc(12 * var(--u)) calc(8 * var(--u));background: #fff;}.ios__thread::-webkit-scrollbar{display: none;}@media (pointer: coarse){.ios__thread{overflow-y: hidden;overscroll-behavior: auto;}}.ios__scroll{width: 100%;margin-top: auto;}.ios__stamp{margin: 0 0 calc(11 * var(--u));text-align: center;font-size: calc(11 * var(--u));font-weight: 500;color: rgba(60,60,67,.6);}.ios__msg{display: flex;}.ios__msg + .ios__stamp{margin-top: calc(17 * var(--u));}.ios__bubble{position: relative;z-index: 0;margin: 0;max-width: 80%;padding: calc(8 * var(--u)) calc(13 * var(--u)) calc(9 * var(--u));border-radius: calc(19 * var(--u));background: #E9E9EB;color: #000;font-size: calc(16.5 * var(--u));line-height: 1.32;white-space: pre-wrap;overflow-wrap: anywhere;}.ios__bubble::before,.ios__bubble::after{content: '';position: absolute;z-index: -1;bottom: calc(-1 * var(--u));height: calc(20 * var(--u));}.ios__bubble::before{inset-inline-start: calc(-7 * var(--u));width: calc(20 * var(--u));background: #E9E9EB;border-end-end-radius: calc(15 * var(--u));}.ios__bubble::after{inset-inline-start: calc(-26 * var(--u));width: calc(26 * var(--u));background: #fff;border-end-end-radius: calc(10 * var(--u));}.ios__data{color: #007AFF;text-decoration: underline;text-decoration-thickness: calc(1 * var(--u));text-underline-offset: calc(2 * var(--u));}.ios__msg.is-empty .ios__bubble{background: transparent;border: 1px dashed rgba(60,60,67,.35);color: rgba(60,60,67,.55);}.ios__msg.is-empty .ios__bubble::before,.ios__msg.is-empty .ios__bubble::after{display: none;}.ios__msg.is-new .ios__bubble{animation: ios-pop 400ms var(--ease);transform-origin: bottom left;}[dir="rtl"] .ios__msg.is-new .ios__bubble{transform-origin: bottom right;}@keyframes ios-pop{from{opacity: 0;scale: .9;translate: 0 calc(6 * var(--u));}to{opacity: 1;scale: 1;translate: 0 0;}}.ios__compose{flex: none;display: flex;align-items: center;gap: calc(8 * var(--u));padding: calc(6 * var(--u)) calc(12 * var(--u)) calc(30 * var(--u));background: #fff;}.ios__plus{flex: none;display: grid;place-items: center;width: calc(34 * var(--u));height: calc(34 * var(--u));border-radius: 50%;background: #EDEDF0;color: rgba(60,60,67,.72);}.ios__plus svg{width: calc(19 * var(--u));height: calc(19 * var(--u));}.ios__input{flex: 1 1 auto;min-width: 0;height: calc(34 * var(--u));display: flex;align-items: center;gap: calc(6 * var(--u));padding-inline: calc(13 * var(--u)) calc(9 * var(--u));border-radius: 999px;border: 1px solid rgba(60,60,67,.2);font-size: calc(16 * var(--u));color: rgba(60,60,67,.45);}.ios__hint{flex: 1 1 auto;min-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}.ios__mic{flex: none;display: grid;color: rgba(60,60,67,.5);}.ios__mic svg{width: calc(19 * var(--u));height: calc(19 * var(--u));}.ios__home{position: absolute;z-index: 5;bottom: calc(8 * var(--u));left: 50%;transform: translateX(-50%);width: calc(140 * var(--u));height: calc(5 * var(--u));border-radius: 999px;background: #000;opacity: .82;}.tryit__summary{padding: clamp(10px,1.2vw,12px) clamp(18px,2.4vw,26px) clamp(14px,1.8vw,18px);display: grid;gap: 8px;align-content: start;background: var(--page-bg);}.tally__head{margin: 0;display: flex;align-items: center;gap: 9px;font-size: 1rem;font-weight: 700;}.tally__head .icon{color: var(--brand);}.ready{margin-inline-start: auto;padding: 4px 10px;border-radius: 8px;background: var(--brand-100);color: var(--brand);font-size: .75rem;font-weight: 700;transition: background var(--t-press) var(--ease),color var(--t-press) var(--ease);}.ready.is-not{background: var(--warning-bg);color: var(--warning);}.tally{margin: 0;display: grid;gap: 6px;padding: 10px 12px;border-radius: 12px;border: 1px solid var(--hairline);background: var(--surface);}.tally__row{display: flex;align-items: center;justify-content: space-between;gap: 12px;}.tally__row dt{font-size: .8125rem;color: var(--text-muted);}.tally__row dd{margin: 0;font-size: .875rem;font-weight: 500;color: var(--text);}.tally__row dd span{display: inline-block;}.tally__when{margin-top: 2px;padding: 7px 10px;border-radius: 10px;background: var(--brand-100);}.tally__when dt,.tally__when dd{color: var(--brand);font-weight: 500;}.tally__when.is-past{background: var(--error-bg);}.tally__when.is-past dt,.tally__when.is-past dd{color: var(--error);}.sendbar{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;}.sendbar[hidden]{display: none;}.sendbar__btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 40px;padding: 6px 12px;border: 0;border-radius: var(--r-btn);background: var(--brand-100);color: var(--brand);font-family: var(--font);font-size: .9375rem;font-weight: 500;cursor: pointer;transition: background var(--t-press) var(--ease),color var(--t-press) var(--ease),transform var(--t-press) var(--ease);}.sendbar__btn:not(.is-on):hover{background: var(--brand-200);}.sendbar__btn:active{transform: scale(.98);}.sendbar__btn.is-on{background: var(--brand);color: #fff;}.dtp{width: min(700px,calc(100vw - 32px));max-width: none;max-height: calc(100dvh - 32px);margin: auto;padding: 0;border: 0;border-radius: 20px;background: var(--surface);color: var(--text);box-shadow: 0 24px 60px rgba(34,5,112,.28);overflow: hidden;}.dtp::backdrop{background: rgba(20,8,60,.45);}.dtp[open]{animation: dtp-in var(--t-enter) var(--ease);}.dtp[open]::backdrop{animation: dtp-fade var(--t-enter) var(--ease);}@keyframes dtp-in{from{opacity: 0;translate: 0 12px;scale: .98;}}.dtp.is-closing{animation: dtp-out var(--t-overlay) cubic-bezier(.4,0,1,1) forwards;pointer-events: none;}.dtp.is-closing::backdrop{animation: dtp-fade-out var(--t-overlay) cubic-bezier(.4,0,1,1) forwards;}@keyframes dtp-out{to{opacity: 0;translate: 0 8px;scale: .98;}}@keyframes dtp-fade-out{to{opacity: 0;}}.dtp__inner{display: flex;flex-direction: column;max-height: inherit;}.dtp__head{flex: none;display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;padding: 18px 20px 10px;}.dtp__title{margin: 0;font-size: 1.0625rem;font-weight: 700;}.dtp__value{margin: 4px 0 0;font-size: 1rem;font-weight: 500;color: var(--brand);}.dtp__close{flex: none;display: grid;place-items: center;width: 34px;height: 34px;border: 0;border-radius: 50%;background: var(--page-bg);color: var(--text-muted);cursor: pointer;}.dtp__close:hover{color: var(--text);}.dtp__body{flex: 1 1 auto;min-height: 0;overflow-y: auto;overscroll-behavior: contain;display: grid;gap: 14px;padding: 4px 20px 6px;}@media (min-width: 720px){.dtp__body{grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);gap: 0;}.dtp__cal{padding-inline-end: 20px;border-inline-end: 1px solid var(--hairline);}.dtp__time{padding-inline-start: 20px;}}@media (max-width: 719px){.dtp__time{padding-top: 14px;border-top: 1px solid var(--hairline);}}.dtp__calhead{display: flex;align-items: center;gap: 8px;}.dtp__page{flex: none;display: grid;place-items: center;width: 36px;height: 36px;border: 0;border-radius: 50%;background: var(--brand);color: #fff;cursor: pointer;transition: background var(--t-press) var(--ease),transform var(--t-press) var(--ease);}.dtp__page:hover{background: var(--brand-600);}.dtp__page:active{transform: scale(.94);}.dtp__page:disabled{background: var(--disabled);color: var(--text-muted);cursor: default;transform: none;}.dtp__page--prev .icon{rotate: -90deg;}.dtp__page--next .icon{rotate: 90deg;}[dir="ltr"] .dtp__page--prev .icon{rotate: 90deg;}[dir="ltr"] .dtp__page--next .icon{rotate: -90deg;}.dtp__month{flex: 1 1 auto;display: inline-flex;align-items: center;justify-content: center;gap: 4px;padding: 6px 12px;border: 0;border-radius: 999px;background: none;color: var(--text);font-family: var(--font);font-size: 1rem;font-weight: 700;cursor: pointer;}.dtp__month:hover{background: var(--page-bg);}.dtp__month .icon{transition: rotate var(--t-overlay) var(--ease);}.dtp__month[aria-expanded="true"] .icon{rotate: 180deg;}.dtp__calbody{position: relative;height: calc(24px + 8px + 6 * 36px + 5 * 4px);margin-top: 10px;}.dtp__weekdays{display: grid;grid-template-columns: repeat(7,1fr);align-items: center;height: 24px;margin-bottom: 8px;text-align: center;font-size: .8125rem;font-weight: 500;color: var(--text-muted);}.dtp__grid{display: grid;grid-template-columns: repeat(7,1fr);grid-auto-rows: 36px;gap: 4px;}.dtp__grid.is-next{animation: dtp-page-next var(--t-overlay) var(--ease);}.dtp__grid.is-prev{animation: dtp-page-prev var(--t-overlay) var(--ease);}@keyframes dtp-page-next{from{opacity: 0;translate: -14px 0;}}@keyframes dtp-page-prev{from{opacity: 0;translate: 14px 0;}}.day{display: grid;place-items: center;padding: 0;border: 0;border-radius: 12px;background: var(--disabled);color: var(--text);font-family: var(--font-numeric);font-size: .9375rem;font-weight: 500;cursor: pointer;transition: background 160ms var(--ease),color 160ms var(--ease),box-shadow 160ms var(--ease);}.day:hover{background: var(--brand-100);color: var(--brand);}.day--out{background: transparent;color: rgba(108,117,125,.35);cursor: default;}.day--out:hover{background: transparent;color: rgba(108,117,125,.35);}.day:disabled,.day:disabled:hover{background: rgba(233,236,239,.5);color: rgba(108,117,125,.4);cursor: not-allowed;}.day--today{background: var(--warning-bg);color: var(--warning);box-shadow: inset 0 0 0 1.4px var(--warning);font-weight: 700;}.day[aria-pressed="true"]{background: var(--brand);color: #fff;font-weight: 700;box-shadow: 0 4px 10px rgba(94,41,245,.32);}.dtp__months{position: absolute;inset: 0;display: grid;grid-template-rows: auto auto 1fr;gap: 6px;background: var(--surface);animation: dtp-fade var(--t-overlay) var(--ease);}.dtp__months[hidden]{display: none;}@keyframes dtp-fade{from{opacity: 0;}}.dtp__monthshint{margin: 0;text-align: center;font-size: .8125rem;color: var(--text-muted);}.dtp__year{display: flex;align-items: center;justify-content: center;gap: 6px;font-size: 1.0625rem;font-weight: 700;}.dtp__year > span{min-width: 72px;text-align: center;}.dtp__yearstep{display: grid;place-items: center;width: 36px;height: 36px;border: 0;border-radius: 50%;background: none;color: var(--brand);cursor: pointer;}.dtp__yearstep:hover{background: var(--brand-100);}.dtp__yearstep:disabled{background: none;color: rgba(108,117,125,.4);cursor: default;}.dtp__monthgrid{display: grid;grid-template-columns: repeat(3,1fr);grid-auto-rows: 1fr;gap: 8px;}.mchip{border: 0;border-radius: 12px;background: var(--disabled);color: var(--text);font-family: var(--font);font-size: .9375rem;font-weight: 500;cursor: pointer;}.mchip:hover{background: var(--brand-100);color: var(--brand);}.mchip[aria-pressed="true"]{background: var(--brand);color: #fff;font-weight: 700;}.mchip:disabled,.mchip:disabled:hover{background: rgba(233,236,239,.5);color: rgba(108,117,125,.4);cursor: not-allowed;}.dtp__timehead{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}.dtp__timehead > span:first-child{font-size: .8125rem;color: var(--text-muted);}.dtp__timehead [data-dtp-time]{font-size: 1.125rem;font-weight: 700;color: var(--brand);}.dtp__wheels{display: grid;grid-template-columns: 3fr 3fr 2fr;gap: 10px;}.wheel{--accent: var(--brand);position: relative;height: 120px;border-radius: 18px;background: var(--disabled);cursor: grab;}.wheel:focus-visible{outline: 2px solid var(--brand);outline-offset: 2px;border-radius: 18px;}.wheel__pill{position: absolute;inset-inline: 6px;top: 42px;height: 36px;border-radius: 12px;background: var(--accent);transition: background var(--t-press) var(--ease);}.wheel__list{position: relative;height: 100%;margin: 0;padding: 40px 0;list-style: none;overflow-y: auto;overscroll-behavior: contain;scroll-snap-type: y mandatory;scrollbar-width: none;-webkit-mask-image: linear-gradient(transparent,#000 30%,#000 70%,transparent);mask-image: linear-gradient(transparent,#000 30%,#000 70%,transparent);}.wheel__list::-webkit-scrollbar{display: none;}.wheel__list li{display: grid;place-items: center;height: 40px;scroll-snap-align: center;font-size: 1.0625rem;font-weight: 500;color: var(--text);opacity: .55;user-select: none;transition: color 120ms var(--ease),opacity 120ms var(--ease);}.wheel__list li.is-sel{color: #fff;font-weight: 700;opacity: 1;}.dtp__presets{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 14px;}.preset{padding: 7px 14px;border-radius: 999px;border: 1px solid var(--hairline);background: color-mix(in srgb,var(--brand) 8%,transparent);color: var(--brand);font-family: var(--font);font-size: .875rem;font-weight: 500;cursor: pointer;transition: background var(--t-press) var(--ease);}.preset:hover{background: color-mix(in srgb,var(--brand) 14%,transparent);}.dtp__foot{flex: none;display: grid;gap: 10px;padding: 10px 20px 18px;}.dtp__hint{margin: 0;text-align: center;font-size: .75rem;color: var(--text-muted);}.dtp__done{min-height: 48px;border: 0;border-radius: var(--r-btn);background: var(--brand);color: #fff;font-family: var(--font);font-size: 1rem;font-weight: 500;cursor: pointer;transition: background var(--t-press) var(--ease);}.dtp__done:hover{background: var(--brand-600);}.dtp__done:disabled{background: var(--disabled);color: var(--text-muted);cursor: not-allowed;}.dtp.is-invalid .dtp__value,.dtp.is-invalid [data-dtp-time],.dtp.is-invalid .dtp__hint{color: var(--error);}.dtp.is-invalid .wheel{--accent: var(--error);}@media (max-width: 600px){.dtp{width: 100%;max-height: 92dvh;margin: auto 0 0;border-radius: 24px 24px 0 0;}.dtp[open]{animation: dtp-up var(--t-enter) var(--ease);}.dtp.is-closing{animation: dtp-down var(--t-overlay) cubic-bezier(.4,0,1,1) forwards;}.dtp__inner::before{content: '';flex: none;width: 40px;height: 4px;margin: 10px auto 0;border-radius: 999px;background: var(--border);}.dtp__head{padding-top: 12px;}}@keyframes dtp-up{from{translate: 0 100%;}}@keyframes dtp-down{to{translate: 0 100%;}}html.is-locked{overflow: hidden;}.tally .is-bump{animation: tally-bump var(--t-enter) var(--ease);}@keyframes tally-bump{40%{scale: 1.12;}100%{scale: 1;}}.tryit__note{margin: 0;display: flex;gap: 8px;align-items: flex-start;font-size: .75rem;line-height: 1.6;color: var(--text-muted);}.tryit__note .icon{flex: none;color: var(--info);margin-top: 3px;}.states{display: grid;gap: 12px;grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr));margin-top: 14px;}.state{display: flex;align-items: center;gap: 12px;padding: 10px 14px;border-radius: var(--r-card);border: 1px solid var(--hairline);background: var(--surface);}.state__dot{flex: none;width: 10px;height: 10px;border-radius: 50%;}.state--sent .state__dot{background: var(--success);}.state--hold .state__dot{background: var(--warning);}.state--progress .state__dot{background: var(--info);animation: floater-pulse 1.4s var(--ease) infinite;}.state strong{display: block;font-size: .9375rem;}.state span{font-size: .8125rem;color: var(--text-muted);}.faq{max-width: 800px;margin-inline: auto;display: grid;gap: 10px;}.faq details{border-radius: var(--r-card);border: 1px solid var(--hairline);background: var(--surface);transition: border-color var(--t-press) var(--ease);}.faq details[open]{border-color: color-mix(in srgb,var(--brand) 40%,transparent);}.faq summary{display: flex;align-items: center;gap: 14px;padding: 16px 18px;cursor: pointer;list-style: none;font-weight: 500;font-size: 1rem;line-height: 1.4;border-radius: inherit;}.faq summary::-webkit-details-marker{display: none;}.faq__q{font: inherit;}.faq summary:hover{color: var(--brand);}.faq__num{flex: none;width: 34px;height: 34px;display: grid;place-items: center;border-radius: var(--r-chip);background: var(--brand-100);color: var(--brand);font-size: .8125rem;font-weight: 700;}.faq__chev{margin-inline-start: auto;flex: none;color: var(--text-muted);transition: rotate var(--t-overlay) var(--ease),color var(--t-overlay) var(--ease);}.faq details[open] .faq__chev{rotate: 180deg;color: var(--brand);}.faq__body{padding: 0 18px 18px calc(18px);padding-inline-start: 66px;color: var(--text-muted);font-size: .9375rem;line-height: 1.7;}.faq__body p + p{margin-top: 8px;}@media (max-width: 479px){.faq__body{padding-inline-start: 18px;}}@supports (interpolate-size: allow-keywords){.faq details::details-content{height: 0;overflow: clip;transition: height var(--t-overlay) var(--ease),content-visibility var(--t-overlay) allow-discrete;}.faq details[open]::details-content{height: auto;}}.faq__more{margin-top: 24px;text-align: center;color: var(--text-muted);font-size: .9375rem;}.faq__more a{text-decoration: underline;text-underline-offset: .2em;}.to-top{position: fixed;z-index: 40;inset-inline-start: 16px;bottom: 24px;width: 48px;height: 48px;display: grid;place-items: center;border-radius: 50%;background: var(--brand);border: 2px solid #fff;color: #fff;box-shadow: 0 8px 20px rgba(94,41,245,.32);transition: transform var(--t-press) var(--ease),opacity var(--t-overlay) var(--ease),background-color 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease),box-shadow 260ms var(--ease);}.to-top[data-tone="light"]{border-color: var(--brand);}.to-top[data-tone="dark"]{background: #fff;border-color: #fff;color: var(--brand);box-shadow: var(--shadow-float);}.to-top:hover{color: #fff;}.to-top[data-tone="dark"]:hover{color: var(--brand);}.to-top:focus-visible{outline: 2px solid var(--brand);outline-offset: 3px;}.to-top[data-tone="dark"]:focus-visible{outline-color: #fff;}.to-top .icon{rotate: 180deg;}.to-top:hover{text-decoration: none;}@media (hover: hover){.to-top:hover{transform: translateY(-2px);}}.to-top:active{transform: scale(.96);}@supports (animation-timeline: scroll()){.to-top{opacity: 0;pointer-events: none;animation: to-top-in linear both;animation-timeline: scroll(root);animation-range: 400px 700px;}@keyframes to-top-in{to{opacity: 1;pointer-events: auto;}}}@supports not (animation-timeline: scroll()){.to-top{opacity: 0;pointer-events: none;}.to-top.is-shown{opacity: 1;pointer-events: auto;}}@media (hover: hover) and (pointer: fine){.unveil .unveil__more{opacity: 0;translate: 0 6px;transition: opacity var(--t-overlay) var(--ease),translate var(--t-overlay) var(--ease);}.unveil:hover .unveil__more,.unveil:focus-visible .unveil__more,.unveil:focus-within .unveil__more{opacity: 1;translate: 0 0;}}@media (prefers-reduced-motion: reduce){.unveil .unveil__more{translate: none !important;}}.rail{display: none;}@media (min-width: 1280px){.rail{display: block;position: fixed;z-index: 40;inset-inline-end: 18px;top: 50%;translate: 0 -50%;}.rail__list{display: grid;gap: 2px;}.rail a{position: relative;display: grid;place-items: center;width: 22px;height: 22px;border-radius: 50%;color: var(--brand);}.rail a::before{content: '';width: 8px;height: 8px;border-radius: 50%;background: var(--surface);box-shadow: 0 0 0 1.5px var(--brand-300);transition: scale var(--t-overlay) var(--ease),background var(--t-overlay) var(--ease),box-shadow var(--t-overlay) var(--ease);}.rail a:hover::before{scale: 1.3;}.rail a.is-active::before{scale: 1.5;background: var(--brand);box-shadow: 0 0 0 2px #fff,0 0 0 3px var(--brand-300);}.rail__label{position: absolute;inset-inline-end: calc(100% + 8px);top: 50%;translate: calc(var(--ix) * 6px) -50%;padding: 6px 12px;border-radius: var(--r-chip);background: var(--surface);color: var(--text);font-size: .8125rem;font-weight: 500;white-space: nowrap;box-shadow: var(--shadow-float);opacity: 0;pointer-events: none;transition: opacity var(--t-overlay) var(--ease),translate var(--t-overlay) var(--ease);}.rail__label .numeric{color: var(--brand);margin-inline-end: 4px;}.rail a:hover .rail__label,.rail a:focus-visible .rail__label{opacity: 1;translate: 0 -50%;}}@media print{.rail{display: none !important;}}.section__head .eyebrow{display: inline-flex;align-items: center;gap: 6px;}.eyebrow::before{content: '';width: 6px;height: 6px;border-radius: 50%;background: currentColor;opacity: .7;}.eyebrow[data-no]{display: inline-flex;align-items: center;gap: 6px;}.eyebrow[data-no]::before{content: attr(data-no);width: auto;height: auto;border-radius: 0;background: none;opacity: .75;font-family: var(--font-numeric);font-feature-settings: 'tnum';font-size: .75rem;padding-inline-end: 6px;border-inline-end: 1px solid color-mix(in srgb,currentColor 35%,transparent);}@media (hover: hover){.xitem:hover .xitem__icon,.method__list li:hover .icon{scale: 1.08;}}.xitem__icon,.method__list .icon{transition: scale var(--t-press) var(--ease);}@media (prefers-reduced-motion: reduce){.state--progress .state__dot{animation: none !important;}.xpanel,.tally .is-bump,.parts__seg{animation: none !important;}.dtp[open],.dtp[open]::backdrop,.dtp__grid,.dtp__months{animation: none !important;}.ios__msg.is-new .ios__bubble{animation: none !important;}.to-top{animation: none !important;opacity: 1;pointer-events: auto;}.xitem:hover,.to-top:hover{transform: none;}}.tabs:has(#m1:focus-visible) .tab--single,.tabs:has(#m2:focus-visible) .tab--groups,.tabs:has(#m3:focus-visible) .tab--file,.tabs:has(#m4:focus-visible) .tab--vars{outline: 2px solid var(--brand);outline-offset: 2px;}.methods__screen{transition: transform var(--t-enter) var(--ease);}.gallery{margin-top: clamp(32px,5vw,56px);scroll-behavior: smooth;margin-inline: calc(-1 * var(--gutter));padding-inline: var(--gutter);scroll-padding-inline: var(--gutter);overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;-webkit-mask-image: linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image: linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);}.gallery::-webkit-scrollbar{display: none;}.gallery__track{display: flex;gap: clamp(16px,2.5vw,28px);padding-block: 8px 12px;width: max-content;min-width: 100%;}.gallery__slide{flex: none;width: clamp(215px,25vw,290px);scroll-snap-align: start;text-align: center;}.gallery__slide > figure{display: grid;gap: 10px;justify-items: center;}.gallery__slide img{width: 100%;height: auto;border-radius: var(--r-hero);}.gallery__slide figcaption{display: grid;gap: 2px;font-size: .8125rem;color: var(--text-muted);max-width: 13.6em;line-height: 1.55;}.gallery__slide figcaption strong{font-size: .9375rem;font-weight: 700;color: var(--text);}.gallery:focus-visible{outline: 2px solid var(--brand);outline-offset: 4px;border-radius: var(--r-card);}.gallery{-webkit-overflow-scrolling: touch;}.gallery__slide img{-webkit-user-drag: none;user-select: none;}.gallery-nav{display: flex;justify-content: center;gap: 12px;margin-top: 16px;}.gallery-nav[hidden]{display: none;}.gallery-nav__btn{display: grid;place-items: center;width: 44px;height: 44px;padding: 0;border: 1px solid var(--hairline);border-radius: 50%;background: var(--surface);color: var(--brand);cursor: pointer;transition: background var(--t-press) var(--ease),border-color var(--t-press) var(--ease),opacity var(--t-press) var(--ease);}.gallery-nav__btn:hover:not(:disabled){background: var(--brand-100);border-color: var(--field-border);}.gallery-nav__btn:focus-visible{outline: 2px solid var(--brand);outline-offset: 2px;}.gallery-nav__btn:disabled{opacity: .4;cursor: default;}[dir="rtl"] .gallery-nav__btn--prev .icon{transform: scaleX(-1);}.gallery.is-gliding{scroll-snap-type: none;scroll-behavior: auto;}.gallery.is-driven .gallery__slide{scroll-snap-align: center;}.gallery__slide > figure{scale: calc(.9 + .1 * var(--focus,1));}.gallery__slide img{opacity: calc(.6 + .4 * var(--focus,1));}.appget{margin-top: clamp(32px,5vw,56px);padding-top: clamp(28px,4vw,40px);border-top: 1px solid var(--hairline);}.appget__points{display: grid;gap: 12px 32px;}@media (min-width: 860px){.appget__points{grid-template-columns: repeat(3,minmax(0,1fr));}}.appget__points li{display: flex;align-items: flex-start;gap: 10px;font-size: .9375rem;color: var(--text-muted);}.appget__points .icon{flex: none;margin-top: 2px;color: var(--brand);}.ways{--ways-gap: 24px;margin-top: clamp(8px,2vw,16px);}.ways__grid{display: grid;gap: var(--ways-gap);}@media (min-width: 960px){.ways__grid{grid-template-columns: repeat(3,minmax(0,1fr));}}.way{--accent: var(--brand);position: relative;isolation: isolate;overflow: clip;text-align: start;display: flex;flex-direction: column;border-radius: var(--r-hero);border: 1px solid color-mix(in srgb,var(--accent) 22%,transparent);background: linear-gradient(to bottom left,color-mix(in srgb,var(--accent) 7%,var(--surface)),color-mix(in srgb,var(--accent) 2%,var(--surface)));transition: transform var(--t-press) var(--ease),border-color var(--t-press) var(--ease);}.way > *{position: relative;z-index: 1;}@media (hover: hover){.way:hover{transform: translateY(-3px);border-color: color-mix(in srgb,var(--accent) 40%,transparent);}}.way__stage{position: relative;height: 196px;overflow: clip;}.browser{display: flex;flex-direction: column;background: var(--surface);}.browser__tabs{direction: ltr;display: flex;align-items: flex-end;gap: 14px;height: 36px;padding: 0 12px;background: var(--disabled);}.browser__dots,.code__dots{display: flex;gap: 6px;align-self: center;}.browser__dots i,.code__dots i{width: 10px;height: 10px;border-radius: 50%;}.browser__dots i{background: var(--border);}.browser__tab{display: inline-flex;align-items: center;gap: 8px;height: 28px;padding: 0 14px;border-radius: 8px 8px 0 0;background: var(--surface);font-size: .8125rem;font-weight: 500;color: var(--text);}.browser__tab img{width: 16px;height: 16px;}.browser__bar{position: relative;display: flex;align-items: center;height: 44px;padding: 0 12px;border-bottom: 1px solid var(--divider);}.browser__url{direction: ltr;display: flex;align-items: center;gap: 8px;flex: 1;height: 30px;padding: 0 12px;border-radius: 8px;background: var(--page-bg);font-family: ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size: .8125rem;color: var(--text);}.browser__lock{color: var(--success);}.browser__type{position: relative;display: inline-block;white-space: nowrap;}.browser__text{display: inline-block;}.browser__caret{position: absolute;left: 0;top: 1px;bottom: 1px;width: 1.5px;opacity: 0;pointer-events: none;}.browser__caret::before{content: '';position: absolute;inset: 0;background: var(--brand);}.browser__load{position: absolute;left: 0;right: 0;bottom: -1px;height: 2px;background: var(--brand);transform-origin: left;scale: 0 1;opacity: 0;}.browser__page{flex: 1;display: grid;place-items: center;background: radial-gradient(70% 90% at 50% 100%,var(--brand-100),transparent 72%);}.browser__logo{width: 150px;height: auto;}.phone{display: grid;justify-items: center;align-items: start;background: radial-gradient(70% 90% at 50% 100%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 72%);-webkit-mask-image: linear-gradient(to bottom,#000 68%,transparent);mask-image: linear-gradient(to bottom,#000 68%,transparent);}.phone img{width: 232px;max-width: 72%;height: auto;margin-top: 18px;filter: drop-shadow(0 14px 28px rgba(34,5,112,.28));transition: transform var(--t-enter) var(--ease);}@media (hover: hover){.way--app:hover .phone img{transform: translateY(-8px);}}@property --step{syntax: '<number>';inherits: true;initial-value: 7;}.code{background: var(--text);color: #E9ECEF;direction: ltr;}.code__bar{display: flex;align-items: center;gap: 12px;height: 34px;padding: 0 12px;background: rgba(255,255,255,.06);border-bottom: 1px solid rgba(255,255,255,.08);}.code__dots i{background: rgba(255,255,255,.22);}.code__name{font-size: .75rem;color: rgba(255,255,255,.55);letter-spacing: .02em;}.code__body{margin: 0;padding: 14px 16px;font-family: ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size: .8125rem;line-height: 1.65;white-space: pre;}.code__line{display: inline-block;opacity: clamp(0,var(--step) - var(--i),1);translate: calc((1 - clamp(0,var(--step) - var(--i),1)) * -8px) 0;transition: opacity 260ms var(--ease),translate 260ms var(--ease);}.code__key{color: var(--brand-300);}.code__str{color: var(--warning);}.code__str bdi{font-family: var(--font);font-weight: 500;}.code__ok{color: #6EE7B7;}.code__arrow{color: rgba(255,255,255,.5);}.code__tick{display: inline-block;vertical-align: -3px;margin-left: 8px;color: #6EE7B7;}.code__reply{position: relative;display: inline-block;}.code__wait{position: absolute;left: 0;top: 0;display: flex;gap: 4px;align-items: center;height: 100%;opacity: calc(clamp(0,var(--step) - 4,1) - clamp(0,var(--step) - 5,1));transition: opacity 200ms var(--ease);}.code__wait i{width: 5px;height: 5px;border-radius: 50%;background: rgba(255,255,255,.55);}.way__body{flex: 1;display: flex;flex-direction: column;gap: 10px;padding: 0 clamp(18px,2.4vw,24px) 22px;}.way__icon{width: 44px;height: 44px;margin-top: -22px;margin-bottom: 2px;display: grid;place-items: center;border-radius: 12px;background: linear-gradient(to bottom left,color-mix(in srgb,var(--accent) 82%,#fff),var(--accent));box-shadow: 0 6px 14px color-mix(in srgb,var(--accent) 28%,transparent);color: #fff;}.way__title{font-size: clamp(1.125rem,1rem + .6vw,1.3125rem);font-weight: 700;line-height: 1.3;}.way__lead{color: var(--text-muted);font-size: .9375rem;line-height: 1.6;}.way__list{display: grid;gap: 8px;margin-top: 2px;font-size: .875rem;line-height: 1.55;}.way__list li{display: flex;gap: 8px;align-items: flex-start;}.way__list .icon{color: var(--accent);margin-top: 2px;}.way__cta{margin-top: auto;padding-top: 14px;}.ways__hub{display: grid;justify-items: center;}.hub__tails{display: none;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--ways-gap);width: 100%;height: 40px;}.hub__bus{display: none;direction: ltr;grid-template-columns: 1fr 1fr;width: 100%;height: 2px;padding-inline: calc((100% - 2 * var(--ways-gap)) / 6 - 1px);}@media (min-width: 960px){.hub__tails,.hub__bus{display: grid;}}.hub__seg{position: relative;display: block;overflow: clip;border-radius: 2px;background: var(--brand-200);}.hub__seg--tail{width: 2px;height: 100%;justify-self: center;}.hub__seg--bus{height: 2px;}.hub__seg--stem{width: 2px;height: 32px;}.hub__streak{position: absolute;opacity: 0;border-radius: inherit;}.hub__seg--tail .hub__streak,.hub__seg--stem .hub__streak{left: 0;right: 0;top: 0;height: 60%;background: linear-gradient(to bottom,rgba(94,41,245,0),var(--brand) 55%,rgba(94,41,245,0));}.hub__seg--bus .hub__streak{top: 0;bottom: 0;width: 45%;background: linear-gradient(to right,rgba(94,41,245,0),var(--brand) 55%,rgba(94,41,245,0));}.hub__seg--bus-left .hub__streak{left: 0;--from: -100%;--to: 222%;}.hub__seg--bus-right .hub__streak{right: 0;--from: 100%;--to: -222%;}.ways__one{position: relative;display: flex;align-items: center;gap: 8px;width: fit-content;max-width: 100%;margin-inline: auto;padding: 8px 20px 8px 14px;border-radius: 999px;border: 1px solid var(--hairline);background: var(--surface);font-size: .9375rem;font-weight: 500;color: var(--text);text-align: center;box-shadow: 0 8px 22px rgba(94,41,245,.14);}.ways__one img{width: 38px;max-width: none;height: auto;}@media (max-width: 419px){.ways__one{font-size: .875rem;padding-inline: 14px 12px;gap: 6px;}}@media (max-width: 379px){.ways__one{font-size: .8125rem;}.ways__one img{width: 34px;}}.ways__one::before{content: '';position: absolute;inset: -1px;border-radius: inherit;border: 1.5px solid var(--brand-300);opacity: 0;}@media (prefers-reduced-motion: no-preference){.browser__text{animation: url-type 10s linear infinite both;}.browser__caret{animation: url-caret 10s linear infinite both;}.browser__caret::before{animation: url-blink 1s steps(1) infinite;}.browser__lock{animation: url-lock 10s var(--ease) infinite both;}.browser__load{animation: url-load 10s var(--ease) infinite both;}.browser__logo{animation: url-logo 10s var(--ease) infinite both;}.phone img{animation: phone-float 3.4s ease-in-out infinite alternate;}.code__body{animation: code-run 9s linear infinite both;}.code__wait i{animation: code-dot 900ms ease-in-out infinite;}.code__wait i:nth-child(2){animation-delay: 150ms;}.code__wait i:nth-child(3){animation-delay: 300ms;}.hub__seg--tail .hub__streak{animation: hub-tail 4.8s linear infinite;}.hub__seg--bus .hub__streak{animation: hub-bus 4.8s linear infinite;}.hub__seg--stem .hub__streak{animation: hub-stem 4.8s linear infinite;}.ways__one{animation: hub-land 4.8s var(--ease) infinite;}.ways__one::before{animation: hub-ring 4.8s var(--ease) infinite;}.ways.is-offscreen :is(.browser__text,.browser__caret,.browser__lock,.browser__load,.browser__logo,.phone img,.code__body,.code__wait i,.hub__streak,.ways__one),.ways.is-offscreen .browser__caret::before,.ways.is-offscreen .ways__one::before{animation-play-state: paused;}}@keyframes url-type{0%,5%{clip-path: inset(0 100% 0 0);opacity: 1;animation-timing-function: steps(11,end);}17%{clip-path: inset(0 0 0 0);}93%{clip-path: inset(0 0 0 0);opacity: 1;}100%{clip-path: inset(0 0 0 0);opacity: 0;}}@keyframes url-caret{0%,5%{translate: 0 0;opacity: 1;animation-timing-function: steps(11,end);}17%,24%{translate: 11ch 0;opacity: 1;}26%,100%{translate: 11ch 0;opacity: 0;}}@keyframes url-blink{0%,49%{opacity: 1;}50%,100%{opacity: 0;}}@keyframes url-load{0%,18%{scale: 0 1;opacity: 1;}27%{scale: 1 1;opacity: 1;}31%,100%{scale: 1 1;opacity: 0;}}@keyframes url-lock{0%,25%{opacity: 0;scale: .6;}31%{opacity: 1;scale: 1;}93%{opacity: 1;}100%{opacity: 0;}}@keyframes url-logo{0%,27%{opacity: 0;translate: 0 10px;}36%{opacity: 1;translate: 0 0;}93%{opacity: 1;translate: 0 0;}100%{opacity: 0;translate: 0 0;}}@keyframes phone-float{from{translate: 0 0;}to{translate: 0 -6px;}}@keyframes code-run{0%{--step: 0;opacity: 0;}5%{--step: 0;opacity: 0;}8%{--step: 0;opacity: 1;animation-timing-function: steps(5,end);}21%{--step: 5;}33%{--step: 5;}34%{--step: 6;}92%{--step: 6;opacity: 1;}100%{--step: 6;opacity: 0;}}@keyframes code-dot{0%,100%{opacity: .35;translate: 0 0;}50%{opacity: 1;translate: 0 -2px;}}@keyframes hub-tail{0%{translate: 0 -100%;opacity: 0;}4%{opacity: 1;}26%{opacity: 1;}30%,100%{translate: 0 167%;opacity: 0;}}@keyframes hub-bus{0%,30%{translate: var(--from) 0;opacity: 0;}34%{opacity: 1;}62%{opacity: 1;}66%,100%{translate: var(--to) 0;opacity: 0;}}@keyframes hub-stem{0%,66%{translate: 0 -100%;opacity: 0;}69%{opacity: 1;}81%{opacity: 1;}84%,100%{translate: 0 167%;opacity: 0;}}@keyframes hub-land{0%,83%{scale: 1;}87%{scale: 1.03;}93%,100%{scale: 1;}}@keyframes hub-ring{0%,83%{opacity: 0;scale: 1;}85%{opacity: .9;scale: 1;}100%{opacity: 0;scale: 1.18;}}