@tailwind base;@tailwind components;@tailwind utilities;:root{--brand-amber: #f59e0b;--brand-gold: #facc15;--surface-void: #070709;--surface-glass: rgba(14, 16, 22, .76);--border-glass: rgba(255, 255, 255, .09);--glow-warm: rgba(250, 204, 21, .18)}html{scroll-behavior:smooth;background-color:#070709}body{background-color:#070709;color:#f1f5f9;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.film-grain{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999;opacity:.038;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.font-editorial{font-family:Newsreader,Georgia,Times New Roman,serif;letter-spacing:-.025em}.font-display{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;letter-spacing:-.035em}.font-mono{font-family:JetBrains Mono,monospace}.glass-obsidian,.glass-liquid{background:linear-gradient(135deg,#ffffff0d,#ffffff03 40%,#ffffff08);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 40px -10px #00000080,inset 0 1px 1px #ffffff4d,inset 0 -1px 1px #ffffff0d,inset 0 0 20px #ffffff04;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-obsidian:hover,.glass-liquid:hover{background:linear-gradient(135deg,#ffffff14,#ffffff05 40%,#ffffff0f);border-color:#ffffff47;box-shadow:0 20px 50px -10px #0009,inset 0 1px 1.5px #ffffff73,inset 0 0 25px #ffffff08,0 0 25px #ffffff0f}.glass-pill-nav{background:linear-gradient(135deg,#ffffff12,#ffffff04 35%,#ffffff0a);backdrop-filter:blur(18px) saturate(190%);-webkit-backdrop-filter:blur(18px) saturate(190%);border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 40px -8px #0006,inset 0 1px 1.5px #ffffff59,inset 0 -1px 1px #ffffff0f,0 0 25px #ffffff0a}.glass-liquid-chip{background:linear-gradient(135deg,#ffffff0d,#ffffff03,#ffffff08);backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%);border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 16px -2px #0000004d,inset 0 1px 1px #fff3;transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-liquid-chip:hover{background:linear-gradient(135deg,#ffffff17,#ffffff05,#ffffff0f);border-color:#ffffff40;box-shadow:0 8px 24px -2px #0006,inset 0 1px 1.5px #ffffff59,0 0 15px #ffffff0f}.glass-liquid-footer{background:linear-gradient(180deg,#ffffff0d,#ffffff03 30%,#ffffff05);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-top:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 1px #ffffff40,0 -16px 40px #0000004d}.btn-luminous-white{background:#fff;color:#070709;box-shadow:0 0 45px #ffffff59,0 4px 18px #0000004d;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-luminous-white:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 0 65px #fff9,0 8px 24px #0006}[data-tilt]{transform-style:preserve-3d;will-change:transform;position:relative;overflow:hidden}[data-tilt]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle 360px at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(250,204,21,.15),transparent 75%);opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:10}[data-tilt]:hover:after{opacity:1}.video-mockup-frame{background:linear-gradient(135deg,#ffffff0f,#ffffff04 40%,#ffffff09);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.16);box-shadow:0 25px 80px -15px #000000d9,inset 0 1px 1.5px #ffffff59,0 0 45px #e599341a}.video-play-btn{background:linear-gradient(135deg,#ffffff38,#ffffff14,#e5993459);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(255,255,255,.35);box-shadow:0 12px 35px #00000080,0 0 35px #e5993473,inset 0 1px 2px #fff9;transition:all .3s cubic-bezier(.16,1,.3,1)}.video-play-btn:hover{transform:scale(1.08);border-color:#fff9;box-shadow:0 16px 45px #0009,0 0 55px #e59934bf,inset 0 1px 2.5px #fffc}.video-play-pulse{animation:play-pulse-ring 2.5s cubic-bezier(.215,.61,.355,1) infinite}@keyframes play-pulse-ring{0%{transform:scale(.92);opacity:.8}50%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}.mega-menu-panel,.use-cases-panel{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.98);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility .22s;background:#0a0c12f5!important;backdrop-filter:blur(32px) saturate(190%)!important;-webkit-backdrop-filter:blur(32px) saturate(190%)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 30px 80px -10px #000000f2,0 0 35px #e5993414!important}.mega-menu-panel:before,.use-cases-panel:before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px;background:transparent}.group:hover .mega-menu-panel,.mega-menu-panel.is-open,.group:hover .use-cases-panel,.use-cases-panel.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}.hub-tag-marketing{color:#c084fc;background:#a855f726;border-color:#a855f759;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hub-tag-sales{color:#60a5fa;background:#3b82f626;border-color:#3b82f659;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hub-tag-crm{color:#34d399;background:#10b98126;border-color:#10b98159;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.industry-tab{background:linear-gradient(135deg,#ffffff0d,#ffffff03);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 1px #ffffff40;transition:all .25s cubic-bezier(.16,1,.3,1)}.industry-tab:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff08);border-color:#ffffff47;box-shadow:inset 0 1px 1.5px #fff6,0 6px 20px #00000040;transform:translateY(-1px)}.industry-tab.active{background:linear-gradient(135deg,#e5993438,#e5993414);border-color:#e59934a6;color:#fff;box-shadow:0 0 25px #e599344d,inset 0 1px 1.5px #ffffff73}.webgl-3d-canvas{width:100%;height:100%;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.webgl-3d-canvas canvas{width:100%!important;height:100%!important;display:block;outline:none}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}::selection{background-color:#facc1540;color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#070709}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#f59e0b66}@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-on-scroll{opacity:1!important;transform:none!important}}
