.pg-websites{--sec:100px}@media (max-width:760px){.pg-websites{--sec:60px}}.pg-websites .gl{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.4s ease;pointer-events:none}.pg-websites .is-live>.gl{opacity:1}.pg-websites .ws-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;grid-gap:20px 48px;gap:20px 48px;margin-bottom:40px}.pg-websites .ws-head h2{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-top:14px;max-width:22ch}.pg-websites .ws-head .aside{max-width:64ch;color:var(--muted);font-size:17px}@media (max-width:980px){.pg-websites .ws-head{grid-template-columns:1fr;margin-bottom:32px}.pg-websites .ws-head .aside{font-size:16px}}.pg-websites .wh{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate}.pg-websites .wh-stage{position:absolute;inset:0;z-index:-2}.pg-websites .wh-fan{position:absolute;inset:0;perspective:1800px;transition:opacity 1s ease}.pg-websites .wh-stage.is-live .wh-fan{opacity:0}.pg-websites .wh-fan .pw{position:absolute;left:50%;top:12%;width:clamp(220px,26vw,420px);transform:translateX(calc(-50% + var(--x))) translateZ(var(--z)) rotateY(var(--r));transform-style:preserve-3d}.pg-websites .wh-fan .pn{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--border-strong);background:var(--tint)}.pg-websites .wh-fan .bar{display:flex;gap:6px;padding:9px 12px;background:#10141c}.pg-websites .wh-fan .bar i{width:8px;height:8px;border-radius:50%;background:#2b313b}.pg-websites .wh-fan img{width:100%;height:auto}.pg-websites .wh-fan .f1{--x:-88%;--z:-420px;--r:34deg;opacity:.4}.pg-websites .wh-fan .f2{--x:-50%;--z:-160px;--r:22deg;opacity:.7}.pg-websites .wh-fan .f3{--x:0%;--z:0px;--r:0deg}.pg-websites .wh-fan .f4{--x:50%;--z:-160px;--r:-22deg;opacity:.7}.pg-websites .wh-fan .f5{--x:88%;--z:-420px;--r:-34deg;opacity:.4}.pg-websites .wh-fade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to top,var(--paper) 16%,color-mix(in oklab,var(--paper) 62%,transparent) 40%,transparent 64%),linear-gradient(to right,color-mix(in oklab,var(--paper) 55%,transparent),transparent 58%)}.pg-websites .wh-out{position:relative}.pg-websites .wh-copy{padding-top:max(180px,30vh);padding-bottom:16px}.pg-websites .wh-h{margin-top:16px;font-size:var(--fs-hero);line-height:.98;font-weight:600;letter-spacing:-.045em;transform-origin:0 100%}.pg-websites .wh-h .ln{display:block;overflow:hidden;padding:.08em 0 .1em;margin:-.08em 0 -.1em;perspective:900px;white-space:nowrap}.pg-websites .wh-h .ln.r{padding-left:.9em}.pg-websites .wh-h .ln.b{color:var(--brand-ink)}.pg-websites .wh-h .wd{display:inline-block;white-space:nowrap}.pg-websites .wh-h .ch{display:inline-block;transform-origin:50% 100%;will-change:transform}.pg-websites .wh-under{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;margin-top:28px;flex-wrap:wrap}.pg-websites .wh-under p{max-width:56ch;font-size:var(--fs-lead);color:var(--muted)}.pg-websites .wh-ctas{display:flex;gap:12px;flex-wrap:wrap}.pg-websites .wh-strip{display:flex;align-items:center;gap:24px;padding-top:16px;padding-bottom:20px;border-top:1px solid var(--border);margin-top:28px;font-size:14px}.pg-websites .wh-strip .lbl{color:var(--muted);white-space:nowrap}.pg-websites .wh-strip ul{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:0}.pg-websites .wh-strip a{display:inline-flex;align-items:center;gap:8px;font-weight:500;transition:color .2s ease}.pg-websites .wh-strip a:hover{color:var(--brand-ink)}.pg-websites .wh-strip .st{font-weight:400;color:var(--muted);font-size:var(--fs-label)}.pg-websites .wh-strip .pd{width:7px;height:7px;border-radius:50%;border:1.5px solid var(--brand-ink)}@media (prefers-reduced-motion:no-preference){html.js .pg-websites .wh .ch,html.js .pg-websites .wh [data-hero-in],html.js .pg-websites .wh-fan .pn{opacity:0}}@media (max-width:1100px){.pg-websites .wh-strip .lbl{display:none}}@media (pointer:coarse){.pg-websites .wh-strip a{min-height:44px}}@media (max-width:760px){.pg-websites .wh-fan .pw{top:13%;width:64vw}.pg-websites .wh-fan .f1,.pg-websites .wh-fan .f5{display:none}.pg-websites .wh-fan .f2{--x:-46%}.pg-websites .wh-fan .f4{--x:46%}.pg-websites .wh-copy{padding-top:38vh}.pg-websites .wh-fade{background:linear-gradient(to bottom,transparent 0,transparent 29svh,color-mix(in oklab,var(--paper) 72%,transparent) 34svh,var(--paper) 37svh)}.pg-websites .wh-h{font-size:clamp(34px,9.6vw,44px)}.pg-websites .wh-h .ln.r{padding-left:.5em}.pg-websites .wh-under{margin-top:20px;gap:20px}.pg-websites .wh-under p{font-size:16px}.pg-websites .wh-ctas .btn{flex:1 1 100%}.pg-websites .wh-strip{margin-top:20px}.pg-websites .wh-strip ul{gap:0 18px}.pg-websites .wh-strip a{min-height:44px}.pg-websites .wh-strip .st{display:none}}.pg-websites .ws-mq{padding:26px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pg-websites .ws-mq .marquee{--gap:36px;--duration:34s}.pg-websites .ws-mq .w{display:inline-flex;align-items:center;gap:36px;white-space:nowrap;font-size:var(--fs-h2);font-weight:600;letter-spacing:-.03em;line-height:1.1}.pg-websites .ws-mq .w:nth-child(2n){color:transparent;-webkit-text-stroke:1px var(--muted)}.pg-websites .ws-mq .w i{width:.2em;height:.2em;border-radius:50%;background:var(--brand)}.pg-websites .ws-live{padding-top:var(--sec)}.pg-websites .sc{position:relative}.pg-websites .sc-pin{padding:32px 0}.pg-websites .sc-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);grid-gap:56px;gap:56px;align-items:center}.pg-websites .sc-meta{display:flex;flex-direction:column;align-items:flex-start}.pg-websites .sc-meta .n{display:inline-flex;align-items:center;gap:12px;color:var(--muted);font-size:var(--fs-small);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pg-websites .sc-meta .st{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-label);font-weight:500;padding:3px 10px;border-radius:999px;border:1px solid color-mix(in oklab,var(--ok) 50%,var(--paper));color:var(--ok)}.pg-websites .sc-meta h3{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-top:14px}.pg-websites .sc-meta .kind{color:var(--brand-ink);font-size:var(--fs-small);font-weight:600;margin-top:8px}.pg-websites .sc-meta p{color:var(--muted);font-size:15.5px;margin-top:14px;max-width:46ch}.pg-websites .sc-meta p.detail{color:var(--ink);margin-top:10px}.pg-websites .sc-meta .links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pg-websites .sc-stage{position:relative;perspective:1800px}.pg-websites .sc-tilt{position:relative}.pg-websites .sc-desk{position:relative;z-index:1;display:block;border-radius:12px;overflow:hidden;border:1px solid var(--border-strong);background:var(--tint);transform-origin:50% 60%}.pg-websites .sc-desk .bar,.pg-websites .sc-phone .bar{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:#10141c;border-bottom:1px solid var(--border)}.pg-websites .sc-desk .bar i{width:8px;height:8px;border-radius:50%;background:#2b313b}.pg-websites .sc-desk .bar .u{display:inline-flex;align-items:center;gap:7px;margin-left:12px;padding:2px 12px;border-radius:999px;background:#1a202a;color:var(--muted);font-size:12px;font-weight:500}.pg-websites .sc-desk .vp{display:block;position:relative;aspect-ratio:16/10;overflow:hidden}.pg-websites .sc .tall{width:100%;height:auto;display:block;will-change:transform}.pg-websites .sc-phone{position:absolute;right:-3%;bottom:-10%;width:20%;padding:6px;border-radius:26px;background:#000;border:1px solid var(--border-strong);z-index:2}.pg-websites .sc-phone .vp{display:block;aspect-ratio:9/19.5;overflow:hidden;border-radius:20px;background:var(--tint)}.pg-websites .sc-prog{position:absolute;left:0;width:70%;bottom:-32px;height:1px;background:var(--border)}.pg-websites .sc-prog i{display:block;height:100%;background:var(--brand-ink);transform:scaleX(0);transform-origin:0 50%}@media (min-width:981px){.pg-websites .sc{height:450vh}.pg-websites .sc-pin{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;align-items:center;padding:80px 0 40px}.pg-websites .sc-stage{width:100%;max-width:860px;justify-self:end}.pg-websites .sc-pin>.wrap{width:100%}}@media (prefers-reduced-motion:reduce){.pg-websites .sc{height:auto}.pg-websites .sc-pin{position:static;height:auto;padding:56px 0}.pg-websites .sc-prog{display:none}}@media (max-width:980px){.pg-websites .sc-pin{padding:36px 0 64px}.pg-websites .sc-grid{grid-template-columns:1fr;gap:28px}.pg-websites .sc-phone{width:28%;right:-1%;bottom:-14%;border-radius:18px;padding:4px}.pg-websites .sc-phone .vp{border-radius:14px}.pg-websites .sc-prog{display:none}.pg-websites .sc-desk .bar{height:28px}}.pg-websites .ws-bench{padding:var(--sec) 0;border-top:1px solid var(--border)}.pg-websites .bench{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.pg-websites .bench>li{display:flex}.pg-websites .bc{display:flex;flex-direction:column;width:100%;padding:22px 22px 20px;border-radius:14px;border:1px solid var(--border);background:var(--tint);transition:border-color .3s ease}.pg-websites .bc:hover{border-color:var(--border-strong)}.pg-websites .bc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;height:36px;margin-bottom:18px}.pg-websites .bc-logo{display:block;height:var(--h,24px);aspect-ratio:var(--ar);max-width:60%;background:color-mix(in oklab,var(--ink) 58%,var(--paper));-webkit-mask:var(--logo) left center /contain no-repeat;mask:var(--logo) left center /contain no-repeat;transition:background-color .3s ease}.pg-websites .bc:hover .bc-logo{background:color-mix(in oklab,var(--ink) 80%,var(--paper))}.pg-websites .bc .st{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-label);font-weight:500;color:var(--muted);white-space:nowrap}.pg-websites .bc .pd{width:7px;height:7px;border-radius:50%;border:1.5px solid var(--brand-ink)}.pg-websites .bc strong{font-size:var(--fs-h3);font-weight:600;letter-spacing:-.02em;line-height:1.2}.pg-websites .bc .kind{margin-top:4px;font-size:var(--fs-small);font-weight:500;color:var(--brand-ink)}.pg-websites .bc .d{margin-top:12px;font-size:15px;line-height:1.55;color:var(--muted)}.pg-websites .bc .go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:var(--fs-small);font-weight:500;color:var(--muted);transition:color .2s ease}.pg-websites .bc .go .arrow{width:14px;height:14px;transition:transform .3s var(--ease-out)}.pg-websites .bc:hover .go{color:var(--ink)}.pg-websites .bc:hover .go .arrow{transform:translateX(3px)}@media (max-width:980px){.pg-websites .bench{grid-template-columns:1fr;gap:12px}.pg-websites .bc{padding:18px 18px 16px}.pg-websites .bc-top{margin-bottom:14px}}.pg-websites .ws-say{padding:120px 0;border-top:1px solid var(--border)}.pg-websites .ws-say p{font-size:var(--fs-statement);line-height:1.3;font-weight:500;letter-spacing:-.02em;max-width:50ch}@media (max-width:760px){.pg-websites .ws-say{padding:64px 0}}.pg-websites .xl{border-top:1px solid var(--border);background:var(--tint);overflow:hidden}.pg-websites .xl-pin{min-height:100vh;display:flex;align-items:center;padding:80px 0}.pg-websites .xl-pin>.wrap{width:100%}.pg-websites .xl-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);grid-gap:48px;gap:48px;align-items:center}.pg-websites .xl-copy h2{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-top:14px}.pg-websites .xl-list{list-style:none;padding:0;margin:26px 0 0;max-width:52ch}.pg-websites .xl-list li{display:grid;grid-template-columns:30px 1fr;grid-gap:10px;gap:10px;padding:11px 0;border-top:1px solid var(--border);transition:opacity .4s ease}.pg-websites .xl-list li .n{color:var(--muted);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--fs-label);padding-top:3px;transition:color .3s ease}.pg-websites .xl-list li b{display:block;font-size:16px;font-weight:600}.pg-websites .xl-list li .d{display:block;color:var(--muted);font-size:var(--fs-small);margin-top:2px;transition:color .3s ease}@media (min-width:981px) and (prefers-reduced-motion:no-preference){html.js .pg-websites .xl-list li b{color:var(--muted);transition:color .3s ease}html.js .pg-websites .xl-list li.on b{color:var(--ink)}html.js .pg-websites .xl-list li.on .d{color:color-mix(in oklab,var(--ink) 82%,var(--paper))}html.js .pg-websites .xl-list li.on .n{color:var(--brand-ink)}}.pg-websites .xl-scene{width:min(100%,620px);margin:0 auto;container-type:inline-size}.pg-websites .xl-box{position:relative;perspective:2400px;padding:0 0 8cqw}.pg-websites .xl-stack{margin-top:calc(28px + 4cqw);position:relative;width:100%;aspect-ratio:16/10;transform-style:preserve-3d;transform:translateY(-20px) rotateX(52deg) rotate(-28deg) scale(.7)}.pg-websites .xl-layer{position:absolute;inset:0;border-radius:1.6cqw;transform:translateZ(calc((var(--i) - 2) * 100px))}.pg-websites .xl-layer.l0{--i:0;background:var(--paper);border:1px solid var(--border-strong)}.pg-websites .xl-layer.l1{--i:1}.pg-websites .xl-layer.l2{--i:2}.pg-websites .xl-layer.l3{--i:3}.pg-websites .xl-layer.l4{--i:4}.pg-websites .xl-layer .edge{position:absolute;inset:0;border-radius:inherit;border:1px solid color-mix(in oklab,var(--brand-ink) 34%,transparent);background:color-mix(in oklab,var(--brand-ink) 3%,transparent);pointer-events:none}.pg-websites .xl-layer.l0 .edge{display:none}.pg-websites .xl-layer .tag{position:absolute;left:0;bottom:100%;margin-bottom:1cqw;font-size:max(12px,1.9cqw);font-weight:600;color:var(--brand-ink);white-space:nowrap}.pg-websites .xl-layer.l1 .tag,.pg-websites .xl-layer.l3 .tag{left:auto;right:0}.pg-websites .l0 .cols{position:absolute;inset:0 6%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1.2cqw;gap:1.2cqw}.pg-websites .l0 .cols i{background:color-mix(in oklab,var(--brand-ink) 8%,transparent);border-inline:1px solid color-mix(in oklab,var(--brand-ink) 26%,transparent)}.pg-websites .l0 .rows{position:absolute;inset:0;display:grid;grid-template-rows:repeat(9,1fr)}.pg-websites .l0 .rows i{border-top:1px dashed color-mix(in oklab,var(--ink) 9%,transparent)}.pg-websites .l0 .rows i:first-child{border-top:0}.pg-websites .l1 .pic{position:absolute;left:54%;top:19%;width:40%;height:52%;border-radius:1.2cqw;overflow:hidden}.pg-websites .l1 .pic svg{width:100%;height:100%}.pg-websites .l1 .thumbs{position:absolute;left:6%;right:6%;top:78%;height:14%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2cqw;gap:2cqw}.pg-websites .l1 .thumbs i{background:var(--soft);border:1px solid var(--border);border-radius:1cqw}.pg-websites .l2 .nav{position:absolute;left:6%;right:6%;top:6%;display:flex;align-items:center;gap:3cqw;font-size:1.7cqw;color:var(--muted)}.pg-websites .l2 .nav b{margin-right:auto;color:var(--ink)}.pg-websites .l2 .h{position:absolute;left:6%;top:20%;width:46%;font-size:5cqw;font-weight:600;letter-spacing:-.045em;line-height:.98}.pg-websites .l2 .p{position:absolute;left:6%;top:46%;width:40%;font-size:1.8cqw;color:var(--muted);line-height:1.45}.pg-websites .l2 .ttl{position:absolute;left:6%;right:6%;top:82%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2cqw;gap:2cqw;font-size:1.7cqw;font-weight:600}.pg-websites .l2 .ttl span{padding:0 1.6cqw}.pg-websites .l3 .btns{position:absolute;left:6%;top:62%;display:flex;gap:1.2cqw;font-size:1.6cqw;font-weight:600}.pg-websites .l3 .btns span{padding:.9cqw 2cqw;border-radius:999px}.pg-websites .l3 .btns .a{background:var(--brand);color:#fff}.pg-websites .l3 .btns .b{border:1px solid var(--border-strong)}.pg-websites .l3 .curve{position:absolute;left:38%;top:9%;width:13%;overflow:visible}.pg-websites .l3 .curve path{fill:none;stroke:var(--brand-ink);stroke-width:2;stroke-dasharray:4 4}.pg-websites .l3 .cur{position:absolute;left:19%;top:67%;width:3.4cqw}.pg-websites .l3 .cur path{fill:var(--ink);stroke:var(--paper);stroke-width:1}.pg-websites .l3 .toast{position:absolute;right:9%;top:62%;display:flex;align-items:center;gap:1.4cqw;padding:1.2cqw 1.8cqw;border-radius:1.2cqw;background:var(--paper);border:1px solid var(--border-strong);font-size:1.5cqw;color:var(--muted)}.pg-websites .l3 .toast b{display:block;color:var(--ink)}.pg-websites .l4 .code{position:absolute;left:8%;top:12%;width:52%;display:grid;grid-gap:.4cqw;gap:.4cqw;padding:2cqw;border-radius:1.2cqw;background:color-mix(in oklab,var(--paper) 90%,transparent);border:1px solid color-mix(in oklab,var(--brand-ink) 45%,transparent);font-size:1.6cqw;color:var(--brand-ink);white-space:nowrap}.pg-websites .l4 .code .fn{color:var(--muted);font-size:1.3cqw;font-weight:600;margin-bottom:.6cqw}.pg-websites .l4 .code.sm{left:auto;right:6%;top:56%;width:38%}@media (max-width:980px){.pg-websites .xl-pin{min-height:0;padding:60px 0}.pg-websites .xl-grid{grid-template-columns:1fr;gap:24px}.pg-websites .xl-layer{transform:translateZ(calc((var(--i) - 2) * 54px))}.pg-websites .xl-box{padding-top:10cqw}.pg-websites .xl-layer .edge{position:absolute;inset:0;border-radius:inherit;border:1px solid color-mix(in oklab,var(--brand-ink) 34%,transparent);background:color-mix(in oklab,var(--brand-ink) 3%,transparent);pointer-events:none}.pg-websites .xl-layer.l0 .edge{display:none}.pg-websites .xl-layer .tag{font-size:max(12px,2.6cqw)}}.pg-websites .ws-parts{padding:var(--sec) 0;border-top:1px solid var(--border)}.pg-websites .parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.pg-websites .pt{display:flex;flex-direction:column;gap:18px;padding:16px 16px 22px;border-radius:14px;background:var(--tint);border:1px solid var(--border)}.pg-websites .pt .vis{position:relative;height:176px;border-radius:10px;background:var(--paper);border:1px solid var(--border);overflow:hidden}.pg-websites .pt .txt{padding:0 6px}.pg-websites .pt .n{color:var(--brand-ink);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--fs-label)}.pg-websites .pt h3{font-size:var(--fs-h3);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-top:6px}.pg-websites .pt p{color:var(--muted);margin-top:8px;font-size:15px}@media (max-width:1100px){.pg-websites .parts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.pg-websites .parts{grid-template-columns:1fr;gap:12px}.pg-websites .pt .vis{height:168px}}.pg-websites .wp{position:absolute;inset:0;padding:16px;font-size:12.5px}.pg-websites .wp b,.pg-websites .wp i{display:block}.pg-websites .wp-design{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:16px;gap:16px;align-items:center}.pg-websites .wp-design .aa{display:block;font-size:var(--fs-figure);font-weight:600;letter-spacing:-.05em;line-height:1}.pg-websites .wp-design .sw{display:flex;gap:6px;margin-top:14px}.pg-websites .wp-design .sw i{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-strong);animation:ws-pop 4s var(--ease-out) infinite;animation-delay:calc(var(--n) * .15s)}.pg-websites .wp-design .sw .ink{background:var(--ink)}.pg-websites .wp-design .sw .paper{background:var(--paper)}.pg-websites .wp-design .sw .brand{background:var(--brand)}.pg-websites .wp-design .sw .soft{background:var(--soft)}.pg-websites .wp-design .lay{position:relative;height:100%;border:1px solid var(--border);border-radius:10px;padding:14px;display:grid;grid-gap:8px;gap:8px;align-content:start;overflow:hidden}.pg-websites .wp-design .cols{position:absolute;inset:0 10px;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px}.pg-websites .wp-design .cols i{background:color-mix(in oklab,var(--brand-ink) 9%,transparent);transform-origin:50% 0;animation:ws-grow 4s var(--ease-out) infinite;animation-delay:calc(var(--n) * .06s)}.pg-websites .wp-design .lay b{position:relative;height:12px;border-radius:4px;background:var(--ink);transform-origin:0 50%;animation:ws-build 4s var(--ease-out) infinite .4s}.pg-websites .wp-design .lay b+b{opacity:.5;animation-delay:.55s}.pg-websites .wp-design .blk{position:relative;display:block;height:44px;margin-top:6px;border-radius:6px;background:color-mix(in oklab,var(--brand-ink) 22%,var(--paper));transform-origin:50% 100%;animation:ws-grow 4s var(--ease-out) infinite .7s}.pg-websites .wp-motion .pg{position:absolute;inset:16px;border:1px solid var(--border);border-radius:10px;padding:18px;display:grid;grid-gap:10px;gap:10px;align-content:start}.pg-websites .wp-motion .pg b{height:20px;width:60%;border-radius:6px;background:var(--ink)}.pg-websites .wp-motion .pg i{height:8px;width:80%;border-radius:4px;background:var(--border-strong)}.pg-websites .wp-motion .pg i+i{width:52%}.pg-websites .wp-motion .cover{position:absolute;inset:16px;display:grid;grid-template-columns:repeat(6,1fr);border-radius:10px;overflow:hidden}.pg-websites .wp-motion .cover i{background:color-mix(in oklab,var(--brand-ink) 6%,var(--paper));border-right:1px solid color-mix(in oklab,var(--brand-ink) 30%,var(--paper));margin-right:-1px;transform:scaleY(0);animation:ws-cover 3.6s var(--ease-out) infinite;animation-delay:calc(var(--n) * .06s)}.pg-websites .wp-motion .tag{position:absolute;right:26px;bottom:26px;font-size:12px;font-weight:500;padding:3px 10px;border-radius:999px;background:var(--paper);border:1px solid var(--border-strong)}.pg-websites .wp-search{display:grid;grid-gap:8px;gap:8px;align-content:center}.pg-websites .wp-search .file{border:1px solid color-mix(in oklab,var(--brand-ink) 34%,transparent);border-radius:8px;padding:8px 12px}.pg-websites .wp-search .fn{display:block;color:var(--muted);font-weight:600;font-size:12px;margin-bottom:4px}.pg-websites .wp-search code{display:grid;font-family:inherit;color:var(--brand-ink);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pg-websites .wp-search code span{white-space:nowrap;animation:ws-line 4.4s ease infinite;animation-delay:calc(var(--n) * .22s)}.pg-websites .wp-book{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:18px;gap:18px;align-items:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pg-websites .wp-book .mo{display:block;font-size:12.5px;font-weight:600;margin-bottom:8px}.pg-websites .wp-book .grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:3px 2px;gap:3px 2px;text-align:center}.pg-websites .wp-book .wd{font-size:12px;font-weight:500;color:var(--muted);line-height:20px}.pg-websites .wp-book .dt{justify-self:center;width:21px;font-size:12px;font-weight:500;line-height:22px;border-radius:999px}.pg-websites .wp-book .dt.off{color:color-mix(in oklab,var(--ink) 34%,var(--paper))}.pg-websites .wp-book .dt.pick{animation:ws-pick 4s ease infinite}.pg-websites .wp-book .log{list-style:none;padding:0;margin:0;border-top:1px solid var(--border)}.pg-websites .wp-book .log li{display:grid;grid-template-columns:36px 1fr;grid-gap:8px;gap:8px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--border);font-size:12.5px;animation:ws-step 4s ease infinite}.pg-websites .wp-book .log .tm{font-size:12px;font-weight:500;color:var(--muted)}.pg-websites .wp-book .log .tx{font-weight:500;min-width:0;overflow-wrap:anywhere}.pg-websites .wp-book .s2{animation-delay:.5s}.pg-websites .wp-book .s3{animation-delay:1s}@media (max-width:680px){.pg-websites .wp-book{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.pg-websites .wp-book .grid{gap:3px 0}}.pg-websites .wp-content{display:grid;grid-gap:6px;gap:6px;align-content:center}.pg-websites .wp-content .row{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;border:1px solid var(--border);border-radius:8px;animation:ws-edit 6s ease infinite;animation-delay:calc(var(--n) * 1.5s)}.pg-websites .wp-content .row b{font-weight:500}.pg-websites .wp-content .row span{font-size:12px;font-weight:500;color:var(--brand-ink)}.pg-websites .wp-content .caret{display:none}.pg-websites .wp-conn{display:grid;grid-template-columns:1fr 40px 1.2fr;align-items:center}.pg-websites .wp-conn .form{display:grid;grid-gap:5px;gap:5px;padding:10px;border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--muted)}.pg-websites .wp-conn .form i{height:14px;border-radius:4px;background:var(--soft);border:1px solid var(--border)}.pg-websites .wp-conn .form .tall{height:24px}.pg-websites .wp-conn .form em{font-style:normal;justify-self:start;margin-top:4px;padding:2px 10px;border-radius:999px;background:var(--brand);color:#fff;font-weight:600}.pg-websites .wp-conn .wire{position:relative;height:1px;background:var(--border-strong)}.pg-websites .wp-conn .wire i{position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:var(--brand-ink);animation:ws-wire 3.2s ease-in-out infinite}.pg-websites .wp-conn .dash{display:grid;grid-gap:6px;gap:6px;padding:10px;border:1px solid var(--border);border-radius:8px}.pg-websites .wp-conn .dash .hd{font-weight:600}.pg-websites .wp-conn .dash>div{height:18px;border-radius:6px;background:var(--soft)}.pg-websites .wp-conn .dash .new{height:auto;padding:5px 8px;font-size:12px;border:1px solid var(--brand-ink);background:var(--brand-tint);animation:ws-new 3.2s ease infinite}@keyframes ws-pop{0%,8%{transform:scale(0)}22%,88%{transform:scale(1)}to{transform:scale(0)}}@keyframes ws-grow{0%,6%{transform:scaleY(0)}26%,88%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes ws-build{0%,10%{transform:scaleX(0)}30%,88%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes ws-cover{0%{transform:scaleY(0);transform-origin:50% 100%}30%{transform:scaleY(1);transform-origin:50% 100%}31%{transform-origin:50% 0}60%,to{transform:scaleY(0);transform-origin:50% 0}}@keyframes ws-line{0%,6%{opacity:.15}20%,88%{opacity:1}to{opacity:.15}}@keyframes ws-pick{0%,20%{background:transparent;color:var(--ink)}30%,90%{background:var(--brand);color:#fff}to{background:transparent;color:var(--ink)}}@keyframes ws-step{0%,30%{opacity:.35}45%,90%{opacity:1}to{opacity:.35}}@keyframes ws-edit{0%,4%{border-color:var(--border)}10%,22%{border-color:var(--brand-ink)}28%,to{border-color:var(--border)}}@keyframes ws-wire{0%{left:0;opacity:0}15%{opacity:1}55%{left:calc(100% - 7px);opacity:1}65%,to{left:calc(100% - 7px);opacity:0}}@keyframes ws-new{0%,50%{opacity:0;transform:translateY(-6px)}62%,92%{opacity:1;transform:none}to{opacity:0}}.pg-websites .ws-steps{padding:var(--sec) 0;border-top:1px solid var(--border)}.pg-websites .steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:24px;gap:24px}.pg-websites .steps li{position:relative;padding-top:20px}.pg-websites .steps .rail{position:absolute;left:0;right:0;top:0;height:1px;background:var(--brand-ink)}.pg-websites .steps .big{display:block;font-size:var(--fs-small);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--brand-ink)}.pg-websites .steps h3{font-size:var(--fs-h3);font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-top:10px}.pg-websites .steps p{color:var(--muted);margin-top:8px;font-size:15px}.pg-websites .steps .pv{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:3px 11px;border-radius:999px;border:1px solid var(--border-strong);font-size:var(--fs-label);color:var(--muted)}@media (max-width:980px){.pg-websites .steps{grid-template-columns:1fr 1fr;gap:32px 20px}}@media (max-width:600px){.pg-websites .steps{grid-template-columns:1fr}}.pg-websites .ws-faq{padding:var(--sec) 0;border-top:1px solid var(--border)}.pg-websites .ws-faq .faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-gap:48px;gap:48px}.pg-websites .ws-faq .fh h2{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-top:14px}.pg-websites .ws-faq .intro{color:var(--muted);font-size:15.5px;margin-top:14px}.pg-websites .ws-faq details{border-top:1px solid var(--border)}.pg-websites .ws-faq details:last-child{border-bottom:1px solid var(--border)}.pg-websites .ws-faq summary{position:relative;list-style:none;cursor:pointer;padding:17px 40px 17px 0;font-size:17px;font-weight:600;letter-spacing:-.01em}.pg-websites .ws-faq summary::-webkit-details-marker{display:none}.pg-websites .ws-faq summary:after,.pg-websites .ws-faq summary:before{content:"";position:absolute;right:8px;top:50%;width:13px;height:1.5px;background:var(--brand-ink);transition:transform .4s var(--ease-out)}.pg-websites .ws-faq summary:after{transform:rotate(90deg)}.pg-websites .ws-faq details[open] summary:after{transform:rotate(0deg)}.pg-websites .ws-faq details p{color:var(--muted);font-size:15.5px;padding:0 40px 20px 0;max-width:64ch}@media (max-width:980px){.pg-websites .ws-faq .faq{grid-template-columns:1fr;gap:28px}.pg-websites .ws-faq summary{font-size:16px}}.pg-websites .ws-end{padding:var(--sec) 0;border-top:1px solid var(--border);overflow:hidden}.pg-websites .end-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-gap:48px;gap:48px;align-items:center}.pg-websites .end-copy h2{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-top:14px;max-width:22ch}.pg-websites .end-copy .lead{margin-top:16px;max-width:52ch}.pg-websites .end-copy .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.pg-websites .end-stage{position:relative;aspect-ratio:1;width:100%;max-width:400px;justify-self:center;display:grid;place-items:center}.pg-websites .end-flat{width:46%;height:auto;transition:opacity .8s ease}.pg-websites .end-stage.is-live .end-flat{opacity:0}@media (max-width:980px){.pg-websites .end-grid{grid-template-columns:1fr;gap:8px}.pg-websites .end-stage{order:-1;max-width:260px}.pg-websites .end-copy .ctas .btn{flex:1 1 100%}}