.animated-hero{--navy: #0B1120;--green: #10B981;--green2: #059669;--green3: #34D399;--green4: #6EE7B7;--white: #F0F6FF;--muted: #5A6A88;--muted2: #8899BB;position:relative;height:100vh;min-height:720px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding-top:70px;background:var(--navy);color:var(--white);font-family:Inter,sans-serif}.animated-hero #stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.animated-hero .star{position:absolute;border-radius:50%;background:#fff;animation:twinkle var(--d) var(--dl) infinite}.animated-hero .planet{position:absolute;bottom:-8%;left:50%;transform:translate(-50%);width:130vw;max-width:1600px;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse 55% 35% at 50% 56%,rgba(16,185,129,.18) 0%,rgba(16,185,129,.07) 35%,transparent 65%);opacity:0;animation:planetRise 1.4s .7s cubic-bezier(.22,1,.36,1) forwards;pointer-events:none;z-index:1}.animated-hero .planet:after{content:"";position:absolute;top:46%;left:4%;right:4%;height:1px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.12) 15%,rgba(16,185,129,.5) 50%,rgba(16,185,129,.12) 85%,transparent);filter:blur(.5px)}.animated-hero .hero-content{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 24px;margin-top:-50px}.animated-hero .badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(16,185,129,.28);border-radius:100px;padding:6px 18px;font-size:11.5px;font-weight:500;color:var(--green4);background:#10b98112;opacity:0;transform:translateY(10px);animation:fadeUp .5s .25s forwards}.animated-hero .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:blink 2s infinite;flex-shrink:0}.animated-hero .hero-h1{font-family:Bricolage Grotesque,sans-serif;font-size:clamp(36px,5.2vw,68px);font-weight:800;line-height:1.06;letter-spacing:-.03em;color:var(--white);opacity:0;transform:translateY(14px);animation:fadeUp .6s .4s forwards;margin:0}.animated-hero .hero-h1 .green{color:var(--green)}.animated-hero .sub{font-size:clamp(14px,1.4vw,16.5px);font-weight:400;line-height:1.75;color:#f0f6ff73;max-width:500px;opacity:0;transform:translateY(14px);animation:fadeUp .6s .55s forwards;margin:0}.animated-hero .cta-group{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(14px);animation:fadeUp .6s .68s forwards}.animated-hero .btn-primary{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--navy);background:var(--green);border:none;border-radius:10px;padding:13px 26px;cursor:pointer;box-shadow:0 4px 22px #10b98161;transition:all .2s}.animated-hero .btn-primary:hover{background:var(--green3);transform:translateY(-2px);box-shadow:0 8px 30px #10b98180}.animated-hero .btn-secondary{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#f0f6ffb3;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 22px;cursor:pointer;transition:all .2s}.animated-hero .btn-secondary:hover{background:#ffffff17;border-color:#fff3;transform:translateY(-2px)}.animated-hero .trust{display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(12px);animation:fadeUp .5s .82s forwards}.animated-hero .trust-item{font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#5a6a88b3}.animated-hero .trust-sep{width:3px;height:3px;border-radius:50%;background:#5a6a884d}.animated-hero .cards-row{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:980px;max-width:96vw;display:flex;align-items:flex-end;justify-content:center;gap:14px;z-index:2;pointer-events:none}.animated-hero .cards-row:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,var(--navy) 0%,transparent 100%);z-index:10;pointer-events:none}.animated-hero .card{background:#0b11208c;border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(16,185,129,.07);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 18px;box-shadow:0 16px 40px #0000004d;opacity:0}.animated-hero .card-center{width:272px;animation:cardRise .7s 1.05s cubic-bezier(.22,1,.36,1) forwards,floatC 4.2s 1.8s ease-in-out infinite}.animated-hero .card-left{width:212px;animation:cardRise .7s 1.25s cubic-bezier(.22,1,.36,1) forwards,floatL 5s 2s ease-in-out infinite}.animated-hero .card-right{width:232px;animation:cardRise .7s 1.45s cubic-bezier(.22,1,.36,1) forwards,floatR 4.6s 2.2s ease-in-out infinite}.animated-hero .radar-wrap{display:flex;justify-content:center;align-items:center}.animated-hero canvas.radar{display:block}.animated-hero canvas.projection{display:block;width:100%}.animated-hero .proj-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.animated-hero .proj-val{font-size:13px;font-weight:600;color:#f0f6ff66}.animated-hero .proj-badge{font-size:9px;font-weight:600;color:#34d39973;background:#10b9810f;padding:2px 7px;border-radius:4px}.animated-hero .donut-wrap{display:flex;align-items:center;gap:14px}.animated-hero .donut-chart{position:relative;width:96px;height:96px;flex-shrink:0}.animated-hero .donut-chart canvas{position:absolute;top:0;right:0;bottom:0;left:0}.animated-hero .donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.animated-hero .donut-val{font-size:11px;font-weight:700;color:#f0f6ff59;line-height:1}.animated-hero .donut-sub{font-size:8px;color:#8899bb4d;margin-top:2px}.animated-hero .donut-legend{display:flex;flex-direction:column;gap:6px}.animated-hero .legend-item{display:flex;align-items:center;gap:6px}.animated-hero .legend-dot{width:7px;height:7px;border-radius:2px;flex-shrink:0;opacity:.7}.animated-hero .legend-name{font-size:10px;color:#f0f6ff66;line-height:1}.animated-hero .scroll-hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;animation:fadeUp .4s 2.1s forwards}.animated-hero .scroll-hint span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#5a6a8873}.animated-hero .scroll-mouse{width:18px;height:28px;border:1.5px solid rgba(90,106,136,.25);border-radius:9px;position:relative;display:flex;justify-content:center}.animated-hero .scroll-mouse:after{content:"";width:2.5px;height:6px;background:var(--green);border-radius:2px;position:absolute;top:4px;animation:scrollDot 1.8s 2.3s infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes planetRise{0%{opacity:0;transform:translate(-50%) translateY(50px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes cardRise{0%{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}@keyframes floatC{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatL{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-7px) rotate(.4deg)}}@keyframes floatR{0%,to{transform:translateY(-3px) rotate(.3deg)}50%{transform:translateY(-11px) rotate(-.3deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes twinkle{0%,to{opacity:var(--bo,.4)}50%{opacity:.04}}@keyframes scrollDot{0%{top:4px;opacity:1}to{top:17px;opacity:0}}