:root{--primary-orange: #F26522;--primary-orange-hover: #E55A1B;--primary-orange-light: rgba(242, 101, 34, .1);--dark-navy: #1A2332;--dark-navy-light: #242F42;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success-green: #22C55E;--warning-yellow: #F59E0B;--error-red: #EF4444;--info-blue: #3B82F6;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--gray-900);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto}ul,ol{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--gray-900)}h1{font-size:3.5rem;letter-spacing:-.02em}h2{font-size:2.5rem;letter-spacing:-.01em}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--gray-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:.938rem;font-weight:500;border-radius:var(--radius-full);transition:all var(--transition-base)}.btn-primary{background-color:var(--primary-orange);color:var(--white)}.btn-primary:hover{background-color:var(--primary-orange-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.btn-dark{background-color:var(--dark-navy);color:var(--white)}.btn-dark:hover{background-color:var(--dark-navy-light)}.header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-100)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:var(--gray-900)}.logo-icon{width:36px;height:36px;background-color:var(--primary-orange);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:800;font-size:1.125rem}.logo-text{rotate:-14deg}.nav,.nav-links{display:flex;align-items:center;gap:32px}.nav-link{font-size:.938rem;font-weight:500;color:var(--gray-600);transition:color var(--transition-fast)}.nav-link:hover{color:var(--gray-900)}.nav-link.active{color:var(--gray-900);position:relative}.nav-link.active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background-color:var(--primary-orange);border-radius:1px}.nav-actions{display:flex;align-items:center;gap:16px}.nav-actions .sign-in{font-size:.938rem;font-weight:500;color:var(--gray-600);transition:color var(--transition-fast)}.nav-actions .sign-in:hover{color:var(--gray-900)}.hero{padding:140px 0 80px;background:linear-gradient(180deg,var(--white) 0%,var(--gray-50) 100%)}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background-color:var(--primary-orange-light);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--primary-orange);margin-bottom:24px}.hero-badge:before{content:"";width:6px;height:6px;background-color:var(--primary-orange);border-radius:50%}.hero h1{margin-bottom:24px}.hero h1 span{color:var(--primary-orange)}.hero-description{font-size:1.125rem;color:var(--gray-600);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:60px}.dashboard-preview{max-width:1000px;margin:0 auto;background-color:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--gray-200)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--gray-100)}.dashboard-dots{display:flex;gap:8px}.dashboard-dot{width:12px;height:12px;border-radius:50%;background-color:var(--gray-200)}.dashboard-dot.red{background-color:#ff5f57}.dashboard-dot.yellow{background-color:#febc2e}.dashboard-dot.green{background-color:#28c840}.dashboard-user{display:flex;align-items:center;gap:8px}.dashboard-user-avatar{width:28px;height:28px;background:linear-gradient(135deg,var(--primary-orange),#FF8A50);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:.75rem;font-weight:600}.dashboard-content{display:flex}.dashboard-sidebar{width:180px;padding:24px;border-right:1px solid var(--gray-100)}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast);margin-bottom:4px}.sidebar-item:hover{background-color:var(--gray-50);color:var(--gray-700)}.sidebar-item.active{background-color:var(--primary-orange-light);color:var(--primary-orange)}.sidebar-icon{width:18px;height:18px}.dashboard-main{flex:1;padding:24px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card{padding:20px;border-radius:var(--radius-lg);border:1px solid var(--gray-100)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem}.stat-icon.revenue{background-color:#e6f9f0;color:var(--success-green)}.stat-icon.employees{background-color:#eef2ff;color:var(--info-blue)}.stat-icon.alerts{background-color:#fef3e8;color:var(--primary-orange)}.stat-badge{font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:var(--radius-full)}.stat-badge.up{background-color:#e6f9f0;color:var(--success-green)}.stat-badge.active{color:var(--gray-500)}.stat-badge.action{color:var(--primary-orange)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:4px}.stat-label{font-size:.813rem;color:var(--gray-500)}.dashboard-widgets{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.widget{padding:20px;border-radius:var(--radius-lg);border:1px solid var(--gray-100)}.widget-title{font-size:.938rem;font-weight:600;color:var(--gray-900);margin-bottom:16px}.chart-bars{display:flex;align-items:flex-end;gap:12px;height:120px}.chart-bar{flex:1;border-radius:4px 4px 0 0;transition:all var(--transition-base)}.chart-bar:nth-child(1){height:45%;background-color:var(--primary-orange);opacity:.6}.chart-bar:nth-child(2){height:55%;background-color:var(--primary-orange);opacity:.7}.chart-bar:nth-child(3){height:75%;background-color:var(--primary-orange)}.chart-bar:nth-child(4){height:90%;background-color:var(--primary-orange)}.chart-bar:nth-child(5){height:65%;background-color:var(--primary-orange);opacity:.8}.chart-bar:nth-child(6){height:35%;background-color:var(--gray-200)}.recent-sales-list{display:flex;flex-direction:column;gap:12px}.sale-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.sale-order{color:var(--gray-600)}.sale-amount{font-weight:600;color:var(--gray-900)}.trusted-section{padding:60px 0;text-align:center}.trusted-label{font-size:.813rem;font-weight:500;color:var(--gray-400);letter-spacing:.1em;text-transform:uppercase}.features-section{padding:100px 0}.features-header{max-width:600px;margin-bottom:60px}.features-header h2{margin-bottom:16px}.features-header p{font-size:1.125rem}.features-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:stretch}.feature-card{padding:32px;border-radius:var(--radius-xl);border:1px solid var(--gray-200);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card.dark{background-color:var(--dark-navy);border-color:transparent}.feature-card.dark h3,.feature-card.dark p,.feature-card.dark .feature-content{color:var(--white)}.feature-card.dark p{color:var(--gray-400)}.feature-card.horizontal{display:flex;align-items:flex-end;gap:32px;overflow:hidden}.feature-card.horizontal .feature-text{flex:1 1 45%;min-width:0;align-self:flex-start}.feature-card.horizontal .feature-text p{margin-bottom:0}.feature-card.horizontal .feature-table{flex:1 1 45%;min-width:0;padding:20px;background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);align-self:flex-end}.feature-icon{width:48px;height:48px;background-color:var(--primary-orange-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.25rem;color:var(--primary-orange)}.feature-card.dark .feature-icon{background-color:#f2652233}.feature-card h3{margin-bottom:12px}.feature-card p{font-size:.938rem;line-height:1.6;margin-bottom:24px}.feature-content{padding:16px;background-color:var(--gray-50);border-radius:var(--radius-md)}.feature-card.dark .feature-content{background-color:#ffffff0d}.inventory-list{display:flex;flex-direction:column;gap:12px}.inventory-item{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.inventory-name{display:flex;align-items:center;gap:8px;color:var(--gray-700)}.inventory-dot{width:8px;height:8px;border-radius:50%}.inventory-dot.green{background-color:var(--success-green)}.inventory-dot.red{background-color:var(--error-red)}.inventory-stock{font-weight:500;color:var(--gray-600)}.inventory-stock.low{color:var(--error-red)}.payroll-widget{margin-top:20px}.payroll-period{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-bottom:8px}.payroll-label{color:var(--gray-400)}.payroll-date{color:var(--white);font-weight:500}.payroll-progress{height:4px;background-color:#fff3;border-radius:2px;margin-bottom:16px}.payroll-progress-bar{height:100%;width:60%;background-color:var(--primary-orange);border-radius:2px}.payroll-btn{width:100%;padding:12px;background-color:var(--white);color:var(--gray-900);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.payroll-btn:hover{background-color:var(--gray-100)}.small-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.small-feature-card{padding:28px;border-radius:var(--radius-xl);border:1px solid var(--gray-200);transition:all var(--transition-base)}.small-feature-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md)}.small-feature-card .feature-icon{margin-bottom:16px}.small-feature-card h4{margin-bottom:8px;font-weight:600}.small-feature-card p{font-size:.875rem;line-height:1.5}.capabilities-section{padding:80px 0;border-top:1px solid var(--gray-100)}.capabilities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.capability-column h4{display:flex;align-items:center;gap:8px;font-size:.938rem;font-weight:600;color:var(--primary-orange);margin-bottom:20px}.capability-list{display:flex;flex-direction:column;gap:12px}.capability-item{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--gray-600)}.capability-check{width:18px;height:18px;border:1px solid var(--gray-300);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;color:var(--gray-400)}.cta-section{padding:80px 0;text-align:center}.cta-section .container{background:radial-gradient(ellipse 70% 60% at 85% 100%,rgba(160,90,60,.5) 0%,rgba(120,60,40,.25) 40%,transparent 70%),radial-gradient(ellipse 50% 45% at 80% 95%,rgba(180,100,70,.35) 0%,transparent 55%),radial-gradient(circle at 90% 100%,rgba(140,80,50,.3) 0%,transparent 40%),linear-gradient(180deg,var(--dark-navy) 0%,#1A2332 100%);border-radius:var(--radius-2xl);padding:80px 60px;position:relative;overflow:hidden}.cta-section h2{color:var(--white);margin-bottom:16px}.cta-section p{color:var(--gray-400);font-size:1.125rem;max-width:500px;margin:0 auto 32px}.cta-buttons{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.cta-note{font-size:.813rem;color:var(--gray-500)}.footer{background-color:var(--dark-navy);padding:60px 0 40px;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand .logo{margin-bottom:16px}.footer-brand .logo-icon{background-color:var(--primary-orange)}.footer-brand .logo span{color:var(--white)}.footer-description{font-size:.875rem;color:var(--gray-400);line-height:1.6;max-width:250px}.footer-social{margin-top:20px}.social-icon{width:36px;height:36px;border:1px solid var(--gray-600);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:all var(--transition-fast)}.social-icon:hover{border-color:var(--gray-400);color:var(--white)}.footer-column h5{font-size:.875rem;font-weight:600;color:var(--white);margin-bottom:20px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-link{font-size:.875rem;color:var(--gray-400);transition:color var(--transition-fast)}.footer-link:hover{color:var(--white)}.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-copyright{font-size:.813rem;color:var(--gray-500)}@media (max-width: 1024px){.features-grid,.small-features-grid,.capabilities-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}.nav-links{display:none}.hero{padding:120px 0 60px}.hero-buttons,.dashboard-content{flex-direction:column}.dashboard-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--gray-100);display:flex;gap:8px;overflow-x:auto;padding:16px}.sidebar-item{white-space:nowrap;margin-bottom:0}.stats-grid,.dashboard-widgets,.features-grid,.small-features-grid{grid-template-columns:1fr}.capabilities-grid{grid-template-columns:1fr;gap:32px}.cta-buttons{flex-direction:column}.footer-content{grid-template-columns:1fr;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center}.footer-description{max-width:100%}}