@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b1020;--panel:#151b2e;--text:#f5f6ff;--muted:#a0a9bf;--purple:#ad8bff;--mint:#9bf5c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.header,main,footer{max-width:1200px;margin:auto}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #ffffff12}.logo{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.5px}.logo span:last-child{color:var(--purple)}.logo-mark{color:var(--mint);font-size:30px;margin-right:6px}.header nav{display:flex;gap:34px;color:#c6ccdc;font-size:14px}.header nav a:hover,footer a:hover{color:var(--mint)}.nav-cta{border:1px solid #ffffff30;padding:12px 20px;border-radius:30px;font-size:13px}main{padding:0 30px}.hero{min-height:590px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.3px;color:var(--mint)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:8px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(44px,5vw,76px);line-height:1.12;letter-spacing:-4px;margin:24px 0}.hero em,.section-heading em,.features em,.about em{font-style:normal;color:var(--purple)}.hero-copy>p{color:var(--muted);max-width:470px;line-height:1.8;font-size:16px}.button{display:inline-flex;gap:45px;align-items:center;background:var(--mint);color:#101626;padding:17px 23px;border-radius:8px;font-weight:800;margin-top:23px}.button:hover{background:#d3ffe8}.hero-stats{display:flex;gap:42px;margin-top:60px}.hero-stats div{display:flex;flex-direction:column;gap:4px}.hero-stats strong{font-family:Manrope;font-size:18px}.hero-stats small{color:var(--muted);font-size:12px}.hero-art{position:relative;height:460px;display:grid;place-items:center;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{height:390px;width:390px;background:radial-gradient(circle at 40% 30%,#a88aff,#4d377f 65%,transparent 72%);opacity:.7}.orb-two{width:240px;height:240px;right:-45px;bottom:0;background:radial-gradient(circle,#65ebc0,transparent 70%);opacity:.5}.floating-card{z-index:1;transform:rotate(-7deg);width:300px;height:350px;padding:30px;background:linear-gradient(150deg,#e2d3ff,#aa93f9 65%,#6d58bc);border:1px solid #fff9;box-shadow:0 35px 90px #0008;border-radius:20px;color:#251b47;display:flex;flex-direction:column;justify-content:space-between}.tiny-label{font-size:11px;letter-spacing:2px;font-weight:800}.floating-icon{font-size:90px;line-height:1}.floating-card h2{font:800 39px/1.1 Manrope;margin:0;letter-spacing:-2px}.floating-card>span{font-size:11px;font-weight:800}.badge-float{position:absolute;right:4px;bottom:35px;background:#fff;color:#222;padding:13px 19px;border-radius:30px;font-size:12px;font-weight:800;z-index:2;transform:rotate(7deg)}.banner-section{margin:25px 0 100px}.section-top{display:flex;justify-content:space-between;color:#858da6;font-size:10px;letter-spacing:2px;margin-bottom:15px}.ad-banner{min-height:240px;border:1px dashed #6f7399;border-radius:16px;background:radial-gradient(ellipse at 75% 20%,#343263 0%,transparent 50%),#181d34;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px}.ad-tag{font-size:10px;color:#aab3cc;letter-spacing:2px}.ad-banner h2{font:800 clamp(24px,3vw,37px) Manrope;margin:20px 0 4px}.ad-banner p{color:var(--muted);font-size:14px}.ad-banner a{color:var(--mint);font-size:13px;font-weight:700;margin-top:8px}.discover{margin-bottom:120px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px;gap:25px}.section-heading h2,.features h2,.about h2{font:800 clamp(31px,4vw,49px)/1.18 Manrope;letter-spacing:-2px;margin:14px 0}.section-heading>p{color:var(--muted);max-width:290px;line-height:1.7;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ad-card{background:#151b2d;border:1px solid #ffffff13;border-radius:15px;overflow:hidden;transition:transform .2s}.ad-card:hover{transform:translateY(-5px)}.card-art{height:240px;position:relative;overflow:hidden;padding:18px}.card-pill{position:relative;z-index:3;border:1px solid #ffffff99;border-radius:20px;padding:7px 11px;font-size:9px;font-weight:800;letter-spacing:1px}.art-one{background:#c6f1e1;color:#153b37}.art-two{background:#f8c4ac;color:#4c2840}.art-three{background:#c5b8f6;color:#332264}.shape{position:absolute;border-radius:45px;transform:rotate(-35deg)}.shape-one{height:250px;width:110px;background:#3a9c8a;right:70px;top:40px}.shape-two{height:220px;width:90px;background:#ffe7ad;right:0;top:-60px}.sun{position:absolute;width:150px;height:150px;border-radius:50%;background:#f1846e;right:35px;top:25px}.hill{position:absolute;width:500px;height:190px;border-radius:50%;background:#8b6b98;top:155px;left:-50px;transform:rotate(-15deg)}.ring{position:absolute;border:50px solid #7961d3;border-radius:50%;width:260px;height:260px;right:20px;top:40px;box-shadow:30px 30px 0 #e7dbff}.art-word{position:absolute;bottom:20px;left:22px;font:800 43px Manrope;letter-spacing:-3px;z-index:2}.card-body{padding:25px}.card-body>span{font-size:10px;letter-spacing:1.5px;color:var(--mint);font-weight:800}.card-body h3{font:800 20px Manrope;letter-spacing:-.6px;margin:13px 0}.card-body p{font-size:13px;line-height:1.7;color:var(--muted);min-height:44px}.card-body a{display:inline-block;font-size:13px;font-weight:800;margin-top:14px}.features{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px 0 90px;border-top:1px solid #ffffff1c}.feature-list>div{display:flex;gap:25px;border-bottom:1px solid #ffffff1c;padding:20px 0}.feature-list>div>span{color:var(--mint);font-size:12px}.feature-list h3{font:800 17px Manrope;margin:0}.feature-list p{color:var(--muted);font-size:13px;line-height:1.6}.bottom-ad{min-height:110px;border:1px dashed #72799d;border-radius:13px;display:flex;align-items:center;justify-content:space-around;gap:15px;padding:20px;background:#141a2d}.bottom-ad p{font:700 19px Manrope}.bottom-ad a{color:var(--mint);font-size:13px}.about{text-align:center;padding:110px 0;max-width:670px;margin:auto}.about p{color:var(--muted);line-height:1.8}footer{padding:30px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff1a;color:var(--muted);font-size:12px}footer .logo{color:white}@media(max-width:800px){.header nav{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{height:370px}.hero-stats{margin-top:35px}.cards{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr;gap:20px}.section-heading{align-items:start;flex-direction:column}}@media(max-width:540px){.header{padding:0 18px;height:75px}.nav-cta{padding:10px;font-size:11px}main{padding:0 18px}.hero h1{letter-spacing:-2.5px}.hero-art{height:330px}.floating-card{width:245px;height:285px}.floating-card h2{font-size:32px}.hero-stats{gap:22px}.cards{grid-template-columns:1fr}.bottom-ad{flex-direction:column;text-align:center}.section-heading h2,.features h2{letter-spacing:-1.5px}footer{flex-wrap:wrap;gap:20px;padding:25px 18px}}
