.pd-page{position:relative;min-height:100vh;background:linear-gradient(180deg,var(--color-surface-alt, #f8f9fa) 0%,var(--color-surface-0, #fff) 30%,var(--color-surface-0, #fff) 100%);overflow-x:hidden;color:var(--color-text-primary)}.pd-noise{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}.pd-container{max-width:1120px;margin:0 auto;padding:0 1.5rem}@media (min-width: 640px){.pd-container{padding:0 2rem}}.pd-container--narrow{max-width:760px}.pd-breadcrumb{padding:7rem 0 0;font-size:.75rem;color:var(--color-text-tertiary)}.pd-breadcrumb a{color:var(--color-text-tertiary);text-decoration:none;transition:color .2s}.pd-breadcrumb a:hover{color:var(--color-cobalt-500)}.pd-breadcrumb__sep{margin:0 .5rem;opacity:.4}.pd-hero{padding:2rem 0 4rem}@media (min-width: 768px){.pd-hero{padding:3rem 0 5rem}}.pd-hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .875rem;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-cobalt-500);border:1px solid var(--color-cobalt-500);border-radius:9999px;margin-bottom:1.5rem}.pd-hero__status-dot{width:6px;height:6px;border-radius:50%;background:var(--status-color, #22c55e);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-color, #22c55e) 25%,transparent)}.pd-hero__title{font-size:clamp(2.25rem,6vw,4rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;color:var(--color-text-primary);margin-bottom:1.25rem}.pd-hero__title em{color:var(--color-cobalt-500);font-style:italic}.pd-hero__tagline{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:var(--color-text-secondary);max-width:720px;margin-bottom:2rem}.pd-hero__meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;padding:1.25rem;background:#fff;border:1px solid var(--color-border-subtle);border-radius:.875rem}@media (min-width: 768px){.pd-hero__meta{grid-template-columns:repeat(4,1fr);padding:1.5rem 1.75rem}}.pd-meta__label{display:block;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:.35rem}.pd-meta__value{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);line-height:1.4}.pd-meta__value a{color:var(--color-cobalt-500);text-decoration:none;transition:opacity .2s}.pd-meta__value a:hover{opacity:.7}.pd-hero__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem}.pd-tag{display:inline-flex;align-items:center;padding:.3rem .7rem;font-size:.7rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface-alt, #f8f9fa);border:1px solid var(--color-border-subtle);border-radius:9999px;transition:all .2s}.pd-tag:hover{border-color:var(--color-cobalt-500);color:var(--color-cobalt-500)}.pd-visual{padding:0 0 5rem}.pd-visual__frame{position:relative;border-radius:1.25rem;overflow:hidden;border:1px solid var(--color-border-subtle);box-shadow:0 20px 60px -20px #0000002e,0 8px 24px -8px #0000000f;background:#fff}.pd-visual__frame img{display:block;width:100%;height:auto}.pd-visual__caption{margin-top:.875rem;font-size:.75rem;color:var(--color-text-tertiary);text-align:center;font-style:italic}.pd-visual__chrome{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:var(--color-surface-alt, #f8f9fa);border-bottom:1px solid var(--color-border-subtle)}.pd-visual__dot{width:10px;height:10px;border-radius:50%;background:var(--color-border-default, #d1d5db)}.pd-visual__dot--r{background:#ff5f57}.pd-visual__dot--y{background:#febc2e}.pd-visual__dot--g{background:#28c840}.pd-visual__url{margin-left:.75rem;font-size:.7rem;font-family:JetBrains Mono,monospace;color:var(--color-text-tertiary)}.pd-visual__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.pd-visual__grid{grid-template-columns:1fr 1fr}}.pd-section{padding:3.5rem 0;position:relative}.pd-section--alt{background:var(--color-surface-alt, #f8f9fa);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.pd-section__label{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-cobalt-500);margin-bottom:.875rem}.pd-section__title{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--color-text-primary);margin-bottom:1.5rem}.pd-section__title em{color:var(--color-cobalt-500);font-style:italic}.pd-prose{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);max-width:720px}.pd-prose p{margin-bottom:1.25rem}.pd-prose p:last-child{margin-bottom:0}.pd-prose strong{color:var(--color-text-primary);font-weight:650}.pd-prose a{color:var(--color-cobalt-500);text-decoration:none;border-bottom:1px solid currentColor;transition:opacity .2s}.pd-prose a:hover{opacity:.7}.pd-features{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2rem}@media (min-width: 768px){.pd-features{grid-template-columns:1fr 1fr}}.pd-feature{padding:1.5rem;background:#fff;border:1px solid var(--color-border-subtle);border-radius:.875rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.pd-feature:hover{border-color:var(--color-cobalt-500);box-shadow:0 8px 24px #0000000d;transform:translateY(-2px)}.pd-feature__icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--color-surface-alt, #f8f9fa);color:var(--color-cobalt-500);margin-bottom:.875rem;font-weight:700;font-size:.875rem}.pd-feature__title{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.4rem;letter-spacing:-.01em}.pd-feature__desc{font-size:.85rem;line-height:1.6;color:var(--color-text-secondary)}.pd-stack{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:2rem}@media (min-width: 640px){.pd-stack{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.pd-stack{grid-template-columns:1fr 1fr 1fr}}.pd-stack__group{padding:1.5rem;background:#fff;border:1px solid var(--color-border-subtle);border-radius:.875rem}.pd-stack__group h4{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:.875rem}.pd-stack__list{display:flex;flex-wrap:wrap;gap:.4rem}.pd-quote{margin:2.5rem 0;padding:2rem 2rem 2rem 2.5rem;background:linear-gradient(135deg,#fff 0%,var(--color-surface-alt, #f8f9fa) 100%);border-left:3px solid var(--color-cobalt-500);border-radius:0 .875rem .875rem 0;font-size:1.05rem;line-height:1.6;color:var(--color-text-primary);font-style:italic}.pd-cta{padding:5rem 0 6rem;text-align:center;background:linear-gradient(180deg,transparent 0%,var(--color-surface-alt, #f8f9fa) 100%);position:relative}.pd-cta__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:750;letter-spacing:-.025em;line-height:1.15;color:var(--color-text-primary);margin-bottom:1rem}.pd-cta__title em{color:var(--color-cobalt-500);font-style:italic}.pd-cta__sub{font-size:.95rem;color:var(--color-text-secondary);max-width:460px;margin:0 auto 2.5rem;line-height:1.6}.pd-cta__actions{display:flex;flex-direction:column;align-items:center;gap:.625rem}@media (min-width: 640px){.pd-cta__actions{flex-direction:row;justify-content:center}}.pd-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.85rem;font-weight:600;color:#fff;background:var(--color-ink-700);border-radius:.65rem;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.pd-btn-primary:before{content:"";position:absolute;inset:0;background:var(--color-cobalt-500);transform:translateY(101%);transition:transform .4s cubic-bezier(.16,1,.3,1);border-radius:inherit}.pd-btn-primary:hover:before{transform:translateY(0)}.pd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000014}.pd-btn-primary>*{position:relative;z-index:1}.pd-btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border-radius:.65rem;text-decoration:none;transition:all .25s ease}.pd-btn-ghost:hover{color:var(--color-cobalt-500);background:var(--color-surface-alt, #f8f9fa)}.pd-related{padding:3rem 0 5rem;border-top:1px solid var(--color-border-subtle)}.pd-related__title{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:1.5rem}.pd-related__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.pd-related__grid{grid-template-columns:1fr 1fr 1fr 1fr}}.pd-related__card{padding:1.25rem;background:#fff;border:1px solid var(--color-border-subtle);border-radius:.75rem;text-decoration:none;transition:all .3s ease}.pd-related__card:hover{border-color:var(--color-cobalt-500);transform:translateY(-2px);box-shadow:0 8px 20px #0000000a}.pd-related__type{display:block;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:.4rem}.pd-related__name{display:block;font-size:.9rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.pd-diagram{margin-top:2rem;padding:2rem 1.5rem;background:#fff;border:1px solid var(--color-border-subtle);border-radius:1rem;overflow-x:auto}.pd-diagram svg{display:block;width:100%;height:auto}.pd-phone{position:relative;width:260px;aspect-ratio:9 / 19;margin:0 auto;background:#0a0a0c;border-radius:2.25rem;padding:.5rem;box-shadow:0 20px 60px -20px #0006;border:1px solid #1f1f23}.pd-phone__notch{position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:90px;height:22px;background:#0a0a0c;border-bottom-left-radius:14px;border-bottom-right-radius:14px;z-index:2}.pd-phone__screen{width:100%;height:100%;background:linear-gradient(180deg,#fafbfc,#fff);border-radius:1.875rem;overflow:hidden;position:relative;padding:2.25rem 1rem 1rem;display:flex;flex-direction:column;gap:.6rem;font-size:.65rem}