.demo{background:var(--page);grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:calc(100dvh - 72px);display:grid}.demo__pic{background:var(--soft);margin:0;position:relative;overflow:hidden}.demo__pic img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;filter:contrast(1.1);width:100%;height:100%;position:absolute;inset:0}.demo__side{flex-direction:column;justify-content:center;gap:clamp(28px,4vw,48px);min-width:0;padding:clamp(40px,6vw,96px) clamp(24px,6vw,104px);display:flex}.demo__form{gap:28px;max-width:560px;display:grid}.demo__form[hidden],.demo__cal[hidden]{display:none}.demo__bars{grid-template-columns:repeat(5,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.demo__bars li{background:var(--line);border-radius:2px;height:3px;position:relative;overflow:hidden}.demo__bars li:after{content:"";background:var(--pink);transform-origin:0;transition:transform .5s var(--ease,cubic-bezier(.16,1,.3,1));position:absolute;inset:0;transform:scaleX(0)}.demo__bars li.on:after{transform:scaleX(1)}.demo__q{gap:14px;display:grid}.demo__q[hidden]{display:none}.demo__l{letter-spacing:-.035em;color:var(--ink);font-size:clamp(22px,2vw,26px);font-weight:700;line-height:1.05}.demo__i{border:0;border-bottom:2px solid var(--ink);width:100%;font:inherit;color:var(--ink);background:0 0;border-radius:0;outline:none;padding:10px 0 12px;font-size:clamp(20px,2vw,26px);transition:border-color .2s}.demo__i:focus{border-bottom-color:var(--pink)}.demo__err{color:var(--pink-deep,#ce1637);min-height:0;margin:-14px 0 0;font-size:14px}.demo__err:empty{display:none}.demo__hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.demo__acts{justify-content:space-between;align-items:center;gap:16px;display:flex}.demo__back{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:15px;font-weight:700}.demo__back:hover{color:var(--ink)}.demo__back[hidden]{visibility:hidden;display:block}.demo__next{background:var(--pink);color:#fff;height:56px;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:12px;margin-left:auto;padding:0 28px;font-size:15px;font-weight:700;transition:transform .15s,background .2s;display:inline-flex}.demo__next:hover{background:var(--ink)}.demo__next:active{transform:scale(.98)}.demo__next:focus-visible,.demo__back:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.demo__arrow{transition:transform .25s var(--ease,cubic-bezier(.16,1,.3,1))}.demo__next:hover .demo__arrow{transform:translate(3px)}.demo__next[aria-busy=true]{opacity:.6;pointer-events:none}.demo__cal{gap:12px;width:100%;display:grid}.demo__cal iframe{border-radius:var(--radius-lg,14px);background:var(--page);border:0;width:100%;height:min(760px,78dvh);display:block}.demo__open{color:var(--muted);text-underline-offset:3px;font-size:14px;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.demo__q:not([hidden]){animation:.5s cubic-bezier(.16,1,.3,1) both demoIn}.demo__pic img{animation:1.2s cubic-bezier(.16,1,.3,1) both demoPic}@keyframes demoIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes demoPic{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}}@media (width<=900px){.demo{grid-template-columns:1fr;min-height:0}.demo__pic{height:38dvh;min-height:260px}.demo__side{justify-content:flex-start;gap:28px;padding:32px 20px 56px}.demo__cal iframe{height:820px}}.demo .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo__legal{color:var(--muted);gap:8px;font-size:13px;line-height:1.45;display:grid}.demo__legal p{margin:0}.demo__legal a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.demo__opt{cursor:pointer;color:var(--body,var(--ink));align-items:center;gap:10px;display:inline-flex}.demo__opt input{width:16px;height:16px;accent-color:var(--pink);margin:0}.demo{grid-template-columns:minmax(0,53fr) minmax(0,47fr)}.demo__side{justify-content:center;align-items:flex-start;gap:0;padding:48px clamp(24px,4.5vw,64px)}.demo__side>*{width:100%;max-width:540px}.demo__eyebrow{color:var(--ink,#141011);letter-spacing:-.01em;margin-bottom:8px;font-size:16px;font-weight:800;line-height:20px;display:block}.demo__h{letter-spacing:-.045em;margin:0 0 24px;font-size:30px;line-height:33px}.demo__switch{background:#141011;border-radius:999px;grid-template-columns:1fr 1fr;margin-bottom:28px;padding:4px;display:grid}.demo__switch a,.demo__switch span{letter-spacing:-.01em;color:#cfc6c9;border-radius:999px;justify-content:center;align-items:center;height:36px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.demo__switch span{background:var(--pink);color:#fff}.demo__switch a:hover{color:#fff}.demo__form{max-width:540px}.demo__l{font-size:22px}.demo__qs{min-height:104px}@media (width<=900px){.demo{grid-template-columns:1fr}.demo__side{padding:28px 20px 56px}}.demo__sub{color:var(--body,var(--ink));margin:-12px 0 0;font-size:clamp(18px,1.6vw,22px);font-weight:600}.demo__tags{flex-wrap:wrap;gap:10px 18px;margin:-8px 0 0;font-size:14px;font-weight:700;display:flex}.demo__tags a{color:var(--ink);align-items:center;gap:8px;min-height:32px;text-decoration:none;display:inline-flex}.demo__tags a:hover{color:var(--pink)}.demo__tag{background:var(--pink-soft);color:var(--pink-deep,#ce1637);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:800;display:inline-block}.demo.demo--stage{background:#fff;min-height:calc(100dvh - 67px);display:block;position:relative;overflow:hidden}.demo--stage .demo__pic{aspect-ratio:1;background:0 0;width:min(100%,max(736px,100dvh - 67px));height:auto;position:absolute;top:calc(clamp(28px,6dvh,64px) + 24px);left:50%;transform:translate(-50%)}.demo--stage .demo__side{z-index:1;text-align:center;justify-content:flex-start;align-items:stretch;gap:0;width:min(440px,100% - 32px);margin:0 auto;padding:clamp(28px,6dvh,64px) 0 56px;position:relative}.demo--stage .demo__eyebrow{margin:0}.demo--stage .demo__h{letter-spacing:-.04em;text-wrap:balance;margin:8px 0 0;font-size:clamp(34px,3.6vw,52px);line-height:1}.demo--stage .demo__sub{color:#4a4245;margin:12px 0 0;font-size:clamp(17px,1.5vw,20px);font-weight:600}.demo--stage .demo__switch a,.demo--stage .demo__switch span{height:44px}.demo--stage .demo__form,.demo--stage .demo__cal{backdrop-filter:blur(10px);background:#fffffff7;border-radius:18px}.demo--stage .demo__form{text-align:left;background:#fff;border:1px solid #e4dcdf;max-width:none;padding:20px}.demo--stage .demo__back{min-height:44px}@media (width<=767px){.demo.demo--stage{flex-direction:column;align-items:center;min-height:0;padding:12px 16px 24px;display:flex}.demo--stage .demo__side{display:contents}.demo--stage .demo__side>*{z-index:1;order:10;width:100%;max-width:440px;position:relative}.demo--stage .demo__eyebrow{order:1}.demo--stage .demo__h{order:2}.demo--stage .demo__sub{order:3}.demo--stage .demo__pic{display:none}.demo--stage .demo__switch{order:5;margin:0 0 16px;margin-top:12px!important}.demo--stage .demo__form{order:6}}.demo--stage .demo__pic{display:none!important}.demo--stage .demo__switch{margin:24px 0 16px!important}@media (width>=99999px){.demo.demo--stage:before,.demo.demo--stage:after{content:"";pointer-events:none;filter:contrast(1.08);background:url(/auth-visual.jpg) 0 0/auto 175% no-repeat;border-radius:18px;width:min(240px,50vw - 292px);height:490px;position:absolute;top:calc(clamp(28px,6dvh,64px) + 44px)}.demo.demo--stage:before{background-position:0 88%;left:max(24px,50vw - 268px + -1*min(240px,50vw - 292px))}.demo.demo--stage:after{background-position:100% 88%;right:max(24px,50vw - 268px + -1*min(240px,50vw - 292px))}}.demo--stage .demo__eyebrow{text-transform:uppercase;color:#f62849!important;letter-spacing:1.4px!important;font-size:12px!important;font-weight:700!important;line-height:16px!important}.demo--stage .demo__h{color:#141011;letter-spacing:-.035em!important;margin:8px 0 0!important;font-size:clamp(30px,3.2vw,44px)!important;font-weight:800!important;line-height:1.05!important}.demo--stage .demo__switch{padding:6px;margin:28px 0 16px!important}.demo--stage .demo__switch a,.demo--stage .demo__switch span{height:48px;font-size:16px;font-weight:700}.demo.demo--stage{min-height:calc(100dvh - 67px);background:var(--placed-soft)!important}@media (width>=1024px){.demo.demo--stage{position:relative;overflow:hidden}.demo.demo--stage:before,.demo.demo--stage:after{content:"";pointer-events:none;filter:none;background:#f6284912;border-radius:999px;height:112px;position:absolute}.demo.demo--stage:before{width:min(46vw,620px);top:34%;left:-140px}.demo.demo--stage:after{width:min(26vw,340px);top:calc(34% + 168px);left:auto;right:-90px}.demo--stage .demo__side{z-index:1;position:relative}}.demo.demo--stage{background:#fff!important}@media (width>=1024px){.demo.demo--stage:before,.demo.demo--stage:after{display:none}}.demo--stage .demo__pic--old{display:none!important}.demo--stage .demo__side{width:min(480px,100% - 32px)!important}@media (width>=768px){.demo__runway{z-index:0;pointer-events:none;height:0;display:block;position:relative}.demo__runway img{filter:contrast(1.08);clip-path:inset(170px 0 30px);width:760px;max-width:none;height:760px;position:absolute;top:-170px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000 170px,#000 290px);mask-image:linear-gradient(#0000 170px,#000 290px)}.demo--stage .demo__switch,.demo--stage .demo__form{z-index:1;position:relative}.demo__runway>img{display:none}.demo__half{width:380px;height:560px;position:absolute;top:0;overflow:hidden}.demo__half--l{left:-404px}.demo__half--r{left:calc(100% + 24px)}.demo__half img{clip-path:none;filter:contrast(1.08);width:760px;max-width:none;height:760px;position:absolute;top:-170px;transform:none;-webkit-mask-image:linear-gradient(#0000 170px,#000 210px);mask-image:linear-gradient(#0000 170px,#000 210px)}.demo__half--l img{left:0}.demo__half--r img{left:-380px}}.demo--stage .demo__form{border-radius:18px;gap:22px;padding:28px!important}.demo--stage .demo__l{letter-spacing:-.01em!important;color:#141011!important;font-size:16px!important;font-weight:600!important;line-height:1.3!important}.demo--stage .demo__i{border-bottom:2px solid #141011!important;padding:8px 0!important;font-size:16px!important}.demo--stage .demo__i:focus{border-bottom-color:#f62849!important}.demo--stage .demo__qs{min-height:0!important}.demo--stage .demo__acts{flex-direction:row-reverse}.demo--stage .demo__next{flex:1;justify-content:center;background:#f62849!important;height:48px!important;margin-left:0!important;padding:0 20px!important;font-size:15px!important;font-weight:700!important}.demo--stage .demo__next:hover{background:#ce1637!important}.demo--stage .demo__back[hidden]{display:none!important}.demo--stage .demo__rot{color:#4a4245;min-height:24px;margin:12px 0 0;font-size:17px;font-weight:600;line-height:24px}@media (width>=768px){.demo__half{height:600px;top:-24px}.demo__half img{top:-110px;-webkit-mask-image:linear-gradient(#0000 110px,#0000008c 150px,#000 175px);mask-image:linear-gradient(#0000 110px,#0000008c 150px,#000 175px)}}.demo__runway{display:none!important}@media (width>=768px){.demo.demo--stage{position:relative;overflow:hidden}.demo.demo--stage:before,.demo.demo--stage:after{content:"";pointer-events:none;border-radius:0;width:auto;height:auto;position:absolute;inset:0;display:block!important}.demo.demo--stage:before{filter:blur(2.5px)saturate(.9);background:url(/auth-visual.jpg) 50% 62%/cover no-repeat;transform:scale(1.03)}.demo--stage .demo__side{z-index:1;position:relative}.demo.demo--stage:before{filter:blur(1.5px)saturate(.85);background:url(/auth-visual.jpg) 50% 70%/auto 112% no-repeat;transform:none;-webkit-mask-image:linear-gradient(90deg,#0000 calc(50% - 470px),#000 calc(50% - 330px) calc(50% + 330px),#0000 calc(50% + 470px));mask-image:linear-gradient(90deg,#0000 calc(50% - 470px),#000 calc(50% - 330px) calc(50% + 330px),#0000 calc(50% + 470px))}.demo.demo--stage:after{background:radial-gradient(40% 70% at 50% 46%,#fffffff7 0%,#ffffffe0 60%,#fff9 100%)}}