:root{--bg-app:#fbfcfd;--bg-surface:#fff;--bg-muted:#f1f5f9;--brand-primary:#6366f1;--brand-secondary:#4f46e5;--brand-glow:#6366f126;--text-main:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-subtle:#0f172a14;--border-standard:#e2e8f0;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--font-heading:"Trebuchet MS", "Aptos Display", "Segoe UI", sans-serif;--font-body:"Aptos", "Segoe UI", "Noto Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit}button,input,select{font:inherit}.app-container{max-width:1200px;margin:0 auto;padding:0 2rem}.main-content{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.hero-title{color:#0f172a;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1}.card-premium{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .25s}.card-premium:hover{box-shadow:var(--shadow-lg);border-color:var(--border-standard);transform:translateY(-2px)}.nav-bar{-webkit-backdrop-filter:blur(40px)saturate(160%);z-index:1000;background:#fff6;border-bottom:1px solid #0f172a0d;position:sticky;top:0;box-shadow:0 4px 30px #00000008}.scroll-fade-top{z-index:999;pointer-events:none;background:linear-gradient(#fff 0% 112px,#fff0 100%);height:140px;position:fixed;top:0;left:0;right:0}.btn-premium{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.6rem;padding:.8rem 1.6rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-brand{background:var(--brand-primary);color:#fff;box-shadow:0 4px 14px var(--brand-glow)}.btn-brand:hover{background:var(--brand-secondary);transform:scale(1.02)}.hero-highlights{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.hero-chip{border:1px solid var(--border-standard);color:var(--text-secondary);background:#ffffffbf;border-radius:999px;align-items:center;padding:.55rem .9rem;font-size:.88rem;font-weight:600;display:inline-flex}.status-note,.panel-note{color:var(--text-muted);font-size:.88rem}.inline-alert{color:#991b1b;background:#fef2f2f2;border:1px solid #ef444433;border-radius:12px;padding:.9rem 1rem;font-size:.9rem}.empty-state{border:1px dashed var(--border-standard);color:var(--text-secondary);background:#f8fafc;border-radius:12px;padding:1rem 1.1rem}.skip-link{background:var(--brand-primary);color:#fff;z-index:10000;border-radius:10px;padding:.75rem 1rem;text-decoration:none;position:absolute;top:-40px;left:1rem}.skip-link:focus{top:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-links-premium a{transition:color .3s;position:relative}.nav-links-premium a:after{content:"";background:var(--brand-primary);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links-premium a:hover{color:var(--brand-primary)!important}.nav-links-premium a:hover:after{width:100%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #6366f147}@media (max-width:960px){.nav-bar .app-container{flex-direction:column!important;align-items:flex-start!important}.nav-links-premium{flex-wrap:wrap!important;justify-content:space-between!important;gap:1rem!important;width:100%!important}.link-group{flex-wrap:wrap!important;gap:1rem!important}.dashboard-grid{grid-template-columns:1fr!important}}@media (max-width:720px){.app-container{padding:0 1.25rem}.hero-modern{padding:6rem 0 4rem!important}.feature-selector{flex-direction:column!important}.rule-card{flex-direction:column!important;align-items:flex-start!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card-premium:hover,.btn-brand:hover{transform:none}}