:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-secondary: #0f172a;--color-accent: #06b6d4;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-premium: .5s cubic-bezier(.34, 1.56, .64, 1)}@layer base{html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#fff;color:#0f172a}h1,h2,h3,h4,h5,h6{font-family:Sora,Inter,system-ui,-apple-system,sans-serif}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background-color:#2563eb;color:#fff}::-moz-selection{background-color:#2563eb;color:#fff}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--synckraft-blue: #2563EB;--header-height: 72px;--primary: #2563EB;--primary-light: #3b82f6;--surface: #ffffff;--surface-alt: #f8fafc;--on-surface: #0f172a;--outline-variant: #e2e8f0;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .2s;--duration-base: .4s;--duration-slow: .7s;--duration-cinematic: 1s}html,body{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.reveal{opacity:0;transform:translateY(28px);transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}.reveal-up{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease-out-expo),transform .9s var(--ease-out-expo);will-change:opacity,transform}.reveal-up.active{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transform:scale(.94) translateY(20px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-spring);will-change:opacity,transform}.reveal-scale.active{opacity:1;transform:scale(1) translateY(0)}.reveal-left{opacity:0;transform:translate(-32px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo);will-change:opacity,transform}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(32px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo);will-change:opacity,transform}.reveal-right.active{opacity:1;transform:translate(0)}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageEnter .55s var(--ease-out-expo) forwards}@keyframes gradientX{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient-x{background-size:200% 200%;animation:gradientX 8s ease infinite}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-14px) rotate(.5deg)}66%{transform:translateY(-6px) rotate(-.5deg)}}@keyframes floatMedium{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes orbDrift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-15px) scale(1.03)}50%{transform:translate(-10px,-25px) scale(.97)}75%{transform:translate(-20px,-8px) scale(1.02)}}.animate-float-slow{animation:floatSlow 9s ease-in-out infinite}.animate-float{animation:floatMedium 6s ease-in-out infinite}.animate-orb-drift{animation:orbDrift 18s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.hover-lift{transition:transform var(--duration-base) var(--ease-out-expo),box-shadow var(--duration-base) var(--ease-smooth)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0f172a1a}.hover-glow:hover{box-shadow:0 0 0 1px #2563eb33,0 8px 32px #2563eb1f}.elev-1{box-shadow:0 1px 3px #0000000f,0 8px 24px #0000000d;transition:box-shadow .25s var(--ease-smooth),transform .25s var(--ease-smooth)}.elev-1:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014,0 20px 48px #00000012}.elev-2{box-shadow:0 4px 12px #00000014,0 20px 48px #00000012;transition:box-shadow .25s var(--ease-smooth),transform .25s var(--ease-smooth)}.elev-3{box-shadow:0 8px 24px #0000001a,0 32px 80px #00000014;transition:box-shadow .2s var(--ease-smooth),transform .15s var(--ease-smooth)}.hero-badge{animation:pageEnter .6s var(--ease-out-expo) .1s both}.hero-title{animation:pageEnter .8s var(--ease-out-expo) .25s both}.hero-sub{animation:pageEnter .8s var(--ease-out-expo) .4s both}.hero-cta{animation:pageEnter .8s var(--ease-out-expo) .55s both}.hero-brands{animation:pageEnter .8s var(--ease-out-expo) .7s both}@keyframes navbarEnter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.navbar-enter{animation:navbarEnter .5s var(--ease-out-expo) forwards}.card-premium{transition:transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-smooth),border-color .3s var(--ease-smooth)}.card-premium:hover{transform:translateY(-6px);box-shadow:0 24px 64px #0f172a1a,0 4px 16px #0f172a0f}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(37,99,235,.6);outline-offset:3px;border-radius:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.reveal-up,.reveal-scale,.reveal-left,.reveal-right{opacity:1!important;transform:none!important}}img,svg,iframe,video{max-width:100%;height:auto}