:root{--ph4-blue:#0878b8;--ph4-dark:#03111c;--ph4-cyan:#35b8ef;--ph4-green:#52dda1;--ph4-border:rgba(8,120,184,.16);--ph4-surface:rgba(255,255,255,.9);--ph4-shadow:0 1.4rem 4rem rgba(4,55,84,.16)}
[data-md-color-scheme="slate"]{--ph4-surface:rgba(14,29,41,.86);--ph4-border:rgba(116,217,250,.14)}
body,input,button{font-family:Inter,system-ui,sans-serif}code,pre{font-family:"JetBrains Mono",monospace}.md-announce{background:var(--ph4-dark)}
.ph4-announcement{display:flex;justify-content:center;align-items:center;gap:.6rem;color:#fff!important;font-size:.7rem}.ph4-pulse{width:.5rem;height:.5rem;border-radius:50%;background:var(--ph4-green);box-shadow:0 0 0 .3rem rgba(82,221,161,.14)}
.ph4-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;margin:0 -1rem 4rem;padding:clamp(2rem,5vw,5rem);border-radius:1.5rem;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(116,217,250,.28),transparent 28%),linear-gradient(135deg,#03111c,#075781 58%,#0b94d2);box-shadow:var(--ph4-shadow)}
.ph4-hero h1{margin:0 0 1rem!important;color:#fff!important;font-size:clamp(2.7rem,7vw,5.4rem)!important;line-height:.97!important;letter-spacing:-.055em!important}.ph4-gradient-text{color:transparent;background:linear-gradient(90deg,#fff,#74d9fa);background-clip:text;-webkit-background-clip:text}.ph4-eyebrow{display:inline-block;margin-bottom:1rem;padding:.38rem .72rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);font-size:.68rem;font-weight:800;text-transform:uppercase}.ph4-hero-lead{color:rgba(255,255,255,.82);font-size:1.1rem;line-height:1.7}.ph4-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0}.ph4-actions .md-button{margin:0;color:#fff;border-color:rgba(255,255,255,.45)}.ph4-actions .md-button--primary{color:#075781;background:#fff;border-color:#fff}.ph4-trust{display:flex;flex-wrap:wrap;gap:.8rem;color:rgba(255,255,255,.72);font-size:.72rem}
.ph4-dashboard{overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:1.1rem;background:rgba(3,17,28,.88);box-shadow:0 2rem 5rem rgba(0,0,0,.35)}.ph4-dashboard-head{display:flex;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid rgba(255,255,255,.09)}.ph4-dashboard-title{color:#fff;font-weight:800}.ph4-live{padding:.25rem .5rem;border-radius:999px;color:#8df2be;background:rgba(82,221,161,.12);font-size:.6rem}.ph4-demo-tabs{display:flex;gap:.4rem;padding:.75rem 1rem 0}.ph4-demo-tab{padding:.3rem .6rem;border:0;border-radius:999px;color:#8fa9bb;background:#132938;font-size:.62rem}.ph4-demo-tab.is-active{color:#fff;background:var(--ph4-blue)}.ph4-package-list{display:grid;gap:.7rem;padding:1rem}.ph4-package{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.85rem;border:1px solid rgba(255,255,255,.08);border-radius:.8rem;background:rgba(255,255,255,.045)}.ph4-package-icon{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.7rem;color:#fff;background:linear-gradient(135deg,#0878b8,#35b8ef)}.ph4-package strong{display:block;color:#fff;font-size:.72rem}.ph4-package small{color:#8fa9bb;font-size:.58rem}.ph4-package-meta{color:#74d9fa;font-size:.58rem;font-weight:800}.ph4-progress{height:.28rem;margin-top:.4rem;border-radius:999px;background:#203848}.ph4-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b94d2,#74d9fa)}
.ph4-section{margin:5rem 0}.ph4-section-head{max-width:47rem;margin-bottom:2rem}.ph4-kicker{color:var(--ph4-blue);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ph4-section h2{margin-top:.3rem;font-size:clamp(1.8rem,4vw,2.9rem);letter-spacing:-.04em}.ph4-stats,.ph4-feature-grid,.ph4-provider-grid{display:grid;gap:1rem}.ph4-stats{grid-template-columns:repeat(4,1fr)}.ph4-stat,.ph4-card,.ph4-panel,.ph4-provider-card{border:1px solid var(--ph4-border);background:var(--ph4-surface);box-shadow:0 .6rem 2rem rgba(4,55,84,.08)}.ph4-stat{padding:1.3rem;border-radius:.9rem;text-align:center}.ph4-stat strong{display:block;color:var(--ph4-blue);font-size:2rem}.ph4-stat span{font-size:.68rem;color:var(--md-default-fg-color--light)}.ph4-feature-grid{grid-template-columns:repeat(3,1fr)}.ph4-card{padding:1.4rem;border-radius:1rem;min-height:12rem}.ph4-card-icon{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:1rem;border-radius:.85rem;color:#fff;background:linear-gradient(135deg,#0878b8,#35b8ef)}.ph4-card p{color:var(--md-default-fg-color--light)}.ph4-split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.ph4-panel{padding:2rem;border-radius:1.1rem}.ph4-code{position:relative;padding:1rem;border-radius:.8rem;color:#d9effb;background:#03111c;font-family:"JetBrains Mono",monospace;font-size:.7rem}.ph4-copy{position:absolute;top:.55rem;right:.55rem;padding:.3rem .5rem;border:1px solid rgba(255,255,255,.16);border-radius:.4rem;color:#fff;background:rgba(255,255,255,.08)}.ph4-provider-controls{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.ph4-provider-button{padding:.55rem .8rem;border:1px solid var(--ph4-border);border-radius:.6rem;background:var(--ph4-surface)}.ph4-provider-button.is-active{color:#fff;background:var(--ph4-blue)}.ph4-provider-result{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--ph4-border);border-radius:.8rem}.ph4-provider-badge{padding:.3rem .55rem;border-radius:999px;font-size:.62rem;font-weight:800}.ph4-provider-badge[data-state="native"]{color:#0a5d36;background:#d7f7e6}.ph4-provider-badge[data-state="fallback"]{color:#6d5510;background:#fff2bd}.ph4-timeline{display:grid;gap:.75rem}.ph4-timeline-step{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;padding:.85rem;border:1px solid var(--ph4-border);border-radius:.75rem;opacity:.5}.ph4-timeline-step::before{content:"";width:.8rem;height:.8rem;border-radius:50%;background:var(--md-default-fg-color--lighter)}.ph4-timeline-step.is-active,.ph4-timeline-step.is-complete{opacity:1}.ph4-timeline-step.is-active::before{background:var(--ph4-cyan)}.ph4-timeline-step.is-complete::before{background:var(--ph4-green)}.ph4-run-button{margin-top:1rem;padding:.65rem 1rem;border:0;border-radius:.6rem;color:#fff;background:var(--ph4-blue);font-weight:700}.ph4-provider-grid{grid-template-columns:repeat(4,1fr)}.ph4-provider-card{padding:1.15rem;border-radius:.9rem}.ph4-provider-state{display:inline-flex;margin-top:.7rem;padding:.28rem .55rem;border-radius:999px;font-size:.61rem;font-weight:800}.ph4-provider-state.ready{color:#0a5d36;background:#d7f7e6}.ph4-provider-state.planned{color:#6d5510;background:#fff2bd}.ph4-architecture{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.ph4-architecture-node{padding:1rem .7rem;border:1px solid var(--ph4-border);border-radius:.75rem;text-align:center;background:var(--ph4-surface);font-size:.69rem;font-weight:700}.ph4-cta{padding:clamp(2rem,6vw,4rem);border-radius:1.25rem;text-align:center;color:#fff;background:linear-gradient(135deg,#075781,#0b94d2,#35b8ef);box-shadow:var(--ph4-shadow)}.ph4-cta h2{color:#fff}.ph4-footer{margin-top:5rem;padding:2.4rem 0 1rem;border-top:1px solid var(--ph4-border)}.ph4-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:1.2rem}.ph4-footer a{display:block;margin:.35rem 0;color:var(--md-default-fg-color--light);font-size:.7rem}.ph4-footer-bottom{display:flex;justify-content:space-between;margin-top:1.8rem;padding-top:1rem;border-top:1px solid var(--ph4-border);font-size:.65rem}.ph4-reveal{opacity:0;transform:translateY(1rem);transition:.5s}.ph4-reveal.is-visible{opacity:1;transform:none}
@media(max-width:960px){.ph4-hero,.ph4-split{grid-template-columns:1fr}.ph4-feature-grid,.ph4-stats,.ph4-provider-grid{grid-template-columns:1fr 1fr}.ph4-architecture{grid-template-columns:1fr}.ph4-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ph4-feature-grid,.ph4-stats,.ph4-provider-grid,.ph4-footer-grid{grid-template-columns:1fr}.ph4-package{grid-template-columns:auto 1fr}.ph4-package-meta{grid-column:2}.ph4-footer-bottom{flex-direction:column;gap:.5rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.ph4-reveal{opacity:1;transform:none}}