.pd-hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--pf-nav-h) + clamp(40px,6vw,80px)) 0 clamp(64px,8vw,104px);background:radial-gradient(38% 46% at 2% 12%,color-mix(in srgb,var(--pf-lilac) 28%,transparent),transparent 62%),radial-gradient(40% 48% at 98% 22%,color-mix(in srgb,var(--pf-lilac) 20%,transparent),transparent 62%),var(--pf-ground)}[data-theme=dark] .pd-hero{background:radial-gradient(38% 46% at 2% 12%,color-mix(in srgb,var(--pf-lilac) 13%,transparent),transparent 62%),radial-gradient(40% 48% at 98% 22%,color-mix(in srgb,var(--pf-lilac) 9%,transparent),transparent 62%),var(--pf-ground)}.pd-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,5vw,64px);align-items:center}.pd-hero__copy{display:flex;flex-direction:column;align-items:flex-start}.pd-hero__brand{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-bottom:26px}.pd-hero__icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--pf-ia-08);border-radius:14px;background:color-mix(in srgb,var(--pf-accent) 8%,var(--pf-surface));color:var(--pf-accent);box-shadow:0 1px 2px var(--pf-ia-04)}.pd-hero__name{display:grid;line-height:1.1}.pd-hero__kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pf-text-soft)}.pd-hero__product{font-size:22px;font-weight:700;color:var(--pf-text-title)}.pf .pd-hero__title{font-size:clamp(44px,5.6vw,76px)}.pd-hero__sub{max-width:540px;margin-top:20px}.pd-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:30px}.pd-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:700;color:var(--pf-text-body);text-decoration:underline;text-decoration-color:var(--pf-ia-20);text-underline-offset:4px;transition:color .15s,text-decoration-color .15s}.pd-link:hover{color:var(--pf-accent);text-decoration-color:currentColor}.pd-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--pf-accent);box-shadow:0 0 color-mix(in srgb,var(--pf-accent) 50%,transparent);animation:pd-pulse 2s var(--pf-ease) infinite}@keyframes pd-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--pf-accent) 45%,transparent)}70%,to{box-shadow:0 0 0 7px transparent}}.pd-fields{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:24px}.pd-fields__label{font-size:15px;color:var(--pf-text-soft)}.pd-fields__list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.pd-fields__item{padding:3px 9px;border:1px solid var(--pf-ia-08);border-radius:var(--pf-r-chip);background:var(--pf-surface);font-size:14px;font-weight:700;color:var(--pf-text-body);animation:pd-focus 12.8s linear infinite;animation-delay:calc(var(--i, 0) * 1.6s)}@keyframes pd-focus{0%,12%{border-color:var(--pf-accent);color:var(--pf-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pf-accent) 14%,transparent)}14%,to{border-color:var(--pf-ia-08);color:var(--pf-text-body);box-shadow:none}}.pd-stats{display:flex;flex-wrap:wrap;gap:16px clamp(24px,4vw,40px);width:100%;margin:26px 0 0;padding:22px 0 0;border-top:1px solid var(--pf-ia-08)}.pd-stats__item{display:flex;flex-direction:column-reverse}.pd-stats__value{margin:0;font-size:30px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--pf-accent)}.pd-stats__label{margin-top:4px;font-size:14px;color:var(--pf-text-soft)}.pd-hero__visual{position:relative;min-width:0}.pd-mock{position:relative;margin:0;border:1px solid var(--pf-ia-12);border-radius:var(--pf-r-card);box-shadow:0 30px 60px -30px color-mix(in srgb,black 55%,transparent),0 0 0 1px color-mix(in srgb,var(--pf-lilac) 10%,transparent)}.pd-mock__bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--pf-ia-08);border-radius:var(--pf-r-card) var(--pf-r-card) 0 0;background:var(--pf-ia-04)}.pd-mock__dots{display:inline-flex;gap:6px}.pd-mock__dots i{width:10px;height:10px;border-radius:50%;background:var(--pf-ia-20)}.pd-mock__file{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--pf-text-soft)}.pd-mock__file svg{color:var(--pf-accent)}.pd-mock__code{margin:0;padding:clamp(18px,2.4vw,26px);overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.75;color:var(--pf-text-body)}.pd-tok-p{color:var(--pf-text-soft)}.pd-tok-k{color:var(--pf-accent)}.pd-tok-s{color:var(--pf-text-title)}.pd-tok-n{color:var(--pf-accent-glow);font-weight:700}.pd-mock__badge{position:absolute;right:clamp(-14px,-1vw,0px);bottom:-16px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--pf-ia-12);border-radius:999px;background:var(--pf-surface);font-size:13px;font-weight:700;color:var(--pf-text-title);box-shadow:0 10px 24px -12px color-mix(in srgb,black 60%,transparent)}.pd-chat{display:grid;gap:14px;padding:clamp(18px,2.4vw,26px);font-family:var(--pf-font-body);font-size:14px;font-weight:300;line-height:1.55}.pd-chat__q{justify-self:end;max-width:80%;padding:10px 14px;border-radius:16px 16px 4px;background:color-mix(in srgb,var(--pf-accent) 22%,transparent);color:var(--pf-text-title)}.pd-chat__a{padding:12px 16px;border-radius:16px 16px 16px 4px;background:var(--pf-ia-08);color:var(--pf-text-body)}.pd-chat__a p{color:var(--pf-text-title);margin-bottom:6px}.pd-chat__a ul{display:grid;gap:3px;margin:0;padding:0;list-style:none}.pd-chat__a li:before{content:"· ";color:var(--pf-text-soft)}.pd-chat__src{padding-inline:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--pf-accent)}.pd-chat__src span{font-family:var(--pf-font-display);color:var(--pf-text-soft)}.pd-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.5vw,28px);margin:0;padding:0;list-style:none}.pd-steps:before{content:"";position:absolute;top:40px;left:calc(100% / 6);right:calc(100% / 6);height:1px;background:linear-gradient(to right,var(--pf-ia-12),color-mix(in srgb,var(--pf-accent) 35%,transparent),var(--pf-ia-12))}.pd-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.pd-step__icon{display:grid;place-items:center;width:80px;height:80px;margin-bottom:10px;border:1px solid var(--pf-ia-08);border-radius:var(--pf-r-card);background:var(--pf-surface);color:var(--pf-accent);box-shadow:var(--pf-shadow-card)}.pd-step__num{font-size:13px}.pd-step__title{font-size:24px;font-weight:700;line-height:1.15;color:var(--pf-text-title)}.pd-step__text{max-width:320px;font-family:var(--pf-font-body);font-size:15px;font-weight:300;line-height:1.6;color:var(--pf-text-body)}.pd-grid{display:grid;gap:clamp(14px,2vw,20px);margin:0;padding:0;list-style:none}.pd-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.pd-card{display:flex;flex-direction:column;gap:16px;padding:clamp(20px,2.4vw,26px);transition:transform .2s var(--pf-ease),box-shadow .2s}.pd-card:hover{transform:translateY(-2px)}.pd-card--row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px 18px}.pd-card--row .pd-card__code{grid-column:1 / -1}.pd-card__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--pf-accent) 9%,var(--pf-surface));border:1px solid color-mix(in srgb,var(--pf-accent) 14%,transparent);color:var(--pf-accent)}.pd-card__body{display:grid;gap:6px}.pd-card__title{font-size:21px;font-weight:700;line-height:1.2;color:var(--pf-text-title)}.pd-card__text{font-family:var(--pf-font-body);font-size:15px;font-weight:300;line-height:1.6;color:var(--pf-text-body)}.pd-card__code{padding:10px 14px;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--pf-accent)}.pd-card__code:before{content:"$ ";color:var(--pf-text-soft)}.pd-narrow{max-width:820px;margin:0 auto}.pd-narrow .pd-card{align-items:center;text-align:center}.pd-note{margin-top:22px;font-size:16px;text-align:center;color:var(--pf-text-soft)}.pd-cta__card{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:860px;margin:0 auto;padding:clamp(36px,5vw,64px) clamp(22px,4vw,56px);text-align:center;background:radial-gradient(60% 80% at 50% 0%,color-mix(in srgb,var(--pf-lilac) 20%,transparent),transparent 70%),var(--pf-surface)}.pd-cta__card .pf-sub{max-width:560px}.pd-cta__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 22px;margin-top:8px}@media(max-width:999px){.pd-hero__grid{grid-template-columns:minmax(0,1fr)}.pd-hero__visual{max-width:620px}.pd-grid--4,.pd-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.pd-grid--2,.pd-grid--3,.pd-grid--4{grid-template-columns:minmax(0,1fr)}.pd-steps{grid-template-columns:minmax(0,1fr);gap:32px}.pd-steps:before{display:none}.pf .pd-hero__title{font-size:clamp(40px,11vw,52px)}.pd-mock__code{font-size:12.5px}.pd-mock__badge{right:12px}}@media(max-width:560px){.pd-hero__cta{width:100%}.pf .pd-hero__cta .pf-btn{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.pd-dot,.pd-fields__item{animation:none}.pd-card,.pd-card:hover{transition:none;transform:none}}.pd-line{display:block;white-space:pre}.pd-line--in{padding-left:2ch}