.pvl-app-page{--app-accent:#75e1c5;--app-muted:#bbcad0;--app-line:#35525a;color:#ecf4f5;line-height:1.65;padding-bottom:32px}.pvl-app-page a{color:#93edda;text-underline-offset:3px}.pvl-app-page h1,.pvl-app-page h2,.pvl-app-page h3{color:#f3f8f9;line-height:1.2}.pvl-app-page h2{font-size:1.65rem;margin:0 0 18px}.pvl-app-page h3{font-size:1.1rem;margin:0 0 10px}.pvl-app-page p{margin:0 0 16px}.pvl-app-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:44px;padding:44px 0}.pvl-app-hero h1{font-size:clamp(2.3rem,5vw,4rem);letter-spacing:-.035em;margin:12px 0 24px;max-width:650px}.pvl-app-eyebrow{color:var(--app-accent);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.pvl-app-lead{font-size:1.15rem;max-width:650px;color:#d7e4e7}.pvl-app-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.pvl-app-tags span{font-size:.82rem;border:1px solid var(--app-line);border-radius:100px;padding:4px 12px;background:#142a30}.pvl-app-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 16px}.pvl-app-page .pvl-app-button{display:block;background:var(--app-accent);color:#092621;text-decoration:none;border-radius:12px;padding:14px 22px;font-weight:750;border:1px solid transparent;min-width:180px;transition:background .15s}.pvl-app-button small{display:block;font-size:.78rem;font-weight:500;margin-top:3px}.pvl-app-page .pvl-app-secondary{background:#193239;color:#edf9f7;border-color:#568178}.pvl-app-button:hover{filter:brightness(1.07)}.pvl-app-page a:focus-visible,.pvl-app-page summary:focus-visible{outline:3px solid #fff;outline-offset:4px}.pvl-app-caption{font-size:.85rem;color:var(--app-muted)}.pvl-app-preview{background:linear-gradient(145deg,#20463f,#12292e);border:1px solid #386c63;border-radius:24px;padding:32px;align-self:center;box-shadow:0 16px 36px #0002}.pvl-app-preview svg{color:var(--app-accent);margin-bottom:22px}.pvl-app-preview h2{margin-bottom:8px}.pvl-app-preview>p{color:#bbdcd4}.pvl-app-preview ul{padding:18px 0 18px 22px;margin:0;border-top:1px solid #3c625b}.pvl-app-preview li{margin:8px 0}.pvl-app-preview-note{font-size:.75rem;color:#bad0ca}.pvl-app-section{border-top:1px solid var(--app-line);padding:34px 0;scroll-margin-top:95px}.pvl-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.pvl-app-card{border:1px solid var(--app-line);border-radius:14px;padding:22px;background:#14282f}.pvl-app-card p{font-size:.93rem;color:var(--app-muted);margin:0}.pvl-app-note{padding:16px 20px;border-left:3px solid #81c8b8;background:#182e34;color:#d4e2e4;border-radius:0 8px 8px 0;font-size:.94rem}.pvl-app-details{border:1px solid var(--app-line);border-radius:12px;margin:12px 0;background:#14282f;overflow:hidden}.pvl-app-details summary{cursor:pointer;padding:18px 20px;font-weight:650;min-height:52px}.pvl-app-details[open] summary{border-bottom:1px solid var(--app-line)}.pvl-app-details>div{padding:22px;min-width:0}.pvl-app-page pre{background:#09191e;border:1px solid #2b4951;border-radius:8px;padding:16px;color:#dbf8ee;overflow-x:auto;font-size:.86rem;line-height:1.8;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.pvl-app-page code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.pvl-app-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0;counter-reset:step;margin:24px 0}.pvl-app-steps li{counter-increment:step}.pvl-app-steps li:before{content:counter(step);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#28534a;color:#b1ffe7;font-weight:700;margin-bottom:16px}.pvl-app-steps p{color:var(--app-muted);font-size:.95rem}.pvl-app-files{padding-left:22px}.pvl-app-files li{margin:9px 0;overflow-wrap:anywhere}@media(max-width:800px){.pvl-app-hero{grid-template-columns:1fr;gap:28px;padding:28px 0}.pvl-app-preview{display:none}.pvl-app-grid,.pvl-app-steps{grid-template-columns:1fr;gap:16px}.pvl-app-section{padding:28px 0}.pvl-app-page h2{font-size:1.45rem}}@media(max-width:420px){.pvl-app-actions{display:grid;grid-template-columns:1fr}.pvl-app-page .pvl-app-button{min-width:0;text-align:center}.pvl-app-details>div{padding:16px}.pvl-app-details summary{padding:16px}.pvl-app-hero h1{font-size:2.2rem}}
.pvl-app-page{background:#0f2027;padding:28px;border-radius:20px}.pvl-app-page .breadcrumbs{color:#c5d8dc}.pvl-app-page .breadcrumbs a{color:#93edda}@media(max-width:600px){.pvl-app-page{padding:18px 16px;border-radius:14px}}
