@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-deep: #060913;--bg-surface: #0a1124;--bg-card: rgba(11, 19, 40, .8);--bg-card-hover: rgba(16, 28, 58, .92);--dynaris-violet: #8b5cf6;--dynaris-purple: #a855f7;--dynaris-cyan: #00f0ff;--dynaris-emerald: #10b981;--dynaris-pink: #ec4899;--status-live: #10b981;--grad-dynaris: linear-gradient(135deg, #00f0ff 0%, #8b5cf6 50%, #ec4899 100%);--grad-radar: conic-gradient(from 0deg, transparent 0deg, rgba(139, 92, 246, .2) 300deg, rgba(139, 92, 246, .75) 360deg);--text-main: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: rgba(255, 255, 255, .09);--border-glow: rgba(139, 92, 246, .3);--shadow-banner: 0 25px 60px -15px rgba(0, 0, 0, .75);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;background-color:var(--bg-deep);scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-main);line-height:1.5;min-height:100vh;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.bg-grid-pattern{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:1;mask-image:radial-gradient(ellipse at center,#000 20%,#0000004d 85%);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 20%,rgba(0,0,0,.3) 85%)}.banner-wrapper{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 2rem 1.75rem;max-width:1360px;margin:0 auto;width:100%}.banner-header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.65rem 1.25rem;background:#0a101fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);margin-bottom:2rem;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff14}.header-left-group{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.brand-logo-link{display:flex;align-items:center;text-decoration:none}.gocpa-logo-img{height:28px;width:auto;object-fit:contain}.brand-separator{color:var(--text-muted);font-size:.85rem;opacity:.5}.dynaris-logo-badge{font-family:var(--font-mono);font-size:.82rem;font-weight:700;letter-spacing:.08em;color:#c084fc;background:#a855f724;padding:.22rem .65rem;border-radius:var(--radius-full);border:1px solid rgba(168,85,247,.35);text-transform:uppercase;white-space:nowrap!important}.header-live-status{display:inline-flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:600;color:#34d399;letter-spacing:.03em;background:#10b98114;border:1px solid rgba(16,185,129,.25);padding:.22rem .75rem;border-radius:var(--radius-full);white-space:nowrap!important;flex-shrink:0}.status-text-short{display:none}.status-dot-pulse{position:relative;width:7px;height:7px;border-radius:50%;background-color:var(--status-live);flex-shrink:0}.status-dot-pulse:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:#10b98180;animation:pulseDot 2s cubic-bezier(.24,0,.38,1) infinite}@keyframes pulseDot{0%{transform:scale(.6);opacity:1}to{transform:scale(2.2);opacity:0}}.header-action-links{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.header-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-full);text-decoration:none;white-space:nowrap!important;flex-shrink:0;transition:all var(--transition-fast)}.email-text-short,.wa-text-short{display:none}.btn-portal{color:var(--text-main);background:#ffffff0d;border:1px solid var(--border-subtle)}.btn-portal:hover{background:#8b5cf626;border-color:#8b5cf673;color:#c084fc;box-shadow:0 0 15px #8b5cf640}.btn-email{color:#e2e8f0;background:#ffffff0d;border:1px solid var(--border-subtle)}.btn-email:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff}.btn-whatsapp{color:#34d399;background:#10b98114;border:1px solid rgba(16,185,129,.3)}.btn-whatsapp:hover{background:#10b98129;border-color:#10b98180;box-shadow:0 0 15px #10b98140}.banner-main{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1rem 0 2rem;gap:2.25rem}.banner-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:3.5rem;align-items:center;width:100%}.banner-text-col{text-align:left;display:flex;flex-direction:column;align-items:flex-start}.banner-eyebrow{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1.15rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.35);border-radius:var(--radius-full);font-size:.8rem;font-weight:700;letter-spacing:.06em;color:#c084fc;text-transform:uppercase;margin-bottom:1.5rem;box-shadow:0 0 20px #8b5cf629}.banner-eyebrow svg{animation:pulseScale 3s ease-in-out infinite alternate}@keyframes pulseScale{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.1);opacity:1}}.banner-title{font-size:clamp(2.35rem,3.8vw,3.6rem);font-weight:800;line-height:1.16;letter-spacing:-.03em;margin-bottom:1.25rem;max-width:680px}.banner-title .gradient-text{background:var(--grad-dynaris);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.banner-description{font-size:clamp(1rem,1.2vw,1.12rem);color:var(--text-secondary);line-height:1.65;margin-bottom:1.75rem;max-width:620px}.banner-tabs-row{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;margin-bottom:1.25rem;width:100%}.banner-tab-pill{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);color:var(--text-secondary);font-family:var(--font-sans);font-size:.84rem;font-weight:600;padding:.48rem 1.1rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap!important;flex-shrink:0}.banner-tab-pill:hover{background:#ffffff14;color:var(--text-main);border-color:#8b5cf666}.banner-tab-pill.active{background:#8b5cf62e;color:#c084fc;border-color:#8b5cf6;box-shadow:0 0 16px #8b5cf659}.banner-feature-callout{background:#0a1122a6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-left:3px solid #8b5cf6;border-top:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:.9rem 1.25rem;margin-bottom:1.85rem;font-size:.9rem;color:#cbd5e1;line-height:1.55;width:100%;max-width:620px;box-shadow:0 8px 24px -6px #00000059;transition:all var(--transition-fast)}.notify-compact-box{width:100%;max-width:520px}.notify-form{display:flex;gap:.65rem;width:100%}.notify-input{flex:1;height:48px;background:#0a101fd9;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:0 1.2rem;font-family:var(--font-sans);font-size:.9rem;color:var(--text-main);outline:none;transition:all var(--transition-fast)}.notify-input::placeholder{color:var(--text-muted)}.notify-input:focus{border-color:#8b5cf6;box-shadow:0 0 16px #8b5cf659;background:#0a101f}.btn-notify-submit{height:48px;padding:0 1.6rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-family:var(--font-sans);font-size:.9rem;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap!important;transition:all var(--transition-fast);box-shadow:0 4px 16px #8b5cf666}.btn-notify-submit:hover{transform:translateY(-2px);box-shadow:0 6px 22px #8b5cf699;filter:brightness(1.1)}.form-feedback-msg{font-size:.82rem;margin-top:.6rem;min-height:20px}.form-feedback-msg.success{color:#34d399}.form-feedback-msg.error{color:#f87171}.banner-hud-col{display:flex;justify-content:flex-end;width:100%}.interactive-hud-glass{width:100%;max-width:440px;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.35);border-radius:var(--radius-lg);padding:1.85rem;box-shadow:var(--shadow-banner),0 0 35px #8b5cf626;position:relative;overflow:hidden}.hud-top-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.9rem;border-bottom:1px solid var(--border-subtle)}.hud-title-text{font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.08em;color:#c084fc;text-transform:uppercase}.hud-ping-counter{font-family:var(--font-mono);font-size:.78rem;color:#34d399}.radar-display-wrap{position:relative;width:220px;height:220px;margin:0 auto 1.75rem;border-radius:50%;background:radial-gradient(circle,#8b5cf61f,#0a1224cc 70%);border:1px solid rgba(139,92,246,.35);box-shadow:inset 0 0 25px #8b5cf62e,0 0 25px #8b5cf61f;display:flex;align-items:center;justify-content:center;overflow:hidden}.radar-circle-ring{position:absolute;border-radius:50%;border:1px dashed rgba(139,92,246,.28)}.ring-1{width:70px;height:70px}.ring-2{width:140px;height:140px}.ring-3{width:210px;height:210px;border-style:solid}.radar-crosshair-x{position:absolute;width:100%;height:1px;background:#8b5cf633}.radar-crosshair-y{position:absolute;height:100%;width:1px;background:#8b5cf633}.radar-sweep-beam{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(139,92,246,.2) 300deg,rgba(139,92,246,.8) 360deg);animation:sweepCycle 4s linear infinite;mask-image:radial-gradient(circle at center,transparent 15%,black 100%);-webkit-mask-image:radial-gradient(circle at center,transparent 15%,black 100%)}@keyframes sweepCycle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-node-blip{position:absolute;width:7px;height:7px;border-radius:50%;background:#c084fc;box-shadow:0 0 10px #c084fc;animation:blipFade 3s ease-in-out infinite alternate}.blip-1{top:32%;left:62%;animation-delay:.3s}.blip-2{top:68%;left:32%;animation-delay:1.1s}.blip-3{top:22%;left:38%;animation-delay:2.2s}@keyframes blipFade{0%{transform:scale(.8);opacity:.3}to{transform:scale(1.4);opacity:1}}.hud-telemetry-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.telemetry-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:.7rem .85rem;min-width:0}.metric-lbl{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-val{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.metric-val.val-purple{color:#c084fc}.metric-val.val-cyan{color:var(--dynaris-cyan)}.metric-val.val-green{color:#34d399}.aeo-drawer-section{width:100%;max-width:1200px;margin:1rem auto 0;padding-top:1.5rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center}.aeo-toggle-btn{background:#ffffff08;border:1px dashed rgba(139,92,246,.35);color:#cbd5e1;font-size:.82rem;font-weight:600;padding:.55rem 1.25rem;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.aeo-toggle-btn:hover{background:#8b5cf61a;color:#c084fc;border-color:#8b5cf6;box-shadow:0 0 16px #8b5cf640}.aeo-content-box{display:none;width:100%;background:#0a101fe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-lg);padding:1.75rem;margin-top:1.25rem;text-align:left;box-shadow:0 15px 35px -10px #0009}.aeo-content-box.open{display:block;animation:fadeIn .35s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.aeo-grid-qa{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.qa-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:1.1rem 1.25rem;transition:all var(--transition-fast)}.qa-card:hover{border-color:#8b5cf659;background:#8b5cf60a}.qa-card h4{font-size:.92rem;font-weight:700;color:#c084fc;margin-bottom:.45rem}.qa-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.55}.banner-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.06);font-size:.82rem;color:var(--text-muted);width:100%}@media(max-width:1240px){.status-text-full{display:none}.status-text-short{display:inline}.email-text-full{display:none}.email-text-short{display:inline}.wa-text-full{display:none}.wa-text-short{display:inline}}@media(max-width:992px){.banner-header{flex-wrap:wrap;justify-content:center;gap:.85rem;border-radius:var(--radius-lg);padding:.85rem}.header-left-group{justify-content:center;width:100%}.header-action-links{justify-content:center;width:100%;flex-wrap:wrap}.banner-grid{grid-template-columns:1fr;gap:2.5rem}.banner-text-col{text-align:center;align-items:center}.banner-title{max-width:100%}.banner-description{margin:0 auto 1.75rem}.banner-tabs-row{justify-content:center}.banner-feature-callout{margin:0 auto 1.75rem}.notify-compact-box{margin:0 auto}.banner-hud-col{justify-content:center;order:-1}.interactive-hud-glass{margin:0 auto}.aeo-grid-qa{grid-template-columns:1fr}}@media(max-width:640px){.banner-wrapper{padding:1rem}.notify-form{flex-direction:column}.btn-notify-submit{width:100%;justify-content:center}.banner-footer{flex-direction:column;text-align:center;gap:.6rem}}