@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');:root{--dark:#181a30;--purple:#6554d9;--lav:#eeeaff;--orange:#ffab70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7fb;color:var(--dark);font-family:'DM Sans',Arial}header{height:78px;padding:0 6%;background:white;display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:5;border-bottom:1px solid #ececf3}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 20px Outfit;color:var(--dark)}.logo-mark{width:41px;height:41px;display:grid;place-items:center;background:var(--purple);color:white;border-radius:12px}.logo small{font:700 8px 'DM Sans';letter-spacing:1px;color:#9895a7;display:block;margin-left:0}nav{display:flex;gap:27px;margin-left:auto}nav a{font-size:12px;color:#66647a;text-decoration:none}nav a:hover{color:var(--purple)}.topbtn{padding:13px 18px;background:var(--dark);border-radius:30px;color:white;text-decoration:none;font-size:11px;font-weight:700}.hero{min-height:545px;display:grid;grid-template-columns:1.04fr .96fr;background:var(--dark);color:white;overflow:hidden}.hero-copy{padding:86px 3vw 50px 10vw}.eyebrow{color:#bdb1ff;font-size:10px;letter-spacing:2px;font-weight:700}h1,h2,h3{font-family:Outfit}h1{font-size:clamp(49px,5.7vw,82px);letter-spacing:-3px;line-height:1.05;margin:25px 0}h1 em{font-style:normal;color:#bdb1ff}.hero-copy>p{font-size:14px;line-height:1.9;color:#c2c0d6;max-width:490px}.actions{display:flex;align-items:center;gap:23px;margin-top:25px;flex-wrap:wrap}.button{padding:16px 22px;background:#bdb1ff;color:#17172a;border-radius:32px;text-decoration:none;font-size:12px;font-weight:700}.button span{margin-left:20px}.ghost{color:white;text-decoration:none;font-size:12px}.smallline{font-size:9px;letter-spacing:2px;color:#8d8ba8;margin-top:65px}.hero-graphic{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 48%,#6054b5,#353056 45%,#181a30 79%);display:grid;place-items:center}.ring{position:absolute;border:1px solid #c2baff66;border-radius:50%}.r1{width:260px;height:260px}.r2{width:390px;height:390px}.r3{width:530px;height:530px}.center{position:relative;z-index:2;width:190px;height:190px;background:#bdb1ff;border-radius:48px;transform:rotate(-12deg);display:grid;place-items:center;font:800 150px Outfit;color:#272149;box-shadow:25px 28px 0 #251e5a}.center span{position:absolute;right:12px;top:0;font-size:45px;color:#ffab70}.float{position:absolute;z-index:3;padding:12px 18px;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:1px;background:#fff;color:#292544;box-shadow:0 14px 30px #0003}.f1{top:25%;left:7%;transform:rotate(-9deg)}.f1 b{color:var(--purple);margin-left:10px}.f2{bottom:27%;right:8%;transform:rotate(7deg);background:#ffab70}.graphic-caption{position:absolute;bottom:24px;right:25px;font-size:9px;letter-spacing:2px;color:#b6afd6}.intro{max-width:1220px;margin:70px auto 26px;padding:0 25px;display:flex;justify-content:space-between;align-items:end;gap:30px}.intro small,.feature small,.about small{color:var(--purple);font-size:10px;font-weight:700;letter-spacing:2px}.intro h2,.feature h2,.about h2{font-size:clamp(30px,3.5vw,45px);line-height:1.15;letter-spacing:-1px;margin:10px 0}.intro p{max-width:420px;color:#77768a;font-size:13px;line-height:1.9}.cards{max-width:1220px;margin:auto;padding:0 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:white;border:1px solid #ececf3;border-radius:16px;padding:28px;text-decoration:none;color:var(--dark);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #312a7910}.num{font-size:10px;letter-spacing:1px;color:#9996af}.cardicon{font-size:42px;color:var(--purple);margin:20px 0}.card h3{font-size:24px;margin:0 0 8px}.card p{font-size:12px;line-height:1.9;color:#77768a;min-height:68px}.card b{font-size:10px;letter-spacing:1px;color:var(--purple)}.feature{max-width:1170px;margin:70px auto;background:#ebe7ff;border-radius:18px;padding:45px 55px;display:flex;justify-content:space-between;align-items:center;gap:30px}.feature h2 em{font-style:normal;color:var(--purple)}.feature p{font-size:13px;color:#747088;line-height:1.9;max-width:460px}.feature a{font-size:12px;color:var(--purple);text-decoration:none;font-weight:700}.feature-art{font:800 50px/.9 Outfit;transform:rotate(-8deg);display:flex;flex-direction:column;color:#292549}.feature-art span:nth-child(2){color:var(--purple)}.feature-art span:nth-child(3){color:#f39b64}.about{max-width:770px;text-align:center;margin:70px auto;padding:0 20px 85px}.about p{font-size:13px;color:#77768a;line-height:2}footer{background:#17192d;color:white;padding:33px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer strong{font:800 22px Outfit}footer strong span{color:#bdb1ff}footer p,footer small{font-size:11px;color:#a6a3c1}footer a{font-size:11px;color:#d5cdff;text-decoration:none}@media(max-width:900px){nav{display:none}.topbtn{margin-left:auto}.hero-copy{padding:65px 32px}.hero{grid-template-columns:1fr 1fr}.feature{margin:50px 25px}}@media(max-width:650px){header{height:70px;padding:0 16px}.topbtn{font-size:10px;padding:11px}.hero{display:block}.hero-copy{padding:55px 25px 36px}h1{font-size:51px}.smallline{margin-top:38px}.hero-graphic{height:330px}.center{width:135px;height:135px;font-size:100px;border-radius:33px}.center span{font-size:30px}.r1{width:220px;height:220px}.r2{width:310px;height:310px}.r3{width:400px;height:400px}.intro{display:block;margin:47px auto 22px}.cards{grid-template-columns:1fr}.card p{min-height:0}.feature{display:block;padding:30px 25px}.feature-art{font-size:39px;margin:35px 0 5px}.about{margin:50px auto;padding-bottom:45px}}
