.clx-hiw-hero-grid{z-index:1;grid-template-columns:minmax(0,1fr);align-items:center;gap:48px;max-width:1120px;margin:0 auto;display:grid;position:relative}@media (min-width:1080px){.clx-hiw-hero-grid{grid-template-columns:minmax(0,460px) minmax(0,1fr)}.clx-hiw-hero-grid .clx-hiw-stage{margin-right:0}}.clx-hiw-visual{min-width:0;container:clx-hiw/inline-size}.clx-hiw-stage{--sw:var(--sw-w);--sh:var(--sh-w);width:100%;max-width:calc(var(--sw) * 1px);aspect-ratio:var(--sw) / var(--sh);margin-left:auto;margin-right:auto;position:relative}.clx-hiw-canvas{width:calc(var(--sw) * 1px);height:calc(var(--sh) * 1px);transform-origin:0 0;transform:scale(tan(atan2(min(100cqw, calc(var(--sw) * 1px)), calc(var(--sw) * 1px))));position:absolute;top:0;left:0}.clx-hiw-box{left:calc(var(--bx-w) * 1px);top:calc(var(--by-w) * 1px);width:calc(var(--bw-w) * 1px);position:absolute}.clx-hiw-path{z-index:0;position:absolute;top:0;left:0;overflow:visible}.clx-hiw-path path{fill:none;stroke:var(--clx-clay);stroke-width:1.6px;stroke-dasharray:6 7;stroke-linecap:round;opacity:.7}.clx-hiw-narrow{display:none}.clx-hiw-card{z-index:1}.clx-hiw-phone{z-index:2;grid-template-columns:minmax(0,1fr);display:grid}.clx-hiw-layer{grid-area:1/1;min-width:0}.clx-hiw-idle{opacity:0}.clx-hiw-dot{z-index:4;background:var(--clx-clay);opacity:0;offset-path:var(--path-w);offset-distance:100%;offset-rotate:0deg;offset-anchor:50% 50%;pointer-events:none;border-radius:999px;width:16px;height:16px;position:absolute;top:0;left:0;box-shadow:0 0 0 5px rgba(184,74,44,.18)}@supports not (offset-path:path("M 0 0")){.clx-hiw-dot{display:none}}.clx-hiw-chip{z-index:3;right:calc(var(--cr-w) * 1px);top:calc(var(--cy-w) * 1px);border:1px solid var(--clx-hairline);color:var(--clx-ink);white-space:nowrap;background:#fbf9f4;border-radius:10px;align-items:center;gap:8px;padding:8px 13px;font-size:12.5px;line-height:1.4;display:inline-flex;position:absolute;box-shadow:0 16px 30px -18px rgba(15,15,14,.4)}.clx-hiw-toggle{bottom:0;right:0}@container clx-hiw (max-width:479.98px){.clx-hiw-stage{--sw:var(--sw-n);--sh:var(--sh-n)}.clx-hiw-box{left:calc(var(--bx-n) * 1px);top:calc(var(--by-n) * 1px);width:calc(var(--bw-n) * 1px)}.clx-hiw-chip{right:calc(var(--cr-n) * 1px);top:calc(var(--cy-n) * 1px)}.clx-hiw-wide{display:none}.clx-hiw-narrow{display:block}.clx-hiw-dot{offset-path:var(--path-n)}}@keyframes clx-hiw-press{0%,to{transform:none}40%,60%{transform:scale(.95)}}@keyframes clx-hiw-flip{0%{opacity:1}to{opacity:0}}@keyframes clx-hiw-travel{0%{offset-distance:0%;opacity:0}8%{opacity:1}92%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes clx-hiw-chip{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:no-preference){.clx-hiw-hero .clx-hiw-press{animation:clx-hiw-press var(--hiw-press-ms) var(--clx-ease) var(--hiw-press-at) both}.clx-hiw-hero .clx-hiw-idle{animation:clx-hiw-flip var(--hiw-flip-ms) var(--clx-ease) var(--hiw-flip-at) both}.clx-hiw-hero .clx-hiw-dot{animation:clx-hiw-travel var(--hiw-travel-ms) cubic-bezier(.4, 0, .3, 1) var(--hiw-travel-at) both}.clx-hiw-hero .clx-hiw-chip{animation:clx-hiw-chip var(--hiw-chip-ms) var(--clx-ease) var(--hiw-land-at) both}}.clx-hiw-steps{position:relative}.clx-hiw-steps-list{flex-direction:column;gap:6px;margin:32px 0 0;padding:0 0 0 34px;list-style:none;display:flex}.clx-hiw-steps-list>li{margin:0;padding:0}.clx-hiw-step{width:100%;min-height:60px;color:var(--clx-ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid transparent;border-radius:12px;margin:0;padding:10px 14px 10px 16px;display:block;position:relative}.clx-hiw-step[aria-pressed=true]{border-color:var(--clx-hairline);background:#fbf9f4;box-shadow:0 1px 2px rgba(15,15,14,.04)}@media (hover:hover){.clx-hiw-step[aria-pressed=false]:hover{background:rgba(251,249,244,.6);border-color:rgba(221,213,197,.7)}}.clx-hiw-step:focus-visible{outline:2px solid var(--clx-clay);outline-offset:2px}.clx-hiw-step-head{align-items:baseline;gap:10px;display:flex}.clx-hiw-step-n{letter-spacing:.1em;color:var(--clx-stone);flex-shrink:0;font-size:12px;font-weight:600}.clx-hiw-step-title{font-size:16px;font-weight:600;line-height:1.35}.clx-hiw-step-body{color:var(--clx-stone);margin-top:3px;font-size:14.5px;line-height:1.45;display:block}.clx-hiw-step-dot{z-index:1;border:2px solid var(--clx-paper);background:#cfc6b3;border-radius:999px;width:18px;height:18px;position:absolute;top:16px;left:-31px;box-shadow:0 0 0 1px #cfc6b3}.clx-hiw-step:-webkit-any([data-track=done],[data-track=active]) .clx-hiw-step-dot{background:var(--clx-clay);box-shadow:0 0 0 1px var(--clx-clay)}.clx-hiw-step:-moz-any([data-track=done],[data-track=active]) .clx-hiw-step-dot{background:var(--clx-clay);box-shadow:0 0 0 1px var(--clx-clay)}.clx-hiw-step:is([data-track=done],[data-track=active]) .clx-hiw-step-dot{background:var(--clx-clay);box-shadow:0 0 0 1px var(--clx-clay)}.clx-hiw-step:before,.clx-hiw-step:after{content:"";z-index:0;border-radius:1px;width:2px;position:absolute;top:-5px;left:-23px}.clx-hiw-step:before{background:var(--clx-hairline);bottom:-5px}.clx-hiw-step:after{background:var(--clx-clay);height:0}.clx-hiw-step[data-track=done]:after{height:calc(100% + 10px)}.clx-hiw-step[data-track=active]:after{height:30px}.clx-hiw-steps-list>li:first-child .clx-hiw-step:before,.clx-hiw-steps-list>li:first-child .clx-hiw-step:after{top:25px}.clx-hiw-steps-list>li:first-child .clx-hiw-step[data-track=done]:after{height:calc(100% - 20px)}.clx-hiw-steps-list>li:first-child .clx-hiw-step[data-track=active]:after{height:0}.clx-hiw-steps-list>li:last-child .clx-hiw-step:before{height:30px;bottom:auto}.clx-hiw-steps-hint{letter-spacing:.02em;color:var(--clx-stone);margin:20px 0 0;padding-left:34px;font-size:12px;line-height:1.5}.clx-hiw-panel{background:var(--clx-paper-2);border:1px solid var(--clx-hairline);border-radius:16px;margin:10px 0 12px -34px;padding:16px;position:relative;overflow:hidden}.clx-hiw-panel:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,rgba(15,15,14,.043) 1px,transparent 1px),linear-gradient(rgba(15,15,14,.043) 1px,transparent 1px);background-size:32px 32px;position:absolute;top:0;bottom:0;left:0;right:0}.clx-hiw-screen{flex-direction:column;gap:14px;min-width:0;display:flex;position:relative}.clx-hiw-screen-phone{align-items:center}.clx-hiw-device{width:min(260px,100%)}@media (min-width:900px){.clx-hiw-steps-col{flex-direction:column;width:min(470px,44%);min-height:840px;display:flex}.clx-hiw-panel{flex-direction:column;margin:0;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:calc(min(470px,44%) + 48px);right:0}.clx-hiw-screen{margin-top:auto;margin-bottom:auto}.clx-hiw-device{width:min(290px,100%)}}@media (prefers-reduced-motion:no-preference){.clx-hiw-step{transition:background-color .22s var(--clx-ease), border-color .22s var(--clx-ease)}.clx-hiw-step-dot{transition:background-color .3s var(--clx-ease), box-shadow .3s var(--clx-ease)}.clx-hiw-step:after{transition:height .6s var(--clx-ease)}.clx-hiw-step[data-track=active]:after{transition-delay:.24s}.clx-hiw-panel[data-swap] .clx-hiw-screen{animation:clx-m-swap .42s var(--clx-ease) both}}.clx-hiw-role{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));align-items:center;gap:40px;scroll-margin-top:88px;display:grid}.clx-hiw-role-copy,.clx-hiw-role-shot{min-width:0}@media (min-width:768px){.clx-hiw-role{gap:56px}.clx-hiw-roles:not([data-tabs]) .clx-hiw-role-flip>.clx-hiw-role-shot{order:-1}}.clx-hiw-role-tabs[hidden]{display:none}.clx-hiw-role-tabs-label{color:var(--clx-ink);margin:0;font-size:14px;font-weight:600}.clx-hiw-role-tablist{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.clx-hiw-role-tab{min-height:46px;color:var(--clx-ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fbf9f4;border:1px solid #cfc6b3;border-radius:12px;align-items:center;margin:0;padding:0 18px;font-size:14.5px;font-weight:500;line-height:1.2;display:inline-flex}.clx-hiw-role-tab[aria-selected=true]{background:var(--clx-ink);border-color:var(--clx-ink);color:#f3efe7}@media (hover:hover){.clx-hiw-role-tab[aria-selected=false]:hover{border-color:rgba(15,15,14,.3)}}.clx-hiw-role-tab:focus-visible{outline:2px solid var(--clx-clay);outline-offset:2px}@media screen{.clx-hiw-roles[data-tabs] .clx-hiw-role-stack{grid-template-columns:minmax(0,1fr);gap:0;margin-top:40px;display:grid}.clx-hiw-roles[data-tabs] .clx-hiw-role{visibility:hidden;grid-area:1/1;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:48px;scroll-margin-top:208px}.clx-hiw-roles[data-tabs] .clx-hiw-role[data-on]{visibility:visible}.clx-hiw-roles[data-tabs] .clx-hiw-role-copy{align-self:start}.clx-hiw-roles[data-tabs] .clx-hiw-role:focus-visible{outline:2px solid var(--clx-clay);outline-offset:10px;border-radius:12px}}@media screen and (min-width:1100px){.clx-hiw-roles[data-tabs] .clx-hiw-role{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:56px}}@media (prefers-reduced-motion:no-preference){.clx-hiw-role-tab{transition:background-color .22s var(--clx-ease), border-color .22s var(--clx-ease), color .22s var(--clx-ease)}.clx-hiw-roles[data-tabs] .clx-hiw-role[data-swap]{animation:clx-m-swap .42s var(--clx-ease) both}}@media (forced-colors:active){.clx-hiw-step[aria-pressed=true],.clx-hiw-role-tab[aria-selected=true]{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.clx-hiw-step:-webkit-any([data-track=done],[data-track=active]) .clx-hiw-step-dot{forced-color-adjust:none;box-shadow:none;background:highlight}.clx-hiw-step:-moz-any([data-track=done],[data-track=active]) .clx-hiw-step-dot{forced-color-adjust:none;box-shadow:none;background:highlight}.clx-hiw-step:is([data-track=done],[data-track=active]) .clx-hiw-step-dot{forced-color-adjust:none;box-shadow:none;background:highlight}.clx-hiw-step:-webkit-any([data-track=done],[data-track=active]):after{forced-color-adjust:none;box-shadow:none;background:highlight}.clx-hiw-step:-moz-any([data-track=done],[data-track=active]):after{forced-color-adjust:none;box-shadow:none;background:highlight}.clx-hiw-step:is([data-track=done],[data-track=active]):after{forced-color-adjust:none;box-shadow:none;background:highlight}}.clx-hiw-readout{text-wrap:balance}main:has(.clx-hiw-hero) :-webkit-any(h1,h2,h3){text-wrap:balance}main:has(.clx-hiw-hero) :-moz-any(h1,h2,h3){text-wrap:balance}main:has(.clx-hiw-hero) :is(h1,h2,h3){text-wrap:balance}.clx-hiw-role-copy li,.clx-hiw-step-body{text-wrap:pretty}main:has(.clx-hiw-hero) p:not(:-webkit-any(.clx-hiw-readout,.clx-hiw-visual *,.clx-hiw-role-shot *,.clx-hiw-panel *)){text-wrap:pretty}main:has(.clx-hiw-hero) p:not(:-moz-any(.clx-hiw-readout,.clx-hiw-visual *,.clx-hiw-role-shot *,.clx-hiw-panel *)){text-wrap:pretty}main:has(.clx-hiw-hero) p:not(:is(.clx-hiw-readout,.clx-hiw-visual *,.clx-hiw-role-shot *,.clx-hiw-panel *)){text-wrap:pretty}