@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--hp3-bg-primary:#0a0a0b;--hp3-bg-secondary:#111113;--hp3-bg-card:#18181b;--hp3-bg-card-hover:#1f1f23;--hp3-bg-darker:#050506;--hp3-border:#27272a;--hp3-border-light:#ffffff1a;--hp3-border-accent:#3b82f64d;--hp3-border-danger:#ef44444d;--hp3-text-primary:#fafafa;--hp3-text-secondary:#a1a1aa;--hp3-text-muted:#71717a;--hp3-accent-blue:#3b82f6;--hp3-accent-purple:#8b5cf6;--hp3-accent-cyan:#06b6d4;--hp3-status-success:#22c55e;--hp3-status-warning:#f59e0b;--hp3-status-danger:#ef4444;--hp3-gradient-primary:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);--hp3-gradient-secondary:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);--hp3-font-sans:"Inter",system-ui,sans-serif;--hp3-font-mono:"JetBrains Mono","Geist Mono",monospace}.hp3-page{background:var(--hp3-bg-primary);color:var(--hp3-text-primary);font-family:var(--hp3-font-sans)}.hp3-grid-pattern{pointer-events:none;background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.hp3-glow{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.hp3-glow-blue{background:#3b82f626}.hp3-glow-purple{background:#8b5cf626}.hp3-glow-red{background:#ef44441a}.hp3-noise{opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.hp3-h1{letter-spacing:-.02em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hp3-h2{letter-spacing:-.01em;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.15}.hp3-h3{font-size:1.5rem;font-weight:600;line-height:1.3}.hp3-label{font-family:var(--hp3-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--hp3-accent-blue);font-size:.75rem;font-weight:500}.hp3-gradient-text{background:var(--hp3-gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hp3-card{border:1px solid var(--hp3-border-light);background:#ffffff0d;border-radius:16px;transition:all .3s}.hp3-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px)}.hp3-btn-primary{color:var(--hp3-bg-primary);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:inline-flex}.hp3-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff26}.hp3-btn-secondary{color:var(--hp3-text-primary);border:1px solid var(--hp3-border-light);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:inline-flex}.hp3-btn-secondary:hover{background:#ffffff0d;border-color:#fff3}.hp3-section{padding:8rem 1.5rem;position:relative}@media (max-width:768px){.hp3-section{padding:5rem 1rem}}.hp3-status{font-family:var(--hp3-font-mono);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.375rem;font-size:.625rem;font-weight:500;display:inline-flex}.hp3-status-dot{border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hp3-browser{border:1px solid var(--hp3-border-light);border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.hp3-browser-bar{border-bottom:1px solid var(--hp3-border-light);background:#ffffff0d;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.hp3-browser-dots{gap:.375rem;display:flex}.hp3-browser-dot{border-radius:50%;width:10px;height:10px}.hp3-floating-metric{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;border:1px solid #fff3;border-radius:12px;padding:1rem;position:absolute;box-shadow:0 20px 40px #00000080}.hp3-separator{background:linear-gradient(to right,transparent,var(--hp3-border-light),transparent);height:1px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scroll-snap-align-start{scroll-snap-align:start}