@layer theme,base;@layer components{.pg-list{--chrome:var(--paper);--chrome-2:var(--offwhite);--chrome-line:#1a1a1a1f;--chrome-dot:#1a1a1a38;--chrome-text:var(--ink-2)}.pg-list .t-purple,.pg-list .t-deep{--shade:#16003080}.pg-list .t-light{--shade:#3b007b29}.pg-list .l-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:40px clamp(32px,5vw,88px);padding-block:clamp(24px,3vw,48px) clamp(48px,5vw,80px);display:grid}.pg-list .l-hero .label{margin-bottom:16px}.pg-list .l-hero .lead{margin-top:clamp(16px,1.6vw,22px)}.pg-list .l-hero .ctas{margin-top:clamp(22px,2.4vw,32px)}.pg-list .l-alt{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:4px 12px;margin:16px 0 0;display:flex}.pg-list .ls-diag{min-width:0;position:relative}.pg-list .ls-fig{margin:0;position:relative}.pg-list .ls-a{z-index:2;width:60%}.pg-list .ls-b{margin-inline-start:auto;z-index:1;width:66%;margin-top:clamp(36px,3.4vw,52px)}.pg-list .ls-cap{color:var(--text-2);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:10px;font-size:14px;display:flex}.pg-list .ls-b .ls-cap{margin:12px 0 0}.pg-list .ls-cap b{color:var(--text);font-size:15px}.pg-list .browser{background:var(--chrome-2);box-shadow:0 30px 60px -30px var(--shade), 0 0 0 1px var(--line);border-radius:10px;position:relative;overflow:hidden}.pg-list .browser-bar{background:var(--chrome);border-bottom:1px solid var(--chrome-line);direction:ltr;align-items:center;gap:7px;height:32px;padding:0 12px;display:flex;position:relative}.pg-list .browser-bar i{background:var(--chrome-dot);border-radius:50%;width:8px;height:8px}.pg-list .browser-url{background:var(--chrome-2);color:var(--chrome-text);font:500 12px/1 var(--f);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pg-list .browser-url svg{width:11px;height:11px}.pg-list .browser-view{aspect-ratio:16/9;background:var(--chrome-2);position:relative;overflow:hidden}.pg-list .browser-view img{will-change:transform;width:100%;max-width:none;height:auto}.pg-list .ls-mock{background:var(--bg);gap:12px;padding:14px 14px 16px;display:grid}.pg-list .ls-mock-top{color:var(--text-3);align-items:center;gap:10px;font-size:12px;display:flex}.pg-list .ls-logo{width:50px;color:var(--logo);display:block}.pg-list .ls-logo svg{width:100%;height:auto}.pg-list .ls-mock-top .crumb{white-space:nowrap;margin-inline-start:auto}.pg-list .ls-mock-img{aspect-ratio:16/7;background:var(--panel-2);border-radius:8px;overflow:hidden}.pg-list .ls-mock-img img{object-fit:cover;object-position:top;width:100%;height:100%}.pg-list .ls-mock-info{justify-content:space-between;align-items:center;gap:12px;display:flex}.pg-list .ls-mock-info b{font-size:17px;line-height:1.2;display:block}.pg-list .ls-mock-info div span{color:var(--text-3);font-size:13px}.pg-list .ls-visit{background:var(--mint);min-height:38px;color:var(--ink);white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.pg-list .ls-visit .dom{color:var(--ink);font-size:13px}.pg-list .ls-visit svg{width:12px;height:12px}html[dir=rtl] .pg-list .ls-visit svg{transform:scaleX(-1)}.pg-list .ls-link{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pg-list .ls-link path{fill:none;stroke:var(--mint);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.pg-list .ls-link circle{fill:var(--mint)}.pg-list .ls-foot{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:14px;display:flex}.pg-list .ls-foot .cap{margin:0}.pg-list .ls-replay[hidden]{display:none}.pg-list .l-isnt{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,96px);display:grid}.pg-list .col-h{align-items:center;gap:14px;margin:0 0 8px;font-size:clamp(22px,1.8vw,28px);line-height:1.2;display:flex}.pg-list .mk{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.pg-list .mk svg{width:18px;height:18px}.pg-list .mk.is{background:var(--mint);color:var(--ink)}.pg-list .mk.not{box-shadow:inset 0 0 0 1.5px var(--error);color:var(--error)}.pg-list .col ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.pg-list .col li{border-bottom:1px solid var(--line);gap:4px;padding-block:18px;display:grid}.pg-list .col li b{font-size:18px}.pg-list .col li span{color:var(--text-2)}.pg-list .col li .arrow-link{min-height:44px;margin-inline-start:4px}.pg-list .l-steps-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,6vw,120px);display:grid}.pg-list .l-steps-head{gap:22px;display:grid;position:sticky;top:118px}.pg-list .l-steps-head .label{margin:0}.pg-list .l-flowsteps{margin:0;padding:0;list-style:none;position:relative}.pg-list .l-flowsteps li{grid-template-columns:56px minmax(0,1fr);gap:18px;padding-bottom:clamp(36px,4vw,64px);display:grid;position:relative}.pg-list .l-flowsteps li:before{content:"";inset-inline-start:27px;background:var(--line);width:2px;position:absolute;top:56px;bottom:0}.pg-list .l-flowsteps li:last-child{padding-bottom:0}.pg-list .l-flowsteps li:last-child:before{display:none}.pg-list .l-flowsteps .n{letter-spacing:.04em;width:56px;height:56px;box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--text-2);border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid}.pg-list .l-flowsteps li>div{justify-items:start;gap:12px;padding-top:8px;display:grid}.pg-list .l-flowsteps p{color:var(--text-2);max-width:46ch;margin:0}.pg-list .l-flowsteps li.rev>div{background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--mint), 0 24px 48px -36px var(--shade);border-radius:12px;padding:22px 24px}.pg-list .l-flowsteps .pill.mint{box-shadow:inset 0 0 0 1.5px var(--mint)}.pg-list .l-flowsteps li.rev .n{background:var(--mint);color:var(--ink);box-shadow:none}.pg-list .l-ann-in{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,5vw,96px);display:grid}.pg-list .l-ann-text{gap:22px;display:grid}.pg-list .l-ann-text .label,.pg-list .fan{margin:0}.pg-list .fan-set{aspect-ratio:1.25;direction:ltr;position:relative}.pg-list .fan-set img{width:40%;height:auto;box-shadow:0 30px 60px -20px var(--shade), 0 0 0 1px var(--line);transition:transform .7s var(--ease);border-radius:10px;position:absolute;top:50%;left:55%}.pg-list .fan-set .f1{z-index:1;width:38%;transform:translate(-118%,-50%)rotate(-9deg)}.pg-list .fan-set .f2{z-index:2;width:44%;transform:translate(-92%,-52%)rotate(-5deg)}.pg-list .fan-set .f3{z-index:3;width:33%;transform:translate(-4%,-47%)rotate(6deg)}.pg-list .fan:hover .f1{transform:translate(-126%,-50%)rotate(-12deg)}.pg-list .fan:hover .f3{transform:translate(4%,-47%)rotate(9deg)}.pg-list .fan:hover .f2{transform:translate(-98%,-52%)rotate(-7deg)}.pg-list .fan .cap{text-align:center;margin-top:18px}.pg-list .l-apply{outline:none;scroll-margin-top:78px}.pg-list .l-apply-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,5vw,96px);display:grid}.pg-list .l-apply-text{gap:22px;display:grid}.pg-list .l-apply-text .label{margin:0}.pg-list .l-next{border-top:1px solid var(--line);margin-top:10px;padding-top:22px}.pg-list .l-next-h{margin:0 0 14px;font-size:18px}.pg-list .l-next ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.pg-list .l-next li{color:var(--text-2);grid-template-columns:40px minmax(0,1fr);display:grid}.pg-list .l-next .n{color:var(--mint);padding-top:2px;font-size:15px;font-weight:700}.pg-list .l-form{background:var(--panel);--line-2:#1a1a1a80;box-shadow:0 0 0 1px var(--line);border-radius:14px;padding:clamp(24px,3.4vw,56px)}.pg-list .l-form .inp:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--mint) 22%, transparent)}.pg-list .l-form-note{border-top:1px solid var(--line);color:var(--text-2);margin:18px 0 0;padding-top:18px;font-size:15px}.pg-list .l-end{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 18px;padding-block:36px 72px;display:flex}.pg-list .l-end p{color:var(--text-2);margin:0;font-size:18px}@media (max-width:1080px){.pg-list .l-hero{grid-template-columns:minmax(0,1fr)}.pg-list .ls-diag{max-width:720px}.pg-list .l-steps-head{position:static}.pg-list .l-steps-grid,.pg-list .l-ann-in,.pg-list .l-apply-in{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.pg-list .l-isnt{grid-template-columns:minmax(0,1fr)}.pg-list .fan-set{aspect-ratio:1/.95}.pg-list .fan-set img{left:54%}.pg-list .fan-set .f1{width:44%;transform:translate(-112%,-50%)rotate(-8deg)}.pg-list .fan-set .f2{width:50%;transform:translate(-92%,-52%)rotate(-5deg)}.pg-list .fan-set .f3{width:38%;transform:translate(-4%,-46%)rotate(6deg)}}@media (max-width:640px){.pg-list .l-hero{padding-block:16px 48px}.pg-list .ls-a{width:94%}.pg-list .ls-b{width:86%;margin-top:64px}.pg-list .ls-mock{gap:10px;padding:10px 10px 12px}.pg-list .ls-mock-top .crumb{display:none}.pg-list .ls-mock-info b{font-size:15px}.pg-list .ls-visit .dom{display:none}.pg-list .l-flowsteps li{grid-template-columns:44px minmax(0,1fr);gap:14px}.pg-list .l-flowsteps .n{width:44px;height:44px}.pg-list .l-flowsteps li:before{inset-inline-start:21px;top:44px}.pg-list .l-flowsteps li.rev>div{padding:18px}.pg-list .l-form{margin-inline:calc(var(--gutter) * -1);border-radius:0;padding:22px 18px}}}@layer utilities;