.hero-features{grid-column:1 / -1;display:flex;gap:24px;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.feature-card{background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem;border-radius:20px;flex:1;display:flex;align-items:flex-start;gap:1rem;border:1px solid rgba(255,255,255,.15);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;max-width:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card:hover{transform:translateY(-5px);background:#0f172acc;border-color:#ffffff4d;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.feature-card:hover:before{opacity:1}.feature-icon{font-size:2.5rem;background:#ffffff1a;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;flex-shrink:0;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);background:#fff3}.feature-text{flex:1}.feature-text h3{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:#fff;letter-spacing:-.01em}.feature-text p{font-size:.938rem;line-height:1.5;color:#ffffffe6;margin:0}:root{--navbar-bg: rgba(255, 255, 255, .95);--navbar-bg-scrolled: rgba(255, 255, 255, .98);--navbar-text: #1a1a1a;--navbar-text-hover: #0066cc;--navbar-border: rgba(0, 0, 0, .08);--navbar-height: 70px;--navbar-padding: 1rem;--z-navbar: 1000;--z-overlay: 999;--z-mobile-menu: 1001;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--touch-target: 44px;--navbar-shadow: 0 2px 8px rgba(0, 0, 0, .05);--navbar-shadow-scrolled: 0 4px 12px rgba(0, 0, 0, .08)}.cruvia-navbar{position:fixed;top:0;left:0;right:0;background:var(--navbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--navbar-border);box-shadow:var(--navbar-shadow);z-index:var(--z-navbar);transition:all var(--transition-normal)}.cruvia-navbar.scrolled{background:var(--navbar-bg-scrolled);box-shadow:var(--navbar-shadow-scrolled)}.navbar-container{max-width:1280px;margin:0 auto;padding:0 var(--navbar-padding);display:flex;align-items:center;justify-content:space-between;height:var(--navbar-height)}.navbar-brand{flex-shrink:0;z-index:2}.navbar-brand a{display:flex;align-items:center;text-decoration:none;transition:opacity var(--transition-fast)}.navbar-brand a:hover{opacity:.8}.navbar-logo{height:32px;width:auto;display:block}.navbar-desktop-menu{display:none}.navbar-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:var(--touch-target);height:var(--touch-target);padding:0;background:none;border:none;cursor:pointer;position:relative;z-index:2;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.hamburger-line{width:24px;height:2px;background:var(--navbar-text);border-radius:2px;transition:all var(--transition-normal);transform-origin:center}.navbar-hamburger[aria-expanded=true] .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-hamburger[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-hamburger[aria-expanded=true] .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.navbar-overlay.active{opacity:1;visibility:visible}.navbar-mobile-menu{position:fixed;top:0;left:0;bottom:0;width:min(85vw,320px);background:#fff;z-index:var(--z-mobile-menu);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-normal);will-change:transform;box-shadow:4px 0 12px #0000001a;overscroll-behavior:contain}.navbar-mobile-menu.active{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--navbar-border);flex-shrink:0}.mobile-menu-logo{height:27px;width:auto}.mobile-menu-close{width:var(--touch-target);height:var(--touch-target);display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--navbar-text);border-radius:8px;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-menu-close:hover{background:#0000000d}.mobile-menu-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.5rem}.mobile-menu-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.mobile-menu-link{display:block;padding:1rem;color:var(--navbar-text);text-decoration:none;font-size:1.125rem;font-weight:500;border-radius:8px;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-menu-link:active{background:#0066cc14;color:var(--navbar-text-hover);transform:scale(.98)}.mobile-menu-actions{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--navbar-border);display:flex;flex-direction:column;gap:.75rem}.btn-mobile-primary,.btn-mobile-secondary{display:flex;align-items:center;justify-content:center;height:48px;padding:0 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:12px;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn-mobile-primary{background:linear-gradient(135deg,#06c,#00b4d8);color:#fff;box-shadow:0 4px 12px #06c3}.btn-mobile-primary:active{transform:translateY(1px);box-shadow:0 2px 8px #06c3}.btn-mobile-secondary{background:#fff;color:var(--navbar-text);border:2px solid var(--navbar-border)}.btn-mobile-secondary:active{background:#00000005;transform:translateY(1px)}@media(min-width:768px){:root{--navbar-height: 80px;--navbar-padding: 1.5rem}.navbar-hamburger{display:none}.navbar-desktop-menu{display:flex;align-items:center;gap:2rem;flex:1;justify-content:flex-end}.navbar-links{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.navbar-link{position:relative;color:var(--navbar-text);text-decoration:none;font-size:1rem;font-weight:500;transition:color var(--transition-fast);padding:.5rem 0}.navbar-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(135deg,#06c,#00b4d8);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-normal)}.navbar-link:hover{color:var(--navbar-text-hover)}.navbar-link:hover:after{transform:scaleX(1);transform-origin:left}.navbar-actions{display:flex;align-items:center;gap:1rem}.btn-navbar-primary,.btn-navbar-secondary{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;border-radius:10px;transition:all var(--transition-fast);white-space:nowrap}.btn-navbar-primary{background:linear-gradient(135deg,#06c,#00b4d8);color:#fff;box-shadow:0 2px 8px #06c3}.btn-navbar-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0066cc4d}.btn-navbar-secondary{background:#fff;color:var(--navbar-text);border:2px solid var(--navbar-border)}.btn-navbar-secondary:hover{border-color:#06c;color:#06c}.navbar-mobile-menu,.navbar-overlay{display:none}}.navbar-hamburger:focus-visible,.mobile-menu-close:focus-visible,.mobile-menu-link:focus-visible,.navbar-link:focus-visible,.btn-mobile-primary:focus-visible,.btn-mobile-secondary:focus-visible,.btn-navbar-primary:focus-visible,.btn-navbar-secondary:focus-visible{outline:2px solid #0066cc;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body.navbar-menu-open{overflow:hidden;position:fixed;width:100%}