.dp-page{--dp-ink:#eef0ff;--dp-muted:#e8eaffb8;--dp-violet:#818cf8;--dp-emerald:#34d399}.dp-page .dev-hero{text-align:left;background:radial-gradient(70% 55% at 95% 0,#6366f12e,#0000 55%),radial-gradient(45% 40% at 0 100%,#34d3991a,#0000 50%),#080a18a6;border:1px solid #818cf838;border-radius:1.75rem;max-width:1040px;margin-left:auto;margin-right:auto;padding:clamp(1.5rem,3vw,2.5rem);position:relative;overflow:hidden}.dp-page .dev-hero:before{content:"";pointer-events:none;opacity:.4;background-image:linear-gradient(#818cf824 1px,#0000 1px),linear-gradient(90deg,#818cf824 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 70% 30%,#000 10%,#0000 70%);mask-image:radial-gradient(80% 70% at 70% 30%,#000 10%,#0000 70%)}.dp-page .dev-hero>*{z-index:1;position:relative}.dp-page .dev-title{max-width:18ch}.dp-page .dev-lead{max-width:46rem;margin-left:0}.dp-hero-row{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.dp-hero-row img{background:#ffffff0a;border-radius:1.1rem;box-shadow:0 12px 30px #00000059}.dp-page-cta{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.dp-page-cta a{text-decoration:none}.dp-page-secondary{color:var(--dp-ink);border:1px solid #818cf852;border-radius:999px;align-items:center;gap:.4rem;padding:.7rem 1.1rem;font-weight:600;display:inline-flex}.dp-page-secondary:hover{color:var(--dp-ink);background:#6366f11a;border-color:#818cf899}.dp-keyword-strip{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.dp-keyword-strip span{color:var(--dp-muted);background:#ffffff08;border:1px solid #818cf838;border-radius:999px;padding:.28rem .7rem;font-size:.75rem}.dp-highlight-list{gap:2rem;display:grid}.dp-highlight{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;gap:clamp(1.25rem,3vw,2rem);display:grid}.dp-highlight--reverse{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.dp-highlight--reverse .dp-highlight-copy{order:-1}.dp-browser-frame{background:#0b0d18;border:1px solid #c7d2fe33;border-radius:.95rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 40px #00000059}.dp-browser-frame:before{content:"";background:radial-gradient(circle at 12px 9px,#ef4444 0 3px,#0000 4px),radial-gradient(circle at 26px 9px,#eab308 0 3px,#0000 4px),radial-gradient(circle at 40px 9px,#22c55e 0 3px,#0000 4px),linear-gradient(#16182a,#121426);border-bottom:1px solid #ffffff0f;flex:0 0 18px}.dp-browser-shot{aspect-ratio:16/10;flex:auto;min-height:220px;position:relative}.dp-browser-shot img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.dp-shot-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.dp-shot-card{flex-direction:column;gap:.75rem;padding:0;display:flex;overflow:hidden}.dp-shot-card button{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.dp-shot-frame{aspect-ratio:16/10;border-bottom:1px solid #818cf824;position:relative;overflow:hidden}.dp-shot-frame img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.dp-shot-body{padding:0 1.25rem 1.25rem}.dp-faq details{background:#070a18b8;border:1px solid #818cf829;border-radius:1rem;padding:1rem 1.15rem}.dp-faq details+details{margin-top:.75rem}.dp-faq summary{cursor:pointer;color:var(--dp-ink);font-weight:600}.dp-faq details p{color:var(--color-text-muted);margin:.75rem 0 0;line-height:1.65}.dp-page code{color:var(--dp-emerald);font-size:.88em}@media (max-width:900px){.dp-page .dev-hero{text-align:center}.dp-hero-row{flex-direction:column;justify-content:center}.dp-page .dev-title{max-width:none}.dp-page .dev-lead{margin-left:auto;margin-right:auto}.dp-page-cta,.dp-keyword-strip{justify-content:center}.dp-highlight,.dp-highlight--reverse{grid-template-columns:1fr}.dp-highlight--reverse .dp-highlight-copy{order:0}}