:root{--brand-indigo: #4f46e5;--text-white: #ffffff;--gray-700: #374151;--gray-500: #6b7280;--gray-900: #111827;--primary-dark: #1a1f2c;--secondary-dark: #161b22;--accent-blue: #0ea5e9;--accent-gold: #f0c14b;--accent-coral: #ff6b6b;--accent-green: #00d9a5;--accent-purple: #a78bfa;--accent-teal: #00d4aa;--text-muted: #6b7280;--text-light: #d1d5db;--border-subtle: #374151}.icon-purple svg{color:#7c3aed}.icon-blue svg{color:#2563eb}.icon-emerald svg{color:#059669}.icon-sky svg{color:#0284c7}.icon-violet svg{color:#6d28d9}:root{--navy-mid: #1c2541;--navy-light: #3a506b;--cream: #faf9f6;--cream-dark: #e8e5df;--text-mid: #4a4a4a}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,sans-serif;line-height:1.7;color:var(--primary-dark);background:var(--cream);overflow-x:hidden}h1,h2,h3,h4{font-weight:400;line-height:1.2;color:var(--text-white)}h1{font-size:clamp(48px,7vw,72px);margin-bottom:24px}h2{font-size:clamp(36px,5vw,56px);margin-bottom:20px}h3{font-size:clamp(24px,3vw,32px);margin-bottom:16px}p{line-height:1.8;color:#fffc;margin-bottom:20px}.gradient-text{background-image:linear-gradient(to right,var(--accent-blue),var(--brand-indigo));background-clip:text;-webkit-background-clip:text;color:transparent}.container,.container-narrow{max-width:100%;padding:0 16px}@media(min-width:480px){.container,.container-narrow{padding:0 24px}}@media(min-width:768px){.container{max-width:1200px;padding:0 32px}.container-narrow{max-width:960px;padding:0 32px}}@media(min-width:1024px){.container{max-width:1280px;margin:0 auto;padding:0 40px}.container-narrow{max-width:960px;margin:0 auto;padding:0 48px}}section{padding:140px 0}.ambient-light{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;animation:ambientGlow 12s ease-in-out infinite}.ambient-light-1{width:600px;height:600px;background:radial-gradient(circle,rgba(14,165,233,.24) 0%,transparent 70%);top:-10%;right:10%;animation-delay:0s}.ambient-light-2{width:500px;height:500px;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 70%);bottom:10%;left:5%;animation-delay:4s}@keyframes ambientGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.vault-3d{position:absolute;top:50%;right:8%;width:500px;height:600px;transform:translateY(-50%) rotateY(-15deg);transform-style:preserve-3d;animation:vaultFloat 20s ease-in-out infinite}@keyframes vaultFloat{0%,to{transform:translateY(-50%) rotateY(-15deg) translateZ(0)}50%{transform:translateY(-52%) rotateY(-10deg) translateZ(30px)}}.vault-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid rgba(13,116,206,.4);transform-style:preserve-3d;animation:ringRotate 25s linear infinite;box-shadow:0 0 30px #0d74ce4d}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.vault-ring-1{width:350px;height:350px;margin:-175px 0 0 -175px;animation-duration:25s}.vault-ring-2{width:280px;height:280px;margin:-140px 0 0 -140px;animation-duration:20s;animation-direction:reverse;border-color:#06b6d466;box-shadow:0 0 30px #06b6d44d}.vault-ring-3{width:210px;height:210px;margin:-105px 0 0 -105px;animation-duration:18s;border-color:#2563eb80}.security-node{position:absolute;width:10px;height:10px;background:var(--accent-blue);border-radius:50%;top:50%;left:50%;transform-origin:center;box-shadow:0 0 15px #2563ebcc;animation:nodePulse 3s ease-in-out infinite}@keyframes nodePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.vault-ring-1 .security-node:nth-child(1){transform:translate(-50%,-50%) rotate(0) translateY(-175px)}.vault-ring-1 .security-node:nth-child(2){transform:translate(-50%,-50%) rotate(90deg) translateY(-175px)}.vault-ring-1 .security-node:nth-child(3){transform:translate(-50%,-50%) rotate(180deg) translateY(-175px)}.vault-ring-1 .security-node:nth-child(4){transform:translate(-50%,-50%) rotate(270deg) translateY(-175px)}.central-lock{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:linear-gradient(135deg,var(--primary-dark),var(--navy-mid));border:3px solid var(--accent-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #2563eb99;animation:lockPulse 4s ease-in-out infinite;z-index:10}@keyframes lockPulse{0%,to{box-shadow:0 0 40px #2563eb99}50%{box-shadow:0 0 60px #2563ebe6}}.lock-icon{width:35px;height:35px;border:3px solid var(--accent-blue);border-radius:8px 8px 4px 4px;position:relative}.lock-icon:before{content:"";position:absolute;top:-18px;left:50%;width:24px;height:18px;border:3px solid var(--accent-blue);border-bottom:none;border-radius:18px 18px 0 0;margin-left:-15px}.data-flow{position:absolute;height:2px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.6),transparent);opacity:0;animation:flowData 8s linear infinite;box-shadow:0 0 10px #2563eb80}@keyframes flowData{0%,to{opacity:0;transform:translate(-100%)}10%,90%{opacity:.7}to{transform:translate(200vw)}}.data-flow-1{top:20%;width:400px;animation-delay:0s}.data-flow-2{top:40%;width:350px;animation-delay:2s}.data-flow-3{top:60%;width:380px;animation-delay:4s}.data-flow-4{top:80%;width:320px;animation-delay:6s}.deco-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.5),transparent);animation:lineFlow 6s ease-in-out infinite}@keyframes lineFlow{0%,to{opacity:.3;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.1)}}.deco-line-1{top:25%;left:0;width:40%;animation-delay:0s}.deco-line-2{top:60%;left:0;width:35%;animation-delay:2s}.deco-line-3{bottom:20%;left:0;width:30%;animation-delay:4s}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--primary-dark)}.hero-content{text-align:center;padding:60px 0;margin:0 auto;max-width:800px}.hero-inner{display:flex;flex-direction:column;align-items:center;z-index:1;max-width:1000px}.hero-tag{display:inline-block;padding:.5rem 1rem;border-radius:9999px;background:#ffffff1a;color:#fff;font-size:.875rem;font-weight:500;line-height:1.25rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);animation:fadeInUp 1s ease-out .2s backwards;margin-bottom:1.5rem}.hero h1{color:var(--cream);animation:fadeInUp 1s ease-out .2s backwards;line-height:1.1}.hero-subtitle{font-size:20px;font-weight:300;color:#faf9f6d9;max-width:600px;line-height:1.8;margin-bottom:48px;animation:fadeInUp 1s ease-out .4s backwards}.hero-cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s backwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hero{padding:40px}.hero-content{padding:80px 0}.hero-subtitle{font-size:18px;line-height:1.7;margin-bottom:40px}.hero-cta{gap:16px}.hero-cta a{padding-block:18px;font-size:14px}}@media(max-width:1024px){.vault-3d,.ambient-light,.data-flow,.deco-line{display:none}}