.ps-head{display:grid;grid-template-columns:1.2fr .8fr;gap:24px 64px;align-items:end;margin-bottom:clamp(32px,4vw,56px)}.ps-head h2{margin:0;font-size:var(--step-h2);line-height:1.02;letter-spacing:-.045em}.ps-head p{margin:0;font-size:17px;line-height:1.6;opacity:.85}.ps-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}.ps-sticky{position:sticky;top:112px}.ps-steps{list-style:none;margin:0;padding:0}.ps-step{min-height:62vh;padding-block:8vh;opacity:.8;transition:opacity .3s var(--ease-out)}.ps-step:first-child{padding-top:0}.ps-step.is-current{opacity:1}.ps-step.is-current .ps-num{background:var(--ink);color:#fff}.ps-step{--ps-num: 34px;--ps-num-gap: 16px;padding-left:calc(var(--ps-num) + var(--ps-num-gap))}.ps-step h3{--ps-title: clamp(22px, 2vw, 28px);position:relative;margin:0 0 12px;font-size:var(--ps-title);line-height:1.15;letter-spacing:-.03em}.ps-num{position:absolute;left:calc(-1 * (var(--ps-num) + var(--ps-num-gap)));top:calc(var(--ps-title) * 1.15 / 2 - var(--ps-num) / 2);display:grid;place-items:center;width:var(--ps-num);height:var(--ps-num);letter-spacing:0;border:2px solid var(--ink);border-radius:50%;font-size:15px;font-variant-numeric:tabular-nums}.ps-step p{margin:0 0 12px;font-size:17px;line-height:1.7}.ps-measure{font-weight:600}.ps-stage{position:relative;aspect-ratio:16 / 11;border:1px solid rgba(33,33,33,.12);border-radius:20px;overflow:hidden;background:#fff radial-gradient(rgba(33,33,33,.09) 1px,transparent 1.2px) 0 0 / 16px 16px;box-shadow:0 30px 70px #0a284638,0 2px 6px #0a284614}.ps-stage *{position:absolute;transition-property:opacity,transform,top,left,width,height,clip-path,background-color,border-color,box-shadow,stroke-dashoffset,color;transition-duration:.6s;transition-timing-function:cubic-bezier(.3,.1,.2,1)}.ps-stage svg,.ps-stage svg *{position:static}.ps-label{top:3%;font-size:12px;font-weight:700;opacity:0}.ps-label-google{left:54%}.ps-label-ai{left:54%;top:50%}.ps-robot{left:5%;top:44%;width:11%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--ink)}.ps-robot svg{width:58%;height:58%;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round}.ps-link{left:16%;top:51%;width:20%;height:0;border-top:2px dashed var(--ink);transform:scaleX(0);transform-origin:left}.ps-page{left:37%;top:18%;width:26%;height:62%;border:2px solid var(--ink);border-radius:10px;background:#fff;box-shadow:0 12px 28px #0a284624}.ps-url{left:8%;top:5%;font-size:10px;font-weight:600;opacity:.7}.ps-sk{left:8%;right:8%;border-radius:4px;background:var(--ink);opacity:.12}.ps-sk-title{top:16%;height:8%;right:30%}.ps-sk-img{top:30%;height:26%;background:var(--accent-dark)}.ps-sk-line{top:62%;height:5%}.ps-sk-line.ps-short{top:72%;right:40%}.ps-sk-line:last-child{top:82%}.ps-ghost{left:8%;top:15%;width:23%;height:58%;border:2px solid var(--ink);border-radius:10px;background:var(--accent-tint);opacity:0}.ps-ghost-2{left:10%;top:12%}.ps-chip{padding:3px 9px;border:2px solid var(--ink);border-radius:999px;background:#fff;font-size:11px;font-weight:600;opacity:0;transform:scale(.6)}.ps-chip-1{left:33%;top:20%}.ps-chip-2{left:36%;top:45%}.ps-chip-3{left:33%;top:70%}.ps-serp,.ps-ai{left:54%;width:42%;height:40%;border:2px solid var(--ink);border-radius:10px;background:#fff;opacity:0;transform:translate(12%);box-shadow:0 12px 28px #0a284624}.ps-serp{top:9%}.ps-ai{top:56%}.ps-row{left:7%;right:7%;height:13%;top:calc(7% + var(--i) * 18%);border-radius:6px;opacity:.3;background:radial-gradient(circle,var(--ink) 55%,transparent 60%) 0 50% / 9px 9px no-repeat,linear-gradient(var(--ink),var(--ink)) 16px 30% / 58% 3px no-repeat,linear-gradient(var(--accent),var(--accent)) 16px 72% / 34% 2px no-repeat}.ps-you{--i: 4;display:flex;align-items:center;gap:4px;padding-left:4%;background:var(--accent-fill);opacity:1;font-size:10px;font-weight:500;color:var(--ink);z-index:1;white-space:nowrap}.ps-you b{position:static;font-weight:700}.ps-q{left:7%;top:8%;padding:3px 8px;border-radius:8px 8px 8px 2px;background:var(--alt);font-size:10px;font-weight:600}.ps-fan{top:29%;height:11%;width:25%;display:grid;place-items:center;border-radius:999px;border:1.5px solid var(--ink);font-size:9px;font-weight:600;white-space:nowrap;opacity:0}.ps-fan-1{left:7%}.ps-fan-2{left:37%}.ps-fan-3{left:67%}.ps-ans{left:7%;right:4%;top:50%;font-size:10px;line-height:1.3;white-space:nowrap;color:var(--ink);opacity:0;clip-path:inset(0 100% 0 0)}.ps-ans-2{top:63%}.ps-cite{left:7%;top:79%;padding:2px 8px;border-radius:6px;background:var(--accent-fill);font-size:10px;font-weight:700;opacity:0}.ps-stage[data-stage="1"] .ps-link{transform:scaleX(1)}.ps-stage[data-stage="1"] .ps-robot{left:25%}.ps-stage[data-stage="2"] .ps-robot,.ps-stage[data-stage="3"] .ps-robot,.ps-stage[data-stage="4"] .ps-robot,.ps-stage[data-stage="5"] .ps-robot,.ps-stage[data-stage=all] .ps-robot{opacity:0;transform:scale(.4)}.ps-stage:is([data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage=all]) .ps-sk{opacity:.7}.ps-stage:is([data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage=all]) .ps-sk-img{opacity:.9}.ps-stage[data-stage="2"] .ps-sk-title{transition-delay:.1s}.ps-stage[data-stage="2"] .ps-sk-img{transition-delay:.25s}.ps-stage[data-stage="2"] .ps-sk-line{transition-delay:.4s}.ps-stage:is([data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage=all]) .ps-page{left:6%;top:18%;width:23%;height:58%;background:#fff}.ps-stage:is([data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage=all]) .ps-ghost{opacity:1}.ps-stage:is([data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage=all]) .ps-chip{opacity:1;transform:none}.ps-stage[data-stage="3"] .ps-chip-2{transition-delay:.15s}.ps-stage[data-stage="3"] .ps-chip-3{transition-delay:.3s}.ps-stage:is([data-stage="4"],[data-stage="5"],[data-stage=all]) :is(.ps-serp,.ps-label-google){opacity:1;transform:none}.ps-stage:is([data-stage="4"],[data-stage="5"],[data-stage=all]) .ps-you{--i: 1}.ps-stage[data-stage="4"] .ps-you{transition:top 1.1s .5s cubic-bezier(.3,.1,.2,1)}.ps-stage:is([data-stage="5"],[data-stage=all]) :is(.ps-ai,.ps-label-ai){opacity:1;transform:none}.ps-stage:is([data-stage="5"],[data-stage=all]) .ps-fan{opacity:.8}.ps-stage:is([data-stage="5"],[data-stage=all]) .ps-ans{opacity:1;clip-path:inset(0 0 0 0)}.ps-stage:is([data-stage="5"],[data-stage=all]) .ps-cite{opacity:1}.ps-stage[data-stage="5"] .ps-fan-1{transition-delay:.3s}.ps-stage[data-stage="5"] .ps-fan-2{transition-delay:.45s}.ps-stage[data-stage="5"] .ps-fan-3{transition-delay:.6s}.ps-stage[data-stage="5"] .ps-page{box-shadow:0 0 0 4px var(--accent-fill)}.ps-layout:has(.ps-stage[data-stage=all]) .ps-step{opacity:1}@media(min-width:901px){.ps-sticky{--ps-header: 88px;top:0;height:100vh;padding-top:var(--ps-header);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.ps-step{--ps-step-h: clamp(360px, 50vh, 480px);min-height:var(--ps-step-h);padding-block:0;display:flex;flex-direction:column;justify-content:center}.ps-steps{--ps-mid: calc(50vh + var(--ps-header, 88px) / 2);padding-top:calc(var(--ps-mid) - clamp(180px,25vh,240px));padding-bottom:calc(100vh - var(--ps-mid) - clamp(180px,25vh,240px) + var(--ps-header, 88px))}}@media(max-width:900px){.ps-head{grid-template-columns:1fr}.ps-layout{grid-template-columns:1fr;gap:0}.ps-sticky{top:64px;z-index:2;padding:12px 0 16px;background:var(--accent-fill)}.ps-stage{max-width:560px;margin-inline:auto}.ps-step{min-height:55vh;padding-block:6vh}.ps-step p{font-size:16px}}@media(max-width:600px){.ps-url,.ps-q,.ps-cite{font-size:8px}.ps-fan{font-size:6.5px}.ps-chip{font-size:9px;padding:2px 6px}.ps-label{font-size:10px}}@media(prefers-reduced-motion:reduce){.ps-stage *{transition:none}}.ps-stage .ps-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ps-wires path{fill:none;stroke:var(--ink);stroke-width:.5;stroke-linecap:butt;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .8s cubic-bezier(.3,.1,.2,1),opacity .4s var(--ease-in-out)}.ps-wires .w-cite{stroke:var(--accent-dark);stroke-width:.65}.ps-link{display:none}.ps-stage[data-stage="1"] .w-crawl{stroke-dashoffset:0;opacity:.85}.ps-stage:not([data-stage="0"]):not([data-stage="1"]) .w-crawl{opacity:0}.ps-scan{left:0;right:0;top:0;height:3px;border-radius:2px;background:var(--accent-dark);opacity:0;z-index:1}.ps-stage[data-stage="1"] .ps-scan{opacity:.9;animation:ps-scan 1.4s .6s var(--ease-in-out) infinite}.ps-stage[data-stage="1"] .ps-robot{box-shadow:0 0 0 6px #2121211f}@keyframes ps-scan{0%{top:4%}to{top:94%}}.ps-sk{overflow:hidden}.ps-stage[data-stage="2"] .ps-sk:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:ps-shimmer .9s .2s var(--ease-out) both}@keyframes ps-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ps-stage:is([data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage=all]) .w-chip{stroke-dashoffset:0;opacity:.85}.ps-stage[data-stage="3"] .w-chip-1{transition-delay:.5s}.ps-stage[data-stage="3"] .w-chip-2{transition-delay:.65s}.ps-stage[data-stage="3"] .w-chip-3{transition-delay:.8s}.ps-stage:is([data-stage="4"],[data-stage="5"],[data-stage=all]) .w-google{stroke-dashoffset:0;opacity:.85}.ps-stage:is([data-stage="5"],[data-stage=all]) .w-ai{stroke-dashoffset:0;opacity:.85}.ps-stage:is([data-stage="5"],[data-stage=all]) .w-cite{stroke-dashoffset:0;opacity:1}.ps-stage[data-stage="5"] .w-cite{transition-duration:1s}.ps-stage[data-stage="4"] .ps-you{animation:ps-pulse .6s 1.6s var(--ease-out)}@keyframes ps-pulse{50%{box-shadow:0 0 0 4px #1a72b859}}.ps-typing{left:7%;top:52%;display:flex;gap:4px;opacity:0}.ps-typing i{position:static;width:5px;height:5px;border-radius:50%;background:var(--ink);animation:ps-dot 1s var(--ease-in-out) infinite}.ps-typing i:nth-child(2){animation-delay:.15s}.ps-typing i:nth-child(3){animation-delay:.3s}.ps-stage[data-stage="5"] .ps-typing{animation:ps-typing-on 1s .7s both}@keyframes ps-typing-on{0%,to{opacity:0}15%,85%{opacity:1}}@keyframes ps-dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.ps-progress{left:4%;bottom:4%;display:flex;gap:6px}.ps-progress span{position:static;display:inline-flex;align-items:center;gap:6px;height:22px;min-width:22px;padding:0 7px;border:1.5px solid var(--ink);border-radius:999px;font-size:11px;font-weight:700;justify-content:center;background:#ffffff80}.ps-progress span:after{content:""}.ps-stage[data-stage=all] .ps-progress{opacity:0}.ps-stage[data-stage="1"] [data-n="1"],.ps-stage[data-stage="2"] [data-n="2"],.ps-stage[data-stage="3"] [data-n="3"],.ps-stage[data-stage="4"] [data-n="4"],.ps-stage[data-stage="5"] [data-n="5"]{background:var(--ink);color:#fff;padding:0 10px}.ps-stage[data-stage="1"] [data-n="1"]:after,.ps-stage[data-stage="2"] [data-n="2"]:after,.ps-stage[data-stage="3"] [data-n="3"]:after,.ps-stage[data-stage="4"] [data-n="4"]:after,.ps-stage[data-stage="5"] [data-n="5"]:after{content:attr(data-label);font-weight:600}@media(max-width:600px){.ps-progress span{height:18px;min-width:18px;font-size:9px;padding:0 5px}}@media(prefers-reduced-motion:reduce){.ps-scan,.ps-typing,.ps-typing i{animation:none}.ps-wires path{transition:none}}.ps-stage[data-stage="5"] .ps-ans{transition:opacity .1s 1.6s var(--ease-in-out),clip-path 1s 1.6s steps(34,end)}.ps-stage[data-stage="5"] .ps-ans-2{transition:opacity .1s 2.6s var(--ease-in-out),clip-path .9s 2.6s steps(30,end)}.ps-stage[data-stage="5"] .ps-cite{transition-delay:3.5s}.ps-stage[data-stage="5"] .w-cite{transition-delay:3.6s}.ps-flow{opacity:0;transition:opacity .4s var(--ease-in-out)}.ps-flow circle{fill:var(--accent-fill);stroke:var(--ink);stroke-width:.35}.ps-flow-cite circle{fill:var(--accent-dark);stroke:none}.ps-stage:is([data-stage="4"],[data-stage="5"],[data-stage=all]) .ps-flow-google{opacity:1;transition-delay:.9s}.ps-stage:is([data-stage="5"],[data-stage=all]) .ps-flow-ai{opacity:1;transition-delay:.9s}.ps-stage:is([data-stage="5"],[data-stage=all]) .ps-flow-cite{opacity:1;transition-delay:4.4s}.ps-stage[data-stage=all] .ps-flow{transition-delay:0s}.ps-stage[data-stage="2"] .ps-page,.ps-stage[data-stage="3"] .ps-page{box-shadow:0 0 0 4px #46b4f073,0 12px 28px #0a284624}.ps-stage[data-stage="4"] .ps-serp,.ps-stage[data-stage="5"] .ps-ai{box-shadow:0 0 0 4px #46b4f073,0 16px 34px #0a28462e}.ps-stage:is([data-stage="4"],[data-stage="5"],[data-stage=all]) .ps-label-google,.ps-stage:is([data-stage="5"],[data-stage=all]) .ps-label-ai{opacity:1}@media(max-width:600px){.ps-ans{font-size:6.5px}.ps-you{font-size:7.5px}.ps-stage .ps-fan{font-size:5.8px}}@media(prefers-reduced-motion:reduce){.ps-flow{display:none}.ps-ans{clip-path:none}}
