:root{--brand-primary:#0b5cff;--brand-primary-strong:#0845c7;--brand-secondary:#ff6b1a;--brand-accent:#f5b942;--brand-electric:#24c8ff;--color-success:#16a36a;--color-warning:#d97706;--color-error:#dc3f4f;--color-info:#0b77d5;--gray-50:#f8fafc;--gray-100:#f0f3f7;--gray-200:#dce2ea;--gray-300:#c3ccd8;--gray-400:#8e9aaa;--gray-500:#657184;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg-primary:#ffffff;--bg-secondary:#f4f6f9;--bg-tertiary:#e9edf3;--bg-dark:#07111f;--bg-dark-soft:#0d1b2d;--bg-overlay:rgba(3,10,21,0.72);--text-primary:#101827;--text-secondary:#526174;--text-tertiary:#8290a3;--text-inverse:#ffffff;--border-primary:#dce2ea;--border-secondary:#c5ceda;--border-focus:#0b5cff;--shadow-sm:0 1px 2px rgb(7 17 31/0.06);--shadow-md:0 10px 30px rgb(7 17 31/0.08);--shadow-lg:0 20px 50px rgb(7 17 31/0.14);--shadow-xl:0 32px 80px rgb(7 17 31/0.2);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.4rem;--radius-md:0.65rem;--radius-lg:0.9rem;--radius-xl:1.25rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px}.container{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:1rem}@media (min-width:640px){.container{padding-inline:1.25rem}}@media (min-width:1024px){.container{padding-inline:2rem}}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.page-main{flex:1;background:linear-gradient(180deg,rgba(11,92,255,.025),transparent 22rem),var(--bg-secondary)}.page-header{position:sticky;top:0;z-index:50;color:#fff;background:rgba(7,17,31,.96);border-bottom:1px solid rgba(148,163,184,.18);box-shadow:0 12px 40px rgba(2,8,18,.18);backdrop-filter:blur(18px)}.page-footer{color:#fff;background:var(--bg-dark);border-top:3px solid var(--brand-secondary)}.section{padding-block:clamp(3.5rem,7vw,6.5rem)}.section-content{padding-block:clamp(2.5rem,5vw,5rem)}.section-feature{padding-block:clamp(3rem,6vw,5.5rem)}.section-hero{position:relative;overflow:hidden;padding-block:clamp(4.5rem,9vw,8rem);color:#fff;background:radial-gradient(circle at 78% 25%,rgba(36,200,255,.22),transparent 26%),radial-gradient(circle at 92% 90%,rgba(255,107,26,.2),transparent 28%),linear-gradient(135deg,#050c16,#0b1b31 52%,#081426)}.section-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(148,163,184,.22) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.22) 1px,transparent 0);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000 45%)}.card{overflow:hidden;background:#fff;border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-primary)}.card-body{padding:1.5rem}.card-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-primary);background:var(--gray-50)}.btn{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid transparent;border-radius:.75rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--brand-primary);box-shadow:0 10px 24px rgba(11,92,255,.24)}.btn-primary:hover{background:var(--brand-primary-strong)}.btn-secondary{color:var(--text-primary);background:#fff;border-color:var(--border-primary)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-outline{color:var(--brand-primary);background:transparent;border-color:currentColor}.btn-outline:hover{color:#fff;background:var(--brand-primary);border-color:var(--brand-primary)}.industrial-grid{background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 0);background-size:28px 28px}.signal-line{height:2px;background:linear-gradient(90deg,transparent,var(--brand-electric),var(--brand-secondary),transparent);box-shadow:0 0 16px rgba(36,200,255,.65)}.speaker-cone{position:relative;width:min(21rem,70vw);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,#101a27 0 12%,#2b3a4b 13% 21%,#050a11 22% 43%,#1f3043 44% 48%,#07111f 49% 62%,#1b2a3b 63% 66%,#050a11 67%);border:1px solid rgba(148,163,184,.3);box-shadow:0 0 0 12px rgba(148,163,184,.06),0 34px 80px rgba(0,0,0,.55),0 0 65px rgba(36,200,255,.15)}.speaker-cone:after,.speaker-cone:before{content:"";position:absolute;inset:8%;border-radius:inherit;border:1px solid rgba(255,255,255,.1)}.speaker-cone:after{inset:38%;border:2px solid rgba(255,107,26,.7);box-shadow:0 0 30px rgba(255,107,26,.35)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--brand-secondary);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:1.75rem;height:2px;background:currentColor}@media (prefers-reduced-motion:no-preference){.speaker-cone{animation:speaker-pulse 3.6s ease-in-out infinite}@keyframes speaker-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}}@media (max-width:767px){.section-hero{padding-block:3.5rem 4rem}[role=button],a.btn,button{min-height:44px}.overflow-x-auto,.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}td,th{font-size:.8rem}}.notification-container{position:fixed;top:1rem;right:1rem;z-index:9999;width:100%;max-width:24rem;pointer-events:none}.notification-item{pointer-events:auto;margin-bottom:.5rem;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);backdrop-filter:blur(10px);transform:translateX(100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-item.show{transform:translateX(0)}.notification-item.hide{transform:translateX(100%);opacity:0}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.notification-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;animation:slideInRight .3s ease-out}.notification-success .notification-icon{animation:bounce .6s ease-out .2s}.notification-error{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5;animation:slideInRight .3s ease-out}.notification-error .notification-icon{animation:shake .5s ease-out .2s}.notification-warning{background:linear-gradient(135deg,#fffbeb,#fed7aa);border:1px solid #fdba74;animation:slideInRight .3s ease-out}.notification-warning .notification-icon{animation:pulse 1s ease-in-out .2s}.notification-info{background:linear-gradient(135deg,#eff6ff,#bfdbfe);border:1px solid #93c5fd;animation:slideInRight .3s ease-out}.notification-info .notification-icon{animation:bounce .6s ease-out .2s}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,.3);border-radius:0 0 .5rem .5rem;overflow:hidden}.notification-progress:after{content:"";position:absolute;top:0;left:0;height:100%;background:currentColor;animation:progress linear}@keyframes progress{0%{width:100%}to{width:0}}.notification-item:hover{transform:translateX(-4px) scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.notification-item:hover .notification-progress:after{animation-play-state:paused}@media (prefers-color-scheme:dark){.notification-success{background:linear-gradient(135deg,#064e3b,#065f46);border:1px solid #059669;color:#d1fae5}.notification-error{background:linear-gradient(135deg,#7f1d1d,#991b1b);border:1px solid #dc2626;color:#fecaca}.notification-warning{background:linear-gradient(135deg,#78350f,#92400e);border:1px solid #d97706;color:#fed7aa}.notification-info{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border:1px solid #3b82f6;color:#bfdbfe}}@media (max-width:640px){.notification-container{top:.5rem;right:.5rem;left:.5rem;max-width:none}.notification-item{margin-bottom:.25rem}}@media (prefers-reduced-motion:reduce){.notification-icon,.notification-item,.notification-progress:after{animation:none!important;transition:none!important}.notification-item:hover{transform:none}}@media (prefers-contrast:high){.notification-item{border-width:2px;box-shadow:none}}