:root{--primary-color:#036;--primary-light:#1565c0;--primary-dark:#024;--secondary-color:#2196f3;--accent-color:#64b5f6;--success-color:#4caf50;--warning-color:#ff9800;--error-color:#ef4444;--info-color:#2196f3;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}#root{min-height:100vh}.app-layout{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg,var(--primary-color)0%,var(--primary-dark)100%);color:#fff;z-index:100;flex-direction:column;width:280px;height:100vh;display:flex;position:fixed}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px}.sidebar-logo{align-items:center;gap:12px;font-size:1.5rem;font-weight:700;display:flex}.sidebar-nav{flex:1;padding:16px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-title{text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin-bottom:8px;padding:0 12px;font-size:.75rem}.nav-link{border-radius:var(--radius-md);color:#fffc;transition:all var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{color:#fff;background:#fff3}.sidebar-footer{border-top:1px solid #ffffff1a;padding:16px 24px}.main-content{flex:1;min-height:100vh;margin-left:280px}.topbar{background:var(--bg-secondary);z-index:50;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.topbar-title{color:var(--text-primary);font-size:1.5rem;font-weight:700}.topbar-actions{align-items:center;gap:16px;display:flex}.page-content{padding:32px}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.card-body{padding:24px}.card-footer{background:var(--bg-tertiary);border-top:1px solid #e2e8f0;padding:16px 24px}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}.stat-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.stat-card-value{color:var(--text-primary);margin-top:16px;font-size:2rem;font-weight:700}.stat-card-label{color:var(--text-secondary);font-size:.875rem}.icon-box{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon-box.bg-primary{color:var(--primary-color);background:#0033661a}.icon-box.bg-success{color:var(--success-color);background:#4caf501a}.icon-box.bg-warning{color:var(--warning-color);background:#ff98001a}.icon-box.bg-error{color:var(--error-color);background:#ef44441a}.icon-box.bg-info{color:var(--info-color);background:#2196f31a}.avatar{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;display:flex}.avatar-lg{width:64px;height:64px;font-size:1.5rem}.avatar-sm{width:32px;height:32px;font-size:.75rem}.bg-gradient-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-light))}.bg-gradient-success{background:linear-gradient(135deg,#4caf50,#66bb6a)}.bg-gradient-warning{background:linear-gradient(135deg,#ff9800,#ffb74d)}.bg-gradient-info{background:linear-gradient(135deg,#2196f3,#64b5f6)}.bg-gradient-error{background:linear-gradient(135deg,#ef4444,#f87171)}.bg-primary{background:var(--primary-color)}.bg-success{background:var(--success-color)}.bg-warning{background:var(--warning-color)}.bg-error{background:var(--error-color)}.bg-info{background:var(--info-color)}.bg-primary-light{background:#00336614}.bg-success-light{background:#4caf5014}.bg-warning-light{background:#ff980014}.bg-surface-secondary{background:var(--bg-tertiary)}.badge-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.rounded-t{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.px-2{padding-left:8px;padding-right:8px}.py-8{padding-top:32px;padding-bottom:32px}.py-12{padding-top:48px;padding-bottom:48px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.ml-auto{margin-left:auto}.w-8{width:32px}.w-32{width:128px}.w-48{width:192px}.h-2{height:8px}.h-8{height:32px}.h-32{height:128px}.relative{position:relative}.absolute{position:absolute}.left-3{left:12px}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.pl-10{padding-left:40px}.transition-all{transition:all .3s}.duration-500{transition-duration:.5s}.text-right{text-align:right}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-lg{font-size:1.125rem}.progress-bar{background:var(--bg-tertiary);border-radius:100px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:100px;height:100%;transition:width .5s}.progress-bar-fill.bg-primary{background:var(--primary-color)}.progress-bar-fill.bg-success{background:var(--success-color)}.progress-bar-fill.bg-warning{background:var(--warning-color)}.progress-bar-fill.bg-error{background:var(--error-color)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-success{background:var(--success-color);color:#fff}.btn-danger{background:var(--error-color);color:#fff}.btn-sm{padding:6px 12px;font-size:.75rem}.btn-icon{width:36px;height:36px;padding:8px}.form-group{margin-bottom:20px}.form-label{color:var(--text-primary);margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--bg-secondary);transition:all var(--transition-fast);border:1px solid #e2e8f0;padding:12px 16px;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #0033661a}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:120px}.form-error{color:var(--error-color);margin-top:4px;font-size:.75rem}.form-hint{color:var(--text-secondary);margin-top:4px;font-size:.75rem}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px 16px}.table th{background:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.table tbody tr:hover{background:var(--bg-tertiary)}.badge{border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary-color);background:#0033661a}.badge-success{color:var(--success-color);background:#4caf501a}.badge-warning{color:var(--warning-color);background:#ff98001a}.badge-danger{color:var(--error-color);background:#ef44441a}.badge-info{color:var(--info-color);background:#2196f31a}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-size:1.25rem;font-weight:700}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:4px}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.alert-success{color:var(--success-color);background:#4caf501a;border:1px solid #4caf5033}.alert-warning{color:#b45309;background:#ff98001a;border:1px solid #ff980033}.alert-error{color:var(--error-color);background:#ef44441a;border:1px solid #ef444433}.alert-info{color:var(--info-color);background:#2196f31a;border:1px solid #2196f333}.loading-spinner{border:3px solid var(--bg-tertiary);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px;display:flex}.loading-text{color:var(--text-secondary);font-size:.875rem}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{margin-bottom:16px;font-size:4rem}.empty-state-title{color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:600}.empty-state-description{color:var(--text-secondary);margin-bottom:24px}.grid{gap:24px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.login-container{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-dark)100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:#fff;width:100%;max-width:420px;padding:48px}.login-logo{text-align:center;margin-bottom:32px}.login-logo .icon{font-size:3rem}.login-logo h1{color:var(--primary-color);margin-top:8px;font-size:1.75rem}.login-logo p{color:var(--text-secondary);font-size:.875rem}@media (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.page-content{padding:16px}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.my-6{margin-top:24px;margin-bottom:24px}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.divider{text-align:center;align-items:center;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--text-muted);opacity:.3;flex:1}.divider span{padding:0 12px}.table tr:last-child td{border-bottom:none}.table-striped tbody tr:nth-child(2n){background:var(--bg-tertiary)}.card-hover{transition:all .3s}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.text-white{color:#fff}.text-white-80{color:#fffc}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:4px}.p-0{padding:0}.chart-container{min-height:128px;position:relative}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.online{background:var(--success-color)}.status-dot.offline{background:var(--text-muted)}.status-dot.pending{background:var(--warning-color)}.tooltip-wrapper{position:relative}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible}.tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background:#1e293b;border-radius:6px;margin-bottom:4px;padding:6px 10px;font-size:.75rem;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.icon-warning{color:var(--warning-color)}.icon-primary{color:var(--primary-color)}.icon-success{color:var(--success-color)}.icon-error{color:var(--error-color)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.rating-slider{appearance:none;cursor:pointer;border-radius:4px;outline:none;height:8px}.rating-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border:3px solid #fff;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 6px #0003}.rating-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 10px #0000004d}.rating-slider::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0003}.bg-error-light{background:#ef444414}.bg-info-light{background:#2196f314}.ring-2{box-shadow:0 0 0 2px}.ring-primary{--tw-ring-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}.overflow-hidden{overflow:hidden}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-50{opacity:.5}.border-t{border-top:1px solid #e2e8f0}.border-2{border-width:2px}.border-gray-200{border-color:#e2e8f0}.border-success{border-color:var(--success-color)}.border-warning{border-color:var(--warning-color)}.border-error{border-color:var(--error-color)}.divide-y>*+*{border-top:1px solid #e2e8f0}.w-1\.5{width:6px}.h-1\.5{height:6px}.w-5{width:20px}.h-5{height:20px}.card-header{border-bottom:1px solid #e2e8f0;padding:16px 24px}.btn-lg{padding:14px 28px;font-size:1rem}.flex-wrap{flex-wrap:wrap}.px-3{padding-left:12px;padding-right:12px}.py-1{padding-top:4px;padding-bottom:4px}.animate-spin{animation:1s linear infinite spin}.mt-0\.5{margin-top:2px}.landing{color:#fff;background:#0a0a0f;min-height:100vh;overflow-x:hidden}.landing-nav{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fcc;border-bottom:1px solid #ffffff0d;padding:16px 0;position:fixed;top:0;left:0;right:0}.landing-nav-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 32px;display:flex}.landing-logo{color:#fff;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.landing-logo-icon{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.landing-nav-links{align-items:center;gap:32px;display:flex}.landing-nav-links a{color:#ffffffb3;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:#fff}.landing-nav-btn{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:10px;color:#fff!important;padding:10px 24px!important;font-weight:600!important}.landing-nav-btn:hover{opacity:.9;transform:translateY(-1px)}.hero{justify-content:center;align-items:center;gap:60px;max-width:1400px;min-height:100vh;margin:0 auto;padding:120px 32px 80px;display:flex;position:relative}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-gradient{pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#8b5cf61a 30%,#0000 70%);width:1200px;height:1200px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.hero-pattern{background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.hero-content{z-index:1;flex:1;max-width:640px}.hero-badge{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:.85rem;display:inline-flex}.hero-badge svg{color:#f59e0b}.hero-title{letter-spacing:-.02em;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-title-gradient{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#fff9;margin-bottom:32px;font-size:1.125rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:16px;margin-bottom:48px;display:flex}.hero-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:14px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 32px #3b82f64d}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #3b82f666}.hero-btn-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.hero-btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.hero-stats{gap:40px;display:flex}.hero-stat{text-align:center}.hero-stat-value{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:800}.hero-stat-label{color:#ffffff80;margin-top:4px;font-size:.875rem}.hero-visual{z-index:1;position:relative}.hero-phone-wrapper{align-items:center;gap:30px;display:flex}@media (max-width:1200px){.hero-phone-wrapper{flex-direction:column;align-items:center}}.hero-phone{background:linear-gradient(#1a1a2e 0%,#16162a 100%);border:1px solid #ffffff1a;border-radius:40px;width:280px;height:560px;padding:12px;box-shadow:0 50px 100px #00000080,inset 0 1px #ffffff1a}.hero-phone-screen{background:linear-gradient(#0f0f1a 0%,#1a1a2e 100%);border-radius:32px;height:100%;padding:24px 16px;overflow:hidden}.hero-phone-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:16px;font-weight:600;display:flex}.hero-phone-header svg{color:#3b82f6}.hero-phone-content{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hero-phone-card{color:#fffc;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px 12px;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.hero-phone-notch{z-index:10;background:#0a0a0f;border-radius:0 0 16px 16px;width:80px;height:24px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hero-phone-status{color:#ffffff80;margin-left:auto;font-size:.75rem}.hero-phone-greeting{color:#ffffffe6;align-items:center;gap:8px;margin-bottom:20px;font-size:1rem;display:flex}.greeting-wave{font-size:1.25rem}.hero-phone-card{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;font-size:.75rem;font-weight:500;transition:all .3s;display:flex;position:relative}.hero-phone-card:hover,.hero-phone-card.active{background:rgba(var(--card-color-rgb,59,130,246),.1);border-color:rgba(var(--card-color-rgb,59,130,246),.3);transform:scale(1.02)}.hero-phone-card-icon{background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hero-tooltip{display:none}.hero-tooltip-outside{z-index:100;background:#141423fa;border:1px solid #ffffff26;border-radius:16px;width:320px;max-width:320px;padding:24px;animation:.2s ease-out tooltipFadeIn;position:absolute;top:50%;left:auto;right:calc(100% + 30px);transform:translateY(-50%);box-shadow:0 20px 60px #00000080}.hero-tooltip-arrow{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:8px solid #141423fa;width:0;height:0;position:absolute;top:50%;left:auto;right:-8px;transform:translateY(-50%)}@media (max-width:1200px){.hero-tooltip-outside{width:100%;max-width:400px;margin-top:20px;animation:.2s ease-out tooltipFadeInMobile;position:relative;top:auto;left:auto;right:auto;transform:none}.hero-tooltip-arrow{display:none}}@keyframes tooltipFadeInMobile{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%)translate(10px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.hero-tooltip-content h4{color:#fff;margin-bottom:8px;font-size:1rem;font-weight:700}.hero-tooltip-content p{color:#ffffffb3;font-size:.85rem;line-height:1.6}.hero-phone-nav{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;justify-content:space-around;padding:12px 0;display:flex;position:absolute;bottom:20px;left:16px;right:16px}.hero-phone-nav-item{color:#fff6;flex-direction:column;align-items:center;gap:4px;font-size:.65rem;display:flex}.hero-phone-nav-item.active{color:#3b82f6}.hero-phone-nav-item svg{width:16px;height:16px}.hero-stat-icon{color:#fff6;margin-bottom:4px}.hero-glow{filter:blur(60px);z-index:-1;background:radial-gradient(circle,#3b82f633 0%,#0000 70%);width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.usp{background:#ffffff05;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:24px 32px}.usp-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:flex}.usp-item{align-items:center;gap:12px;display:flex}.usp-icon{color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.usp-text{flex-direction:column;display:flex}.usp-text strong{font-size:.9rem;font-weight:600}.usp-text span{color:#ffffff80;font-size:.8rem}.usp-divider{background:#ffffff1a;width:1px;height:40px}.section-header{text-align:center;max-width:640px;margin:0 auto 60px}.section-tag{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:2.5rem;font-weight:800}.section-subtitle{color:#fff9;font-size:1.1rem;line-height:1.7}.features{background:linear-gradient(#0a0a0f 0%,#0f0f1a 100%);padding:100px 32px}.features-container{max-width:1200px;margin:0 auto}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;padding:32px;transition:all .3s}.feature-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-4px)}.feature-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.feature-title{margin-bottom:12px;font-size:1.25rem;font-weight:700}.feature-description{color:#ffffff80;font-size:.95rem;line-height:1.6}.features-grid-large{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card-large{background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;padding:32px;transition:all .3s;position:relative}.feature-card-large:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-4px)}.feature-badge{border-radius:100px;margin-bottom:16px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.feature-icon-large{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}.feature-title-large{margin-bottom:12px;font-size:1.25rem;font-weight:700}.feature-description-large{color:#ffffff80;font-size:.9rem;line-height:1.7}.calculators{background:linear-gradient(#0f0f1a 0%,#0a0a0f 100%);padding:100px 32px}.calculators-container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.calculators-content{order:1}.calculators-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}.calculator-category h4{color:#fff;margin-bottom:12px;font-size:.95rem;font-weight:600}.calculator-category ul{margin:0;padding:0;list-style:none}.calculator-category li{color:#fff9;align-items:center;gap:8px;padding:6px 0;font-size:.85rem;display:flex}.calculator-category li svg{color:#10b981;flex-shrink:0}.calculators-visual{order:2}.calculator-preview{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;overflow:hidden}.calculator-preview-header{background:#ffffff05;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:20px 24px;font-weight:600;display:flex}.calculator-preview-header svg{color:#f59e0b}.calculator-preview-body{padding:24px}.calculator-input{margin-bottom:16px}.calculator-input label{color:#ffffff80;margin-bottom:6px;font-size:.8rem;display:block}.calculator-input-field{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:1rem;font-weight:500;display:flex}.calculator-input-field .unit{color:#fff6;font-size:.85rem}.calculator-result{text-align:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;border-radius:16px;margin-top:24px;padding:20px}.result-label{color:#ffffff80;margin-bottom:8px;font-size:.8rem;display:block}.result-value{color:#3b82f6;font-size:1.75rem;font-weight:700}.result-percent{color:#10b981;margin-top:4px;font-size:.9rem;display:block}.audiences{background:#0a0a0f;padding:100px 32px}.audiences-container{max-width:1200px;margin:0 auto}.audiences-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.audience-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;padding:32px;transition:all .3s}.audience-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-4px)}.audience-icon{color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.audience-card h3{margin-bottom:12px;font-size:1.1rem;font-weight:700}.audience-card p{color:#ffffff80;margin-bottom:20px;font-size:.9rem;line-height:1.6}.audience-features{margin:0;padding:0;list-style:none}.audience-features li{color:#ffffffb3;align-items:center;gap:8px;padding:6px 0;font-size:.85rem;display:flex}.audience-features li svg{color:#10b981;flex-shrink:0}.schools-buttons{flex-wrap:wrap;gap:16px;display:flex}.schools-btn-secondary{color:#fff;background:0 0;border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.schools-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.schools{background:#0f0f1a;padding:100px 32px}.schools-container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.schools-content .section-title{text-align:left}.schools-features{flex-direction:column;gap:24px;margin:32px 0;display:flex}.schools-feature{align-items:flex-start;gap:16px;display:flex}.schools-feature-icon{color:#3b82f6;background:#3b82f61a;border-radius:12px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex}.schools-feature-text h4{margin-bottom:4px;font-size:1rem;font-weight:600}.schools-feature-text p{color:#ffffff80;font-size:.9rem}.schools-btn{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.schools-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #3b82f64d}.schools-visual{flex-direction:column;gap:20px;display:flex}.schools-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;overflow:hidden}.schools-card-header{background:#ffffff05;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:16px 20px;font-size:.95rem;font-weight:600;display:flex}.schools-card-header svg{color:#3b82f6}.schools-card-body{padding:20px}.schools-card-stat{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:12px 0;display:flex}.schools-card-stat:last-child{border-bottom:none}.schools-card-stat-value{font-size:1.1rem;font-weight:700}.schools-card-stat-label{color:#ffffff80;font-size:.9rem}.schools-card-admin .schools-card-header svg{color:#8b5cf6}.schools-card-item{color:#fffc;align-items:center;gap:12px;padding:10px 0;font-size:.95rem;display:flex}.schools-card-item svg{color:#fff6}.cta{padding:80px 32px}.cta-container{border-radius:32px;max-width:900px;margin:0 auto;position:relative;overflow:hidden}.cta-bg{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%);position:absolute;inset:0}.cta-content{text-align:center;padding:60px;position:relative}.cta-title{margin-bottom:16px;font-size:2.25rem;font-weight:800}.cta-subtitle{opacity:.9;margin-bottom:32px;font-size:1.1rem}.cta-btn{color:#3b82f6;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:18px 36px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0003}.contact{background:#0a0a0f;padding:100px 32px}.contact-container{max-width:800px;margin:0 auto}.contact-content{margin-top:40px}.contact-success{text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;padding:60px 40px}.contact-success svg{color:#10b981;margin-bottom:24px}.contact-success h3{margin-bottom:12px;font-size:1.5rem;font-weight:700}.contact-success p{color:#fff9}.contact-form{background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;padding:40px}.contact-form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.contact-form-group{flex-direction:column;gap:8px;display:flex}.contact-form-group label{color:#fffc;align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.contact-form-group label svg{color:#fff6}.contact-form-group input,.contact-form-group textarea{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:14px 16px;font-size:.95rem;transition:all .2s}.contact-form-group input::placeholder,.contact-form-group textarea::placeholder{color:#ffffff4d}.contact-form-group input:focus,.contact-form-group textarea:focus{background:#3b82f60d;border-color:#3b82f6;outline:none}.contact-form-group textarea{resize:vertical;min-height:120px}.contact-form-full{grid-column:1/-1;margin-bottom:24px}.contact-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.contact-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #3b82f64d}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-info{justify-content:center;margin-top:32px;display:flex}.contact-info-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:16px;padding:20px 32px;display:flex}.contact-info-card svg{color:#3b82f6}.contact-info-card h4{color:#ffffff80;margin-bottom:4px;font-size:.85rem;font-weight:500}.contact-info-card a{color:#fff;font-weight:600;text-decoration:none}.contact-info-card a:hover{color:#3b82f6}.footer{background:#06060a;border-top:1px solid #ffffff0d;padding:60px 32px 40px}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;display:grid}.footer-brand p{color:#ffffff80;max-width:300px;margin-top:16px;font-size:.95rem}.footer-column h4{color:#fffc;margin-bottom:20px;font-size:.9rem;font-weight:600}.footer-column a{color:#ffffff80;padding:6px 0;font-size:.9rem;text-decoration:none;transition:color .2s;display:block}.footer-column a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #ffffff0d;grid-column:1/-1;padding-top:32px}.footer-bottom p{color:#fff6;font-size:.875rem}@media (max-width:1024px){.hero{text-align:center;flex-direction:column;padding-top:140px}.hero-content{max-width:100%}.hero-buttons,.hero-stats{justify-content:center}.hero-tooltip{display:none}.features-grid,.features-grid-large,.audiences-grid{grid-template-columns:repeat(2,1fr)}.calculators-container{grid-template-columns:1fr;gap:60px}.calculators-visual{order:1;max-width:400px;margin:0 auto}.calculators-content{text-align:center;order:2}.calculators-content .section-subtitle{text-align:center!important}.schools-container{grid-template-columns:1fr;gap:60px}.schools-content .section-title,.schools-content .section-subtitle{text-align:center}.schools-features{align-items:center}.schools-buttons{justify-content:center}.schools-btn{justify-content:center;width:fit-content;margin:0 auto;display:flex}.usp-divider{display:none}.footer-container{grid-template-columns:1fr 1fr}.footer-brand{text-align:center;grid-column:1/-1}.footer-brand p{max-width:100%}}@media (max-width:768px){.landing-nav-links{display:none}.hero-title{font-size:2.5rem}.hero-phone{width:240px;height:480px}.hero-phone-content{gap:8px}.hero-phone-card{padding:10px 8px;font-size:.7rem}.hero-phone-card-icon{width:28px;height:28px}.hero-phone-card-icon svg{width:16px;height:16px}.usp-container{gap:24px}.usp-item{flex:45%;justify-content:center}.features-grid,.features-grid-large,.audiences-grid,.calculators-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.contact-form-row{grid-template-columns:1fr}.cta-content{padding:40px 24px}.cta-title{font-size:1.75rem}.footer-container{text-align:center;grid-template-columns:1fr;gap:40px}.footer-links{justify-content:center;gap:60px;display:flex}}@media (max-width:480px){.hero{padding:120px 20px 60px}.hero-title{font-size:2rem}.hero-buttons{flex-direction:column}.hero-btn-primary,.hero-btn-secondary{justify-content:center;width:100%}.hero-stats{flex-wrap:wrap;gap:24px}.hero-stat{min-width:80px}.hero-phone{width:220px;height:440px;padding:8px}.hero-phone-screen{border-radius:28px;padding:16px 12px}.hero-phone-greeting{margin-bottom:12px;font-size:.85rem}.hero-phone-content{gap:6px}.hero-phone-card{border-radius:10px;padding:8px 6px;font-size:.65rem}.hero-phone-card-icon{width:24px;height:24px}.hero-phone-card-icon svg{width:14px;height:14px}.hero-phone-nav{padding:8px 0;bottom:12px;left:10px;right:10px}.hero-phone-nav-item{font-size:.55rem}.hero-phone-nav-item svg{width:14px;height:14px}.usp{padding:16px}.usp-item{flex:100%}.usp-text strong{font-size:.8rem}.usp-text span{font-size:.7rem}.features,.calculators,.audiences,.schools,.contact{padding:60px 20px}.section-title{font-size:1.75rem}.section-subtitle{font-size:.95rem}.feature-card-large{padding:24px}.calculators-container{gap:40px}.calculator-preview{display:none}.schools-card{width:100%}.schools-buttons{flex-direction:column;align-items:stretch}.schools-btn,.schools-btn-secondary{text-align:center;justify-content:center;width:100%}.audience-card,.contact-form{padding:24px}.footer{padding:40px 20px 32px}.footer-links{flex-direction:column;gap:32px}}