@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@property --btn-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.landing-page{--accent-blue:#3b82f6;--accent-emerald:#10b981;--accent-violet:#8b5cf6;--accent-cyan:#06b6d4;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--glass-bg:rgba(20,20,20,0.6);--glass-border:rgba(255,255,255,0.06);--glass-blur:20px;--surface-1:#0e0e0e;--surface-2:#121212;scroll-behavior:smooth}.gradient-text{background:linear-gradient(135deg,#3b82f6,#10b981,#8b5cf6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 6s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.gradient-mesh{position:relative;overflow:hidden}.gradient-mesh:after,.gradient-mesh:before{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;pointer-events:none;will-change:transform}.gradient-mesh:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0,transparent 70%);top:-15%;left:10%;animation:mesh-1 20s ease-in-out infinite}.gradient-mesh:after{width:500px;height:500px;background:radial-gradient(circle,#10b981 0,transparent 70%);bottom:-10%;right:5%;animation:mesh-2 25s ease-in-out infinite}.mesh-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.25;pointer-events:none;will-change:transform;width:450px;height:450px;background:radial-gradient(circle,#8b5cf6 0,transparent 70%);top:25%;right:25%;animation:mesh-3 18s ease-in-out infinite}@keyframes mesh-1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(5%,-10%) scale(1.1)}50%{transform:translate(-5%,5%) scale(.95)}75%{transform:translate(10%,-5%) scale(1.05)}}@keyframes mesh-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-8%,8%) scale(1.15)}66%{transform:translate(6%,-6%) scale(.9)}}@keyframes mesh-3{0%,to{transform:translate(0)}50%{transform:translate(-10%,10%)}}.dot-grid{background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 0);background-size:24px 24px}.glass-card{background:rgba(20,20,20,.6);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,border-color .5s ease}.glass-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 60px rgba(0,0,0,.5),0 0 40px rgba(59,130,246,.06);border-color:rgba(255,255,255,.12)}.glow-border{position:relative;border-radius:17px;padding:1px;background:conic-gradient(from var(--border-angle),transparent 60%,var(--accent-blue),var(--accent-emerald),transparent 90%);animation:border-rotate 4s linear infinite}.glow-border>*{border-radius:16px}@keyframes border-rotate{to{--border-angle:360deg}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-in-1{animation:fadeSlideUp .8s ease-out .1s both}.animate-in-2{animation:fadeSlideUp .8s ease-out .25s both}.animate-in-3{animation:fadeSlideUp .8s ease-out .4s both}.animate-in-4{animation:fadeSlideUp .8s ease-out .55s both}.animate-in-5{animation:fadeSlideUp .8s ease-out .7s both}.scroll-reveal{animation:fadeSlideUp linear both;animation-timeline:view();animation-range:entry 0 entry 25%}.scroll-reveal-1{animation:fadeSlideUp linear both;animation-timeline:view();animation-range:entry 0 entry 30%}.scroll-reveal-2{animation:fadeSlideUp linear both;animation-timeline:view();animation-range:entry 2% entry 32%}.scroll-reveal-3{animation:fadeSlideUp linear both;animation-timeline:view();animation-range:entry 4% entry 34%}.scroll-reveal-4{animation:fadeSlideUp linear both;animation-timeline:view();animation-range:entry 6% entry 36%}.scroll-reveal-5{animation:fadeSlideUp linear both;animation-timeline:view();animation-range:entry 8% entry 38%}.scroll-reveal-6{animation:fadeSlideUp linear both;animation-timeline:view();animation-range:entry 10% entry 40%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float-animation{animation:float 5s ease-in-out infinite}.nav-glass{transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease}.nav-glass.scrolled{background:rgba(10,10,10,.88);border-bottom:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.icon-glow{position:relative}.icon-glow:before{content:"";position:absolute;inset:-12px;border-radius:50%;opacity:.15;filter:blur(16px);transition:opacity .4s ease}.glass-card:hover .icon-glow:before{opacity:.3}.icon-glow-blue:before{background:#3b82f6}.icon-glow-emerald:before{background:#10b981}.icon-glow-violet:before{background:#8b5cf6}.icon-glow-cyan:before{background:#06b6d4}.icon-glow-amber:before{background:#f59e0b}.icon-glow-rose:before{background:#f43f5e}.timeline-line{position:relative;height:2px;background:var(--border)}.timeline-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#3b82f6,#10b981);transform-origin:left;animation:timeline-fill linear both;animation-timeline:view();animation-range:entry 10% cover 40%}@keyframes timeline-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.step-number{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;background:var(--bg);border:2px solid transparent;background-image:linear-gradient(var(--bg),var(--bg)),linear-gradient(135deg,#3b82f6,#10b981);background-origin:border-box;background-clip:padding-box,border-box;animation:pulse-glow 3s ease-in-out infinite;flex-shrink:0}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.3)}50%{box-shadow:0 0 25px 8px rgba(59,130,246,.08)}}.cta-button{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:16px 40px;font-size:1.05rem;font-weight:600;color:white;background:linear-gradient(135deg,#3b82f6,#10b981);border:none;border-radius:14px;cursor:pointer;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;text-decoration:none}.cta-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 50px rgba(59,130,246,.3),0 0 100px rgba(16,185,129,.12)}.cta-button:before{content:"";position:absolute;inset:-2px;border-radius:16px;background:conic-gradient(from var(--btn-angle),#3b82f6,#10b981,#8b5cf6,#3b82f6);z-index:-1;animation:btn-spin 3s linear infinite;opacity:0;transition:opacity .4s}.cta-button:hover:before{opacity:1}@keyframes btn-spin{to{--btn-angle:360deg}}.cta-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:16px 40px;font-size:1.05rem;font-weight:600;color:var(--fg);background:transparent;border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:all .3s ease;text-decoration:none}.cta-secondary:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.03)}.arch-block{background:rgba(20,20,20,.8);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 16px;font-size:.75rem;font-weight:500;text-align:center;white-space:nowrap;transition:border-color .3s ease,box-shadow .3s ease}.arch-block:hover{border-color:rgba(59,130,246,.3);box-shadow:0 0 20px rgba(59,130,246,.08)}.arch-line{background:linear-gradient(180deg,#3b82f6,#10b981);width:2px;height:24px;margin:0 auto;opacity:.5}.arch-line-h{background:linear-gradient(90deg,#3b82f6,#10b981);height:2px;flex:1;opacity:.5}.stat-value{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.02em}.cta-blob{position:absolute;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;filter:blur(100px);opacity:.12;animation:blob-float 18s ease-in-out infinite;pointer-events:none}@keyframes blob-float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(25px,-35px) rotate(5deg)}66%{transform:translate(-15px,20px) rotate(-3deg)}}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),rgba(16,185,129,.3),transparent)}.mockup-browser{background:rgba(20,20,20,.7);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mockup-titlebar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.mockup-dot{width:10px;height:10px;border-radius:50%}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink:after{content:"|";animation:blink 1s step-end infinite;color:var(--accent-blue);font-weight:300}@media (max-width:768px){.gradient-mesh:after{width:300px;height:300px;opacity:.2}.gradient-mesh:before{width:350px;height:350px}.mesh-blob{display:none}.stat-value{font-size:2.25rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}}