*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#060816;--bg-soft:#0c1224;--bg-card:rgba(255, 255, 255, 0.06);--border:rgba(255, 255, 255, 0.10);--text:#f5f7ff;--text-soft:#aab4d0;--primary:#6f7cff;--secondary:#22d3ee;--accent:#f7c66b;--shadow:0 20px 60px rgba(0, 0, 0, 0.35);--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--container:1200px;--nav-height:84px;--transition:all 0.35s ease}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;background:radial-gradient(circle at top left,rgb(111 124 255 / .18),transparent 30%),radial-gradient(circle at bottom right,rgb(34 211 238 / .14),transparent 35%),linear-gradient(180deg,#050814 0%,#0a1122 50%,#060816 100%);color:var(--text);line-height:1.65;overflow-x:hidden;position:relative}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(100% - 32px, var(--container));margin:0 auto}.section{position:relative;padding:110px 0;z-index:2}.dark{background:linear-gradient(180deg,rgb(255 255 255 / .02),rgb(255 255 255 / .01))}.bg-blur{position:fixed;border-radius:50%;filter:blur(110px);opacity:.35;pointer-events:none;z-index:0}.bg-1{width:320px;height:320px;background:rgb(111 124 255 / .75);top:60px;left:-90px}.bg-2{width:340px;height:340px;background:rgb(34 211 238 / .55);right:-110px;top:320px}.navbar{position:sticky;top:0;z-index:100;min-height:var(--nav-height);display:flex;align-items:center;backdrop-filter:blur(16px);background:rgb(5 8 20 / .72);border-bottom:1px solid rgb(255 255 255 / .06)}.nav-wrapper{min-height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:12px;font-weight:700}.logo-box{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .08);color:#fff;box-shadow:var(--shadow);flex-shrink:0}.logo-box svg{width:60px;height:60px}.logo-text{font-size:18px;letter-spacing:.2px}.logo-text svg{width:220px;height:36px;display:block}.nav-menu{display:flex;align-items:center;gap:24px}.nav-menu a{color:var(--text-soft);transition:var(--transition);font-size:15px}.nav-menu a:hover{color:var(--text)}.btn-nav{padding:11px 18px;border-radius:999px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1)}.nav-toggle{display:none;width:44px;height:44px;border:0;border-radius:14px;background:rgb(255 255 255 / .06);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.nav-toggle span{width:20px;height:2px;border-radius:10px;background:#fff}.hero{min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;padding-top:60px}.hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:42px;align-items:center}.badge,.section-title span{display:inline-block;padding:8px 14px;border-radius:999px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);color:var(--accent);font-size:13px;letter-spacing:.3px;margin-bottom:18px}.hero-text h1{font-size:clamp(38px, 6vw, 68px);line-height:1.06;margin-bottom:22px;max-width:760px}.gradient{background:linear-gradient(135deg,#ffffff 0%,var(--accent) 30%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#fff0}.hero-text p{max-width:640px;color:var(--text-soft);font-size:17px;margin-bottom:30px}.hero-btn{display:flex;flex-wrap:wrap;gap:14px}.btn{min-height:54px;padding:0 24px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:var(--transition)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:var(--shadow)}.btn.primary:hover{transform:translateY(-2px)}.btn.secondary{background:rgb(255 255 255 / .04);color:var(--text);border:1px solid rgb(255 255 255 / .1)}.hero-card{position:relative}.card-box{position:relative;width:100%;max-width:500px;min-height:460px;margin-left:auto;padding:24px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);backdrop-filter:blur(18px);box-shadow:var(--shadow);overflow:hidden}.card-box::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgb(111 124 255 / .12),transparent 40%),linear-gradient(315deg,rgb(34 211 238 / .1),transparent 40%);pointer-events:none}.line{position:relative;z-index:1;width:88%;height:16px;border-radius:999px;background:rgb(255 255 255 / .1);margin-bottom:14px}.line.short{position:relative;height:14px;width:140px;border-radius:999px;overflow:hidden;background:rgb(255 255 255 / .06);margin-bottom:20px}.line.short::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .25),transparent);transform:translateX(-100%);animation:shimmer 1.2s infinite}@keyframes shimmer{100%{transform:translateX(100%)}}.line.short.loaded{display:flex;align-items:center;justify-content:center;background:#fff0;height:auto;color:var(--text-soft);font-size:13px;font-weight:500}.line.short.loaded::before{display:none}.grid-box{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;background:radial-gradient(circle at center,rgb(111 124 255 / .25),#fff0 70%)}.grid-box a{position:relative;height:auto;aspect-ratio:16 / 9;border-radius:18px;background:linear-gradient(180deg,rgb(255 255 255 / .1),rgb(255 255 255 / .04));border:1px solid rgb(255 255 255 / .08);overflow:visible;display:block;opacity:.55;transform:scale(.96);transition:opacity 0.35s ease,transform 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease}.grid-box a img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:18px;display:block}.grid-box a.active{opacity:1;transform:scale(1);border-color:rgb(111 124 255 / .65);box-shadow:0 0 0 2px rgb(111 124 255 / .28),0 10px 24px rgb(111 124 255 / .18);z-index:3}.grid-box a.active::after{content:"";position:absolute;left:50%;top:calc(100% - 4px);transform:translateX(-50%);width:140%;height:220px;background:linear-gradient(to bottom,rgb(255 255 255 / .22) 0%,rgb(111 124 255 / .16) 18%,rgb(111 124 255 / .08) 42%,rgb(111 124 255 / .03) 68%,#fff0 100%);clip-path:polygon(38% 0%,62% 0%,100% 100%,0% 100%);filter:blur(12px);pointer-events:none}.chart{position:relative;z-index:1;min-height:190px;border-radius:22px;border:1px solid rgb(255 255 255 / .08);overflow:hidden;background:linear-gradient(180deg,rgb(111 124 255 / .22),rgb(34 211 238 / .1)),rgb(255 255 255 / .04)}.chart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity 0.6s ease,transform 1s ease}.chart img.active{opacity:1;transform:scale(1)}.section-title{max-width:760px;margin-bottom:34px}.section-title.center{text-align:center;margin-left:auto;margin-right:auto}.section-title h2{font-size:clamp(30px, 4vw, 48px);line-height:1.14}.grid-2{display:grid;grid-template-columns:1.1fr 0.9fr;gap:28px;align-items:start}.text p{color:var(--text-soft);font-size:16px}.text p+p{margin-top:16px}.box,.card,.cta{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.box{padding:28px}.box h3{font-size:24px;margin-bottom:14px}.box ul{padding-left:18px}.box li{color:var(--text-soft);margin-bottom:10px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:28px;transition:var(--transition)}.card:hover,.box:hover{transform:translateY(-6px)}.card h3{font-size:24px;margin-bottom:12px}.card p{color:var(--text-soft)}.cta{max-width:900px;margin:0 auto;text-align:center;padding:52px 28px}.cta h2{font-size:clamp(30px, 4vw, 52px);line-height:1.12;margin-bottom:14px}.cta p{max-width:700px;margin:0 auto 26px;color:var(--text-soft)}.reveal{opacity:0;transform:translateY(34px);transition:opacity 0.9s ease,transform 0.9s ease;will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}.delay-2{transition-delay:0.15s}.delay-3{transition-delay:0.3s}.floating{animation:floating 5.5s ease-in-out infinite}@keyframes floating{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@media (max-width:1024px){.section{padding:90px 0}.hero{min-height:auto;padding-top:40px}.hero-grid,.grid-2,.grid-3{grid-template-columns:1fr}.hero-card{order:2}.card-box{margin-left:0;max-width:100%;min-height:auto}}@media (max-width:768px){.container{width:min(100% - 24px, var(--container))}.navbar{min-height:76px}.nav-wrapper{min-height:76px}.nav-toggle{display:inline-flex}.nav-menu{position:absolute;top:76px;left:12px;right:12px;display:none;flex-direction:column;align-items:flex-start;gap:14px;padding:18px;border-radius:20px;background:rgb(5 8 20 / .96);border:1px solid rgb(255 255 255 / .08);box-shadow:var(--shadow)}.nav-menu.active{display:flex}.hero-text h1{font-size:34px}.hero-text p,.text p,.card p,.cta p,.box li{font-size:15px}.hero-btn{flex-direction:column}.btn{width:100%}.grid-box{grid-template-columns:1fr}.card,.box,.cta,.card-box{padding:22px}.chart{display:none}.section-title{margin-bottom:26px}}@media (max-width:480px){.section{padding:74px 0}.logo-text{font-size:16px}.hero-text h1{font-size:30px}.section-title h2,.cta h2{font-size:28px}.badge,.section-title span{font-size:12px;padding:7px 12px}}