html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button{font-family:inherit}:root{--color-primary: rgb(51, 65, 85);--color-primary-light: rgb(71, 85, 105);--color-primary-dark: rgb(30, 41, 59);--color-on-primary: rgb(255, 255, 255);--color-primary-container: rgb(203, 213, 225);--color-on-primary-container: rgb(30, 41, 59);--color-secondary: rgb(14, 165, 233);--color-secondary-light: rgb(56, 189, 248);--color-secondary-dark: rgb(7, 89, 133);--color-on-secondary: rgb(255, 255, 255);--color-secondary-container: rgb(186, 230, 253);--color-on-secondary-container: rgb(7, 89, 133);--color-tertiary: rgb(245, 158, 11);--color-tertiary-light: rgb(251, 191, 36);--color-tertiary-dark: rgb(120, 53, 15);--color-on-tertiary: rgb(255, 255, 255);--color-tertiary-container: rgb(254, 243, 199);--color-success: rgb(22, 163, 74);--color-success-container: rgb(220, 252, 231);--color-error: rgb(186, 26, 26);--color-error-container: rgb(255, 218, 214);--color-bg: rgb(255, 255, 255);--color-bg-elevated: rgb(249, 250, 251);--color-surface: rgb(255, 255, 255);--color-surface-variant: rgb(241, 245, 249);--color-on-background: rgb(24, 28, 34);--color-on-surface: rgb(24, 28, 34);--color-on-surface-variant: rgb(71, 85, 105);--color-outline: rgb(148, 163, 184);--color-outline-variant: rgb(203, 213, 225);--color-border: rgb(226, 232, 240);--color-text: rgb(24, 28, 34);--color-text-secondary: rgb(71, 85, 105);--color-text-muted: rgb(148, 163, 184);--color-inverse-surface: rgb(30, 41, 59);--color-inverse-on-surface: rgb(241, 245, 249);--color-inverse-primary: rgb(125, 211, 252);--gradient-primary: linear-gradient(135deg, rgb(51, 65, 85) 0%, rgb(71, 85, 105) 100%);--gradient-secondary: linear-gradient(135deg, rgb(14, 165, 233) 0%, rgb(56, 189, 248) 100%);--gradient-hero: linear-gradient(135deg, rgb(241, 245, 249) 0%, rgb(255, 255, 255) 50%, rgb(186, 230, 253) 100%);--nav-height: 72px;--section-padding: 120px;--container-max: 1200px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 2px 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: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}[data-theme=dark]{--color-primary: rgb(148, 163, 184);--color-primary-light: rgb(203, 213, 225);--color-primary-dark: rgb(71, 85, 105);--color-on-primary: rgb(15, 23, 42);--color-primary-container: rgb(51, 65, 85);--color-on-primary-container: rgb(203, 213, 225);--color-secondary: rgb(56, 189, 248);--color-secondary-light: rgb(125, 211, 252);--color-secondary-dark: rgb(14, 165, 233);--color-secondary-container: rgb(12, 74, 110);--color-on-secondary-container: rgb(186, 230, 253);--color-tertiary: rgb(251, 191, 36);--color-tertiary-light: rgb(252, 211, 77);--color-tertiary-container: rgb(120, 53, 15);--color-success: rgb(74, 222, 128);--color-success-container: rgb(20, 83, 45);--color-error: rgb(248, 113, 113);--color-error-container: rgb(127, 29, 29);--color-bg: rgb(15, 23, 42);--color-bg-elevated: rgb(30, 41, 59);--color-surface: rgb(30, 41, 59);--color-surface-variant: rgb(51, 65, 85);--color-on-background: rgb(241, 245, 249);--color-on-surface: rgb(241, 245, 249);--color-on-surface-variant: rgb(203, 213, 225);--color-outline: rgb(100, 116, 139);--color-outline-variant: rgb(71, 85, 105);--color-border: rgb(51, 65, 85);--color-text: rgb(241, 245, 249);--color-text-secondary: rgb(203, 213, 225);--color-text-muted: rgb(148, 163, 184);--color-inverse-surface: rgb(241, 245, 249);--color-inverse-on-surface: rgb(30, 41, 59);--color-inverse-primary: rgb(14, 165, 233);--gradient-primary: linear-gradient(135deg, rgb(71, 85, 105) 0%, rgb(51, 65, 85) 100%);--gradient-secondary: linear-gradient(135deg, rgb(56, 189, 248) 0%, rgb(14, 165, 233) 100%);--gradient-hero: linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(30, 41, 59) 50%, rgb(12, 74, 110) 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 24px)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:none;margin:0;padding:0;text-align:left}.app{position:relative;min-height:100vh;overflow-x:hidden}.app section,.app footer{position:relative;z-index:1}.background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg);background-image:linear-gradient(#ffffffd9,#ffffffd9),url(/grid.png);background-repeat:repeat;background-position:center top;pointer-events:none;z-index:0}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:1000;transition:box-shadow .3s ease}.nav.scrolled{box-shadow:0 4px 20px #00000014}.nav-content{max-width:var(--container-max);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;margin-right:48px}.logo-icon-img{height:40px;width:auto}.logo-text-img{height:20px;width:auto}.logo-text-white{filter:brightness(0) invert(1)}.nav-links{display:flex;align-items:center;gap:40px}.nav-links a{color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease;position:relative;padding:4px 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%);border-radius:1px}.nav-links a:hover{color:var(--color-primary)}.nav-links a:hover:after{width:100%}.nav-links a.active,.nav-links .nav-dropdown.active>a{color:var(--color-secondary)}.nav-links a.active:after{width:100%}.nav-dropdown{position:static;display:flex;align-items:center}.nav-dropdown>a{display:flex;align-items:center}.nav-dropdown-trigger{display:flex;align-items:center;gap:4px;cursor:pointer}.nav-dropdown-trigger .dropdown-chevron{transition:transform var(--transition-fast);transform:rotate(90deg)}.nav-dropdown:hover .dropdown-chevron,.nav-dropdown.open .dropdown-chevron{transform:rotate(270deg)}.nav-dropdown-menu{position:fixed;top:calc(var(--nav-height) - 20px);left:50%;transform:translate(-50%) translateY(10px);opacity:0;visibility:hidden;pointer-events:none;transition:all .2s ease;padding-top:30px}.nav-dropdown-menu:before{content:"";position:absolute;top:0;left:-200px;right:-200px;height:40px}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.dropdown-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px var(--color-border);width:800px;max-width:calc(100vw - 48px);overflow:hidden}.dropdown-two-row{width:920px;padding:0}.dropdown-section{padding:16px 20px 12px}.dropdown-section:first-child{padding-top:20px}.dropdown-section+.dropdown-section{border-top:1px solid var(--color-border)}.dropdown-section-header{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:12px;padding-left:4px}.dropdown-section-header svg{color:var(--color-secondary)}.dropdown-row{display:grid;gap:8px}.dropdown-row-5{grid-template-columns:repeat(5,1fr)}.dropdown-row-4{grid-template-columns:repeat(4,1fr)}.dropdown-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:16px 12px;border-radius:12px;text-decoration:none;background:var(--color-surface-variant);border:1px solid transparent;transition:all var(--transition-fast)}.dropdown-card:hover{background:#fff;border-color:var(--color-secondary);box-shadow:0 4px 12px #0ea5e926;transform:translateY(-2px)}.dropdown-card-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light));border-radius:10px;color:#fff;transition:transform var(--transition-fast)}.dropdown-card:hover .dropdown-card-icon{transform:scale(1.05)}.dropdown-card-content{display:flex;flex-direction:column;gap:2px}.dropdown-card-title{font-weight:600;font-size:.85rem;color:var(--color-text);line-height:1.2}.dropdown-card-desc{font-size:.7rem;color:var(--color-text-muted);line-height:1.3}.dropdown-card:hover .dropdown-card-title{color:var(--color-secondary)}.dropdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:12px}.dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;text-decoration:none;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--color-bg-secondary)}.dropdown-item-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light));border-radius:10px;color:#fff}.dropdown-item-icon svg{width:20px;height:20px}.dropdown-item-content{display:flex;flex-direction:column;gap:4px;min-width:0}.dropdown-item-title{font-weight:600;font-size:.9rem;color:var(--color-text-primary);line-height:1.3}.dropdown-item-desc{font-size:.8rem;color:var(--color-text-tertiary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dropdown-item:hover .dropdown-item-title{color:var(--color-secondary)}.dropdown-footer{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-variant);padding:14px 20px;border-top:1px solid var(--color-border)}.dropdown-all-features{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--color-secondary);text-decoration:none;transition:gap var(--transition-fast)}.dropdown-all-features:hover{gap:12px;color:var(--color-secondary)}.dropdown-footer-cta{display:flex;align-items:center;gap:12px}.dropdown-footer-cta span{font-size:.8rem;color:var(--color-text-muted)}.dropdown-footer-cta .btn-primary{padding:8px 16px;font-size:.8rem;white-space:nowrap;border-radius:var(--radius-md);color:#fff}.btn-small{padding:8px 16px;font-size:.8rem}.nav-dropdown-simple{position:relative}.nav-dropdown-menu-simple{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);padding-top:15px}.nav-dropdown-simple:hover .nav-dropdown-menu-simple,.nav-dropdown-simple.open .nav-dropdown-menu-simple{transform:translate(-50%) translateY(0)}.nav-dropdown-menu-simple:before{left:-50px;right:-50px}.dropdown-simple{width:280px;padding:12px;display:flex;flex-direction:column;gap:4px}.dropdown-simple .dropdown-card{padding:12px 14px;border-radius:10px}.dropdown-simple .dropdown-card:hover{background:var(--color-surface-variant)}.dropdown-simple .dropdown-card-icon{width:36px;height:36px}.dropdown-simple .dropdown-card-title{font-size:.9rem}.dropdown-simple .dropdown-card-desc{font-size:.8rem}.nav-actions{display:flex;gap:12px;align-items:center}.nav-actions .btn-primary,.nav-actions .btn-secondary{padding:10px 18px;font-size:.9rem;white-space:nowrap;border-radius:var(--radius-md)}.nav-actions .btn-primary{background:var(--color-secondary);color:#fff}.nav-actions .btn-primary:hover{background:var(--color-secondary-light)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.mobile-menu-btn:hover{background:var(--color-surface-variant)}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1998;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:90vw;background:#fff;z-index:1999;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 40px #00000026}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.mobile-menu-close:hover{background:var(--color-surface-variant)}.mobile-menu-content{flex:1;overflow-y:auto;padding:8px 0}.mobile-nav-section{border-bottom:1px solid var(--color-border)}.mobile-nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:transparent;border:none;font-size:1rem;font-weight:500;color:var(--color-text);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.mobile-nav-item:hover{background:var(--color-surface-variant)}.mobile-nav-item.expandable{border-bottom:none}.mobile-nav-item .expand-icon{transition:transform .3s ease;color:var(--color-text-muted)}.mobile-nav-item.expanded .expand-icon{transform:rotate(180deg)}.mobile-features-list{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background:var(--color-surface-variant)}.mobile-features-list.expanded{max-height:800px}.mobile-features-group{padding:8px 0}.mobile-features-group:first-child{padding-top:12px}.mobile-features-group+.mobile-features-group{border-top:1px solid var(--color-border);margin-top:8px;padding-top:16px}.mobile-group-label{display:flex;align-items:center;gap:6px;padding:0 20px 8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.mobile-group-label svg{color:var(--color-secondary)}.mobile-feature-item{display:flex;align-items:center;gap:12px;padding:10px 20px;text-decoration:none;transition:background var(--transition-fast)}.mobile-feature-item:hover{background:#ffffff80}.mobile-feature-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light));border-radius:8px;color:#fff;flex-shrink:0}.mobile-feature-content{display:flex;flex-direction:column;gap:1px}.mobile-feature-title{font-size:.9rem;font-weight:600;color:var(--color-text);line-height:1.2}.mobile-feature-desc{font-size:.75rem;color:var(--color-text-muted)}.mobile-menu-footer{padding:16px 20px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:10px;background:var(--color-surface-variant)}.mobile-btn{width:100%;justify-content:center;padding:14px 24px}.mobile-menu-content>a{text-decoration:none;display:block}.mobile-menu-content>a .mobile-nav-item{border-bottom:1px solid var(--color-border)}@media(max-width:900px){.nav-links,.nav-actions{display:none}.mobile-menu-btn{display:flex}}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-secondary);color:var(--color-on-secondary);font-weight:600;font-size:.95rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{background:var(--color-secondary-light);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm)}.btn-primary:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.btn-primary svg{transition:transform .2s ease}.btn-primary:hover svg{transform:translate(3px)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-surface);color:var(--color-primary);font-weight:600;font-size:.95rem;border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:var(--color-surface-variant);border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary:active{transform:translateY(0) scale(.98)}.btn-secondary:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.btn-secondary svg{transition:transform .2s ease}.btn-secondary:hover svg{transform:scale(1.1)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:var(--color-primary);font-weight:600;font-size:.95rem;border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-ghost:hover{background:var(--color-surface-variant);border-color:var(--color-outline);transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0) scale(.98)}.btn-ghost:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.btn-large{padding:16px 32px;font-size:1.05rem}.btn-glow{box-shadow:var(--shadow-lg),0 0 20px #0ea5e940;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-lg),0 0 20px #0ea5e940}50%{box-shadow:var(--shadow-lg),0 0 30px #0ea5e966}}.btn-glow:hover{box-shadow:var(--shadow-xl),0 0 40px #0ea5e980;animation:none}.hero{position:relative;min-height:100vh;padding:calc(var(--nav-height) + 80px) 24px 80px;display:flex;align-items:center;justify-content:center;gap:80px;max-width:var(--container-max);margin:0 auto}.hero-content{flex:1;max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-secondary-container);border-radius:100px;font-size:.85rem;font-weight:500;color:var(--color-secondary-dark);margin-bottom:24px}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1;letter-spacing:-.03em;margin-bottom:16px;color:var(--color-primary-dark)}.hero-headline{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;line-height:1.3;letter-spacing:-.01em;margin-bottom:24px;color:var(--color-text-secondary)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:32px;max-width:500px}.hero-cta{display:flex;gap:16px;margin-bottom:16px}.hero-trust-line{font-size:.9rem;color:var(--color-text-muted);margin-bottom:32px}.hero-stats{display:flex;align-items:center;gap:32px}.stat{display:flex;flex-direction:column}.stat-number{font-size:1.75rem;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.stat-label{font-size:.85rem;color:var(--color-text-muted);font-weight:500}.stat-divider{width:1px;height:40px;background:var(--color-outline-variant)}.trust-badges{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:32px}.trust-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-surface-variant);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.trust-badge:hover{background:#fff;border-color:var(--color-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.trust-badge.security svg{color:var(--color-secondary)}.trust-badge.uptime svg{color:var(--color-success)}.trust-badge.review{gap:6px}.rating-stars{display:flex;gap:2px;align-items:center}.hero-visual{position:relative;flex-shrink:0}.phone-carousel{display:flex;flex-direction:column;align-items:center;gap:24px}.carousel-container{position:relative;width:280px;height:560px;perspective:1000px}.phone-mockup{width:280px;height:560px;background:var(--color-surface);border-radius:40px;padding:12px;box-shadow:var(--shadow-xl);border:1px solid var(--color-outline-variant);position:absolute;top:0;left:0}.carousel-indicators{display:flex;gap:8px;justify-content:center}.carousel-dot{position:relative;width:40px;height:6px;border-radius:3px;border:none;background:var(--color-outline-variant);cursor:pointer;transition:all .3s ease;overflow:hidden}.carousel-dot:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:var(--color-secondary);border-radius:3px;transition:width .3s ease}.carousel-dot.active{width:80px}.carousel-dot.active:before{width:100%;animation:progressFill 6s linear forwards}@keyframes progressFill{0%{width:0}to{width:100%}}.carousel-dot-label{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:.7rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap;opacity:0;transition:opacity .2s ease;padding-bottom:6px}.carousel-dot.active .carousel-dot-label{opacity:1;color:var(--color-text)}.carousel-dot:hover .carousel-dot-label{opacity:1}.phone-screen{width:100%;height:100%;background:var(--color-surface-variant);border-radius:30px;overflow:hidden;padding:20px 16px}.mock-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--color-text-secondary)}.mock-header-logo{width:28px;height:28px;object-fit:contain}.mock-title{flex:1;font-weight:600;color:var(--color-text)}.mock-cards{display:flex;flex-direction:column;gap:8px}.mock-card{display:flex;gap:10px;padding:10px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.mock-card-image{width:50px;height:50px;border-radius:var(--radius-sm);background:var(--gradient-secondary);opacity:.9;position:relative}.mock-photo-indicator{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.mock-card-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}.mock-card-title{font-size:.75rem;font-weight:600;color:var(--color-text)}.mock-card-status{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:500;padding:2px 6px;border-radius:4px;width:fit-content;position:relative;min-width:70px}.mock-card-status.success{background:var(--color-success-container);color:var(--color-success)}.mock-card-status.warning{background:var(--color-tertiary-container);color:var(--color-tertiary-dark)}.mock-card-status.info{background:var(--color-secondary-container);color:var(--color-secondary-dark)}.mock-card-status.pending{background:var(--color-surface-variant);color:var(--color-text-muted)}.mock-list{display:flex;flex-direction:column;gap:6px}.mock-list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.mock-person-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;object-fit:cover;border:2px solid var(--color-border)}.mock-person-info{flex:1;min-width:0}.mock-person-name{font-size:.75rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-person-role{font-size:.65rem;color:var(--color-text-muted)}.mock-status-badge{font-size:.6rem;font-weight:600;padding:2px 6px;border-radius:4px;flex-shrink:0}.mock-status-badge.certified{background:var(--color-secondary-container);color:var(--color-secondary-dark)}.mock-status-badge.active{background:var(--color-success-container);color:var(--color-success)}.mock-status-badge.training{background:var(--color-tertiary-container);color:var(--color-tertiary-dark)}.mock-status-badge.pending{background:var(--color-surface-variant);color:var(--color-text-muted)}.mock-status-badge.expiring{background:var(--color-error-container);color:var(--color-error)}.mock-tasks{display:flex;flex-direction:column;gap:8px}.mock-task-item{background:var(--color-surface);padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.mock-task-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mock-task-check{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-outline);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mock-task-check.complete{background:var(--color-success);border-color:var(--color-success);color:#fff}.mock-task-name{font-size:.7rem;font-weight:500;color:var(--color-text);line-height:1.3;flex:1}.mock-task-count{font-size:.65rem;font-weight:600;color:var(--color-text-muted);position:relative;min-width:28px;text-align:right}.mock-task-signed{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--color-success);color:#fff;flex-shrink:0}.mock-progress-bar{height:5px;background:var(--color-border);border-radius:3px;overflow:hidden}.mock-progress-fill{height:100%;background:var(--gradient-secondary);border-radius:3px}.mock-progress-fill.complete{background:var(--color-success)}.float-card{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);white-space:nowrap}.float-1{top:100px;right:-80px}.float-2{bottom:60px;left:42px}.float-icon{flex-shrink:0}.float-icon.gold{color:var(--color-tertiary)}.float-title{font-weight:600;font-size:.9rem;color:var(--color-text)}.float-subtitle{font-size:.8rem;color:var(--color-text-muted)}.float-avatars{display:flex}.float-avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient-secondary);border:2px solid var(--color-surface);margin-left:-8px}.float-avatar:first-child{margin-left:0}.float-text{font-weight:600;font-size:.9rem;color:var(--color-success)}.float-icon.success{color:var(--color-success)}.float-badges{display:flex;gap:8px}.compliance-badge{padding:4px 10px;background:var(--color-success-container);color:var(--color-success);font-size:.75rem;font-weight:700;border-radius:4px;letter-spacing:.02em}.industries{padding:40px 24px;background:var(--color-surface-variant);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.industries-content{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}.industries-label{font-size:.9rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.industries-grid{display:flex;gap:24px 40px;flex-wrap:wrap;justify-content:center;max-width:900px}.industry-item{display:flex;align-items:center;gap:10px;color:var(--color-text-secondary);font-weight:500;font-size:.9rem}.industry-item svg{color:var(--color-secondary)}.section-header{text-align:center;max-width:700px;margin:0 auto 64px}.section-label{display:inline-block;padding:6px 14px;background:var(--color-secondary-container);border-radius:100px;font-size:.8rem;font-weight:600;color:var(--color-secondary-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin-bottom:16px;color:var(--color-primary-dark);text-align:center}.section-subtitle{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.6}.features{position:relative;padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.features .section-header,.features .features-grid{max-width:var(--container-max);margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.feature-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(14,165,233,.05),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-lg),0 0 0 1px #0ea5e91a;transform:translateY(-4px)}.feature-card:hover:after{opacity:1}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-lg);color:var(--color-secondary);margin-bottom:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-3deg);background:var(--color-secondary);color:#fff;box-shadow:0 4px 12px #0ea5e94d}.feature-title{font-size:1.2rem;font-weight:700;margin-bottom:12px;color:var(--color-primary-dark)}.feature-description{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.social-proof{position:relative;padding:var(--section-padding) 24px;max-width:900px;margin:0 auto}.testimonial-card{position:relative;padding:48px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md)}.quote-mark{font-size:6rem;font-weight:800;line-height:1;color:var(--color-secondary);opacity:.2;position:absolute;top:20px;left:40px}.testimonial-text{font-size:1.4rem;line-height:1.7;color:var(--color-text);font-weight:400;margin-bottom:32px;position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:16px}.author-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-secondary);border-radius:50%;color:#fff}.author-name{font-weight:600;color:var(--color-text);text-align:left}.author-role{font-size:.9rem;color:var(--color-text-muted);text-align:left}.pricing{position:relative;padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.pricing .section-header{max-width:var(--container-max);margin-left:auto;margin-right:auto}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.pricing-grid-3{grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto}.pricing-card{position:relative;padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-card:hover{border-color:var(--color-outline);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.pricing-card.popular{border-color:var(--color-secondary);box-shadow:var(--shadow-xl),0 0 0 1px var(--color-secondary);transform:scale(1.02)}.pricing-card.popular:hover{transform:scale(1.02) translateY(-8px);box-shadow:var(--shadow-xl),0 0 30px #0ea5e933}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;background:var(--color-secondary);color:#fff;font-size:.75rem;font-weight:600;border-radius:100px;white-space:nowrap;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 #0ea5e966}50%{box-shadow:0 0 0 8px #0ea5e900}}.pricing-header{margin-bottom:24px}.tier-name{font-size:1.3rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:4px}.tier-description{font-size:.9rem;color:var(--color-text-muted)}.pricing-price{display:flex;align-items:baseline;gap:4px;margin-bottom:24px}.currency{font-size:1.25rem;font-weight:600;color:var(--color-text-secondary)}.amount{font-size:3rem;font-weight:800;color:var(--color-primary-dark);line-height:1;letter-spacing:-.02em}.period{font-size:.95rem;color:var(--color-text-muted)}.pricing-features{list-style:none;flex:1;margin-bottom:24px}.pricing-features li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:.95rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.pricing-features li:last-child{border-bottom:none}.check-icon{color:var(--color-success);flex-shrink:0}.btn-pricing{width:100%;justify-content:center;padding:14px 24px}.cta-section{position:relative;padding:var(--section-padding) 24px;text-align:center;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-secondary-container) 100%)}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2;margin-bottom:16px;letter-spacing:-.02em;color:var(--color-primary-dark)}.cta-subtitle{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:32px}.cta-buttons{display:flex;justify-content:center;gap:16px}.cta-links{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.cta-divider{color:var(--color-outline);opacity:.5}.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease}.text-link:hover{color:var(--color-primary)}.text-link:hover svg{transform:translate(3px)}.text-link svg{transition:transform .2s ease}.pricing-cta-link{text-align:center;margin-top:32px}.footer{position:relative;padding:120px 24px 200px;background:var(--color-primary-dark);color:var(--color-inverse-on-surface);overflow:hidden}.footer-bg-mascot{position:absolute;right:-5%;bottom:10%;width:700px;height:700px;pointer-events:none;z-index:0;color:#ffffff08}.footer-bg-mascot svg{width:100%;height:100%}.footer-content{position:relative;z-index:1;max-width:var(--container-max);margin:0 auto 64px;display:flex;justify-content:space-between;gap:64px}.footer-brand{max-width:280px}.footer .logo-icon-img{height:36px}.footer .logo-text-img{height:18px}.footer-tagline{margin-top:16px;color:var(--color-outline);font-size:1.1rem;font-weight:500}.pirate-mascot{transition:transform .3s ease;cursor:pointer}.pirate-mascot:hover{transform:rotate(-8deg) scale(1.05)}.footer-compliance{display:flex;flex-direction:column;gap:8px}.footer-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:.8rem;font-weight:600;color:#fffc}.footer-badge svg{opacity:.7}.footer-links{display:flex;gap:64px}.footer-column h4{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.footer-column a{display:block;color:var(--color-outline);text-decoration:none;font-size:.95rem;padding:6px 0;transition:color var(--transition-fast)}.footer-column a:hover{color:#fff}.footer-bottom{position:relative;z-index:1;max-width:var(--container-max);margin:0 auto;padding-top:32px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.footer-bottom p{font-size:.85rem;color:var(--color-outline)}.footer-newsletter{max-width:var(--container-max);margin:0 auto 48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-newsletter-content{display:flex;align-items:center;justify-content:space-between;gap:48px}.footer-newsletter-text h3{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 8px}.footer-newsletter-text p{font-size:1rem;color:var(--color-outline);margin:0}.footer-newsletter-form{display:flex;gap:12px;min-width:400px}.footer-newsletter-input{flex:1;padding:14px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.95rem;transition:all var(--transition-fast)}.footer-newsletter-input::placeholder{color:#ffffff80}.footer-newsletter-input:focus{outline:none;background:#ffffff26;border-color:#fff6}.footer-newsletter-button{padding:14px 32px;background:#fff;color:var(--color-primary-dark);border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.footer-newsletter-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.footer-app-column{min-width:180px}.footer-app-badges{display:flex;flex-direction:column;gap:12px}.footer-app-badge{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;text-decoration:none;color:#fff;transition:all var(--transition-fast)}.footer-app-badge:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.footer-app-badge svg{width:24px;height:24px;flex-shrink:0}.footer-app-badge-text{display:flex;flex-direction:column;gap:0;line-height:1.2}.footer-app-badge-text .small{font-size:.65rem;text-transform:uppercase;opacity:.7;letter-spacing:.03em}.footer-app-badge-text .large{font-size:.9rem;font-weight:600}.footer-trust-badges{max-width:var(--container-max);margin:0 auto 32px;padding:24px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.footer-trust-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.85rem;font-weight:500;color:#ffffffb3}.footer-trust-badge svg{opacity:.6}@media(max-width:1024px){.footer-newsletter-content{flex-direction:column;text-align:center}.footer-newsletter-text h3{font-size:1.5rem}.footer-newsletter-form{min-width:unset;width:100%;max-width:500px}.footer-content{flex-direction:column;gap:48px}.footer-brand{max-width:100%;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:32px}.footer-trust-badges{gap:16px}.footer-trust-badge{font-size:.75rem;padding:6px 12px}}@media(max-width:768px){.footer{padding:48px 24px 24px}.footer-newsletter-form{flex-direction:column}.footer-newsletter-button{width:100%}.footer-links{flex-direction:column;gap:24px}.footer-column{text-align:center}.footer-app-badges{align-items:center;max-width:200px;margin:0 auto}.footer-trust-badges{flex-direction:column;gap:12px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}@media(max-width:1280px){.carousel-container,.phone-mockup{width:260px;height:520px}.float-1{right:-40px}}@media(max-width:1024px){.hero{flex-direction:column;text-align:center;padding-top:calc(var(--nav-height) + 60px)}.hero-content{max-width:100%}.hero-subtitle{max-width:100%;margin-left:auto;margin-right:auto}.hero-cta,.hero-stats{justify-content:center}.hero-visual{margin-top:40px}.carousel-container,.phone-mockup{width:240px;height:480px}.float-card{display:none}.carousel-indicators{gap:6px}.carousel-dot{width:32px;height:5px}.carousel-dot.active{width:60px}.features-grid,.pricing-grid,.pricing-grid-3{grid-template-columns:repeat(2,1fr)}.industries-content{flex-direction:column;gap:24px}.dropdown-content{width:700px}.dropdown-two-row{width:760px}.dropdown-row-5{grid-template-columns:repeat(5,1fr)}.dropdown-row-4{grid-template-columns:repeat(4,1fr)}.dropdown-card{padding:12px 8px}.dropdown-card-icon{width:36px;height:36px}.dropdown-card-title{font-size:.75rem}.dropdown-card-desc{font-size:.65rem}.dropdown-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--section-padding: 80px}.nav-links,.nav-actions .btn-secondary{display:none}.hero-title{font-size:2.25rem}.hero-cta{flex-direction:column;align-items:center}.hero-cta button{width:100%;max-width:280px}.hero-stats{flex-direction:column;gap:16px}.stat-divider,.hero-visual{display:none}.features-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.pricing-grid-3{grid-template-columns:1fr;max-width:400px}.industries-grid{gap:16px 24px}.footer-content{flex-direction:column;text-align:center}.footer-brand{max-width:100%}.footer-links{flex-wrap:wrap;justify-content:center;gap:40px}}@media(max-width:480px){.hero{padding-left:16px;padding-right:16px}.nav-content{padding:0 16px}.trust-badges{gap:8px}.trust-badge{font-size:.7rem;padding:6px 12px}.trust-badge svg{width:14px;height:14px}.rating-stars svg{width:10px;height:10px}.testimonial-card{padding:32px 24px}.testimonial-text{font-size:1.15rem}.quote-mark{font-size:4rem;left:20px}.footer{padding:48px 16px 24px}.footer-links{flex-direction:column;gap:32px;text-align:center}.footer-column{width:100%}.footer-compliance{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:12px}.pricing-card{padding:24px 20px}.plan-price{font-size:2rem}.plan-toggle{padding:4px}.toggle-option{padding:8px 12px;font-size:.8rem}.cta-buttons{flex-direction:column;align-items:center;gap:12px}.cta-buttons .btn-large{width:100%;max-width:280px;justify-content:center}.section-header h2{font-size:1.75rem}}.feature-page{position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg)}.feature-page .nav{background:#fffffff2}.feature-page .logo{text-decoration:none}.feature-page section,.feature-page footer{position:relative;z-index:1}.feature-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px}.feature-hero{position:relative;padding:calc(var(--nav-height) + 60px) 24px 80px;max-width:var(--container-max);margin:0 auto}.feature-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-hero-text{max-width:560px}.feature-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-muted);margin-bottom:24px}.feature-breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.feature-breadcrumb a:hover{color:var(--color-secondary)}.feature-breadcrumb svg{flex-shrink:0}.feature-icon-large{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-xl);color:var(--color-secondary);margin-bottom:24px}.feature-hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--color-primary-dark);margin-bottom:16px}.feature-hero-tagline{font-size:1.5rem;font-weight:600;color:var(--color-secondary);margin-bottom:20px}.feature-hero-description{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:32px}.feature-hero-cta{display:flex;gap:16px;margin-bottom:40px}.feature-hero-stats{display:flex;gap:40px}.feature-stat{display:flex;flex-direction:column}.feature-stat-value{font-size:2rem;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.feature-stat-label{font-size:.85rem;color:var(--color-text-muted);font-weight:500}.feature-hero-visual{position:relative}.feature-visual-container{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.feature-visual-gradient{width:100%;height:400px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-primary-dark) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.feature-visual-icon{position:relative;z-index:2;width:160px;height:160px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.2)}.feature-visual-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 70%);pointer-events:none}.mobile-hero-phones{display:flex;align-items:flex-start;justify-content:center;gap:0;position:relative}.hero-phone-main{z-index:2}.hero-phone-secondary{position:absolute;right:-60px;top:40px;z-index:1;opacity:.95}.mobile-form-preview{padding:12px;background:var(--color-bg);height:100%;display:flex;flex-direction:column;gap:12px}.form-header-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.form-header-bar .connection-status{margin-left:auto}.form-header-bar .connection-status.online{color:#22c55e}.form-progress{display:flex;align-items:center;gap:8px;font-size:.65rem;color:var(--color-text-secondary)}.form-progress .progress-bar{flex:1;height:4px;background:var(--color-surface-variant);border-radius:2px;overflow:hidden}.form-progress .progress-fill{height:100%;background:var(--color-secondary);border-radius:2px}.mobile-form-preview .form-field{display:flex;flex-direction:column;gap:4px}.mobile-form-preview .form-field label{font-size:.6rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.mobile-form-preview .field-value{font-size:.7rem;padding:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}.mobile-form-preview .field-value.with-icon{display:flex;align-items:center;gap:6px}.mobile-form-preview .field-value.with-icon svg{color:var(--color-secondary)}.mobile-form-preview .field-options{display:flex;gap:6px}.mobile-form-preview .field-options .option{flex:1;padding:6px 8px;font-size:.65rem;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.mobile-form-preview .field-options .option.selected{background:var(--color-success);border-color:var(--color-success);color:#fff}.mobile-form-preview .photo-capture{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;background:var(--color-surface-variant);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.6rem}.mobile-form-preview .form-actions{margin-top:auto}.mobile-form-preview .form-btn-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:var(--color-secondary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;cursor:pointer}.mobile-offline-preview{padding:12px;background:var(--color-bg);height:100%;display:flex;flex-direction:column;gap:12px}.offline-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef3c7;color:#92400e;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.offline-banner .offline-dot{width:6px;height:6px;background:#f59e0b;border-radius:50%;margin-left:auto}.sync-queue-mini{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px}.sync-queue-mini .queue-header{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:600;color:var(--color-text);margin-bottom:10px}.sync-queue-mini .queue-count{margin-left:auto;background:var(--color-secondary);color:#fff;padding:2px 6px;border-radius:10px;font-size:.55rem}.sync-queue-mini .queue-items{display:flex;flex-direction:column;gap:8px}.sync-queue-mini .queue-item{display:flex;align-items:center;gap:8px;font-size:.6rem;color:var(--color-text-secondary)}.sync-queue-mini .queue-item svg{color:var(--color-secondary)}.reconnect-msg{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:var(--color-surface-variant);border-radius:var(--radius-sm);font-size:.6rem;color:var(--color-text-muted);margin-top:auto}.mockup-section{padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.mockup-container{max-width:var(--container-max);margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden}.mockup-container.dual-phones{padding:40px}.dual-phone-display{display:flex;justify-content:center;gap:48px;align-items:flex-start}.phone-with-label{display:flex;flex-direction:column;align-items:center;gap:16px}.phone-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}.app-screen{padding:0;background:var(--color-bg);height:100%;display:flex;flex-direction:column}.ios-status-bar,.android-status-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:.65rem;font-weight:600;background:var(--color-surface)}.ios-indicators,.android-indicators{display:flex;align-items:center;gap:4px;color:var(--color-text)}.app-content{flex:1;padding:12px;display:flex;flex-direction:column;gap:12px}.app-header{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--color-primary)}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px}.form-card-header{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:600;color:var(--color-text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.form-card-header svg{color:var(--color-secondary)}.form-card-field{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.65rem}.form-card-field .field-label{color:var(--color-text-secondary)}.form-card-field .field-value{font-weight:600;color:var(--color-text)}.quick-buttons{display:flex;gap:8px;margin-top:12px}.quick-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;font-size:.6rem;font-weight:500;background:var(--color-secondary-container);color:var(--color-secondary-dark);border:none;border-radius:var(--radius-sm);cursor:pointer}@media(max-width:768px){.mobile-hero-phones{flex-direction:column;align-items:center}.hero-phone-secondary{position:relative;right:0;top:-40px;transform:rotate(0)!important}.dual-phone-display{flex-direction:column;align-items:center;gap:32px}}.use-case-examples{padding:var(--section-padding) 24px;background:var(--color-surface)}.use-case-example{padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.example-content{max-width:900px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:40px;box-shadow:var(--shadow-lg)}.example-scenario h3{font-size:1.5rem;font-weight:800;color:var(--color-text);margin-bottom:16px;text-align:center}.example-description{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);text-align:center;margin-bottom:32px}.example-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.stat-item{text-align:center;padding:24px;background:var(--color-surface-variant);border-radius:var(--radius-lg)}.stat-value{font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:8px}.stat-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}.example-outcome{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-lg)}.example-outcome svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.example-outcome p{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.example-outcome strong{color:var(--color-text)}@media(max-width:768px){.example-stats{grid-template-columns:1fr;gap:16px}.stat-value{font-size:2rem}.example-content{padding:24px}}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--container-max);margin:0 auto}.example-card{background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;transition:var(--transition-normal)}.example-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md)}.example-card h3{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:12px}.example-card .scenario{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}.example-card .solution{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-surface);border-radius:var(--radius-md)}.example-card .solution svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.example-card .solution div{font-size:.85rem;line-height:1.6;color:var(--color-text-secondary)}.example-card .solution strong{color:var(--color-text)}@media(max-width:900px){.examples-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.examples-grid{grid-template-columns:1fr}}.offline-workflow{max-width:800px;margin:48px auto 0;padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.offline-workflow h3{font-size:1.1rem;font-weight:700;color:var(--color-text);text-align:center;margin-bottom:24px}.workflow-timeline{display:flex;flex-direction:column;gap:16px}.timeline-step{display:flex;align-items:flex-start;gap:16px}.step-marker{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);color:#fff;font-size:.875rem;font-weight:700;border-radius:50%;flex-shrink:0}.timeline-step .step-content{flex:1;padding-top:4px;font-size:.95rem;line-height:1.6;color:var(--color-text-secondary)}.timeline-step .step-content strong{color:var(--color-text)}.ai-digitization-demo{display:flex;align-items:center;gap:24px;padding:24px;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.demo-paper-form,.demo-digital-form{flex:1;background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.paper-form-header,.digital-form-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-surface-variant);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.digital-form-header{background:#22c55e1a;color:var(--color-success)}.paper-form-content,.digital-form-content{padding:16px}.paper-line{height:8px;background:var(--color-surface-variant);border-radius:4px;margin-bottom:12px}.paper-line.title{height:auto;background:transparent;font-size:.85rem;font-weight:700;color:var(--color-text);text-align:center;margin-bottom:16px}.paper-field{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:.7rem}.field-label-fake{color:var(--color-text);font-weight:500;min-width:60px}.field-blank{flex:1;height:1px;background:var(--color-text)}.field-blank.short{max-width:80px}.paper-checkboxes{margin-top:12px;display:flex;flex-direction:column;gap:6px}.checkbox-item{display:flex;align-items:center;gap:6px;font-size:.65rem;color:var(--color-text-secondary)}.checkbox-fake{width:10px;height:10px;border:1px solid var(--color-text)}.demo-process-arrow{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px}.process-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:50%;box-shadow:0 4px 16px #0ea5e94d}.demo-process-arrow span{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.digital-title{font-size:.85rem;font-weight:700;color:var(--color-text);text-align:center;margin-bottom:16px}.detected-field{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:8px}.detected-field .field-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);color:var(--color-secondary);border-radius:var(--radius-sm)}.detected-field .field-info{flex:1;display:flex;flex-direction:column}.detected-field .field-name{font-size:.7rem;font-weight:600;color:var(--color-text)}.detected-field .field-type{font-size:.6rem;color:var(--color-text-muted)}.detected-field .field-check{color:var(--color-success)}.fields-detected-badge{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--color-success);color:#fff;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;margin-top:8px}.ai-interface-mockup{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);overflow:hidden}.interface-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-surface-variant);border-bottom:1px solid var(--color-border)}.interface-tabs{display:flex;gap:4px}.interface-tabs .tab{padding:6px 12px;font-size:.7rem;font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer}.interface-tabs .tab.active{background:var(--color-surface);color:var(--color-text)}.interface-actions{display:flex;gap:8px}.interface-actions .action-btn{padding:6px 12px;font-size:.65rem;font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer}.interface-actions .action-btn.primary{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.interface-content{display:grid;grid-template-columns:1fr 1fr;min-height:200px}.original-panel,.detected-panel{padding:0}.original-panel{border-right:1px solid var(--color-border)}.original-panel .panel-header,.detected-panel .panel-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-bg);border-bottom:1px solid var(--color-border);font-size:.7rem;font-weight:600;color:var(--color-text-secondary)}.detected-panel .panel-header{color:var(--color-secondary)}.detected-panel .field-count{margin-left:auto;padding:2px 8px;background:var(--color-secondary);color:#fff;border-radius:10px;font-size:.6rem}.pdf-preview{padding:16px}.pdf-page{background:#fff;border:1px solid var(--color-border);padding:16px;font-size:.7rem;color:#333}.pdf-title{font-weight:700;text-align:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #ddd}.pdf-field{padding:6px 8px;margin-bottom:8px;border-radius:4px}.pdf-field.highlighted{background:#0ea5e91a;border:1px dashed var(--color-secondary)}.fields-list{padding:12px}.field-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);margin-bottom:6px;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer}.field-row:hover{background:var(--color-surface-variant)}.field-row.selected{background:#0ea5e91a;color:var(--color-secondary)}.field-row svg{color:var(--color-text-muted)}.field-row.selected svg{color:var(--color-secondary)}.field-row .type-badge{margin-left:auto;padding:2px 8px;background:var(--color-surface-variant);border-radius:10px;font-size:.6rem;font-weight:500}.field-row.selected .type-badge{background:var(--color-secondary);color:#fff}@media(max-width:768px){.ai-digitization-demo{flex-direction:column}.demo-process-arrow{transform:rotate(90deg)}.interface-content{grid-template-columns:1fr}.original-panel{border-right:none;border-bottom:1px solid var(--color-border)}}.feature-image-container{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.feature-hero-image{width:100%;height:400px;object-fit:cover;display:block}.feature-image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0ea5e91a,#33415533);pointer-events:none}.feature-capabilities{padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.feature-capabilities .section-header{max-width:var(--container-max);margin:0 auto 64px}.capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--container-max);margin:0 auto}.capability-card{padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.capability-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.capability-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-md);color:var(--color-secondary);margin-bottom:20px}.capability-title{font-size:1.1rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:12px}.capability-description{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.feature-benefits{padding:var(--section-padding) 24px;background:var(--color-surface)}.benefits-container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:var(--container-max);margin:0 auto}.benefits-content .section-label{display:inline-block;margin-bottom:16px}.benefits-content .section-title{text-align:left;margin-bottom:32px}.benefits-list{list-style:none;display:flex;flex-direction:column;gap:16px}.benefits-list li{display:flex;align-items:flex-start;gap:12px;font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.benefit-check{flex-shrink:0;color:var(--color-success);margin-top:2px}.benefits-visual{display:flex;justify-content:center;align-items:center}.benefits-image-stack{position:relative;width:300px;height:300px}.benefits-card{position:absolute;display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.benefits-card-1{top:20%;left:0}.benefits-card-2{bottom:20%;right:0}.benefits-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-md);color:var(--color-secondary)}.benefits-card-text{display:flex;flex-direction:column}.benefits-card-title{font-size:1.5rem;font-weight:800;color:var(--color-primary)}.benefits-card-label{font-size:.85rem;color:var(--color-text-muted)}.benefits-success{color:var(--color-success)}.feature-benefits .roi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--container-max);margin:0 auto}.roi-card{padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:var(--transition-normal)}.roi-card:hover{border-color:var(--color-secondary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.roi-value{font-size:2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;line-height:1.2}.roi-label{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5}@media(max-width:900px){.feature-benefits .roi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.feature-benefits .roi-grid{grid-template-columns:1fr}.roi-value{font-size:1.75rem}}.feature-use-cases{padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.feature-use-cases .section-header{max-width:var(--container-max);margin:0 auto 64px}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--container-max);margin:0 auto}.use-case-card{padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:16px}.use-case-industry{display:inline-block;padding:6px 14px;background:var(--color-secondary-container);border-radius:100px;font-size:.8rem;font-weight:600;color:var(--color-secondary-dark);width:fit-content}.use-case-scenario{font-size:1rem;color:var(--color-text);line-height:1.6;flex:1}.use-case-benefit{display:flex;align-items:flex-start;gap:8px;padding-top:16px;border-top:1px solid var(--color-border);font-size:.9rem;color:var(--color-success);font-weight:500}.use-case-benefit svg{flex-shrink:0;margin-top:2px}.feature-integrations{padding:80px 24px;background:var(--color-surface);text-align:center}.integrations-content{max-width:var(--container-max);margin:0 auto}.integrations-content .section-title{margin-bottom:32px}.integrations-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.integration-tag{padding:10px 20px;background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:100px;font-size:.95rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.integration-tag:hover{background:var(--color-secondary-container);border-color:var(--color-secondary);color:var(--color-secondary-dark)}.integrations-section{margin-top:48px;text-align:left}.integrations-section h3{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:24px;text-align:center}.feature-integrations .integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto}.integration-item{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:var(--color-surface-variant);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:var(--transition-normal)}.integration-item:hover{border-color:var(--color-secondary);background:var(--color-surface)}.integration-item svg{color:var(--color-secondary);flex-shrink:0;margin-top:2px}.integration-item div{font-size:.95rem;line-height:1.5;color:var(--color-text-secondary)}.integration-item strong{color:var(--color-text)}.integration-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px;max-width:500px;margin:0 auto}.integration-list li{position:relative;padding-left:24px;font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.integration-list li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:var(--color-secondary);border-radius:50%}@media(max-width:768px){.feature-integrations .integration-grid{grid-template-columns:1fr}}.feature-cta{padding:var(--section-padding) 24px;background:linear-gradient(180deg,var(--color-surface-variant) 0%,var(--color-secondary-container) 100%);text-align:center}.feature-cta .cta-content{max-width:600px;margin:0 auto}.feature-nav{padding:40px 24px;background:var(--color-surface);border-top:1px solid var(--color-border)}.feature-nav-content{display:flex;justify-content:space-between;max-width:var(--container-max);margin:0 auto}.feature-nav-btn{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.feature-nav-btn:hover{border-color:var(--color-secondary);background:var(--color-surface-variant)}.feature-nav-btn svg{color:var(--color-secondary)}.feature-nav-text{display:flex;flex-direction:column}.feature-nav-btn.prev .feature-nav-text{text-align:left}.feature-nav-btn.next .feature-nav-text{text-align:right}.feature-nav-label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.feature-nav-title{font-size:1rem;font-weight:600;color:var(--color-text)}.feature-page .footer{position:relative}.feature-page .footer .logo{text-decoration:none}.feature-card-link{text-decoration:none;color:inherit;display:block}.feature-card-link .feature-card{cursor:pointer}.feature-card .feature-learn-more{display:flex;align-items:center;gap:6px;margin-top:16px;font-size:.9rem;font-weight:600;color:var(--color-secondary);opacity:0;transform:translateY(8px);transition:all var(--transition-normal)}.feature-card:hover .feature-learn-more{opacity:1;transform:translateY(0)}@media(max-width:1024px){.feature-hero-content{grid-template-columns:1fr;gap:48px}.feature-hero-text{max-width:100%;text-align:center}.feature-breadcrumb{justify-content:center}.feature-icon-large{margin-left:auto;margin-right:auto}.feature-hero-cta,.feature-hero-stats{justify-content:center}.feature-hero-visual{order:-1}.capabilities-grid,.use-cases-grid{grid-template-columns:repeat(2,1fr)}.benefits-container{grid-template-columns:1fr;gap:48px}.benefits-content .section-title{text-align:center}.benefits-list{max-width:500px;margin:0 auto}}@media(max-width:768px){.feature-hero{padding-top:calc(var(--nav-height) + 40px);padding-bottom:60px}.feature-hero-cta{flex-direction:column;align-items:center}.feature-hero-cta button{width:100%;max-width:280px}.feature-hero-stats{flex-direction:column;gap:16px}.capabilities-grid,.use-cases-grid{grid-template-columns:1fr}.feature-nav-content{flex-direction:column;gap:16px}.feature-nav-btn{width:100%;justify-content:center}.feature-nav-btn.prev .feature-nav-text,.feature-nav-btn.next .feature-nav-text{text-align:center}}@media(max-width:480px){.feature-hero-title{font-size:2rem}.feature-hero-tagline{font-size:1.25rem}.capability-card,.use-case-card{padding:24px}.benefits-image-stack{display:none}}.feature-mockup-section{padding:var(--section-padding) 24px;background:var(--color-surface)}.feature-mockup-section .section-header{max-width:var(--container-max);margin:0 auto 48px}.feature-secondary-mockup-section{padding:var(--section-padding) 24px;background:var(--color-background)}.feature-secondary-mockup-section .section-header{max-width:var(--container-max);margin:0 auto 48px}.mockup-wrapper{max-width:900px;margin:0 auto}.mockup-wrapper.secondary{max-width:1000px}.mockup-screen{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.mockup-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface-variant)}.mockup-search{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.85rem;min-width:200px}.mockup-toolbar-actions{display:flex;align-items:center;gap:8px}.mockup-btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.mockup-btn-icon:hover{background:var(--color-surface-variant);border-color:var(--color-outline)}.mockup-btn-icon.small{width:28px;height:28px}.mockup-btn-primary{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-secondary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.mockup-btn-primary:hover{background:var(--color-secondary-light)}.mockup-btn-secondary{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.mockup-btn-secondary:hover{background:var(--color-surface-variant)}.mockup-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px;border-bottom:1px solid var(--color-border)}.mockup-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface-variant);border-radius:var(--radius-md)}.mockup-stat-card svg{color:var(--color-secondary)}.mockup-stat-card.warning svg{color:var(--color-tertiary)}.mockup-stat-card.error svg{color:var(--color-error)}.mockup-stat-card.success svg{color:var(--color-success)}.mockup-stat-info{display:flex;flex-direction:column}.mockup-stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text)}.mockup-stat-label{font-size:.75rem;color:var(--color-text-muted)}.mockup-table{padding:16px 20px}.mockup-table-header{display:grid;grid-template-columns:2fr 1.5fr 1fr .5fr 1fr 40px;gap:12px;padding:12px 16px;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.mockup-table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr .5fr 1fr 40px;gap:12px;padding:16px;align-items:center;border-bottom:1px solid var(--color-border);font-size:.85rem}.mockup-table-row:last-child{border-bottom:none}.col-item{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--color-text)}.item-thumb{width:40px;height:40px;background:var(--gradient-secondary);border-radius:var(--radius-sm);position:relative;opacity:.8}.photo-badge{position:absolute;bottom:-4px;right:-4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;padding:2px;color:var(--color-text-muted)}.col-location{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary)}.col-location svg{color:var(--color-text-muted)}.col-status{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:100px;width:fit-content}.status-success{background:var(--color-success-container);color:var(--color-success)}.status-warning{background:var(--color-tertiary-container);color:var(--color-tertiary-dark)}.status-info{background:var(--color-secondary-container);color:var(--color-secondary-dark)}.status-error{background:var(--color-error-container);color:var(--color-error)}.col-qty{color:var(--color-text-secondary)}.col-inspected{color:var(--color-text-muted);font-size:.8rem}.col-actions{color:var(--color-text-muted);cursor:pointer}.mockup-header-bar{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-border)}.mockup-header-left svg{color:var(--color-secondary)}.mockup-subtitle{font-size:.8rem;color:var(--color-text-muted)}.mockup-progress-ring{position:relative;width:60px;height:60px}.mockup-progress-ring svg{transform:rotate(-90deg)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;font-weight:700;color:var(--color-secondary)}.mockup-task-list{padding:16px 20px}.mockup-task-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--color-surface-variant);border-radius:var(--radius-md);margin-bottom:12px}.mockup-task-row:last-child{margin-bottom:0}.task-info{display:flex;align-items:center;gap:12px}.task-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-outline);display:flex;align-items:center;justify-content:center}.task-check.complete{background:var(--color-success);border-color:var(--color-success);color:#fff}.task-details{display:flex;flex-direction:column}.task-name{font-weight:500;color:var(--color-text);font-size:.9rem}.task-meta{font-size:.75rem;color:var(--color-text-muted)}.task-progress{display:flex;align-items:center;gap:12px;min-width:200px}.progress-bar{flex:1;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--color-secondary);border-radius:3px}.progress-fill.complete{background:var(--color-success)}.signed-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-success-container);color:var(--color-success);border-radius:4px;font-size:.7rem;font-weight:600}.mockup-action-bar{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border)}.mockup-tabs{display:flex;gap:4px}.mockup-tabs .tab{padding:8px 16px;background:none;border:none;font-size:.85rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.mockup-tabs .tab.active{background:var(--color-secondary-container);color:var(--color-secondary-dark)}.mockup-tabs .tab:hover:not(.active){background:var(--color-surface-variant)}.personnel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.personnel-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--color-surface-variant);border-radius:var(--radius-md)}.personnel-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}.personnel-info h4{font-size:.95rem;font-weight:600;color:var(--color-text);margin:0}.personnel-role{font-size:.8rem;color:var(--color-text-muted)}.personnel-status{font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:100px;width:fit-content}.personnel-status.active{background:var(--color-success-container);color:var(--color-success)}.personnel-status.training{background:var(--color-tertiary-container);color:var(--color-tertiary-dark)}.personnel-certs{display:flex;flex-direction:column;gap:4px}.cert-count{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-text-secondary)}.cert-count svg{color:var(--color-success)}.cert-expiring{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-tertiary-dark)}.cert-expiring svg{color:var(--color-tertiary)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px;padding:20px}.dashboard-card{padding:20px;background:var(--color-surface-variant);border-radius:var(--radius-md)}.dashboard-card.metric{display:flex;flex-direction:column;gap:8px}.metric-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-text-muted)}.trend-up{color:var(--color-success)}.metric-value{font-size:2rem;font-weight:800;color:var(--color-text)}.metric-change{font-size:.75rem;font-weight:500}.metric-change.positive{color:var(--color-success)}.dashboard-card.chart .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem;font-weight:500;color:var(--color-text)}.mini-chart{height:60px}.mini-chart svg{width:100%;height:100%}.date-range{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-surface-variant);border-radius:var(--radius-sm);font-size:.85rem;color:var(--color-text-secondary)}.report-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border)}.reporting-enhanced .mockup-header-bar{flex-wrap:wrap;gap:16px}.reporting-tabs{display:flex;gap:4px;background:var(--color-surface-variant);padding:4px;border-radius:var(--radius-sm)}.report-tab{padding:6px 14px;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.report-tab:hover{color:var(--color-text)}.report-tab.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px;border-bottom:1px solid var(--color-border)}.kpi-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--color-surface-variant);border-radius:var(--radius-md)}.kpi-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-sm);color:var(--color-secondary)}.kpi-content{display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.kpi-value-row{display:flex;align-items:baseline;gap:8px}.kpi-value{font-size:1.35rem;font-weight:800;color:var(--color-text)}.kpi-change{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px}.kpi-change.positive{background:var(--color-success-container);color:var(--color-success)}.charts-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:20px}.chart-card{background:var(--color-surface-variant);border-radius:var(--radius-md);padding:16px}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem;font-weight:600;color:var(--color-text)}.chart-legend{display:flex;gap:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:500;color:var(--color-text-muted)}.legend-item .dot{width:8px;height:8px;border-radius:50%}.dot.primary{background:var(--color-secondary)}.dot.secondary{background:var(--color-outline)}.dot.success{background:#22c55e}.dot.warning{background:#f59e0b}.dot.error{background:#ef4444}.line-chart{height:100px}.line-chart svg{width:100%;height:100%}.pie-chart-container{position:relative;display:flex;justify-content:center;align-items:center;height:120px}.pie-chart{width:100px;height:100px}.pie-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.pie-total{font-size:1.1rem;font-weight:800;color:var(--color-text)}.pie-label{font-size:.65rem;color:var(--color-text-muted)}.pie-legend{display:flex;flex-direction:column;gap:6px;margin-top:12px}.pie-legend-item{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--color-text-secondary)}.pie-legend-item .dot{width:8px;height:8px;border-radius:50%}.bar-chart{display:flex;flex-direction:column;gap:12px}.bar-row{display:grid;grid-template-columns:70px 1fr 36px;align-items:center;gap:10px}.bar-label{font-size:.7rem;color:var(--color-text-secondary);text-align:right}.bar-track{height:10px;background:var(--color-border);border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:5px}.bar-value{font-size:.75rem;font-weight:600;color:var(--color-text)}.recent-reports{border-top:1px solid var(--color-border);padding:16px 20px}.recent-reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;font-weight:600;color:var(--color-text)}.reports-list{display:flex;flex-direction:column;gap:8px}.report-item{display:grid;grid-template-columns:20px 1fr auto auto 20px;align-items:center;gap:12px;padding:10px 12px;background:var(--color-surface-variant);border-radius:var(--radius-sm);font-size:.8rem}.report-item svg{color:var(--color-text-muted)}.report-name{color:var(--color-text);font-weight:500}.report-type{font-size:.7rem;font-weight:600;padding:2px 8px;background:var(--color-secondary-container);color:var(--color-secondary-dark);border-radius:4px}.report-date{color:var(--color-text-muted);font-size:.75rem}.report-download{cursor:pointer;transition:color var(--transition-fast)}.report-download:hover{color:var(--color-secondary)}.cloud-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.cloud-status-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--color-surface-variant);border-radius:var(--radius-md)}.status-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-md);color:var(--color-secondary)}.status-icon.success{background:var(--color-success-container);color:var(--color-success)}.status-info{display:flex;flex-direction:column}.status-label{font-size:.8rem;color:var(--color-text-muted)}.status-value{font-size:.95rem;font-weight:600;color:var(--color-text)}.status-value.success{color:var(--color-success)}.uptime-display{padding:20px;border-top:1px solid var(--color-border)}.uptime-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem;color:var(--color-text-secondary)}.uptime-value{font-weight:700;color:var(--color-success)}.uptime-bars{display:flex;gap:3px;height:24px}.uptime-bar{flex:1;border-radius:2px;transform-origin:bottom}.uptime-bar.success{background:var(--color-success)}.cloud-enhanced{padding:0}.cloud-map-section{padding:16px 20px;border-bottom:1px solid var(--color-border)}.map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.map-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--color-text)}.map-title svg{color:var(--color-secondary)}.map-status{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-success)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success)}.status-dot.active{animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.world-map-container{position:relative;height:140px;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-variant) 100%);border-radius:var(--radius-md);overflow:hidden}.world-map{width:100%;height:100%}.world-map .continent{fill:var(--color-outline-variant);opacity:.6}.datacenter-marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:10}.marker-pulse{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--color-secondary);opacity:.3}.marker-dot{width:10px;height:10px;background:var(--color-secondary);border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003;z-index:2}.marker-label{font-size:.55rem;font-weight:600;color:var(--color-text);background:#fff;padding:2px 6px;border-radius:4px;margin-top:4px;white-space:nowrap;box-shadow:0 1px 3px #0000001a}.cloud-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border)}.cloud-metric{display:flex;align-items:center;gap:10px;padding:12px;background:var(--color-surface-variant);border-radius:var(--radius-sm)}.cloud-metric .metric-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-sm);color:var(--color-secondary)}.cloud-metric.success .metric-icon{background:var(--color-success-container);color:var(--color-success)}.cloud-metric .metric-text{display:flex;flex-direction:column}.cloud-metric .metric-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em}.cloud-metric .metric-value{font-size:.85rem;font-weight:700;color:var(--color-text)}.cloud-metric .metric-value.success{color:var(--color-success)}.cloud-bottom-row{display:grid;grid-template-columns:1fr auto;gap:24px;padding:16px 20px;align-items:center}.uptime-section{flex:1}.uptime-section .uptime-header{margin-bottom:10px}.uptime-percent{font-weight:700;color:var(--color-success)}.uptime-section .uptime-bars{height:20px}.sync-animation{display:flex;flex-direction:column;align-items:center;gap:8px}.sync-visual{display:flex;align-items:center;gap:12px}.sync-device,.sync-cloud{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-variant);border-radius:var(--radius-sm);color:var(--color-secondary)}.sync-arrows{display:flex;flex-direction:column;gap:4px;width:24px}.sync-arrow{width:4px;height:4px;background:var(--color-secondary);border-radius:50%}.sync-label{font-size:.7rem;color:var(--color-text-muted);font-weight:500}.mobile-mockup{padding:24px}.mobile-phones{display:flex;gap:40px;justify-content:center;margin-bottom:32px}.phone-frame{width:180px;height:360px;background:var(--color-surface-variant);border-radius:24px;border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-lg)}.phone-frame.secondary{opacity:.9;transform:scale(.95)}.phone-notch{width:60px;height:6px;background:var(--color-border);border-radius:3px;margin:12px auto 0}.phone-content{padding:16px}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:16px;font-size:.8rem;font-weight:600;color:var(--color-text)}.mobile-header svg{color:var(--color-secondary)}.mobile-card{display:flex;align-items:center;gap:10px;padding:12px;background:var(--color-surface);border-radius:var(--radius-sm);margin-bottom:8px;font-size:.8rem;font-weight:500;color:var(--color-text)}.mobile-card svg{color:var(--color-secondary)}.mobile-card .badge{margin-left:auto;font-size:.65rem;padding:2px 6px;background:var(--color-tertiary-container);color:var(--color-tertiary-dark);border-radius:4px}.offline-banner{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:var(--color-tertiary-container);border-radius:var(--radius-sm);margin-bottom:12px;font-size:.7rem;font-weight:600;color:var(--color-tertiary-dark)}.offline-icon{opacity:.6}.sync-status{display:flex;align-items:center;gap:8px;padding:12px;background:var(--color-surface);border-radius:var(--radius-sm);margin-bottom:12px;font-size:.75rem;color:var(--color-text-muted)}.mobile-list{display:flex;flex-direction:column;gap:6px}.mobile-list-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-surface);border-radius:var(--radius-sm);font-size:.7rem;color:var(--color-text)}.mobile-list-item svg.success{color:var(--color-success)}.mobile-list-item.pending{color:var(--color-text-muted)}.mobile-features{display:flex;justify-content:center;gap:24px}.mobile-feature{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-text-secondary)}.mobile-feature svg{color:var(--color-secondary)}.mobile-enhanced{padding:0}.app-store-banner{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-surface-variant);border-bottom:1px solid var(--color-border)}.app-info{display:flex;align-items:center;gap:12px}.app-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--gradient-secondary);border-radius:10px;color:#fff}.app-details{display:flex;flex-direction:column;gap:4px}.app-name{font-size:.95rem;font-weight:700;color:var(--color-text)}.app-rating{display:flex;align-items:center;gap:8px}.stars{display:flex;gap:2px}.rating-text{font-size:.7rem;color:var(--color-text-muted)}.store-badges{display:flex;gap:10px}.store-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-primary-dark);border-radius:8px;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.store-badge:hover{background:var(--color-primary)}.store-text{display:flex;flex-direction:column}.store-small{font-size:.55rem;opacity:.8;text-transform:uppercase;letter-spacing:.02em}.store-name{font-size:.8rem;font-weight:600}.mobile-phones-enhanced{display:flex;justify-content:center;align-items:flex-start;gap:20px;padding:30px 20px;position:relative;background:linear-gradient(180deg,var(--color-surface-variant) 0%,var(--color-surface) 100%)}.mobile-phones-enhanced .phone-frame{width:200px;height:400px;background:var(--color-surface);border-radius:28px;border:3px solid var(--color-primary-dark);overflow:hidden;box-shadow:var(--shadow-xl),0 20px 40px -10px #00000026}.mobile-phones-enhanced .phone-main{z-index:2}.mobile-phones-enhanced .phone-secondary{position:absolute;right:60px;top:50px;width:180px;height:360px;z-index:1;opacity:.95}.mobile-phones-enhanced .phone-notch{width:80px;height:24px;background:var(--color-primary-dark);border-radius:0 0 14px 14px;margin:0 auto}.mobile-phones-enhanced .phone-content{padding:12px;height:calc(100% - 24px);display:flex;flex-direction:column}.signal-indicators{display:flex;align-items:center;gap:6px}.battery-icon{width:20px;height:10px;border:1.5px solid var(--color-text-muted);border-radius:2px;position:relative}.battery-icon:before{content:"";position:absolute;right:-4px;top:2px;width:2px;height:5px;background:var(--color-text-muted);border-radius:0 1px 1px 0}.battery-icon:after{content:"";position:absolute;inset:2px 4px 2px 2px;background:var(--color-success);border-radius:1px}.mobile-nav-tabs{display:flex;gap:4px;margin-bottom:12px}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:8px;font-size:.6rem;color:var(--color-text-muted);transition:all var(--transition-fast)}.nav-tab.active{background:var(--color-secondary-container);color:var(--color-secondary)}.nav-tab svg{width:16px;height:16px}.mobile-quick-actions{display:flex;gap:10px;margin-bottom:14px}.quick-action{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--color-secondary-container);border-radius:12px;color:var(--color-secondary);font-size:.65rem;font-weight:600}.mobile-recent{flex:1}.recent-label{display:block;font-size:.7rem;font-weight:600;color:var(--color-text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.recent-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--color-surface-variant);border-radius:10px;margin-bottom:8px}.recent-thumb{width:36px;height:36px;background:var(--gradient-secondary);border-radius:8px;opacity:.8}.recent-info{flex:1;display:flex;flex-direction:column;gap:2px}.recent-name{font-size:.75rem;font-weight:600;color:var(--color-text)}.recent-meta{font-size:.6rem;color:var(--color-text-muted)}.recent-item svg{color:var(--color-text-muted)}.offline-mode-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:var(--color-tertiary-container);border-radius:10px;margin-bottom:12px;font-size:.7rem;font-weight:600;color:var(--color-tertiary-dark)}.offline-dot{width:6px;height:6px;background:var(--color-tertiary);border-radius:50%}.sync-queue{background:var(--color-surface-variant);border-radius:10px;padding:12px;margin-bottom:12px}.sync-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:.75rem;font-weight:600;color:var(--color-text)}.sync-count{margin-left:auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-tertiary);color:#fff;border-radius:50%;font-size:.65rem}.sync-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:.7rem;color:var(--color-text-secondary)}.sync-item:last-child{border-bottom:none}.sync-item svg{color:var(--color-success)}.pending-icon{margin-left:auto;color:var(--color-text-muted)!important}.reconnect-notice{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:var(--color-success-container);border-radius:10px;font-size:.7rem;color:var(--color-success)}.mobile-feature-pills{display:flex;justify-content:center;gap:12px;padding:20px;background:var(--color-surface);border-top:1px solid var(--color-border)}.feature-pill{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-surface-variant);border-radius:100px;transition:all var(--transition-fast)}.feature-pill:hover{background:var(--color-secondary-container)}.pill-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:50%;color:var(--color-secondary)}.feature-pill:hover .pill-icon{background:var(--color-secondary);color:#fff}.pill-text{display:flex;flex-direction:column}.pill-label{font-size:.75rem;font-weight:600;color:var(--color-text)}.pill-desc{font-size:.6rem;color:var(--color-text-muted)}.inventory-enhanced{padding:0}.qr-scan-panel{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:20px;background:linear-gradient(135deg,var(--color-surface-variant) 0%,var(--color-surface) 100%);border-bottom:1px solid var(--color-border)}.scan-demo{display:flex;flex-direction:column;align-items:center;gap:12px}.scan-viewfinder{position:relative;width:100px;height:100px;background:var(--color-primary-dark);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.viewfinder-corners .corner{position:absolute;width:16px;height:16px;border-color:var(--color-secondary);border-style:solid}.corner.tl{top:8px;left:8px;border-width:2px 0 0 2px}.corner.tr{top:8px;right:8px;border-width:2px 2px 0 0}.corner.bl{bottom:8px;left:8px;border-width:0 0 2px 2px}.corner.br{bottom:8px;right:8px;border-width:0 2px 2px 0}.scan-line{position:absolute;left:12px;right:12px;height:2px;background:linear-gradient(90deg,transparent,var(--color-secondary),transparent);opacity:.8}.qr-placeholder{color:#ffffff4d}.scan-result{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-success-container);border-radius:100px;font-size:.7rem;font-weight:600;color:var(--color-success)}.scan-info{display:flex;flex-direction:column;justify-content:center}.scan-info h4{font-size:.95rem;font-weight:700;color:var(--color-text);margin:0 0 6px}.scan-info p{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 12px;line-height:1.4}.scan-features{display:flex;gap:16px}.scan-features span{display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--color-text-muted)}.scan-features svg{color:var(--color-secondary)}.inventory-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border)}.inv-stat{display:flex;align-items:center;gap:10px;padding:12px;background:var(--color-surface-variant);border-radius:var(--radius-sm)}.inv-stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-sm);color:var(--color-secondary)}.inv-stat.warning .inv-stat-icon{background:var(--color-tertiary-container);color:var(--color-tertiary)}.inv-stat.error .inv-stat-icon{background:var(--color-error-container);color:var(--color-error)}.inv-stat.success .inv-stat-icon{background:var(--color-success-container);color:var(--color-success)}.inv-stat-content{display:flex;flex-direction:column}.inv-stat-value{font-size:1.1rem;font-weight:800;color:var(--color-text)}.inv-stat-label{font-size:.65rem;color:var(--color-text-muted)}.inventory-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--color-border)}.inventory-toolbar .mockup-search{min-width:180px}.toolbar-actions{display:flex;gap:8px}.inventory-list{padding:8px 12px}.inventory-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.inventory-item:hover{background:var(--color-surface-variant)}.item-thumbnail{position:relative;width:40px;height:40px;background:var(--gradient-secondary);border-radius:var(--radius-sm);opacity:.8}.thumb-badge{position:absolute;bottom:-2px;right:-2px;padding:2px;background:#fff;border-radius:50%;color:var(--color-text-muted)}.item-details{flex:1;display:flex;flex-direction:column;gap:2px}.item-name{font-size:.85rem;font-weight:600;color:var(--color-text)}.item-location{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--color-text-muted)}.item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.item-status{font-size:.65rem;font-weight:600;padding:3px 8px;border-radius:100px}.item-time{font-size:.65rem;color:var(--color-text-muted)}.item-arrow{color:var(--color-text-muted)}.training-mockup{display:flex;min-height:300px}.mockup-sidebar{width:200px;border-right:1px solid var(--color-border);padding:16px;background:var(--color-surface-variant)}.sidebar-header{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:16px}.sidebar-header svg{color:var(--color-secondary)}.folder-tree{display:flex;flex-direction:column;gap:4px}.folder-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer}.folder-item.active{background:var(--color-secondary-container);color:var(--color-secondary-dark)}.folder-item svg{flex-shrink:0}.mockup-main-content{flex:1;padding:20px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.content-header h4{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.doc-count{font-size:.8rem;color:var(--color-text-muted)}.document-list{display:flex;flex-direction:column;gap:8px}.document-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface-variant);border-radius:var(--radius-md)}.doc-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-sm);color:var(--color-secondary)}.doc-info{flex:1}.doc-name{font-size:.85rem;font-weight:500;color:var(--color-text);display:block}.doc-meta{font-size:.75rem;color:var(--color-text-muted)}.doc-views{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-muted)}.photo-mockup{padding:20px}.photo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.photo-header h4{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.photo-date{font-size:.8rem;color:var(--color-text-muted)}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.photo-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden}.photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-secondary-container) 0%,var(--color-surface-variant) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-secondary)}.video-overlay{width:40px;height:40px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.photo-label{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:.7rem;font-weight:500}.video-duration{position:absolute;top:8px;right:8px;padding:2px 6px;background:#0009;color:#fff;font-size:.65rem;border-radius:4px}.photo-actions{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.annotation-preview{padding:16px;background:var(--color-surface-variant);border-radius:var(--radius-md);border-left:3px solid var(--color-secondary)}.annotation-header{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--color-secondary);margin-bottom:8px}.annotation-preview p{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;margin:0}.signature-mockup{padding:24px}.mockup-document{background:var(--color-surface-variant);border-radius:var(--radius-md);padding:24px}.document-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.document-header svg{color:var(--color-secondary)}.document-header h4{flex:1;font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.document-badge{padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600}.document-badge.pending{background:var(--color-tertiary-container);color:var(--color-tertiary-dark)}.document-preview{background:var(--color-surface);border-radius:var(--radius-sm);padding:24px}.preview-lines{margin-bottom:24px}.preview-line{height:8px;background:var(--color-surface-variant);border-radius:4px;margin-bottom:8px}.signature-area{border-top:1px dashed var(--color-outline);padding-top:20px}.signature-box{text-align:center;margin-bottom:16px}.signature-svg{max-width:200px;margin-bottom:8px}.signature-label{font-size:.75rem;color:var(--color-text-muted)}.signature-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-secondary)}.meta-item svg{color:var(--color-text-muted)}.signature-success{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:12px;background:var(--color-success-container);border-radius:var(--radius-md);color:var(--color-success);font-weight:600;font-size:.9rem}.signature-enhanced{padding:0}.compliance-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--color-surface-variant);border-bottom:1px solid var(--color-border)}.compliance-title{font-size:.85rem;font-weight:600;color:var(--color-text)}.compliance-badges{display:flex;gap:8px}.compliance-badge{display:flex;align-items:center;gap:5px;padding:5px 10px;background:var(--color-success-container);border-radius:100px;font-size:.7rem;font-weight:600;color:var(--color-success)}.compliance-badge svg{width:12px;height:12px}.signature-document{padding:16px 20px}.doc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.doc-info{display:flex;align-items:center;gap:12px}.doc-info svg{color:var(--color-secondary)}.doc-info h4{font-size:.9rem;font-weight:600;color:var(--color-text);margin:0}.doc-id{font-size:.7rem;color:var(--color-text-muted)}.doc-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;font-size:.75rem;font-weight:600}.doc-status.signing{background:var(--color-secondary-container);color:var(--color-secondary)}.doc-preview{background:var(--color-surface-variant);border-radius:var(--radius-md);padding:16px}.doc-lines{margin-bottom:16px}.doc-line{height:6px;background:var(--color-border);border-radius:3px;margin-bottom:6px}.signature-capture-area{border-top:1px dashed var(--color-outline);padding-top:16px}.signature-canvas{position:relative;background:var(--color-surface);border:2px dashed var(--color-outline-variant);border-radius:var(--radius-sm);padding:10px;margin-bottom:16px}.signature-drawing{width:100%;height:60px}.signature-image{width:80%;max-width:200px;height:auto;object-fit:contain;filter:brightness(0) opacity(.85)}.canvas-label{position:absolute;top:8px;left:12px;font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.capture-metadata{background:var(--color-surface);border-radius:var(--radius-sm);padding:12px}.metadata-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metadata-item{display:flex;align-items:flex-start;gap:10px}.metadata-item svg{color:var(--color-secondary);margin-top:2px;flex-shrink:0}.metadata-item .meta-label{display:block;font-size:.6rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.metadata-item .meta-value{display:block;font-size:.75rem;font-weight:500;color:var(--color-text)}.signature-context{display:flex;align-items:center;gap:8px}.signature-context svg{color:var(--color-secondary)}.dual-signature-area{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.signature-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px}.signature-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.signer-role{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary);background:var(--color-secondary-container);padding:2px 8px;border-radius:var(--radius-full)}.signer-role.evaluator{color:#22c55e;background:#22c55e26}.signer-name{font-size:.75rem;font-weight:500;color:var(--color-text)}.signature-canvas.small{padding:8px;margin-bottom:8px;min-height:50px;display:flex;align-items:center;justify-content:center}.signature-canvas.small .signature-image{width:90%;max-width:140px}.signature-timestamp{display:flex;align-items:center;gap:6px;font-size:.65rem;color:var(--color-text-muted)}.signature-timestamp svg{color:var(--color-text-muted)}.capture-metadata.compact{padding:10px}.capture-metadata.compact .metadata-grid{gap:10px}.doc-status.complete{background:#22c55e26;color:#22c55e}.metadata-item .meta-value.hash{font-family:monospace;font-size:.7rem;color:var(--color-text-secondary)}.verification-banner{display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--color-success-container);border-top:1px solid var(--color-border)}.verification-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-success);border-radius:50%;color:#fff}.verification-text{flex:1;display:flex;flex-direction:column;gap:2px}.verification-title{font-size:.9rem;font-weight:700;color:var(--color-success)}.verification-sub{font-size:.75rem;color:var(--color-text-secondary)}.verification-actions{display:flex;gap:8px}.feature-workflow{padding:var(--section-padding) 24px;background:var(--color-surface)}.feature-workflow .section-header{max-width:var(--container-max);margin:0 auto 64px}.workflow-steps{display:flex;justify-content:center;align-items:flex-start;gap:16px;max-width:var(--container-max);margin:0 auto}.workflow-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;max-width:250px;position:relative}.step-number{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);color:#fff;font-size:1.5rem;font-weight:800;border-radius:50%;margin-bottom:20px}.step-content{flex:1}.step-title{font-size:1.1rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:8px}.step-description{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.step-connector{position:absolute;right:-30px;top:24px;color:var(--color-outline)}.step-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);color:var(--color-secondary);border-radius:var(--radius-md);margin-bottom:16px}.workflow-visual{margin-top:64px;max-width:var(--container-max);margin-left:auto;margin-right:auto}.feature-comparison{padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.feature-comparison .section-header{max-width:var(--container-max);margin:0 auto 64px}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:var(--container-max);margin:0 auto}.comparison-card{display:flex;align-items:stretch;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.comparison-problem,.comparison-solution{flex:1;padding:24px;display:flex;gap:12px}.comparison-problem{background:#ba1a1a0d}.comparison-solution{background:#16a34a0d}.comparison-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.comparison-icon.problem{background:var(--color-error-container);color:var(--color-error)}.comparison-icon.solution{background:var(--color-success-container);color:var(--color-success)}.comparison-problem p,.comparison-solution p{font-size:.9rem;color:var(--color-text);line-height:1.5;margin:0}.comparison-arrow{display:flex;align-items:center;justify-content:center;padding:0 8px;color:var(--color-outline);background:var(--color-surface)}.comparison-container{display:flex;align-items:stretch;justify-content:center;gap:32px;max-width:var(--container-max);margin:48px auto 0;padding:0 24px}.comparison-side{flex:1;max-width:400px;padding:32px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border)}.comparison-side.before{background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,var(--color-surface) 100%);border-color:#ef444433}.comparison-side.after{background:linear-gradient(135deg,rgba(34,197,94,.05) 0%,var(--color-surface) 100%);border-color:#22c55e33}.comparison-side h3{font-size:1.25rem;font-weight:700;margin-bottom:24px;color:var(--color-text)}.comparison-side.before h3{color:var(--color-error)}.comparison-side.after h3{color:var(--color-success)}.comparison-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.comparison-list li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.5;color:var(--color-text-secondary)}.comparison-list .icon-problem{color:var(--color-error);flex-shrink:0;margin-top:2px}.comparison-list .icon-success{color:var(--color-success);flex-shrink:0;margin-top:2px}.comparison-divider{display:flex;align-items:center;justify-content:center;color:var(--color-secondary)}@media(max-width:768px){.comparison-container{flex-direction:column;gap:24px}.comparison-side{max-width:100%}.comparison-divider{transform:rotate(90deg)}}.feature-testimonial{padding:var(--section-padding) 24px;background:var(--color-surface)}.testimonial-container{max-width:800px;margin:0 auto;text-align:center;position:relative}.testimonial-quote-mark{color:var(--color-secondary);opacity:.3;margin-bottom:24px}.testimonial-quote{font-size:1.5rem;font-weight:400;color:var(--color-text);line-height:1.6;margin:0 0 32px;font-style:italic}.testimonial-attribution{display:flex;align-items:center;justify-content:center;gap:16px}.testimonial-avatar{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gradient-secondary);border-radius:50%;color:#fff;font-weight:700;font-size:1.1rem}.testimonial-info{display:flex;flex-direction:column;text-align:left}.testimonial-author{font-weight:600;color:var(--color-text)}.testimonial-role{font-size:.9rem;color:var(--color-text-muted)}@media(max-width:1024px){.mockup-stats-row{grid-template-columns:repeat(2,1fr)}.mockup-table-header,.mockup-table-row{grid-template-columns:2fr 1fr 1fr}.col-qty,.col-inspected,.col-actions{display:none}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-card.chart{grid-column:span 2}.workflow-steps{flex-wrap:wrap;gap:32px}.workflow-step{flex:0 0 calc(50% - 16px);max-width:none}.step-connector{display:none}.comparison-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mockup-toolbar{flex-direction:column;gap:12px}.mockup-search{width:100%}.mockup-stats-row,.personnel-grid,.cloud-status-grid{grid-template-columns:1fr}.mobile-phones{flex-direction:column;align-items:center;gap:24px}.phone-frame.secondary{transform:none;opacity:1}.training-mockup{flex-direction:column}.mockup-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-border)}.workflow-steps{flex-direction:column;align-items:center}.workflow-step{flex:0 0 auto;width:100%;max-width:300px}.comparison-card{flex-direction:column}.comparison-arrow{padding:8px 0;transform:rotate(90deg)}.testimonial-quote{font-size:1.2rem}.dashboard-grid{grid-template-columns:1fr}.dashboard-card.chart{grid-column:auto}}@media(max-width:480px){.mockup-header-bar{flex-direction:column;align-items:flex-start;gap:12px}.mockup-tabs{width:100%}.mockup-tabs .tab{flex:1;text-align:center}.task-progress{min-width:120px}.mobile-features{flex-wrap:wrap;gap:16px}.photo-grid{grid-template-columns:repeat(2,1fr)}.signature-meta{flex-direction:column;gap:8px}}.industries-page{position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg)}.industries-page .nav{background:#fffffff2}.industries-page section,.industries-page footer{position:relative;z-index:1}.page-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-muted);margin-bottom:24px}.page-breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.page-breadcrumb a:hover{color:var(--color-secondary)}.page-breadcrumb svg{flex-shrink:0}.industries-hero{position:relative;padding:calc(var(--nav-height) + 80px) 24px 80px;max-width:var(--container-max);margin:0 auto;text-align:center}.industries-hero-content{max-width:800px;margin:0 auto}.industries-hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--color-primary-dark);margin-bottom:24px}.industries-hero-subtitle{font-size:1.2rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:32px;max-width:650px;margin-left:auto;margin-right:auto}.industries-hero-cta{display:flex;gap:16px;justify-content:center}.industries-list{padding:0 24px;max-width:var(--container-max);margin:0 auto}.industry-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:80px 0;border-bottom:1px solid var(--color-border)}.industry-section:last-child{border-bottom:none}.industry-section.reverse{direction:rtl}.industry-section.reverse>*{direction:ltr}.industry-content{max-width:560px}.industry-icon-badge{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-lg);color:var(--color-secondary);margin-bottom:20px}.industry-title{font-size:2rem;font-weight:800;color:var(--color-primary-dark);margin-bottom:8px}.industry-tagline{font-size:1.1rem;color:var(--color-secondary);font-weight:600;margin-bottom:16px}.industry-description{font-size:1rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:24px}.industry-features{list-style:none;margin-bottom:24px}.industry-features li{display:flex;align-items:flex-start;gap:12px;padding:8px 0;font-size:.95rem;color:var(--color-text)}.industry-features .feature-check{color:var(--color-success);flex-shrink:0;margin-top:2px}.industry-highlight{display:flex;align-items:center;gap:10px;padding:16px;background:var(--color-surface-variant);border-radius:var(--radius-md);font-size:.95rem;color:var(--color-text);font-weight:500}.industry-highlight svg{color:var(--color-secondary);flex-shrink:0}.industry-icon-large{display:flex;justify-content:center;align-items:center;width:160px;height:160px;background:var(--color-surface-variant);border-radius:50%;color:var(--color-secondary);opacity:.6}.industry-visual{display:flex;justify-content:center;align-items:center}.industry-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;background:var(--gradient-secondary);border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-xl)}.industry-stat-value{font-size:3rem;font-weight:800;line-height:1}.industry-stat-label{font-size:.9rem;font-weight:500;opacity:.9;margin-top:8px}.industries-benefits{padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.industries-benefits .section-header,.industries-benefits .benefits-grid{max-width:var(--container-max);margin-left:auto;margin-right:auto}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.benefit-card{padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.benefit-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-lg);color:var(--color-secondary);margin:0 auto 16px}.benefit-title{font-size:1.1rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:8px}.benefit-description{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.industries-cta{padding:var(--section-padding) 24px;text-align:center}.industries-cta .cta-content{max-width:600px;margin:0 auto}.about-page{position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg)}.about-page .nav{background:#fffffff2}.about-page section,.about-page footer{position:relative;z-index:1}.about-hero{position:relative;padding:calc(var(--nav-height) + 80px) 24px 80px;max-width:var(--container-max);margin:0 auto;text-align:center}.about-hero-content{max-width:800px;margin:0 auto}.about-hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--color-primary-dark);margin-bottom:24px}.about-hero-subtitle{font-size:1.2rem;color:var(--color-text-secondary);line-height:1.7;max-width:700px;margin:0 auto}.about-stats{padding:40px 24px;background:var(--color-surface-variant)}.stats-grid{display:flex;justify-content:center;gap:64px;max-width:var(--container-max);margin:0 auto}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:2.5rem;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.stat-label{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.about-story{padding:var(--section-padding) 24px;max-width:900px;margin:0 auto}.story-content{text-align:center}.story-header{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;text-align:left}.story-header-text{flex:1}.story-mascot{flex-shrink:0;opacity:.9}.story-text{text-align:left;margin-top:32px}.story-text p{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:24px}.story-text p:last-child{margin-bottom:0}.about-timeline{padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.about-timeline .section-header{max-width:var(--container-max);margin:0 auto 60px}.timeline-container{position:relative;max-width:900px;margin:0 auto;padding:20px 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-secondary),var(--color-accent));transform:translate(-50%)}.timeline-item{position:relative;width:50%;padding:0 40px 60px}.timeline-item.left{left:0;text-align:right;padding-right:60px}.timeline-item.right{left:50%;text-align:left;padding-left:60px}.timeline-dot{position:absolute;top:0;width:44px;height:44px;background:var(--color-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 0 4px var(--color-surface-variant),0 4px 12px #00000026;z-index:1}.timeline-item.left .timeline-dot{right:-22px}.timeline-item.right .timeline-dot{left:-22px}.timeline-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;transition:transform .3s ease,box-shadow .3s ease}.timeline-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.timeline-year{display:inline-block;font-size:.8rem;font-weight:700;color:var(--color-secondary);background:var(--color-secondary-container);padding:4px 12px;border-radius:var(--radius-full);margin-bottom:12px}.timeline-title{font-size:1.25rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:8px}.timeline-description{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.about-mission{padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:var(--container-max);margin:0 auto}.mission-card{padding:48px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center}.mission-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-xl);color:var(--color-secondary);margin:0 auto 24px}.mission-card h3{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:16px}.mission-card p{font-size:1rem;color:var(--color-text-secondary);line-height:1.7}.about-values{padding:var(--section-padding) 24px}.about-values .section-header{max-width:var(--container-max);margin-left:auto;margin-right:auto}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:var(--container-max);margin:0 auto}.value-card{padding:32px 24px;text-align:center}.value-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-lg);color:var(--color-secondary);margin:0 auto 16px}.value-title{font-size:1.1rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:8px}.value-description{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.about-leadership{padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.about-leadership .section-header{max-width:var(--container-max);margin-left:auto;margin-right:auto}.about-leadership .section-subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto;text-align:center}.leadership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:var(--container-max);margin:0 auto}.leadership-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:32px;text-align:center;border:1px solid rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}.leadership-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.leadership-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);color:#fff;margin:0 auto 16px}.leadership-role{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-secondary);margin-bottom:8px}.leadership-title{font-size:1.2rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:12px}.leadership-description{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.about-team{padding:var(--section-padding) 24px;background:var(--color-surface-variant);overflow:hidden}.about-team .section-header{max-width:var(--container-max);margin-left:auto;margin-right:auto}.about-team .section-subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:680px;margin:0 auto;text-align:center}.team-photo-container{position:relative;max-width:1100px;margin:64px auto;padding:0 20px}.team-photo-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-2xl);border:2px solid var(--color-border)}.team-photo{width:100%;height:auto;display:block;transition:transform .4s ease}.team-photo-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none}.team-photo-badge{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:8px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 20px;border-radius:var(--radius-lg);font-weight:600;color:var(--color-primary-dark);box-shadow:var(--shadow-lg)}.team-photo-badge svg{color:var(--color-secondary)}.team-photo-accent{position:absolute;border-radius:50%;pointer-events:none;z-index:-1}.team-accent-1{width:200px;height:200px;background:linear-gradient(135deg,var(--color-secondary-light),transparent);filter:blur(60px);top:-50px;right:-50px;opacity:.3}.team-accent-2{width:150px;height:150px;background:linear-gradient(135deg,var(--color-primary-light),transparent);filter:blur(50px);bottom:-30px;left:-30px;opacity:.25}.team-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:48px auto 0}.team-value-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 20px;text-align:center;transition:all .3s ease}.team-value-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-secondary-light)}.team-value-icon{width:48px;height:48px;margin:0 auto 16px;background:linear-gradient(135deg,var(--color-secondary-light),var(--color-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.team-value-title{font-size:.95rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:8px}.team-value-description{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.team-info-card{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-xl);max-width:280px;display:flex;gap:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.team-info-left{top:20%;left:-60px}.team-info-right{bottom:20%;right:-60px}.team-info-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,var(--color-secondary-light),var(--color-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.team-info-content h4{font-size:1rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:4px}.team-info-content p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.team-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:80px auto 0}.team-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;transition:all .3s ease}.team-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-secondary-light)}.team-stat-icon{width:56px;height:56px;margin:0 auto 16px;background:linear-gradient(135deg,var(--color-secondary-light),var(--color-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.team-stat-number{font-size:2.25rem;font-weight:800;color:var(--color-primary-dark);line-height:1;margin-bottom:8px}.team-stat-label{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:8px}.team-stat-detail{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.team-story-section{max-width:1000px;margin:80px auto 0}.team-story-content{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-variant) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:48px 56px;text-align:center;box-shadow:var(--shadow-md)}.team-story-title{font-size:1.75rem;font-weight:800;color:var(--color-primary-dark);margin-bottom:24px;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.team-story-text{font-size:1.05rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}.team-story-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:900px;margin:0 auto}.story-highlight{display:flex;flex-direction:column;align-items:center;gap:8px}.highlight-number{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.highlight-label{font-size:.9rem;color:var(--color-text-secondary);font-weight:500;max-width:180px;line-height:1.4}.leadership-section{max-width:1100px;margin:80px auto 0}.leadership-title{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);text-align:center;margin-bottom:40px}.leadership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.leadership-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;transition:all .3s ease}.leadership-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-secondary-light)}.leadership-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.leadership-name{font-size:1.1rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:4px}.leadership-role{font-size:.85rem;font-weight:600;color:var(--color-secondary);display:block}.leadership-linkedin{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface-variant);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all .2s ease;flex-shrink:0}.leadership-linkedin:hover{background:var(--color-secondary);color:#fff;transform:scale(1.05)}.leadership-bio{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}.leadership-fun-fact{display:flex;align-items:center;gap:8px;padding:12px;background:var(--color-surface-variant);border-radius:var(--radius-md);font-size:.8rem;color:var(--color-text-muted);font-style:italic}.leadership-fun-fact svg{color:var(--color-secondary);flex-shrink:0}.culture-highlights{display:flex;justify-content:center;align-items:center;gap:32px;margin:64px auto 0;padding:40px 48px;background:var(--color-surface);border-radius:var(--radius-xl);max-width:900px;border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.culture-highlight{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.culture-highlight svg{color:var(--color-secondary);width:24px;height:24px}.culture-value{font-size:1.75rem;font-weight:800;color:var(--color-primary-dark);line-height:1}.culture-label{font-size:.8rem;font-weight:500;color:var(--color-text-muted);max-width:100px}.culture-divider{width:1px;height:60px;background:var(--color-border)}.about-culture{padding:var(--section-padding) 24px}.about-culture .section-header{max-width:var(--container-max);margin-left:auto;margin-right:auto}.culture-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,200px);gap:16px;max-width:var(--container-max);margin:0 auto}.culture-photo{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,var(--color-surface-variant),var(--color-border));cursor:pointer;transition:transform .3s ease;height:100%;min-height:0}.culture-photo-large{grid-column:span 2;grid-row:span 2}.culture-photo-medium{grid-column:span 2}.culture-photo-small{grid-column:span 1}.culture-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.culture-photo-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease;z-index:1;opacity:1!important}.culture-photo:hover .culture-photo-image{transform:scale(1.05)}.culture-photo-caption{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;font-size:.85rem;font-weight:500;opacity:0;transform:translateY(100%);transition:all .3s ease}.culture-photo:hover .culture-photo-caption{opacity:1;transform:translateY(0)}.culture-mascot{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:48px;text-align:center}.culture-mascot p{font-size:1.1rem;color:var(--color-text-secondary)}.culture-mascot a{color:var(--color-secondary);font-weight:600;text-decoration:none}.culture-mascot a:hover{text-decoration:underline}.cta-mascot{margin-bottom:24px}@media(max-width:900px){.leadership-grid{grid-template-columns:1fr;max-width:500px}.founders-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.fun-stats{flex-direction:column;gap:24px;padding:24px}.culture-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,150px)}.culture-photo-large{grid-column:span 2;grid-row:span 1}.culture-photo-medium{grid-column:span 1}.timeline-container{padding-left:20px}.timeline-line{left:20px}.timeline-item{width:100%;padding-left:50px!important;padding-right:0!important;text-align:left!important}.timeline-item.left,.timeline-item.right{left:0}.timeline-item.left .timeline-dot,.timeline-item.right .timeline-dot{left:-2px;right:auto}.story-header{flex-direction:column;align-items:center;text-align:center}.story-mascot{order:-1}}.timeline-old{max-width:700px;margin:0 auto;position:relative}.timeline-old:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--color-secondary-container)}.timeline-old .timeline-item{display:flex;gap:24px;padding-bottom:32px;position:relative}.timeline-old .timeline-item:last-child{padding-bottom:0}.timeline-marker-old{position:relative;z-index:1}.timeline-dot{width:32px;height:32px;background:var(--color-secondary);border:4px solid var(--color-surface-variant);border-radius:50%}.timeline-content{flex:1;padding-top:4px}.timeline-year{font-size:1.2rem;font-weight:800;color:var(--color-secondary);display:block;margin-bottom:4px}.timeline-event{font-size:1rem;color:var(--color-text-secondary);line-height:1.5}.about-security{padding:var(--section-padding) 24px}.security-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:var(--container-max);margin:0 auto}.security-text p{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.7;margin-top:16px}.security-badges{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.security-badge{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:140px}.security-badge svg{color:var(--color-secondary)}.security-badge span{font-size:.9rem;font-weight:600;color:var(--color-text)}.about-location{padding:40px 24px;background:var(--color-surface-variant)}.location-content{display:flex;align-items:center;justify-content:center;gap:16px;max-width:var(--container-max);margin:0 auto}.location-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);border-radius:var(--radius-md);color:var(--color-secondary)}.location-text h3{font-size:1.1rem;font-weight:700;color:var(--color-primary-dark)}.location-text p{font-size:.9rem;color:var(--color-text-secondary)}.about-cta{padding:var(--section-padding) 24px;text-align:center}.about-cta .cta-content{max-width:600px;margin:0 auto}.contact-page{position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg)}.contact-page .nav{background:#fffffff2}.contact-page section,.contact-page footer{position:relative;z-index:1}.contact-hero{position:relative;padding:calc(var(--nav-height) + 80px) 24px 60px;max-width:var(--container-max);margin:0 auto;text-align:center}.contact-hero-content{max-width:700px;margin:0 auto}.contact-hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--color-primary-dark);margin-bottom:24px}.contact-hero-subtitle{font-size:1.2rem;color:var(--color-text-secondary);line-height:1.7}.contact-main{padding:40px 24px var(--section-padding);max-width:var(--container-max);margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 400px;gap:64px;align-items:start}.contact-form-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:48px}.contact-form h2{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:14px 16px;font-size:1rem;font-family:var(--font-sans);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #0ea5e91a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group textarea{resize:vertical;min-height:100px}.reason-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.reason-option{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.reason-option:hover,.reason-option.selected{border-color:var(--color-secondary);background:var(--color-secondary-container)}.reason-option input{display:none}.reason-option svg{color:var(--color-secondary)}.reason-option span{font-size:.9rem;font-weight:500;color:var(--color-text)}.btn-full{width:100%;justify-content:center}.form-success{text-align:center;padding:48px 24px}.success-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--color-success-container);border-radius:50%;color:var(--color-success);margin:0 auto 24px}.form-success h3{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:12px}.form-success p{font-size:1rem;color:var(--color-text-secondary);margin-bottom:24px}.contact-info{display:flex;flex-direction:column;gap:16px}.info-card{display:flex;gap:16px;padding:24px;background:var(--color-surface-variant);border-radius:var(--radius-lg)}.info-card.highlight{background:var(--color-secondary-container)}.info-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-secondary);flex-shrink:0}.info-content{flex:1}.info-content h3{font-size:1rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:4px}.info-content p{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:8px}.info-content a{font-size:.95rem;color:var(--color-secondary);text-decoration:none;font-weight:600}.info-content a:hover{text-decoration:underline}.info-note{display:block;font-size:.85rem;color:var(--color-text-muted);margin-top:4px}.contact-mascot{display:flex;align-items:center;gap:16px;margin-top:24px;padding:20px;background:var(--color-surface-variant);border-radius:var(--radius-lg)}.mascot-bubble{position:relative;background:var(--color-surface);padding:12px 16px;border-radius:var(--radius-md);font-size:.9rem;color:var(--color-text);font-weight:500;box-shadow:0 2px 8px #0000000d}.mascot-bubble:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);border:8px solid transparent;border-right-color:var(--color-surface)}.contact-faqs{padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.contact-faqs .section-header{max-width:var(--container-max);margin-left:auto;margin-right:auto}.faqs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:var(--container-max);margin:0 auto}.faq-card{padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.faq-card h3{font-size:1.1rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:12px}.faq-card p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.contact-cta{padding:var(--section-padding) 24px;text-align:center}.contact-cta .cta-content{max-width:600px;margin:0 auto}@media(max-width:1024px){.industry-section{grid-template-columns:1fr;gap:40px}.industry-section.reverse{direction:ltr}.industry-visual{order:-1}.benefits-grid{grid-template-columns:repeat(2,1fr)}.mission-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}.security-content{grid-template-columns:1fr;gap:40px;text-align:center}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-info{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.industries-hero,.about-hero,.contact-hero{padding-top:calc(var(--nav-height) + 60px);padding-bottom:60px}.industries-hero-cta{flex-direction:column;align-items:center}.industries-hero-cta .btn-large{width:100%;max-width:300px;justify-content:center}.industry-section{padding:60px 0}.industry-title{font-size:1.5rem}.industry-stat-card{width:160px;height:160px}.industry-stat-value{font-size:2.5rem}.benefits-grid{grid-template-columns:1fr}.stats-grid{flex-wrap:wrap;gap:32px}.stat-item{min-width:120px}.values-grid{grid-template-columns:1fr}.timeline:before{left:11px}.timeline-dot{width:24px;height:24px}.security-badges{flex-direction:column;align-items:stretch}.security-badge{flex-direction:row;justify-content:flex-start;padding:20px 24px}.contact-form-container{padding:32px 24px}.reason-options,.contact-info,.faqs-grid{grid-template-columns:1fr}.team-photo-container{margin:48px auto}.team-info-card{position:relative;inset:auto 0!important;max-width:100%;margin:16px 0}.team-info-left,.team-info-right{position:relative}.team-values-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:32px auto 0}.team-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:48px auto 0}.team-story-section{margin:60px auto 0}.team-story-content{padding:36px 28px}.team-story-highlights{grid-template-columns:1fr;gap:24px}.leadership-grid{grid-template-columns:1fr;gap:20px}.culture-highlights{flex-direction:column;gap:24px;padding:32px 24px}.culture-divider{width:60px;height:1px}}@media(max-width:480px){.industry-features li{font-size:.9rem}.industry-highlight{flex-direction:row;gap:8px}.industry-icon-large{width:100px;height:100px}.industry-icon-large svg{width:48px;height:48px}.mission-card{padding:32px 24px}.location-content,.info-card{flex-direction:column;text-align:center}.info-icon{margin:0 auto}.team-stats-grid{grid-template-columns:1fr}.team-stat-card,.culture-highlights{padding:24px 20px}.culture-label{max-width:120px}}.early-access-page{position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg)}.early-access-page .nav{background:#fffffff2}.early-access-page section,.early-access-page footer{position:relative;z-index:1}.early-access-hero{position:relative;padding:calc(var(--nav-height) + 100px) 24px 100px;max-width:var(--container-max);margin:0 auto;text-align:center}.early-access-hero-content{max-width:700px;margin:0 auto}.launch-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-tertiary-container);border-radius:100px;font-size:.9rem;font-weight:600;color:var(--color-tertiary-dark);margin-bottom:32px}.launch-badge svg{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.early-access-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--color-primary-dark);margin-bottom:24px}.early-access-subtitle{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:48px}.early-access-form-container{max-width:500px;margin:0 auto}.early-access-form{display:flex;gap:12px}.form-input-group{flex:1;position:relative}.form-input-group .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.form-input-group input{width:100%;padding:16px 16px 16px 48px;font-size:1rem;font-family:var(--font-sans);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-fast)}.form-input-group input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 4px #0ea5e91a}.form-input-group input::placeholder{color:var(--color-text-muted)}.early-access-form .btn-primary{white-space:nowrap}.early-access-note{font-size:.85rem;color:var(--color-text-muted);margin-top:16px}.signup-success{padding:48px;background:var(--color-success-container);border-radius:var(--radius-xl);text-align:center}.signup-success .success-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-success);border-radius:50%;color:#fff;margin:0 auto 20px}.signup-success h3{font-size:1.5rem;font-weight:700;color:var(--color-success);margin-bottom:8px}.signup-success p{color:var(--color-text-secondary);font-size:1rem}.success-mascot{display:flex;justify-content:center;margin-bottom:20px}.success-mascot svg{filter:drop-shadow(0 4px 8px rgba(14,165,233,.25))}.faq-mascot{display:flex;justify-content:center;margin-bottom:20px}.faq-mascot svg{filter:drop-shadow(0 4px 8px rgba(14,165,233,.25))}.early-access-benefits{padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.early-access-benefits .section-header,.early-access-benefits .benefits-grid{max-width:var(--container-max);margin-left:auto;margin-right:auto}.early-access-expect{padding:var(--section-padding) 24px}.expect-content{max-width:600px;margin:0 auto;text-align:center}.expect-content .section-title{margin-bottom:48px}.expect-timeline{display:flex;flex-direction:column;gap:32px;text-align:left}.expect-item{display:flex;gap:20px;align-items:flex-start}.expect-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);border-radius:50%;color:#fff;font-size:1.25rem;font-weight:700;flex-shrink:0}.expect-text h4{font-size:1.1rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:4px}.expect-text p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5}.early-access-explore{padding:var(--section-padding) 24px;background:var(--color-surface-variant);text-align:center}.explore-content{max-width:600px;margin:0 auto}.explore-content .section-title{margin-bottom:8px}.explore-content .section-subtitle{margin-bottom:32px}.explore-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.explore-link{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);text-decoration:none;font-weight:600;font-size:.95rem;transition:all var(--transition-fast)}.explore-link:hover{border-color:var(--color-secondary);color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:768px){.early-access-hero{padding-top:calc(var(--nav-height) + 60px);padding-bottom:60px}.early-access-form{flex-direction:column}.early-access-form .btn-primary{width:100%;justify-content:center}.signup-success{padding:32px 24px}.explore-links{flex-direction:column;align-items:stretch}.explore-link{justify-content:center}}@media(max-width:480px){.expect-item{flex-direction:column;text-align:center;align-items:center}}.legal-page{position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg)}.legal-page .nav{background:#fffffff2}.legal-page section,.legal-page footer{position:relative;z-index:1}.legal-hero{padding-top:calc(var(--nav-height) + 80px);padding-bottom:60px;text-align:center;background:var(--gradient-hero)}.legal-hero-content{max-width:700px;margin:0 auto;padding:0 24px}.legal-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:24px}.legal-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text);margin-bottom:16px}.legal-hero-meta{font-size:1rem;color:var(--color-text-secondary)}.legal-content{max-width:800px;margin:0 auto;padding:60px 24px 100px}.legal-section{margin-bottom:48px}.legal-section h2{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-border)}.legal-section h3{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:24px 0 12px}.legal-section p{font-size:1rem;line-height:1.75;color:var(--color-text-secondary);margin-bottom:16px}.legal-section ul{margin:16px 0 16px 24px;color:var(--color-text-secondary)}.legal-section li{margin-bottom:8px;line-height:1.6}.legal-section a{color:var(--color-secondary);text-decoration:none;transition:var(--transition-fast)}.legal-section a:hover{text-decoration:underline}.roi-page{position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg)}.roi-page .nav{background:#fffffff2}.roi-page section,.roi-page footer{position:relative;z-index:1}.roi-hero{padding-top:calc(var(--nav-height) + 80px);padding-bottom:60px;text-align:center;background:var(--gradient-hero)}.roi-hero-content{max-width:700px;margin:0 auto;padding:0 24px}.roi-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:24px}.roi-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text);margin-bottom:16px}.roi-hero-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.roi-calculator{max-width:var(--container-max);margin:0 auto;padding:0 24px 100px}.roi-calculator .roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.roi-inputs{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px}.roi-inputs h2{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:24px}.roi-inputs h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:32px 0 16px;padding-top:24px;border-top:1px solid var(--color-border)}.roi-inputs h3:first-of-type{margin-top:24px}.input-group{margin-bottom:20px}.input-group label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:8px}.input-group label svg{color:var(--color-secondary)}.input-group input{width:100%;padding:12px 16px;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);transition:var(--transition-fast)}.input-group input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #0ea5e91a}.input-hint{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:6px}.roi-results{background:var(--color-primary);border-radius:var(--radius-lg);padding:32px;position:sticky;top:calc(var(--nav-height) + 24px)}.roi-results h2{font-size:1.25rem;font-weight:700;color:var(--color-on-primary);margin-bottom:24px}.result-card{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff1a;border-radius:var(--radius-md);margin-bottom:12px}.result-card.highlight{background:var(--color-secondary);padding:20px}.result-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:var(--radius-sm);color:#fff}.result-card.highlight .result-icon{width:56px;height:56px}.result-content{flex:1}.result-label{display:block;font-size:.875rem;color:#fffc;margin-bottom:4px}.result-value{display:block;font-size:1.5rem;font-weight:700;color:#fff}.result-card.highlight .result-value{font-size:2rem}.results-breakdown{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}.results-breakdown h3{font-size:1rem;font-weight:600;color:var(--color-on-primary);margin-bottom:16px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.breakdown-item:last-child{border-bottom:none}.breakdown-label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#fffc}.breakdown-label svg{opacity:.7}.breakdown-value{font-size:1rem;font-weight:600;color:#fff}.breakdown-item.total{padding-top:16px;margin-top:8px;border-top:1px solid rgba(255,255,255,.2)}.breakdown-item.total .breakdown-label,.breakdown-item.total .breakdown-value{font-size:1rem;font-weight:700;color:#fff}.breakdown-item.cost .breakdown-value{color:#ffffffb3}.roi-cta{margin-top:32px;text-align:center}.roi-cta p{font-size:1rem;color:#fffc;margin-bottom:16px}.roi-cta .btn-primary{width:100%;justify-content:center}.roi-cta-note{display:block;font-size:.75rem;color:#fff9;margin-top:12px}.roi-methodology{background:var(--color-surface-variant);padding:80px 24px}.methodology-content{max-width:var(--container-max);margin:0 auto}.methodology-content h2{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:32px;text-align:center}.methodology-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.methodology-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px}.methodology-item h4{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:8px}.methodology-item p{font-size:.875rem;line-height:1.6;color:var(--color-text-secondary)}@media(max-width:900px){.roi-calculator .roi-grid{grid-template-columns:1fr}.roi-results{position:static}.methodology-grid{grid-template-columns:1fr}}.integrations-page{position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg)}.integrations-page .nav{background:#fffffff2}.integrations-page section,.integrations-page footer{position:relative;z-index:1}.integrations-hero{padding-top:calc(var(--nav-height) + 80px);padding-bottom:80px;text-align:center;background:var(--gradient-hero)}.integrations-hero-content{max-width:700px;margin:0 auto;padding:0 24px}.integrations-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:24px}.integrations-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text);margin-bottom:16px}.integrations-hero-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto 32px}.integrations-hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.integrations-list{max-width:var(--container-max);margin:0 auto;padding:0 24px 80px}.integration-category{margin-bottom:64px}.integration-category .category-header{margin-bottom:24px}.integration-category .category-header h2{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:8px}.integration-category .category-header p{font-size:1rem;color:var(--color-text-secondary)}.integration-category .integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.integration-card{display:flex;gap:16px;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-normal)}.integration-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md)}.integration-card.coming-soon{opacity:.7}.integration-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-variant);border-radius:var(--radius-sm);color:var(--color-secondary);flex-shrink:0}.integration-content{flex:1}.integration-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.integration-header h3{font-size:1rem;font-weight:600;color:var(--color-text)}.status-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;background:var(--color-tertiary-container);color:var(--color-tertiary-dark);border-radius:100px}.integration-content p{font-size:.875rem;line-height:1.5;color:var(--color-text-secondary)}.integrations-api{background:var(--color-surface-variant);padding:100px 24px}.api-content{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.api-text .section-label{display:inline-flex;font-size:.875rem;font-weight:500;color:var(--color-secondary);margin-bottom:16px}.api-text h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--color-text);margin-bottom:16px}.api-text p{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:24px}.api-features{list-style:none}.api-features li{display:flex;align-items:center;gap:12px;font-size:.9375rem;color:var(--color-text);margin-bottom:12px}.api-features li:before{content:"✓";display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-success-container);color:var(--color-success);border-radius:50%;font-size:.75rem;font-weight:600}.code-block{background:var(--color-primary-dark);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.code-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#0003}.code-dot{width:12px;height:12px;border-radius:50%}.code-dot.red{background:#ff5f57}.code-dot.yellow{background:#febc2e}.code-dot.green{background:#28c840}.code-title{margin-left:auto;font-size:.75rem;color:#ffffff80}.code-block pre{padding:24px;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:.875rem;line-height:1.7;color:#ffffffe6;overflow-x:auto}.integrations-cta{padding:100px 24px;text-align:center;background:var(--color-bg)}.integrations-cta .cta-content{max-width:600px;margin:0 auto}.integrations-cta .cta-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--color-text);margin-bottom:16px}.integrations-cta .cta-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:32px}.integrations-cta .cta-buttons{display:flex;gap:16px;justify-content:center}@media(max-width:900px){.integration-category .integration-grid{grid-template-columns:repeat(2,1fr)}.api-content{grid-template-columns:1fr;gap:48px}}@media(max-width:600px){.integration-category .integration-grid{grid-template-columns:1fr}.integration-card{flex-direction:column;text-align:center}.integration-icon{margin:0 auto}.integration-header{justify-content:center;flex-wrap:wrap}}.compare-page{position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg)}.compare-page .nav{background:#fffffff2}.compare-page section,.compare-page footer{position:relative;z-index:1}.compare-hero{padding-top:calc(var(--nav-height) + 80px);padding-bottom:60px;text-align:center;background:var(--gradient-hero)}.compare-hero-content{max-width:700px;margin:0 auto;padding:0 24px}.compare-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text);margin-bottom:16px}.compare-hero-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.compare-alternatives{max-width:var(--container-max);margin:0 auto;padding:0 24px 80px}.alternatives-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.alternative-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px}.alternative-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-variant);border-radius:var(--radius-md);color:var(--color-text-secondary);margin-bottom:16px}.alternative-card h3{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:4px}.alternative-subtitle{display:block;font-size:.875rem;color:var(--color-text-muted);margin-bottom:12px}.alternative-card>p{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:24px}.alternative-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.alternative-pros-cons h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:8px}.alternative-pros-cons ul{list-style:none}.alternative-pros-cons li{display:flex;align-items:flex-start;gap:6px;font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:6px}.pros li svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.cons li svg{color:var(--color-error);flex-shrink:0;margin-top:2px}.compare-table-section{max-width:var(--container-max);margin:0 auto;padding:0 24px 80px}.compare-table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.compare-table{width:100%;border-collapse:collapse;font-size:.9375rem}.compare-table th,.compare-table td{padding:16px 20px;text-align:center;border-bottom:1px solid var(--color-border)}.compare-table th:first-child,.compare-table td:first-child{text-align:left}.compare-table thead th{background:var(--color-surface-variant);font-weight:600;color:var(--color-text)}.compare-table .helm-column{background:#0ea5e90d}.compare-table thead .helm-column{background:#0ea5e91a}.column-header{display:flex;flex-direction:column;align-items:center;gap:8px}.column-header.helm{color:var(--color-secondary)}.column-header svg{opacity:.7}.table-logo{width:24px;height:24px}.category-row td{background:var(--color-surface-variant);font-weight:600;font-size:.875rem;color:var(--color-text);text-transform:uppercase;letter-spacing:.03em}.feature-check{color:var(--color-success)}.feature-partial{color:var(--color-tertiary)}.feature-none{color:var(--color-text-muted);opacity:.5}.feature-text{font-size:.8125rem;color:var(--color-text-secondary)}.table-legend{display:flex;justify-content:center;gap:32px;margin-top:24px}.table-legend span{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text-secondary)}.compare-why-helm{background:var(--color-surface-variant);padding:100px 24px}.compare-why-helm .section-header{text-align:center;margin-bottom:48px}.compare-why-helm .section-label{display:inline-flex;font-size:.875rem;font-weight:500;color:var(--color-secondary);margin-bottom:16px}.compare-why-helm .section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--color-text)}.helm-advantages{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:var(--container-max);margin:0 auto}.advantage-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:32px 24px;text-align:center}.advantage-card svg{color:var(--color-secondary);margin-bottom:16px}.advantage-card h3{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:8px}.advantage-card p{font-size:.875rem;line-height:1.6;color:var(--color-text-secondary)}.compare-cta{padding:100px 24px;text-align:center;background:var(--color-bg)}.compare-cta .cta-content{max-width:600px;margin:0 auto}.compare-cta .cta-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--color-text);margin-bottom:16px}.compare-cta .cta-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:32px}.compare-cta .cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media(max-width:900px){.alternatives-grid{grid-template-columns:1fr}.helm-advantages{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.helm-advantages{grid-template-columns:1fr}.compare-table{font-size:.8125rem}.compare-table th,.compare-table td{padding:12px 10px}.table-legend{flex-direction:column;gap:12px;align-items:center}}.resources-page{position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg)}.resources-page .nav{background:#fffffff2}.resources-page section,.resources-page footer{position:relative;z-index:1}.resources-hero{padding-top:calc(var(--nav-height) + 80px);padding-bottom:60px;text-align:center;background:var(--gradient-hero)}.resources-hero-content{max-width:700px;margin:0 auto;padding:0 24px}.resources-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:24px}.resources-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text);margin-bottom:16px}.resources-hero-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:32px}.resources-search{max-width:400px;margin:0 auto}.resources-search-input{width:100%;padding:14px 20px;font-size:1rem;border:1px solid var(--color-border);border-radius:100px;background:var(--color-surface);color:var(--color-text);transition:var(--transition-fast)}.resources-search-input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #0ea5e91a}.resources-list{max-width:var(--container-max);margin:0 auto;padding:0 24px 80px}.resource-category{margin-bottom:64px}.resource-category .category-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.resource-category .category-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-variant);border-radius:var(--radius-sm);color:var(--color-secondary)}.resource-category .category-header h2{font-size:1.5rem;font-weight:700;color:var(--color-text)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal)}.resource-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md)}.resource-content{flex:1}.resource-content h3{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:4px}.resource-content p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:8px}.resource-meta{display:flex;gap:12px;align-items:center}.read-time{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-muted)}.format-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;background:var(--color-secondary-container);color:var(--color-secondary-dark);border-radius:4px}.resource-arrow{color:var(--color-text-muted);transition:var(--transition-fast)}.resource-card:hover .resource-arrow{color:var(--color-secondary);transform:translate(4px)}.resources-webinars{background:var(--color-surface-variant);padding:80px 24px}.resources-webinars .section-header{text-align:center;margin-bottom:48px}.resources-webinars .section-label{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:var(--color-secondary);margin-bottom:16px}.resources-webinars .section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--color-text)}.webinars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto}.webinar-card{display:flex;align-items:center;gap:24px;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.webinar-date{text-align:center;padding:16px;background:var(--color-secondary);border-radius:var(--radius-sm);min-width:100px}.webinar-date .date{display:block;font-size:.875rem;font-weight:600;color:#fff;margin-bottom:4px}.webinar-date .time{display:block;font-size:.75rem;color:#fffc}.webinar-content{flex:1}.webinar-content h3{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:4px}.webinar-content p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.btn-small{padding:8px 16px;font-size:.8125rem}.resources-help{padding:80px 24px;background:var(--color-bg)}.help-content{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--container-max);margin:0 auto}.help-card{text-align:center;padding:40px 32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.help-card svg{color:var(--color-secondary);margin-bottom:16px}.help-card h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:8px}.help-card p{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:24px}.resources-cta{padding:100px 24px;text-align:center;background:var(--color-surface-variant)}.resources-cta .cta-content{max-width:600px;margin:0 auto}.resources-cta .cta-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--color-text);margin-bottom:16px}.resources-cta .cta-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:32px}.resources-cta .cta-buttons{display:flex;gap:16px;justify-content:center}@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,1fr)}.webinars-grid,.help-content{grid-template-columns:1fr}}@media(max-width:600px){.resource-grid{grid-template-columns:1fr}.resource-card{flex-direction:column;align-items:flex-start}.resource-arrow{display:none}.webinar-card{flex-direction:column;text-align:center}}.not-found-page{position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg)}.not-found-page .nav{background:#fffffff2}.not-found-page section{position:relative;z-index:1}.not-found-content{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-height) + 40px) 24px 80px}.not-found-container{text-align:center;max-width:600px}.not-found-pirate{margin-bottom:24px}.not-found-pirate .pirate-mascot{filter:drop-shadow(0 10px 30px rgba(0,0,0,.15))}.not-found-code{font-size:clamp(4rem,15vw,8rem);font-weight:800;line-height:1;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.9;margin-bottom:16px}.not-found-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:var(--color-text);margin-bottom:16px}.not-found-message{font-size:1.125rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:40px}.not-found-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.not-found-actions .btn-primary,.not-found-actions .btn-secondary{display:inline-flex;align-items:center;gap:8px}.not-found-links{padding-top:32px;border-top:1px solid var(--color-border)}.not-found-links>p{font-size:.875rem;color:var(--color-text-muted);margin-bottom:20px}.helpful-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.helpful-link{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:.9375rem;transition:var(--transition-normal)}.helpful-link:hover{border-color:var(--color-secondary);color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.helpful-link svg{color:var(--color-secondary);flex-shrink:0}@media(max-width:600px){.not-found-actions{flex-direction:column}.not-found-actions .btn-primary,.not-found-actions .btn-secondary{width:100%;justify-content:center}.helpful-links{grid-template-columns:1fr}}.device-showcase{width:100%;max-width:var(--container-max);margin:0 auto;padding:60px 20px}.device-showcase-title{font-size:1.5rem;font-weight:700;color:var(--color-text);text-align:center;margin-bottom:48px}.device-showcase-frames{display:flex;align-items:center;justify-content:center;gap:48px;position:relative;min-height:600px}.device-desktop-wrapper{flex:1;max-width:720px;z-index:1}.device-mobile-wrapper{flex:0 0 280px;z-index:2}.browser-frame{width:100%;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--color-border),var(--shadow-xl),0 40px 80px -20px #00000026;overflow:hidden;transition:var(--transition-normal)}.browser-frame:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--color-border),0 30px 60px -12px #00000040,0 50px 100px -20px #0003}.browser-chrome{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.browser-dots{display:flex;align-items:center;gap:8px;flex-shrink:0}.browser-dot{width:12px;height:12px;border-radius:50%;transition:var(--transition-fast)}.browser-dot.dot-red{background:linear-gradient(135deg,#ff5f57,#ff4136)}.browser-dot.dot-yellow{background:linear-gradient(135deg,#ffbd2e,#ff9500)}.browser-dot.dot-green{background:linear-gradient(135deg,#28ca42,#00c853)}.browser-frame:hover .browser-dot{transform:scale(1.1)}.browser-url-bar{flex:1;display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:8px;min-width:0}.url-lock{display:flex;align-items:center;color:var(--color-success);flex-shrink:0}.url-text{font-size:.8125rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.browser-action-dot{width:20px;height:4px;background:var(--color-outline-variant);border-radius:2px}.browser-content{background:var(--color-surface);min-height:400px;overflow:hidden;position:relative}.phone-frame{width:280px;background:var(--color-inverse-surface);border-radius:40px;padding:12px;box-shadow:0 0 0 1px #0000001a,var(--shadow-xl),0 40px 80px -20px #0000004d;position:relative;transition:var(--transition-normal)}.phone-frame:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 0 0 1px #0000001a,0 30px 60px -12px #00000059,0 50px 100px -20px #0000004d}.phone-bezel{background:var(--color-inverse-surface);border-radius:32px;overflow:hidden;position:relative}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:140px;height:30px;background:var(--color-inverse-surface);border-radius:0 0 20px 20px;z-index:10;display:flex;align-items:center;justify-content:center}.notch-cutout{width:100px;height:6px;background:#ffffff1a;border-radius:3px;margin-top:8px}.phone-camera{position:absolute;top:20px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#ffffff1a;border:2px solid rgba(255,255,255,.05);border-radius:50%;z-index:10}.phone-screen{background:var(--color-surface);min-height:580px;border-radius:28px;overflow:hidden;position:relative}.phone-status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px 8px;color:var(--color-text);font-size:.75rem;font-weight:600;background:transparent;position:relative;z-index:5}.phone-time{letter-spacing:-.01em}.phone-indicators{display:flex;align-items:center;gap:6px;color:var(--color-text);opacity:.8}.phone-content-wrapper{padding:8px 0 0;min-height:500px;background:var(--color-surface)}.phone-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:120px;height:4px;background:#00000026;border-radius:2px}.tablet-frame{background:var(--color-inverse-surface);border-radius:32px;padding:14px;box-shadow:0 0 0 1px #0000001a,var(--shadow-xl),0 40px 80px -20px #0000004d;transition:var(--transition-normal)}.tablet-frame.landscape{width:100%;max-width:800px}.tablet-frame.portrait{width:100%;max-width:540px}.tablet-frame:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #0000001a,0 30px 60px -12px #00000059,0 50px 100px -20px #0000004d}.tablet-bezel{background:var(--color-inverse-surface);border-radius:24px;overflow:hidden;position:relative}.tablet-camera{position:absolute;top:18px;left:50%;transform:translate(-50%);width:10px;height:10px;background:#ffffff1a;border:2px solid rgba(255,255,255,.05);border-radius:50%;z-index:10}.tablet-screen{background:var(--color-surface);min-height:480px;border-radius:20px;overflow:hidden;position:relative}.tablet-status-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px 10px;color:var(--color-text);font-size:.8125rem;font-weight:600;background:transparent;position:relative;z-index:5}.tablet-time{letter-spacing:-.01em}.tablet-indicators{display:flex;align-items:center;gap:8px;color:var(--color-text);opacity:.8}.tablet-content-wrapper{padding:10px 0 0;min-height:420px;background:var(--color-surface)}@media(max-width:1024px){.device-showcase-frames{flex-direction:column;gap:32px;min-height:auto}.device-desktop-wrapper,.device-mobile-wrapper{max-width:100%;flex:1 1 auto}.device-mobile-wrapper{flex:0 0 auto}}@media(max-width:768px){.device-showcase{padding:40px 16px}.device-showcase-title{font-size:1.25rem;margin-bottom:32px}.phone-frame{width:260px}.browser-url-bar{padding:4px 10px}.url-text{font-size:.75rem}}@media(max-width:480px){.phone-frame{width:240px}.phone-screen{min-height:480px}.phone-content-wrapper{min-height:400px}.browser-chrome{padding:10px 12px}.browser-dots{gap:6px}.browser-dot{width:10px;height:10px}}@media(prefers-reduced-motion:reduce){.browser-frame,.phone-frame,.tablet-frame{transition:none}.browser-frame:hover,.phone-frame:hover,.tablet-frame:hover{transform:none}}.workflow-diagram{display:flex;justify-content:center;align-items:stretch;gap:0;max-width:var(--container-max);margin:0 auto;padding:0 24px}.workflow-diagram-item{display:flex;align-items:center;flex:1;position:relative}.workflow-diagram-step{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:32px 24px;width:100%;position:relative;transition:all var(--transition-normal)}.workflow-diagram-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-secondary)}.workflow-step-icon{position:relative;width:80px;height:80px;margin-bottom:24px;display:flex;align-items:center;justify-content:center}.workflow-icon-ring{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,var(--color-secondary-container) 0%,var(--color-primary-container) 100%);opacity:.2}.workflow-icon-content{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--gradient-secondary);color:var(--color-on-secondary);border-radius:50%;box-shadow:var(--shadow-md)}.workflow-step-content{flex:1;display:flex;flex-direction:column;gap:8px}.workflow-step-title{font-size:1rem;font-weight:700;color:var(--color-primary-dark);line-height:1.3}.workflow-step-description{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.workflow-step-number{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);color:var(--color-on-secondary);font-size:.8rem;font-weight:800;border-radius:50%;box-shadow:var(--shadow-sm)}.workflow-connector{display:flex;align-items:center;justify-content:center;padding:0 16px;position:relative;min-width:48px}.connector-line{height:2px;width:100%;background:linear-gradient(90deg,var(--color-border) 0%,var(--color-secondary) 50%,var(--color-border) 100%);position:relative}.connector-arrow{position:absolute;color:var(--color-secondary);display:flex;align-items:center;justify-content:center}@media(max-width:1024px){.workflow-diagram{flex-direction:column;gap:24px}.workflow-diagram-item{flex-direction:column}.workflow-connector{transform:rotate(90deg);padding:16px 0;min-width:auto;min-height:48px}.workflow-step-icon{width:72px;height:72px}.workflow-icon-content{width:56px;height:56px}.workflow-icon-content svg{width:28px;height:28px}}@media(max-width:768px){.workflow-diagram{padding:0 16px}.workflow-diagram-step{padding:24px 20px}.workflow-step-icon{width:64px;height:64px}.workflow-icon-content{width:48px;height:48px}.workflow-icon-content svg{width:24px;height:24px}.workflow-step-title{font-size:.9rem}.workflow-step-description{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.workflow-diagram-step{transition:none}.workflow-diagram-step:hover{transform:none}}.inventory-detail-mockup{padding:20px}.mockup-header-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--color-surface-variant);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:-20px -20px 20px}.mockup-header-left{display:flex;align-items:center;gap:12px}.mockup-header-left h4{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.mockup-subtitle{font-size:.75rem;color:var(--color-text-muted)}.item-status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.item-status-badge.status-success{background:#22c55e26;color:#22c55e}.detail-photo-section{display:flex;gap:12px;margin-bottom:24px}.detail-photo-main{flex:1;aspect-ratio:16/9;background:var(--color-surface-variant);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--color-text-muted)}.photo-caption{font-size:.75rem}.detail-photo-thumbs{display:flex;flex-direction:column;gap:8px}.photo-thumb{width:48px;height:48px;background:var(--color-surface-variant);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.detail-maintenance-timeline{background:var(--color-surface-variant);border-radius:var(--radius-lg);padding:16px;margin-bottom:20px}.timeline-header{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:16px}.timeline-items{display:flex;flex-direction:column}.timeline-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0}.timeline-marker{display:flex;flex-direction:column;align-items:center;padding-top:4px}.timeline-dot{width:10px;height:10px;background:var(--color-secondary);border-radius:50%}.timeline-line{width:2px;height:24px;background:var(--color-border);margin-top:4px}.timeline-content{flex:1;display:flex;flex-direction:column;gap:2px}.timeline-date{font-size:.7rem;color:var(--color-text-muted)}.timeline-action{font-size:.8rem;color:var(--color-text)}.timeline-status{color:#22c55e}.detail-documents-section{margin-bottom:20px}.documents-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem;font-weight:600;color:var(--color-text)}.documents-header button{margin-left:auto}.mockup-btn-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer}.documents-list{display:flex;flex-direction:column;gap:8px}.document-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-surface-variant);border-radius:var(--radius-md);color:var(--color-text-muted)}.doc-info{flex:1;display:flex;flex-direction:column;gap:2px}.doc-name{font-size:.8rem;color:var(--color-text)}.doc-meta{font-size:.7rem;color:var(--color-text-muted)}.detail-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--color-border)}.mockup-btn-primary,.mockup-btn-secondary{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:var(--radius-md);font-size:.8rem;font-weight:500;cursor:pointer;border:none}.mockup-btn-primary{background:var(--color-secondary);color:#fff}.mockup-btn-secondary{background:var(--color-surface-variant);color:var(--color-text);border:1px solid var(--color-border)}.reporting-dashboard-mockup{padding:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-title{display:flex;align-items:center;gap:12px}.dashboard-title h4{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.dashboard-date-selector{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-surface-variant);border-radius:var(--radius-md);font-size:.8rem;color:var(--color-text)}.dashboard-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.dashboard-metric-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface-variant);border-radius:var(--radius-lg)}.metric-icon-circle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:50%;color:var(--color-secondary)}.metric-details{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:.7rem;color:var(--color-text-muted)}.metric-value-row{display:flex;align-items:center;gap:8px}.metric-value{font-size:1.1rem;font-weight:700;color:var(--color-text)}.metric-trend{font-size:.7rem;font-weight:500;padding:2px 6px;border-radius:var(--radius-sm)}.metric-trend.up{background:#22c55e26;color:#22c55e}.metric-trend.down{background:#ef444426;color:#ef4444}.dashboard-chart-section{background:var(--color-surface-variant);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;color:var(--color-text)}.chart-controls{display:flex;gap:4px}.chart-btn{padding:6px 12px;border:1px solid var(--color-border);background:transparent;border-radius:var(--radius-sm);font-size:.7rem;color:var(--color-text-muted);cursor:pointer}.chart-btn.active{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.line-chart-large{height:120px}.line-chart-large svg{width:100%;height:100%}.dashboard-export-section{background:var(--color-surface-variant);border-radius:var(--radius-lg);padding:16px}.export-header{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:12px}.export-options{display:flex;gap:12px}.export-option{flex:1;display:flex;align-items:center;gap:10px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left}.export-text{flex:1;display:flex;flex-direction:column;gap:2px}.export-format{font-size:.8rem;font-weight:600;color:var(--color-text)}.export-desc{font-size:.7rem;color:var(--color-text-muted)}.signature-capture-mockup{padding:20px}.signature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.signer-info{display:flex;align-items:center;gap:12px}.signer-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);color:#fff;border-radius:50%;font-weight:600;font-size:.9rem}.signer-details h4{font-size:.95rem;font-weight:600;color:var(--color-text);margin:0}.signer-role{font-size:.75rem;color:var(--color-text-muted)}.signature-status{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(var(--color-secondary-rgb),.1);color:var(--color-secondary);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.signature-document-info{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface-variant);border-radius:var(--radius-lg);margin-bottom:20px}.doc-details{display:flex;flex-direction:column;gap:2px}.doc-title{font-size:.9rem;font-weight:600;color:var(--color-text)}.doc-id{font-size:.75rem;color:var(--color-text-muted)}.signature-canvas-large{margin-bottom:20px}.canvas-background{background:var(--color-surface-variant);border-radius:var(--radius-lg);padding:24px;min-height:150px;display:flex;flex-direction:column;position:relative;overflow:hidden}.canvas-guidelines{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:auto}.canvas-guidelines .guideline{width:100%;height:1px;background:var(--color-border)}.canvas-instruction{font-size:.7rem;color:var(--color-text-muted)}.signature-drawing-large{position:absolute;top:0;left:0;width:100%;height:100%}.signature-image-large{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;max-width:280px;height:auto;object-fit:contain;filter:brightness(0) opacity(.85)}.capture-timestamp-section{background:var(--color-surface-variant);border-radius:var(--radius-lg);padding:16px;margin-bottom:20px}.timestamp-grid{display:flex;flex-direction:column;gap:12px}.timestamp-item{display:flex;align-items:flex-start;gap:12px;color:var(--color-text-muted)}.timestamp-item>div{display:flex;flex-direction:column;gap:2px}.timestamp-label{font-size:.7rem;color:var(--color-text-muted)}.timestamp-value{font-size:.8rem;color:var(--color-text)}.signature-actions{display:flex;justify-content:flex-end;gap:12px}.mobile-preview-mockup{padding:20px;background:var(--color-background)}.mobile-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.offline-indicator{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#f59e0b26;color:#f59e0b;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.pulse-dot{width:8px;height:8px;background:currentColor;border-radius:50%}.battery-time{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-muted)}.mobile-notification-demo{margin-bottom:20px}.push-notification{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.notification-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);color:#fff;border-radius:var(--radius-md)}.notification-content{flex:1;display:flex;flex-direction:column;gap:2px}.notification-body{font-size:.75rem;color:var(--color-text-muted)}.notification-time{font-size:.65rem;color:var(--color-text-muted)}.mobile-quick-actions-grid{background:var(--color-surface);border-radius:var(--radius-lg);padding:16px;margin-bottom:20px}.quick-actions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;color:var(--color-text)}.sync-indicator{color:var(--color-secondary)}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--color-surface-variant);border-radius:var(--radius-lg)}.action-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:#fff}.action-label{font-size:.7rem;font-weight:500;color:var(--color-text)}.sync-status-section{background:var(--color-surface);border-radius:var(--radius-lg);padding:16px}.sync-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sync-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--color-text)}.sync-count-badge{padding:4px 10px;background:#f59e0b26;color:#f59e0b;border-radius:var(--radius-full);font-size:.7rem;font-weight:500}.sync-items{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.sync-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-surface-variant);border-radius:var(--radius-md)}.sync-item-icon{color:var(--color-secondary)}.sync-item-text{flex:1;font-size:.8rem;color:var(--color-text)}.sync-item-status{color:var(--color-text-muted)}.sync-notice{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(var(--color-secondary-rgb),.1);border-radius:var(--radius-md);font-size:.75rem;color:var(--color-text-muted)}@media(max-width:768px){.dashboard-metrics-row{grid-template-columns:repeat(2,1fr)}.export-options{flex-direction:column}.actions-grid{grid-template-columns:repeat(2,1fr)}}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],textarea,select{transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,textarea:focus,select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #0ea5e926;outline:none}.footer-column a{position:relative;transition:color .2s ease}.footer-column a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-secondary);transition:width .3s ease}.footer-column a:hover{color:var(--color-secondary)}.footer-column a:hover:after{width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-visual{animation:float 6s ease-in-out infinite}.helpful-link:hover svg,.integration-card:hover svg,.capability-card:hover svg{animation:icon-bounce .4s ease}@keyframes icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}img{transition:opacity .3s ease}img[loading=lazy]{opacity:0}img[loading=lazy].loaded,img:not([loading=lazy]){opacity:1}.feature-learn-more svg,.cta-buttons a svg,.helpful-link svg{transition:transform .2s ease}.feature-learn-more:hover svg,.cta-buttons a:hover svg{transform:translate(4px)}.testimonial-card{transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-value,.feature-stat-value{transition:all .3s ease}.stat-item:hover .stat-value,.feature-stat:hover .feature-stat-value{color:var(--color-secondary);text-shadow:0 0 20px rgba(14,165,233,.3)}.logo{transition:transform .3s ease}.logo:hover{transform:scale(1.02)}@keyframes scroll-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-visual,.btn-glow,.popular-badge{animation:none}}.faq-page{position:relative;overflow-x:hidden}.faq-page section,.faq-page footer{position:relative;z-index:1}.faq-hero{padding:calc(var(--nav-height) + 80px) 24px 80px;text-align:center}.faq-hero-content{max-width:700px;margin:0 auto}.faq-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-secondary-container);color:var(--color-secondary);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;margin-bottom:24px}.faq-hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:24px;color:var(--color-primary-dark)}.faq-hero-subtitle{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:32px}.faq-search{max-width:500px;margin:0 auto}.faq-search-input{width:100%;padding:16px 24px;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);transition:all .2s ease}.faq-search-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #0ea5e926;outline:none}.faq-search-input::placeholder{color:var(--color-text-muted)}.faq-content{max-width:900px;margin:0 auto;padding:0 24px 80px}.faq-category{margin-bottom:48px}.faq-category-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.faq-category-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-container);color:var(--color-secondary);border-radius:var(--radius-lg)}.faq-category-header h2{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark)}.faq-items{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:var(--color-outline)}.faq-item.open{border-color:var(--color-secondary);box-shadow:0 4px 12px #0ea5e91a}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:transparent;border:none;text-align:left;font-size:1rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .2s ease}.faq-question:hover{color:var(--color-secondary)}.faq-question svg{flex-shrink:0;color:var(--color-text-muted);transition:color .2s ease}.faq-item.open .faq-question svg{color:var(--color-secondary)}.faq-answer{overflow:hidden}.faq-answer p{padding:0 24px 20px;font-size:.95rem;line-height:1.7;color:var(--color-text-secondary)}.faq-contact{padding:80px 24px;background:var(--color-surface)}.faq-contact-content{max-width:600px;margin:0 auto}.faq-contact-card{text-align:center;padding:48px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.faq-contact-card svg{color:var(--color-secondary);margin-bottom:20px}.faq-contact-card h3{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:12px}.faq-contact-card p{font-size:1rem;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.6}.faq-cta{padding:100px 24px;background:linear-gradient(135deg,var(--color-primary-dark) 0%,#1e3a5f 100%);text-align:center}.faq-cta .cta-title{color:#fff}.faq-cta .cta-subtitle{color:#fffc}@media(max-width:768px){.faq-hero{padding:calc(var(--nav-height) + 48px) 20px 48px}.faq-hero-title{font-size:2rem}.faq-category-header h2{font-size:1.25rem}.faq-question{padding:16px 20px;font-size:.95rem}.faq-answer p{padding:0 20px 16px;font-size:.9rem}.faq-contact-card{padding:32px 24px}}@media(max-width:480px){.faq-hero{padding:calc(var(--nav-height) + 32px) 16px 32px}.faq-hero-title{font-size:1.75rem}.faq-hero-subtitle{font-size:.9rem}.faq-search-input{padding:12px 16px;font-size:.9rem}.faq-content{padding:0 16px}.faq-category-header{gap:12px}.faq-category-icon{width:40px;height:40px}.faq-category-header h2{font-size:1.1rem}.faq-question{padding:14px 16px;font-size:.9rem;min-height:48px}.faq-answer p{padding:0 16px 14px;font-size:.85rem}.faq-contact{padding:48px 16px}.faq-contact-card{padding:24px 20px}.faq-contact-card h3{font-size:1.1rem}.faq-cta{padding:48px 16px}}.pricing-page{position:relative;overflow-x:hidden}.pricing-page section,.pricing-page footer{position:relative;z-index:1}.pricing-hero{padding:calc(var(--nav-height) + 80px) 24px 60px;text-align:center}.pricing-hero-content{max-width:800px;margin:0 auto}.pricing-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#0ea5e91a;border:1px solid rgba(14,165,233,.2);border-radius:100px;font-size:.85rem;font-weight:600;color:var(--color-secondary);margin-bottom:24px}.pricing-hero-title{font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:20px;color:var(--color-text)}.pricing-hero-subtitle{font-size:1.15rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:32px}.pricing-cards-section{padding:0 24px 80px}.pricing-cards-section .pricing-grid{max-width:var(--container-max);margin:0 auto}.pricing-comparison-section{padding:80px 24px;background:var(--color-surface)}.pricing-comparison-section .pricing-comparison{max-width:1000px;margin:0 auto}.pricing-faq-section{padding:80px 24px}.pricing-faq-section .pricing-faq{max-width:1000px;margin:0 auto}.pricing-faq-section .faq-title{text-align:center;font-size:2rem;margin-bottom:48px}.pricing-faq-section .faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.faq-item-simple{background:var(--color-surface);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.faq-item-simple .faq-question{font-size:1rem;font-weight:600;margin-bottom:12px;color:var(--color-text)}.faq-item-simple .faq-answer{font-size:.95rem;color:var(--color-text-muted);line-height:1.6}.pricing-cta{padding:80px 24px;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);text-align:center}.pricing-cta .cta-title{color:#fff}.pricing-cta .cta-subtitle{color:#fffc}@media(max-width:768px){.pricing-hero{padding:calc(var(--nav-height) + 48px) 16px 40px}.pricing-hero-title{font-size:2rem}.pricing-hero-subtitle{font-size:1rem}.pricing-cards-section{padding:0 16px 60px}.pricing-comparison-section,.pricing-faq-section{padding:60px 16px}.pricing-faq-section .faq-grid{grid-template-columns:1fr}}@media(max-width:480px){.pricing-hero-title{font-size:1.75rem}.pricing-cta{padding:60px 16px}}.video-demo{padding:var(--section-padding) 24px;background:var(--color-surface);text-align:center}.video-demo-content{max-width:900px;margin:0 auto}.video-demo .section-label{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-secondary-container);color:var(--color-secondary);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;margin-bottom:24px}.video-demo .section-title{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:16px}.video-demo .section-subtitle{max-width:500px;margin:0 auto 48px}.video-container{position:relative;max-width:800px;margin:0 auto 32px;cursor:pointer}.video-thumbnail{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl),0 20px 60px #00000026}.video-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0ea5e91a,#1e3a5f33);z-index:1;pointer-events:none}.video-mockup{background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.video-browser-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.browser-dots{display:flex;gap:6px}.browser-dots span{width:10px;height:10px;border-radius:50%;background:var(--color-border)}.browser-dots span:first-child{background:#ff5f57}.browser-dots span:nth-child(2){background:#ffbd2e}.browser-dots span:last-child{background:#28ca41}.browser-url{flex:1;padding:6px 12px;background:var(--color-surface-variant);border-radius:var(--radius-md);font-size:.75rem;color:var(--color-text-muted);text-align:center}.video-screen{padding:20px;min-height:350px;background:var(--color-background)}.video-dashboard-preview{display:flex;height:100%;gap:16px}.preview-sidebar{width:60px;background:var(--color-primary-dark);border-radius:var(--radius-lg);padding:12px 8px;display:flex;flex-direction:column;gap:12px}.preview-logo{width:36px;height:36px;background:var(--color-secondary);border-radius:var(--radius-md);margin:0 auto 8px}.preview-nav-item{width:36px;height:36px;background:#ffffff1a;border-radius:var(--radius-md);margin:0 auto;transition:all .2s ease}.preview-nav-item.active{background:var(--color-secondary)}.preview-main{flex:1;display:flex;flex-direction:column;gap:16px}.preview-header{height:40px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.preview-cards{display:flex;gap:12px}.preview-card{flex:1;height:80px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);position:relative;overflow:hidden}.preview-card:after{content:"";position:absolute;top:12px;left:12px;width:32px;height:32px;background:var(--color-secondary-container);border-radius:var(--radius-md)}.preview-table{flex:1;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:12px;display:flex;flex-direction:column;gap:8px}.preview-row{height:24px;background:var(--color-surface-variant);border-radius:var(--radius-sm)}.preview-row:first-child{background:var(--color-secondary-container)}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);border:none;border-radius:50%;cursor:pointer;box-shadow:0 8px 32px #0ea5e966;transition:all .3s cubic-bezier(.4,0,.2,1)}.video-play-btn:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 12px 40px #0ea5e980}.video-play-btn svg{margin-left:4px}.video-duration{position:absolute;bottom:16px;right:16px;padding:6px 12px;background:#000000b3;color:#fff;border-radius:var(--radius-md);font-size:.8rem;font-weight:600}.video-features{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.video-feature{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--color-text-secondary)}.video-feature svg{color:var(--color-secondary)}.video-modal-overlay{position:fixed;inset:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.video-modal{position:relative;width:100%;max-width:900px;background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden}.video-modal-close{position:absolute;top:16px;right:16px;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.video-modal-close:hover{background:#000000b3;transform:scale(1.1)}.video-modal-content{aspect-ratio:16/9;background:var(--color-primary-dark)}.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;text-align:center;padding:24px}.video-placeholder svg{opacity:.5}.video-placeholder p{font-size:1.5rem;font-weight:700}.video-placeholder span{font-size:1rem;opacity:.7;margin-bottom:16px}@media(max-width:768px){.video-screen{min-height:250px;padding:12px}.preview-sidebar{width:48px;padding:8px 4px}.preview-logo,.preview-nav-item{width:28px;height:28px}.preview-cards{flex-direction:column}.preview-card{height:50px}.video-play-btn{width:64px;height:64px}.video-play-btn svg{width:24px;height:24px}.video-features{flex-direction:column;align-items:center;gap:12px}}@media(max-width:480px){.video-demo{padding:60px 16px}.video-demo .section-title{font-size:1.5rem}.video-demo .section-subtitle{font-size:.9rem}.video-screen{min-height:200px;padding:10px}.preview-sidebar{width:40px;padding:6px 4px}.preview-logo,.preview-nav-item{width:24px;height:24px}.preview-card{height:40px}.video-play-btn{width:56px;height:56px}.video-placeholder p{font-size:1.1rem}.video-placeholder span{font-size:.85rem}}.trust-statement{padding:60px 24px;background:var(--color-surface-variant)}.trust-statement-content{max-width:800px;margin:0 auto;text-align:center}.trust-statement-text{font-size:1.15rem;line-height:1.7;color:var(--color-text-secondary);font-weight:500}@media(max-width:768px){.trust-statement{padding:48px 20px}.trust-statement-text{font-size:1rem}}.customer-logos{padding:80px 24px;background:var(--color-surface-variant);overflow:hidden}.customer-logos-content{max-width:var(--container-max);margin:0 auto;text-align:center}.customer-logos-label{font-size:.95rem;color:var(--color-text-secondary);font-weight:500;margin-bottom:40px;letter-spacing:.02em}.logos-track{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.logos-slide{display:flex;gap:48px;animation:scroll-logos 30s linear infinite;width:max-content}@keyframes scroll-logos{0%{transform:translate(0)}to{transform:translate(-50%)}}.logos-slide:hover{animation-play-state:paused}.customer-logo{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:120px;padding:16px;opacity:.7;transition:all .3s ease;cursor:default}.customer-logo:hover{opacity:1;transform:translateY(-4px)}.customer-logo span{font-size:.8rem;color:var(--color-text-secondary);line-height:1.3;text-align:center;font-weight:500}.logo-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.5rem;font-weight:700;transition:all .3s ease}.logo-icon.fire{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b;font-size:1.3rem}.logo-icon.health{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;font-size:2rem}.logo-icon.construction{background:linear-gradient(135deg,#fef3c7,#fcd34d);color:#d97706}.logo-icon.utility{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981}.logo-icon.emergency{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444}.logo-icon.industrial{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#8b5cf6}.logo-icon.transport{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0ea5e9}.logo-icon.municipal{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}.logo-icon.police{background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#1d4ed8}.logo-icon.education{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.logo-icon.airport{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.logo-icon.water{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0891b2}.logo-icon.parks{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.logo-icon.university{background:linear-gradient(135deg,#fae8ff,#f5d0fe);color:#a21caf}.logo-icon.hospital{background:linear-gradient(135deg,#ffe4e6,#fecdd3);color:#e11d48}.logo-icon.energy{background:linear-gradient(135deg,#fef9c3,#fef08a);color:#ca8a04}@media(max-width:768px){.customer-logos{padding:60px 16px}.customer-logos-label{font-size:.85rem;margin-bottom:32px}.logos-slide{gap:32px}.customer-logo{min-width:100px;padding:12px}.logo-icon{width:48px;height:48px;font-size:1.2rem}.customer-logo span{font-size:.7rem}}@media(max-width:480px){.customer-logos{padding:48px 12px}.customer-logos-label{font-size:.8rem;padding:0 12px;margin-bottom:24px}.logos-slide{gap:24px}.customer-logo{min-width:80px;padding:8px;gap:8px}.logo-icon{width:40px;height:40px;font-size:1rem}.customer-logo span{font-size:.65rem}}@media(prefers-reduced-motion:reduce){.logos-slide{animation:none}}.hero-animation-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.hero-particles{position:absolute;inset:0}.hero-particle{position:absolute;background:var(--color-secondary);border-radius:50%;opacity:.4}.hero-connection-lines{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:600px;height:auto;opacity:.5}.hero-floating-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a,0 0 0 1px #0000000d;color:var(--color-secondary)}.hero-floating-icon.icon-inventory{top:15%;right:10%}.hero-floating-icon.icon-taskbook{top:25%;left:5%}.hero-floating-icon.icon-signature{top:60%;right:5%}.hero-floating-icon.icon-personnel{bottom:30%;left:8%}.hero-floating-icon.icon-analytics{bottom:15%;right:15%}.hero-floating-icon.icon-qr{top:40%;right:2%}.hero-floating-icon.icon-alert{bottom:40%;left:2%}.hero-floating-shape{position:absolute}.shape-circle{width:20px;height:20px;background:linear-gradient(135deg,var(--color-secondary-light),var(--color-secondary));border-radius:50%;opacity:.3}.shape-square{width:16px;height:16px;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-radius:4px;opacity:.3}.shape-triangle{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:18px solid var(--color-tertiary);opacity:.3}.shape-ring{width:24px;height:24px;border:3px solid var(--color-secondary);border-radius:50%;opacity:.2}.hero-floating-shape.shape-1{top:20%;left:15%}.hero-floating-shape.shape-2{top:35%;right:20%}.hero-floating-shape.shape-3{bottom:25%;right:10%}.hero-floating-shape.shape-4{bottom:35%;left:20%}.hero-floating-shape.shape-5{top:50%;left:10%}.hero-notification{position:absolute;top:8%;right:3%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001f,0 0 0 1px #0000000d}.notification-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-success-container);color:var(--color-success);border-radius:8px}.notification-content{display:flex;flex-direction:column;gap:2px}.notification-title{font-size:.85rem;font-weight:600;color:var(--color-text)}.notification-desc{font-size:.75rem;color:var(--color-text-muted)}@media(max-width:1024px){.hero-floating-icon,.hero-floating-shape,.hero-notification,.hero-connection-lines{display:none}.hero-particles{opacity:.5}}@media(max-width:768px){.hero-animation-container{display:none}}@media(prefers-reduced-motion:reduce){.hero-floating-icon,.hero-floating-shape,.hero-particle,.hero-notification{animation:none!important;opacity:.5}}.theme-toggle{background:none;border:none;padding:4px;cursor:pointer;border-radius:50px}.theme-toggle-track{width:44px;height:24px;border-radius:50px;padding:2px;display:flex;align-items:center}.theme-toggle-thumb{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.theme-icon{color:#fff}.mobile-theme-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:12px;border-bottom:1px solid var(--color-border)}.mobile-theme-row span{font-size:.9rem;font-weight:500;color:var(--color-text-secondary)}[data-theme=dark] .nav{background:#0f172af2;border-bottom-color:#33415580}[data-theme=dark] .nav.scrolled{background:#0f172afa;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .background-gradient{background:var(--gradient-hero)}[data-theme=dark] .logo-text-img{filter:brightness(0) invert(1)}[data-theme=dark] .hero-floating-icon{background:#1e293b;box-shadow:0 8px 32px #0000004d}[data-theme=dark] .hero-notification{background:#1e293b;box-shadow:0 10px 40px #0006}[data-theme=dark] .feature-card,[data-theme=dark] .pricing-card{background:#1e293b;border-color:#334155}[data-theme=dark] .pricing-card.featured{background:linear-gradient(135deg,#1e293b,#334155)}[data-theme=dark] .plan-toggle{background:#334155}[data-theme=dark] .toggle-option.active{background:#1e293b}[data-theme=dark] .mobile-menu{background:#0f172a}[data-theme=dark] .mobile-menu-header{border-bottom-color:#334155}[data-theme=dark] .dropdown-content,[data-theme=dark] .dropdown-two-row{background:#1e293b;box-shadow:0 25px 50px -12px #00000080}[data-theme=dark] .dropdown-card:hover{background:#334155}[data-theme=dark] .customer-logo{opacity:.8}[data-theme=dark] .customer-logo span{color:var(--color-text-muted)}[data-theme=dark] .faq-item,[data-theme=dark] .video-mockup{background:#1e293b;border-color:#334155}[data-theme=dark] .video-browser-bar{background:#334155;border-bottom-color:#475569}[data-theme=dark] .browser-url{background:#1e293b}.testimonials-section{padding:var(--section-padding) 24px;background:var(--color-surface-variant);overflow:hidden}.testimonials-container{max-width:var(--container-max);margin:0 auto}.testimonials-header{text-align:center;margin-bottom:64px}.testimonials-header .section-label{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-tertiary-container);color:var(--color-tertiary-dark);border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:24px}.testimonials-header .section-label svg{fill:currentColor}.testimonials-header .section-title{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:16px}.testimonials-header .section-subtitle{max-width:500px;margin:0 auto}.testimonials-carousel{display:flex;align-items:center;gap:24px;margin-bottom:40px}.carousel-content{flex:1;overflow:hidden;min-height:320px;display:flex;align-items:center;justify-content:center}.testimonial-slide{width:100%;max-width:800px;margin:0 auto}.testimonial-card-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:48px;position:relative}.quote-icon{position:absolute;top:-20px;left:40px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary);color:#fff;border-radius:12px;box-shadow:0 4px 12px #0ea5e94d}.testimonial-quote{font-size:1.25rem;line-height:1.7;color:var(--color-text);margin:0 0 24px;font-style:italic}.testimonial-rating{display:flex;gap:4px;color:var(--color-tertiary);margin-bottom:24px}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-size:1rem;font-weight:700;border-radius:50%}.author-name{font-size:1rem;font-weight:700;color:var(--color-text)}.author-role{font-size:.875rem;color:var(--color-text-secondary)}.author-org{font-size:.875rem;color:var(--color-text-muted)}.author-industry{padding:6px 12px;background:var(--color-surface-variant);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:.05em}.carousel-nav{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);cursor:pointer;transition:all .2s ease;flex-shrink:0}.carousel-nav:hover{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff;transform:scale(1.05)}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-bottom:48px}.carousel-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);border:none;cursor:pointer;transition:all .2s ease}.carousel-dot:hover{background:var(--color-outline)}.carousel-dot.active{background:var(--color-secondary);width:32px;border-radius:5px}.testimonials-stats{display:flex;justify-content:center;align-items:center;gap:48px;padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stat-item{text-align:center}.stat-value{font-size:1.75rem;font-weight:800;color:var(--color-secondary);line-height:1;margin-bottom:4px}.stat-label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.testimonials-stats .stat-divider{width:1px;height:40px;background:var(--color-border)}@media(max-width:900px){.carousel-nav{display:none}.testimonials-carousel{gap:0}.testimonial-card-wrapper{padding:40px 32px}.testimonials-stats{flex-wrap:wrap;gap:24px 32px}.testimonials-stats .stat-divider{display:none}}@media(max-width:600px){.testimonials-section{padding:80px 16px}.testimonial-card-wrapper{padding:32px 24px}.testimonial-quote{font-size:1rem}.testimonial-author{flex-wrap:wrap;gap:12px}.author-industry{width:100%;text-align:center;margin-top:8px}.stat-item{min-width:40%}}[data-theme=dark] .testimonial-card-wrapper,[data-theme=dark] .carousel-nav,[data-theme=dark] .testimonials-stats{background:#1e293b;border-color:#334155}[data-theme=dark] .author-industry{background:#334155}.case-studies-page{position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg)}.case-studies-page .nav{background:#fffffff2}.case-studies-page section,.case-studies-page footer{position:relative;z-index:1}.case-studies-hero{padding-top:calc(var(--nav-height) + 80px);padding-bottom:60px;text-align:center;background:var(--gradient-hero)}.case-studies-hero-content{max-width:800px;margin:0 auto;padding:0 24px}.case-studies-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:24px}.case-studies-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text);margin-bottom:16px;line-height:1.2}.case-studies-hero-subtitle{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6;max-width:700px;margin:0 auto}.case-studies-list{max-width:1000px;margin:0 auto;padding:80px 24px}.case-study{margin-bottom:80px}.case-study-header{margin-bottom:40px}.case-study-company{display:flex;align-items:flex-start;gap:20px}.company-logo{width:80px;height:80px;border-radius:var(--radius-md);background:var(--color-surface-variant);display:flex;align-items:center;justify-content:center;flex-shrink:0}.company-info{flex:1}.company-info h2{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:8px}.company-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.industry-badge{display:inline-flex;align-items:center;padding:4px 12px;background:var(--color-secondary-container);color:var(--color-secondary-dark);border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.03em}.meta-separator{color:var(--color-text-muted)}.meta-text{color:var(--color-text-secondary);font-size:.875rem}.company-size{color:var(--color-text-muted);font-size:.875rem}.case-study-body{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:40px}.case-study-section{padding:24px;background:var(--color-surface-variant);border-radius:var(--radius-md)}.case-study-section .section-title{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;text-align:left}.section-icon{display:inline-flex;align-items:center;gap:6px}.section-icon.challenge:before{content:"⚠️";font-size:1rem}.section-icon.solution:before{content:"💡";font-size:1rem}.section-icon.results-icon:before{content:"📈";font-size:1rem}.section-content{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary)}.case-study-section.results{background:linear-gradient(135deg,var(--color-secondary-container) 0%,var(--color-primary-container) 100%)}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.result-metric{text-align:center}.metric-value{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.metric-value .value{font-size:2.5rem;font-weight:700;color:var(--color-secondary-dark);line-height:1}.metric-value .suffix{font-size:.875rem;font-weight:600;color:var(--color-secondary);margin-top:4px}.metric-label{font-size:.8125rem;color:var(--color-text-secondary);font-weight:500}.case-study-quote{padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-secondary);border-radius:var(--radius-md);margin-bottom:32px}.quote-content{position:relative}.quote-mark{font-size:4rem;font-family:Georgia,serif;color:var(--color-secondary);opacity:.2;position:absolute;top:-20px;left:-8px;line-height:1}.quote-text{font-size:1.125rem;line-height:1.7;color:var(--color-text);font-style:italic;margin-bottom:20px;position:relative;z-index:1}.quote-author{display:flex;align-items:center;gap:16px}.author-avatar{width:56px;height:56px;flex-shrink:0}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.author-info{flex:1}.author-name{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:4px}.author-title{font-size:.875rem;color:var(--color-text-secondary)}.case-study-metrics{background:var(--color-surface-variant);padding:24px;border-radius:var(--radius-md);margin-bottom:40px}.metrics-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:16px}.metrics-list{display:grid;gap:12px}.metric-item{display:flex;align-items:flex-start;gap:12px;font-size:.9375rem;line-height:1.6;color:var(--color-text)}.metric-item svg{flex-shrink:0;margin-top:2px;color:var(--color-success)}.case-study-divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:60px 0}.case-studies-stats{background:var(--color-surface-variant);padding:80px 24px}.stats-content{max-width:1000px;margin:0 auto;text-align:center}.stats-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--color-text);margin-bottom:48px;line-height:1.3}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.stat-card{padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.stat-card svg{color:var(--color-secondary);margin-bottom:16px}.stat-value{font-size:2.5rem;font-weight:700;color:var(--color-secondary-dark);margin-bottom:8px;line-height:1}.stat-label{font-size:.9375rem;color:var(--color-text-secondary)}.case-studies-cta{padding:100px 24px;text-align:center}.cta-content{max-width:700px;margin:0 auto}.cta-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--color-text);margin-bottom:16px;line-height:1.3}.cta-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:32px}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}@media(max-width:768px){.case-studies-hero{padding-top:calc(var(--nav-height) + 40px);padding-bottom:40px}.case-studies-list{padding:40px 20px}.case-study{margin-bottom:60px}.case-study-company{flex-direction:column;gap:16px}.company-logo{width:64px;height:64px}.company-info h2{font-size:1.5rem}.results-grid{grid-template-columns:1fr;gap:20px}.metric-value .value{font-size:2rem}.case-study-quote{padding:24px}.quote-text{font-size:1rem}.stats-grid{grid-template-columns:1fr;gap:20px}.stat-value{font-size:2rem}.cta-buttons{flex-direction:column}.cta-buttons .btn-large{width:100%}}[data-theme=dark] .case-studies-page{background-color:var(--color-bg)}[data-theme=dark] .case-studies-badge{background:#1e293b;border-color:#334155}[data-theme=dark] .company-logo,[data-theme=dark] .case-study-section{background:#1e293b}[data-theme=dark] .case-study-section.results{background:linear-gradient(135deg,#075985,#1e293b)}[data-theme=dark] .case-study-quote{background:#1e293b;border-color:#334155}[data-theme=dark] .case-study-metrics{background:#1e293b}[data-theme=dark] .stat-card{background:#1e293b;border-color:#334155}[data-theme=dark] .case-studies-stats{background:#0f172a}.pricing-toggle{display:flex;gap:8px;justify-content:center;margin-top:32px;padding:6px;background:var(--color-surface-variant);border-radius:100px;width:fit-content;margin-left:auto;margin-right:auto}.pricing-toggle-option{position:relative;padding:12px 28px;border:none;background:transparent;color:var(--color-text-secondary);font-size:.95rem;font-weight:600;border-radius:100px;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:8px}.pricing-toggle-option.active{background:#fff;color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.pricing-toggle-badge{padding:4px 10px;background:var(--color-success);color:#fff;font-size:.7rem;font-weight:700;border-radius:100px;text-transform:uppercase;letter-spacing:.05em}.pricing-savings{text-align:center;font-size:.85rem;font-weight:600;color:var(--color-success);margin-top:-12px;margin-bottom:12px}.pricing-guarantee{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:48px;padding:24px;background:var(--color-surface);border:2px solid var(--color-success);border-radius:var(--radius-lg);max-width:500px;margin-left:auto;margin-right:auto}.guarantee-icon{color:var(--color-success);flex-shrink:0}.guarantee-content{text-align:left}.guarantee-title{font-size:1.05rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:2px}.guarantee-subtitle{font-size:.9rem;color:var(--color-text-muted)}.guarantee-mascot{flex-shrink:0}.pricing-comparison{margin-top:80px;max-width:900px;margin-left:auto;margin-right:auto}.comparison-title{font-size:1.75rem;font-weight:800;text-align:center;color:var(--color-primary-dark);margin-bottom:48px}.comparison-category{margin-bottom:40px}.comparison-category-title{font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--color-secondary)}.comparison-table{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.comparison-header,.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;align-items:center}.comparison-header{background:var(--color-primary-dark);color:#fff;font-weight:700;padding:16px 20px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.comparison-row{padding:16px 20px;border-bottom:1px solid var(--color-border)}.comparison-row:last-child{border-bottom:none}.comparison-row:hover{background:var(--color-surface-variant)}.comparison-cell{text-align:center;font-size:.95rem;color:var(--color-text-secondary)}.comparison-cell.feature-cell{text-align:left;font-weight:600;color:var(--color-text)}.comparison-cell.popular-cell{background:#0ea5e90d;margin:-16px -20px;padding:16px 20px}.comparison-header .comparison-cell.popular-cell{background:var(--color-secondary)}.minus-icon{color:var(--color-text-muted);opacity:.3}.comparison-table-unified{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.comparison-table-unified .comparison-header,.comparison-table-unified .comparison-row,.comparison-table-unified .comparison-category-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;align-items:center}.comparison-table-unified .comparison-header{background:var(--color-primary-dark);color:#fff;font-weight:700;padding:20px 24px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:var(--nav-height);z-index:10}.comparison-table-unified .comparison-row{padding:16px 24px;border-bottom:1px solid var(--color-border)}.comparison-table-unified .comparison-row:last-child{border-bottom:none}.comparison-table-unified .comparison-row:hover{background:var(--color-surface-variant)}.comparison-category-row{background:var(--color-surface-variant);padding:14px 24px;border-bottom:1px solid var(--color-border)}.comparison-category-row .feature-cell{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary)}.comparison-table-unified .comparison-cell{text-align:center;font-size:.95rem;color:var(--color-text-secondary)}.comparison-table-unified .comparison-cell.feature-cell{text-align:left;font-weight:500;color:var(--color-text)}.comparison-table-unified .comparison-cell.popular-cell{background:#0ea5e90d;margin:-16px -24px;padding:16px 24px}.comparison-table-unified .comparison-header .comparison-cell.popular-cell{background:var(--color-secondary);margin:-20px -24px;padding:20px 24px}.comparison-category-row .comparison-cell.popular-cell{background:#0ea5e914;margin:-14px -24px;padding:14px 24px}@media(max-width:768px){.comparison-table-unified .comparison-header,.comparison-table-unified .comparison-row,.comparison-table-unified .comparison-category-row{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:8px;padding:12px 16px}.comparison-table-unified .comparison-cell{font-size:.8rem}.comparison-table-unified .comparison-cell.popular-cell,.comparison-table-unified .comparison-header .comparison-cell.popular-cell,.comparison-category-row .comparison-cell.popular-cell{margin:-12px -16px;padding:12px 16px}}.pricing-faq{margin-top:80px;max-width:900px;margin-left:auto;margin-right:auto}.faq-title{font-size:1.75rem;font-weight:800;text-align:center;color:var(--color-primary-dark);margin-bottom:48px}.faq-grid{display:grid;grid-template-columns:1fr;gap:32px}.faq-item{padding:28px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-normal)}.faq-item:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.faq-question{font-size:1.1rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:12px;line-height:1.4}.faq-answer{font-size:.95rem;color:var(--color-text-secondary);line-height:1.7;margin:0}@media(max-width:768px){.pricing-toggle{padding:4px}.pricing-toggle-option{padding:10px 20px;font-size:.85rem}.pricing-toggle-badge{font-size:.65rem;padding:3px 8px}.pricing-guarantee{flex-direction:column;text-align:center;padding:20px}.guarantee-content{text-align:center}.comparison-header,.comparison-row{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:8px;font-size:.8rem}.comparison-header,.comparison-row{padding:12px}.comparison-cell{font-size:.8rem}.comparison-category-title{font-size:1rem}.comparison-title,.faq-title{font-size:1.4rem}.faq-item{padding:20px}.faq-question{font-size:1rem}.faq-answer{font-size:.9rem}}@media(max-width:480px){.comparison-header,.comparison-row{grid-template-columns:1fr;gap:12px}.comparison-cell{text-align:left;padding:8px 0;border-bottom:1px solid var(--color-border)}.comparison-cell:last-child{border-bottom:none}.comparison-cell:before{content:attr(data-label);font-weight:700;display:block;margin-bottom:4px;color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase}.comparison-cell.feature-cell:before{display:none}.comparison-header{display:none}.comparison-row{padding:16px;margin-bottom:16px;border-radius:var(--radius-md);background:var(--color-surface)}.comparison-cell.popular-cell{background:transparent;margin:0;padding:8px 0}}.pirate-mascot-wrapper{position:relative;display:inline-block}@keyframes pirate-spin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(15deg) scale(1.1)}50%{transform:rotate(-15deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.05)}to{transform:rotate(0) scale(1)}}.pirate-mascot.pirate-spin{animation:pirate-spin .6s ease-in-out}.pirate-easter-egg{position:absolute;top:-10px;left:50%;transform:translate(-50%) translateY(-100%);z-index:100;animation:bubble-appear .3s ease-out}@keyframes bubble-appear{0%{opacity:0;transform:translate(-50%) translateY(-80%) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(-100%) scale(1)}}.easter-egg-bubble{background:var(--color-secondary);color:#fff;padding:12px 16px;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-lg);position:relative}.easter-egg-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-secondary)}.captain-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px}.captain-loading-icon{animation:captain-bob 1.5s ease-in-out infinite}@keyframes captain-bob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-4px) rotate(5deg)}}.captain-loading-text{font-size:.95rem;color:var(--color-text-secondary);font-weight:500}.captain-loading-waves{display:flex;gap:4px}.captain-loading-wave{width:6px;height:6px;background:var(--color-secondary);border-radius:50%;animation:wave-bounce 1s ease-in-out infinite}.captain-loading-wave:nth-child(2){animation-delay:.15s}.captain-loading-wave:nth-child(3){animation-delay:.3s}@keyframes wave-bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-8px);opacity:1}}.captain-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:16px}.captain-empty-icon{opacity:.6;transition:opacity .3s ease,transform .3s ease}.captain-empty-state:hover .captain-empty-icon{opacity:1;transform:scale(1.05)}.captain-empty-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.captain-empty-message{font-size:.95rem;color:var(--color-text-secondary);margin:0;max-width:320px}.captain-empty-action{margin-top:8px}.outcomes-list{display:flex;flex-direction:column;gap:12px}.outcome-item{display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--color-text)}.outcome-item svg{color:var(--color-success);flex-shrink:0}.first-story-mascot{margin-bottom:24px}.stats-subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto 32px;text-align:center}.early-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:16px}.benefit-item{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;color:var(--color-text)}.benefit-item svg{color:var(--color-secondary)}@media(max-width:640px){.early-benefits{flex-direction:column;align-items:center;gap:16px}}.scenarios-link{text-align:center;margin-top:48px}.scenarios-link .text-link{display:inline-flex;align-items:center;gap:8px}.pricing-cta-links{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.link-separator{color:var(--color-text-muted);font-size:.9rem}@media(max-width:480px){.pricing-cta-links{flex-direction:column;gap:12px}.link-separator{display:none}}.sub-features{padding:var(--section-padding) 24px;background:var(--color-surface-variant)}.sub-features .section-header{max-width:var(--container-max);margin:0 auto 48px;text-align:center}.sub-feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto;padding:0 24px}.sub-feature-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-normal)}.sub-feature-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.sub-feature-card svg{color:var(--color-secondary)}.sub-feature-card h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.sub-feature-card p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.sub-feature-card .link-arrow{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--color-secondary);margin-top:auto}.sub-feature-card:hover .link-arrow{gap:10px}@media(max-width:768px){.sub-feature-cards{grid-template-columns:1fr;max-width:500px}}@media(max-width:480px){.sub-features{padding:80px 16px}.sub-feature-cards{padding:0}.sub-feature-card{padding:24px}}.form-builder-mockup,.form-builder-workflow-mockup,.form-builder-comparison-mockup{--bg-primary: var(--color-surface, #ffffff);--bg-secondary: var(--color-surface-variant, #f1f5f9);--text-primary: var(--color-text, #181c22);--text-secondary: var(--color-text-secondary, #475569);--text-muted: var(--color-text-muted, #94a3b8);--border-color: var(--color-border, #e2e8f0);--accent-color: var(--color-secondary, #0ea5e9);--accent-light: var(--color-secondary-container, #bae6fd);--accent-hover: var(--color-secondary-dark, #0284c7)}.form-builder-mockup{position:relative;width:100%;max-width:900px;margin:0 auto}.form-builder-mockup .browser-frame{box-shadow:0 25px 80px #00000040}.fb-mockup-layout{display:grid;grid-template-columns:140px 1fr 160px;height:320px;background:var(--bg-secondary)}.fb-mockup-sidebar,.fb-mockup-properties{background:var(--bg-primary);border-right:1px solid var(--border-color);overflow:hidden}.fb-mockup-properties{border-right:none;border-left:1px solid var(--border-color)}.fb-mockup-sidebar-header{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.fb-mockup-field-list{padding:8px;display:flex;flex-direction:column;gap:4px}.fb-mockup-field-type{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:9px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:grab;transition:all .15s ease;position:relative}.fb-mockup-field-type:hover,.fb-mockup-field-type.hover{background:var(--accent-light);border-color:var(--accent-color);color:var(--accent-color)}.fb-mockup-field-type.dragging{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 8px 24px #3b82f64d;cursor:grabbing;position:absolute;z-index:100}.fb-mockup-canvas{display:flex;flex-direction:column;background:var(--bg-secondary)}.fb-mockup-canvas-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.fb-form-title{font-size:11px;font-weight:600;color:var(--text-primary)}.fb-mockup-actions{display:flex;gap:6px}.fb-btn-ghost,.fb-btn-primary{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:9px;border-radius:4px;border:none;cursor:pointer;transition:all .15s ease}.fb-btn-ghost{background:transparent;color:var(--text-secondary)}.fb-btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.fb-btn-primary{background:var(--accent-color);color:#fff}.fb-btn-primary:hover{background:var(--accent-hover)}.fb-mockup-canvas-body{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.fb-mockup-form-field{display:flex;align-items:flex-start;gap:8px;padding:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s ease}.fb-mockup-form-field:hover{border-color:var(--accent-light)}.fb-mockup-form-field.selected{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-light)}.fb-mockup-form-field.new-field{background:linear-gradient(135deg,var(--accent-light) 0%,var(--bg-primary) 100%);animation:pulse-new 1s ease infinite}@keyframes pulse-new{0%,to{box-shadow:0 0 0 2px var(--accent-light)}50%{box-shadow:0 0 0 4px var(--accent-light)}}.fb-field-drag-handle{color:var(--text-muted);cursor:grab;padding:2px}.fb-field-content{flex:1;min-width:0}.fb-field-label{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.fb-required{color:#ef4444}.fb-new-badge{font-size:7px;padding:1px 4px;background:var(--accent-color);color:#fff;border-radius:3px;text-transform:uppercase;font-weight:600}.fb-field-preview{display:flex;align-items:center}.fb-input-preview{width:100%;height:18px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;display:flex;align-items:center;justify-content:flex-end;padding:0 6px;color:var(--text-muted)}.fb-textarea-preview{width:100%;height:32px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px}.fb-checkbox-preview{display:flex;align-items:center;gap:6px;color:var(--accent-color)}.fb-media-preview,.fb-signature-preview{width:100%;height:36px;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.fb-drop-zone{display:flex;align-items:center;justify-content:center;background:var(--accent-light);border:2px dashed var(--accent-color);border-radius:6px;font-size:9px;color:var(--accent-color);font-weight:500}.fb-mockup-property-form{padding:10px;display:flex;flex-direction:column;gap:10px}.fb-property-group{display:flex;flex-direction:column;gap:4px}.fb-property-group label{font-size:8px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.fb-property-input{padding:6px 8px;font-size:9px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary)}.fb-property-toggle{width:28px;height:14px;background:var(--border-color);border-radius:7px;position:relative;transition:background .2s ease}.fb-property-toggle:after{content:"";position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s ease}.fb-property-toggle.active{background:var(--accent-color)}.fb-property-toggle.active:after{transform:translate(14px)}.fb-annotation{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;font-size:12px;color:var(--text-secondary);box-shadow:0 4px 12px #0000001a}.fb-annotation svg{color:var(--accent-color)}.form-builder-workflow-mockup{padding:40px 20px}.workflow-stages{display:flex;align-items:center;justify-content:center;gap:30px}.workflow-stage{display:flex;flex-direction:column;align-items:center;gap:16px}.stage-visual{width:140px;height:160px;display:flex;align-items:center;justify-content:center;position:relative}.stage-label{font-size:14px;font-weight:600;color:var(--text-primary)}.workflow-arrow{color:var(--accent-color);opacity:.6}.paper-stack{position:relative}.paper{position:absolute;width:80px;height:100px;background:#fff;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a}.paper-1{transform:rotate(-8deg);top:10px;left:5px}.paper-2{transform:rotate(3deg);top:5px;left:15px}.paper-3{transform:rotate(-2deg);top:0;left:20px}.paper-lines{padding:12px 8px}.paper-lines:before,.paper-lines:after{content:"";display:block;height:4px;background:var(--border-color);border-radius:2px;margin-bottom:6px}.paper-lines:after{width:60%}.ai-processing{position:relative}.ai-sparkle{color:var(--accent-color);animation:sparkle 2s ease infinite;z-index:2;position:relative}@keyframes sparkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.processing-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ring{position:absolute;border:2px solid var(--accent-light);border-radius:50%;animation:ring-pulse 2s ease infinite}.ring-1{width:50px;height:50px;animation-delay:0s}.ring-2{width:70px;height:70px;animation-delay:.3s}.ring-3{width:90px;height:90px;animation-delay:.6s}@keyframes ring-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.2);opacity:0}}.digital-form .phone-frame{transform:scale(.5);transform-origin:center center;width:180px!important;box-shadow:0 4px 20px #00000026}.mini-form{padding:8px;background:var(--bg-primary);height:100%}.mini-form-header{font-size:10px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.mini-form-field{height:16px;background:var(--bg-secondary);border-radius:3px;margin-bottom:6px}.mini-form-field.short{width:60%}.mini-form-btn{background:var(--accent-color);color:#fff;font-size:8px;text-align:center;padding:6px;border-radius:4px;margin-top:8px}.form-builder-comparison-mockup{padding:40px 20px}.comparison-panels{display:flex;align-items:center;justify-content:center;gap:40px}.comparison-panel{width:260px;height:200px;border-radius:12px;padding:16px;position:relative}.comparison-panel.before{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b}.comparison-panel.after{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981}.panel-header{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;color:var(--text-secondary)}.comparison-divider{color:var(--accent-color)}.paper-chaos{position:relative;height:150px}.scattered-paper{position:absolute;background:#fff;border:1px solid #e5e7eb;border-radius:3px;box-shadow:0 2px 4px #0000001a}.scattered-paper .paper-content{padding:6px}.scattered-paper .paper-content:before{content:"";display:block;height:3px;background:#d1d5db;border-radius:1px;margin-bottom:4px}.scattered-paper.p1{width:70px;height:80px;top:10px;left:10px;transform:rotate(-12deg)}.scattered-paper.p2{width:60px;height:70px;top:30px;left:80px;transform:rotate(8deg)}.scattered-paper.p3{width:65px;height:75px;top:60px;left:40px;transform:rotate(-5deg)}.scattered-paper.p4{width:55px;height:65px;top:20px;left:150px;transform:rotate(15deg)}.coffee-stain{position:absolute;width:30px;height:30px;background:#8b5c2a33;border-radius:50%;bottom:20px;right:30px}.paper-clip{position:absolute;width:8px;height:20px;border:2px solid #9ca3af;border-radius:4px;top:5px;right:60px;transform:rotate(30deg)}.digital-order{height:150px}.dashboard-preview{background:#fff;border-radius:6px;overflow:hidden;height:100%;border:1px solid #e5e7eb}.dashboard-header{display:flex;justify-content:space-between;padding:8px 10px;background:var(--bg-secondary);border-bottom:1px solid #e5e7eb}.dashboard-logo{width:40px;height:8px;background:var(--accent-color);border-radius:2px}.dashboard-nav{width:60px;height:8px;background:#e5e7eb;border-radius:2px}.dashboard-content{padding:10px}.stat-card{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#d1fae5;border-radius:4px;font-size:8px;color:#059669;margin-right:6px;margin-bottom:8px}.stat-icon{color:#10b981}.form-list{display:flex;flex-direction:column;gap:4px}.form-row{height:14px;background:var(--bg-secondary);border-radius:3px}@media(max-width:768px){.fb-mockup-layout{grid-template-columns:1fr;height:auto}.fb-mockup-sidebar,.fb-mockup-properties{display:none}.workflow-stages{flex-direction:column}.workflow-arrow{transform:rotate(90deg)}.comparison-panels{flex-direction:column}}