.pd-hero{isolation:isolate;background:linear-gradient(140deg,oklch(66% .16 240),oklch(54% .21 256) 55%,oklch(44% .22 266));position:relative;overflow:hidden}.dark .pd-hero{background:linear-gradient(140deg,oklch(55% .15 242),oklch(44% .19 258) 55%,oklch(34% .18 266))}.pd-hero:before{content:"";z-index:-1;background:radial-gradient(closest-side,oklch(78% .13 228/.7),#0000);border-radius:50%;width:75%;height:150%;position:absolute;top:-30%;right:-10%}.pd-hero-visual{width:47%;position:absolute;bottom:0;right:0}.pd-hero-visual[data-fit=float]{align-items:center;width:40%;display:grid;top:0;right:5%}.pd-hero-visual[data-fit=float]>*{min-width:0}@media (width>=1024px){.pd-hero-visual[data-fit=float]>*{max-height:calc(100% - 140px)}}@keyframes pd-hover{50%{transform:translateY(-18px)}}.app-hero-row{animation:.6s cubic-bezier(.2,.8,.2,1) both pd-row-in}@keyframes pd-row-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.app-hero-row{animation:none}}.pack-hero-done{animation:.6s cubic-bezier(.2,.8,.2,1) .9s both pd-row-in}@media (prefers-reduced-motion:reduce){.pack-hero-done{animation:none}}.handoff-review{animation:.7s cubic-bezier(.2,.8,.2,1) .9s both pd-row-in}@media (prefers-reduced-motion:reduce){.handoff-review{animation:none}}.handoff-repo{animation:4.8s cubic-bezier(.6,0,.3,1) infinite pd-handoff}@keyframes pd-handoff{0%,10%{opacity:0;transform:translate(calc(-50% - 56px))}20%{opacity:1;transform:translate(calc(-50% - 56px))}62%,86%{opacity:1;transform:translate(calc(56px - 50%))}to{opacity:0;transform:translate(calc(56px - 50%))}}@media (prefers-reduced-motion:reduce){.handoff-repo{animation:none}}@keyframes pd-cast{50%{opacity:.55;transform:scale(.9)}}@media (width<=1023px){.pd-hero-visual,.pd-hero-visual[data-fit=float]{width:auto;margin:40px 0 0 20px;position:relative;inset:auto}.pd-hero-visual[data-fit=float]{margin:40px 20px 32px}}.pd-wrap{width:100%;max-width:1680px;margin-inline:auto;padding-inline:56px}.pd-section{padding-top:150px}.pd-title{letter-spacing:-.06em;text-wrap:balance;font-size:clamp(2.75rem,6.2vw,6.5rem);font-weight:600;line-height:.94}.pd-intro{max-width:620px;color:var(--muted-foreground);margin-top:26px;font-size:clamp(1.125rem,1.4vw,1.375rem);line-height:1.5}.pd-band{background:color-mix(in oklch, var(--primary) 9%, var(--card));border-radius:36px;margin:150px 12px 0;padding:100px 0 110px}.pd-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pd-card{background:var(--card);border-radius:32px;flex-direction:column;min-height:380px;padding:34px;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.pd-card:hover{transform:translateY(-6px)}.pd-card[data-tone=tint]{background:var(--card-tint)}.pd-card[data-tone=hot]{color:#fff;background:linear-gradient(150deg,oklch(66% .16 240),oklch(50% .22 260))}.pd-card-icon{stroke-width:1.1px;width:52px;height:52px;color:var(--primary);position:absolute;top:30px;right:30px}.pd-card[data-tone=hot] .pd-card-icon{color:#fff}.pd-card-name{letter-spacing:-.045em;max-width:calc(100% - 64px);font-size:clamp(1.375rem,2vw,2rem);font-weight:600;line-height:1.05}.pd-card-line{max-width:30ch;color:var(--muted-foreground);margin-top:8px;font-size:16px;line-height:1.45}.pd-card[data-tone=hot] .pd-card-line{color:oklch(100% 0 0/.86)}.pd-card-words{letter-spacing:-.05em;color:color-mix(in oklch, var(--foreground) 86%, transparent);margin-top:auto;padding-top:32px;font-size:clamp(1.75rem,2.6vw,2.625rem);font-weight:600;line-height:1.08}.pd-card[data-tone=hot] .pd-card-words{color:#fff}.pd-picker{grid-template-columns:340px minmax(0,1fr);gap:40px;display:grid}.pd-pick{border-top:1px solid var(--border);letter-spacing:-.04em;text-align:left;width:100%;color:color-mix(in oklch, var(--foreground) 36%, transparent);cursor:pointer;align-items:baseline;gap:16px;padding:17px 0;font-size:26px;font-weight:600;transition:color .25s,padding .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.pd-pick small{font:500 11px var(--font-mono,ui-monospace, monospace);letter-spacing:.1em}.pd-pick:hover,.pd-pick[aria-pressed=true]{color:var(--foreground)}.pd-pick[aria-pressed=true]{padding-left:14px}.pd-pick[aria-pressed=true] small{color:var(--primary)}.pd-pick:before{content:"";background:var(--primary);width:0;height:2px;position:absolute;top:-1px;left:0}.pd-pick[aria-pressed=true][data-running]:before{animation:pd-fill var(--pd-rotate,8s) linear forwards}@keyframes pd-fill{to{width:100%}}.pd-stage{background:linear-gradient(160deg, color-mix(in oklch, var(--primary) 7%, var(--card)), color-mix(in oklch, var(--primary) 24%, var(--card)));border-radius:36px;place-items:center;min-height:560px;padding:clamp(18px,4.5vw,72px);display:grid}.pd-stage>*{width:100%}.pd-frame{background:var(--background);box-shadow:0 40px 80px -40px color-mix(in oklch, var(--primary) 55%, black);border-radius:18px;overflow:hidden}.pd-frame img{width:100%;display:block}.pd-split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:80px;display:grid}.pd-split[data-tone=blue]{background:var(--card);border-radius:36px;gap:0;overflow:hidden}.pd-split[data-tone=blue]>:first-child{color:#fff;background:linear-gradient(150deg,oklch(66% .16 240),oklch(50% .22 260) 60%,oklch(44% .22 266));padding:clamp(36px,5vw,72px)}.pd-split[data-tone=blue] .pd-intro{color:oklch(100% 0 0/.88)}.pd-split[data-tone=blue]>:last-child{padding:clamp(20px,3vw,44px) clamp(24px,4vw,64px)}.pd-row{border-bottom:1px solid color-mix(in oklch, var(--foreground) 85%, transparent);padding:30px 0;display:block}.pd-row:last-child{border-bottom:0}.pd-row-head{letter-spacing:-.045em;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(1.5rem,2.3vw,2.375rem);font-weight:600;line-height:1.1;display:flex}.pd-row-arrow{border:2px solid;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;transition:transform .3s cubic-bezier(.2,1.3,.4,1),background-color .2s,color .2s;display:grid}a.pd-row:hover .pd-row-arrow{background:var(--foreground);color:var(--background);transform:translate(4px)}.pd-row p{max-width:560px;color:var(--muted-foreground);margin-top:10px;font-size:17px;line-height:1.5}.pd-flows{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pd-flow{background:var(--card);border-radius:28px;flex-direction:column;gap:40px;padding:30px;display:flex}.pd-flow h3{letter-spacing:-.045em;font-size:clamp(1.375rem,1.9vw,1.875rem);font-weight:600;line-height:1.05}.pd-flow-chain{justify-items:start;gap:10px;display:grid}.pd-flow-chain span{background:var(--muted);border-radius:14px;align-items:center;gap:10px;min-height:50px;padding:0 18px;font-size:16px;font-weight:600;display:inline-flex}.pd-flow-chain span svg{width:18px;height:18px;color:var(--primary)}.pd-flow-chain span[data-result]{background:var(--primary);color:var(--primary-foreground)}.pd-flow-chain span[data-result] svg{color:currentColor}.pd-flow-chain i{color:var(--ring);margin-left:22px}.pd-bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.pd-bento[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-bento[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-bento-card{background:var(--card);min-height:440px;color:var(--foreground);border-radius:28px;flex-direction:column;padding:30px;display:flex}.pd-bento-card[data-wide]{grid-column:span 2}.pd-bento-card h3{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(1.375rem,1.9vw,1.875rem);font-weight:600;line-height:1.04}.pd-bento-art{margin-top:auto;padding-top:26px}.pd-bento-band{background:linear-gradient(140deg,oklch(66% .16 240),oklch(54% .21 256) 55%,oklch(44% .22 266));border-radius:36px;margin:150px 12px 0;padding:100px 0 110px}.dark .pd-bento-band{background:linear-gradient(140deg,oklch(55% .15 242),oklch(44% .19 258) 55%,oklch(34% .18 266))}.pd-steps{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;height:420px;display:grid}.pd-step{background:var(--card-tint);border-radius:32px;flex-direction:column;justify-content:space-between;height:100%;padding:34px;display:flex}.pd-step:first-child{color:#fff;background:linear-gradient(150deg,oklch(66% .16 240),oklch(50% .22 260))}.pd-step:nth-child(2){background:color-mix(in oklch, var(--primary) 24%, var(--card));height:80%}.pd-step:nth-child(3){height:60%}.pd-step strong{letter-spacing:-.06em;font-size:clamp(3rem,5.4vw,5.5rem);font-weight:600;line-height:.9}.pd-step span{letter-spacing:-.02em;font-size:19px;font-weight:600}.pd-end{isolation:isolate;color:#fff;background:linear-gradient(140deg,oklch(66% .16 240),oklch(54% .21 256) 55%,oklch(44% .22 266));border-radius:36px;padding:clamp(56px,8vw,120px) clamp(28px,5vw,80px);position:relative;overflow:hidden}.pd-end:before{content:"";z-index:-1;background:radial-gradient(closest-side,oklch(78% .13 228/.6),#0000);border-radius:50%;width:70%;height:200%;position:absolute;top:-60%;right:-15%}@media (width<=1080px){.pd-wrap{padding-inline:18px}.pd-section{padding-top:90px}.pd-band{margin:90px 8px 0;padding:60px 0 70px}.pd-bento,.pd-bento[data-count="3"],.pd-bento[data-count="2"]{grid-template-columns:minmax(0,1fr)}.pd-bento-card[data-wide]{grid-column:auto}.pd-bento-card{min-height:0}.pd-bento-band{margin:90px 8px 0;padding:60px 0 70px}.pd-cards,.pd-flows,.pd-picker,.pd-split{grid-template-columns:minmax(0,1fr)}.pd-split{gap:24px}.pd-card{min-height:300px;padding:26px}.pd-stage{min-height:0}.pd-steps{grid-template-columns:minmax(0,1fr);height:auto}.pd-step,.pd-step:nth-child(2),.pd-step:nth-child(3){height:auto;min-height:180px}}