:root{--c-bg: #020202;--c-text: #ffffff;--c-accent: #6366f1;--c-accent-glow: rgba(99, 102, 241, .4);--c-muted: #94a3b8;--c-card: rgba(15, 23, 42, .6);--c-border: rgba(255, 255, 255, .1);--font-main: "Outfit", "Inter", -apple-system, sans-serif;--max-width: 1200px;--glass-bg: rgba(255, 255, 255, .03)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--c-bg)}body{font-family:var(--font-main);background-color:var(--c-bg);color:var(--c-text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.bg-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 50% -20%,var(--c-accent-glow) 0%,transparent 60%);pointer-events:none;z-index:-1}.landing-page{width:100%}section{padding:120px 20px;max-width:var(--max-width);margin:0 auto}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.logo-container{width:100px;margin-bottom:30px;opacity:.8;transition:opacity .3s ease}.logo-container:hover{opacity:1}.logo{width:100%;height:auto;filter:drop-shadow(0 0 20px var(--c-accent-glow))}h1{font-size:clamp(3.5rem,10vw,7rem);font-weight:800;letter-spacing:-.05em;line-height:.9;margin-bottom:40px;background:linear-gradient(to bottom,#fff 40%,#fff6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:heroReveal 1.2s cubic-bezier(.16,1,.3,1)}.tagline{color:var(--c-accent);font-size:1rem;font-weight:600;letter-spacing:.4rem;text-transform:uppercase;margin-bottom:24px;opacity:0;animation:fadeIn 1s ease-out .5s forwards}.executive-summary{max-width:750px;margin:0 auto 60px;font-size:1.4rem;color:var(--c-muted);line-height:1.5;font-weight:400;opacity:0;animation:fadeIn 1s ease-out .8s forwards}.hero-image-wrapper{width:100%;max-width:1000px;margin-top:60px;border-radius:24px;padding:1px;background:linear-gradient(135deg,var(--c-border) 0%,transparent 100%);position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #000c}.hero-image-wrapper img{width:100%;display:block;border-radius:23px;opacity:.9}.section-label{color:var(--c-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:16px;display:block}.section-title{font-size:4rem;font-weight:800;margin-bottom:80px;letter-spacing:-.03em;line-height:1.1}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.feature-card{background:var(--glass-bg);border:1px solid var(--c-border);padding:48px;border-radius:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-10px);background:#ffffff0d;border-color:var(--c-accent);box-shadow:0 30px 60px -12px #6366f126}.feature-card h3{font-size:2rem;margin-bottom:24px;color:#fff;letter-spacing:-.02em}.feature-card p{font-size:1.15rem;color:var(--c-muted)}.image-card{margin-top:32px;border-radius:16px;overflow:hidden;border:1px solid var(--c-border)}.image-card img{width:100%;display:block;filter:brightness(.9) contrast(1.1)}.matrix-container{overflow-x:auto;border:1px solid var(--c-border);border-radius:24px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:32px;border-bottom:1px solid var(--c-border)}th{color:var(--c-accent);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.1rem}td strong{color:#fff}.roadmap-section{text-align:center}.actions-banner{margin:60px auto;border-radius:40px;max-width:1000px;box-shadow:0 0 100px var(--c-accent-glow)}.rain-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.raindrop{position:absolute;top:-100px;width:1px;height:80px;background:linear-gradient(to bottom,transparent,rgba(99,102,241,.4));animation:fall linear infinite}@keyframes fall{to{transform:translateY(110vh)}}.landing-page{width:100%;position:relative;z-index:2}.cta-button{transition:all .3s ease}.cta-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px var(--c-accent-glow)}@keyframes heroReveal{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{to{opacity:1}}@media(max-width:768px){section{padding:80px 20px}h1{font-size:4rem}.section-title{font-size:2.8rem}.feature-card{padding:32px}}
