@layer theme,base;@layer components{.pg-build{--device:#1a1a1a;--chrome:var(--paper);--chrome-2:var(--offwhite);--chrome-line:#1a1a1a1f;--chrome-dot:#1a1a1a38;--chrome-text:var(--ink-2)}.pg-build .t-purple,.pg-build .t-deep{--shade:#16003080}.pg-build .t-light{--shade:#3b007b29}.pg-build .b-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:32px clamp(32px,4vw,72px);padding-block:clamp(24px,3vw,48px) clamp(48px,5vw,80px);display:grid}.pg-build .b-hero-text{justify-items:start;display:grid}.pg-build .b-hero .label{margin-bottom:16px}.pg-build .b-hero .lead{margin-top:clamp(16px,1.6vw,22px)}.pg-build .b-hero .ctas{margin-top:clamp(22px,2.4vw,32px)}.pg-build .reel{min-width:0;margin:0}.pg-build .reel-stage{background:var(--panel);height:clamp(380px,36vw,560px);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px 14px 0 0;padding:clamp(22px,2.6vw,40px) clamp(22px,2.6vw,40px) 0;padding-inline-start:clamp(84px,9vw,150px);position:relative;overflow:hidden}.pg-build .browser{background:var(--chrome-2);height:100%;box-shadow:0 30px 60px -30px var(--shade), 0 0 0 1px var(--line);border-radius:10px 10px 0 0;position:relative;overflow:hidden}.pg-build .browser-bar{background:var(--chrome);border-bottom:1px solid var(--chrome-line);direction:ltr;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex;position:relative}.pg-build .browser-bar i{background:var(--chrome-dot);border-radius:50%;width:9px;height:9px}.pg-build .browser-url{background:var(--chrome-2);min-width:170px;color:var(--chrome-text);font:500 12px/1 var(--f);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:5px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pg-build .browser-url svg{width:11px;height:11px}.pg-build .browser-view{background:var(--chrome-2);position:absolute;inset:34px 0 0;overflow:hidden}.pg-build .phone{inset-inline-start:clamp(16px,2vw,34px);z-index:3;background:var(--device);width:clamp(132px,12vw,192px);box-shadow:0 30px 50px -18px var(--shade), 0 0 0 1px var(--line-2);border-radius:32px;padding:6px;position:absolute;bottom:-46px}.pg-build .phone-scr{aspect-ratio:9/19;background:var(--chrome-2);border-radius:26px;position:relative;overflow:hidden}.pg-build .shot{position:absolute;inset:0;overflow:hidden}.pg-build .shot img{will-change:transform;width:100%;max-width:none;height:auto}.pg-build .reel-cap{z-index:4;border-top:1px solid var(--line);background:var(--bg);align-items:center;gap:14px 18px;padding:14px 0 0;display:flex;position:relative}.pg-build .reel-meta{min-width:0;color:var(--text-2);flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:14px;display:flex}.pg-build .reel-meta b{color:var(--text);font-size:17px;font-weight:700}.pg-build .segs{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;min-width:110px;max-width:280px;margin-inline-start:auto;display:grid}.pg-build .seg{background:var(--line-2);cursor:pointer;border:0;border-radius:3px;height:3px;padding:0;position:relative;overflow:hidden}.pg-build .seg:before{content:"";position:absolute;inset:-14px 0}.pg-build .seg b{background:var(--mint);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}html[dir=rtl] .pg-build .seg b{transform-origin:100%}.pg-build .seg.done b{transform:scaleX(1)}.pg-build .reel-ctl{gap:8px;display:flex}html[dir=rtl] .pg-build [data-reel-prev] svg,html[dir=rtl] .pg-build [data-reel-next] svg{transform:scaleX(-1)}.pg-build .ctl[hidden]{display:none}.pg-build .chat{margin:clamp(8px,1.6vw,20px) 0 0}.pg-build .chat-win{background:var(--panel);max-width:420px;box-shadow:inset 0 0 0 1px var(--line), 0 30px 60px -36px var(--shade);border-radius:14px;overflow:hidden}.pg-build .chat-top{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 16px;display:flex}.pg-build .chat-av{background:var(--mint);width:34px;height:34px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.pg-build .chat-av svg{width:18px;height:18px}.pg-build .chat-top b{font-size:15px;line-height:1.2;display:block}.pg-build .chat-top span{color:var(--text-3);font-size:13px}.pg-build .chat-log{gap:10px;padding:16px;display:grid}.pg-build .msg{border-radius:16px;max-width:84%;padding:9px 13px;font-size:14.5px;line-height:1.45}.pg-build .msg.bot{background:var(--panel-2);color:var(--text);border-end-start-radius:4px;justify-self:start}.pg-build .msg.me{background:var(--mint);color:var(--ink);border-end-end-radius:4px;justify-self:end}.pg-build .msg.chips{flex-wrap:wrap;gap:6px;max-width:100%;padding:0;display:flex}.pg-build .msg.chips span{color:var(--text-2);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;padding:6px 12px;font-size:13px}.pg-build .chat .cap{margin-top:10px}.pg-build .b-what-in{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,6vw,120px);display:grid}.pg-build .b-what-head{gap:22px;display:grid;position:sticky;top:118px}.pg-build .b-what-head .label{margin:0}.pg-build .b-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.pg-build .b-list li{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1fr);gap:20px;padding-block:clamp(26px,2.8vw,40px);display:grid}.pg-build .b-list .n{color:var(--mint);letter-spacing:.06em;padding-top:6px;font-size:15px;font-weight:700}.pg-build .b-list li>div{justify-items:start;gap:10px;display:grid}.pg-build .b-list .arrow-link{margin-top:2px}.pg-build .stairs{--rise:clamp(70px, 8vw, 128px);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(calc(var(--rise) * 3 + 24px), auto) auto;column-gap:0;display:grid}.pg-build .st-head{padding-inline-end:clamp(16px,2vw,32px);padding-bottom:calc(var(--rise) + 40px);grid-area:1/1/auto/span 2;align-self:start;gap:20px;display:grid}.pg-build .st-head .label{margin:0}.pg-build .st-list{list-style:none;display:contents}.pg-build .st{grid-row:2;grid-column:calc(var(--i) + 1);margin-top:calc(var(--rise) * var(--i) * -1);border-top:2px solid var(--text-3);align-content:start;gap:12px;padding:24px clamp(16px,2vw,28px) 8px;padding-inline-start:0;display:grid;position:relative}.pg-build .st+.st{padding-inline-start:clamp(16px,1.6vw,24px)}.pg-build .st+.st:before{content:"";inset-inline-start:0;width:2px;height:calc(var(--rise) + 2px);background:var(--text-3);position:absolute;top:-2px}.pg-build .st:last-child{border-top-color:var(--mint)}.pg-build .st:last-child:before{background:var(--mint)}.pg-build .st .n{color:var(--mint);letter-spacing:.06em;font-size:15px;font-weight:700}.pg-build .st p{color:var(--text-2);max-width:34ch;margin:0}.pg-build .run-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pg-build .run-grid li{align-content:start;gap:14px;padding:26px clamp(16px,1.6vw,24px) 6px;padding-inline-start:0;display:grid}.pg-build .run-grid li+li{border-inline-start:1px solid var(--line);padding-inline-start:clamp(16px,1.6vw,24px)}.pg-build .run-grid svg{width:22px;height:22px;color:var(--mint)}.pg-build .run-grid li>div{gap:8px;display:grid}.pg-build .run-grid .h3{font-size:clamp(20px,1.5vw,24px)}.pg-build .run-grid p{color:var(--text-2);margin:0}.pg-build .b-plans a.plan:focus-visible{outline-offset:-6px;border-radius:10px}.pg-build .b-plans .plan .pr{font-size:clamp(34px,3vw,52px)}.pg-build .b-plans .stack{justify-items:start}@media (max-width:1080px){.pg-build .b-hero{grid-template-columns:minmax(0,1fr)}.pg-build .b-hero-text{max-width:640px}.pg-build .b-what-in{grid-template-columns:minmax(0,1fr)}.pg-build .b-what-head{position:static}.pg-build .stairs{--rise:56px}.pg-build .st-head{grid-column:1/-1}.pg-build .stairs{grid-template-rows:auto auto}.pg-build .st-head{padding-bottom:calc(var(--rise) * 3 + 32px)}.pg-build .run-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-build .run-grid li:nth-child(3){border-inline-start:0;padding-inline-start:0}.pg-build .run-grid li:nth-child(n+3){border-top:1px solid var(--line);margin-top:20px}}@media (max-width:760px){.pg-build .stairs{display:block}.pg-build .st-head{padding:0 0 28px}.pg-build .st-list{margin:0;padding:0;display:block}.pg-build .st,.pg-build .st+.st{margin:0;border-top:0;border-inline-start:2px solid var(--text-3);margin-inline-start:calc(var(--i) * 18px);padding:20px 0 22px;padding-inline-start:18px}.pg-build .st+.st:before{display:none}.pg-build .st:last-child{border-inline-start-color:var(--mint)}}@media (max-width:640px){.pg-build .b-hero{gap:28px;padding-block:16px 48px}.pg-build .reel{margin-inline:calc(var(--gutter) * -1)}.pg-build .reel-stage{border-radius:0;height:330px;padding:18px 14px 0;padding-inline-start:76px}.pg-build .phone{inset-inline-start:12px;border-radius:24px;width:116px;padding:5px;bottom:-34px}.pg-build .phone-scr{border-radius:19px}.pg-build .browser-url{min-width:0;padding-inline:10px}.pg-build .reel-cap{padding:14px var(--gutter) 0;flex-wrap:wrap}.pg-build .segs{flex-basis:100%;order:3;max-width:none;margin:4px 0 0}.pg-build .reel-ctl{margin-inline-start:auto}.pg-build .chat-win{max-width:none}.pg-build .b-list li{grid-template-columns:44px minmax(0,1fr);gap:12px}.pg-build .run-grid{grid-template-columns:minmax(0,1fr)}.pg-build .run-grid li,.pg-build .run-grid li+li{border-inline-start:0;border-top:1px solid var(--line);margin-top:0;padding-block:22px;padding-inline:0}.pg-build .run-grid li:first-child{border-top:0}}}@layer utilities;