.gp{padding-top:clamp(24px,3.5vw,44px)}.gp .crumbs{margin-bottom:clamp(22px,3vw,36px)}.gp-hero{display:grid;gap:clamp(28px,4vw,56px);align-items:center;padding-bottom:clamp(56px,8vw,104px)}@media (min-width: 900px){.gp-hero{grid-template-columns:minmax(0,560px) minmax(0,1fr)}}.gart{--c: #fff;position:relative;margin:0;aspect-ratio:1;border-radius:28px;overflow:hidden;background:var(--ink-2);border:1px solid var(--line);box-shadow:0 40px 100px #00000073}.gart img{width:100%;height:100%;object-fit:cover}.gart .lines{position:absolute;inset:0;background:var(--c);-webkit-mask-size:cover;mask-size:cover;filter:drop-shadow(0 0 1px rgba(0,0,0,.6));transition:opacity .3s ease;animation:gp-draw 1.1s cubic-bezier(.3,.7,.2,1) .15s both,gp-settle 1.6s ease .15s both}.gart[data-shown=false] .lines{opacity:0}.gart .lines{-webkit-mask-image:var(--lines);mask-image:var(--lines)}@media (min-resolution: 1.5dppx){.gart .lines{-webkit-mask-image:var(--lines-2x);mask-image:var(--lines-2x)}}@keyframes gp-draw{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(75% at 50% 50%)}}@keyframes gp-settle{0%,55%{background-color:var(--mint);filter:drop-shadow(0 0 6px rgba(61,220,151,.8))}to{background-color:#fff;filter:drop-shadow(0 0 1px rgba(0,0,0,.6))}}.gart.replay .lines{animation-name:gp-draw2,gp-settle2}@keyframes gp-draw2{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(75% at 50% 50%)}}@keyframes gp-settle2{0%,55%{background-color:var(--mint);filter:drop-shadow(0 0 6px rgba(61,220,151,.8))}to{background-color:#fff;filter:drop-shadow(0 0 1px rgba(0,0,0,.6))}}.gart-toggle{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:8px 10px 8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:var(--text);cursor:pointer;font:600 14px/1 var(--body);background:#0f11189e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .2s}.gart-toggle[hidden]{display:none}.gart-toggle:hover{border-color:#fff6}.gart-toggle .switch{position:relative;width:30px;height:18px;border-radius:999px;background:#ffffff2e;transition:background-color .2s}.gart-toggle .switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s var(--ease-out)}.gart-toggle[aria-pressed=true] .switch{background:var(--mint)}.gart-toggle[aria-pressed=true] .switch:after{transform:translate(12px)}.gp-intro{display:grid;gap:22px;align-content:center}.gp-intro h1{font-size:clamp(38px,4.6vw,66px);line-height:.98}.gp-intro .lede{max-width:30em}.gp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.gp-chips li{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:8px 11px;border-radius:8px;border:1px solid var(--line-2);color:var(--muted)}.gp-chips .chip-free{color:var(--mint);border-color:#3ddc9773}.gp-chips .chip-pro{background:var(--amber);border-color:var(--amber);color:#2b1d00;font-weight:500}.gp-related h2{font-size:clamp(28px,3vw,40px);line-height:1.02}.steps{margin:0;padding:0;list-style:none;display:grid;gap:14px;font-size:18px;line-height:1.6}.steps{counter-reset:step;gap:0}.steps li{counter-increment:step;position:relative;padding:0 0 22px 56px}.steps li:last-child{padding-bottom:0}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:-2px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-2);font:500 11px/1 var(--mono);letter-spacing:.06em;color:var(--text)}.steps li:not(:last-child):after{content:"";position:absolute;left:19px;top:40px;bottom:2px;border-left:1px dashed var(--line-2)}.steps li:last-child:before{border-color:#3ddc97b3;color:var(--mint)}.gsec-body.faq{max-width:65ch}.gp-related{padding-top:clamp(56px,7vw,96px);border-top:1px solid var(--line)}.gp-related-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-bottom:clamp(28px,3vw,40px)}.guides--three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 900px){.guides--three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.guides--three{grid-template-columns:1fr;gap:14px}}