header{position:relative;z-index:5;background:#ffffffed;backdrop-filter:blur(14px)}nav a{transition:color .22s,transform .22s}nav a:not(.button):not(.outline):hover{color:#375dfb;transform:translateY(-2px)}.button{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff42 46%,transparent 65%);transform:translateX(-120%);transition:transform .6s}.button:hover{transform:translateY(-3px);box-shadow:0 15px 28px #375dfb52}.button:hover:before{transform:translateX(120%)}.hero{min-height:530px;position:relative;isolation:isolate;overflow:hidden;padding:92px max(20px,calc((100% - 1080px)/2));display:flex;text-align:left;align-items:center;justify-content:space-between;gap:60px;background:linear-gradient(135deg,#eef2ff,#f9faff 48%,#e8f9f6)}.hero:after{content:"";width:650px;height:650px;position:absolute;z-index:-1;right:-250px;bottom:-410px;border:1px solid #375dfb26;border-radius:50%;box-shadow:0 0 0 55px #375dfb0a,0 0 0 110px #375dfb08}.hero-copy{max-width:650px;position:relative;z-index:1}.eyebrow,.section-label{color:#3955d8;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.eyebrow{display:inline-block;padding:8px 11px;border-radius:20px;background:#fff;border:1px solid #dce3ff;box-shadow:0 5px 14px #375dfb12}.hero h1{max-width:650px;font-size:clamp(42px,5.4vw,67px);margin:17px 0 18px;letter-spacing:-3.6px}.hero h1 em{font-style:normal;color:#375dfb}.hero p{max-width:570px;margin:0;font-size:17px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:31px}.hero-actions .button{padding:14px 19px}.hero-actions .button span,.text-link span,.task a span{display:inline-block;transition:transform .25s}.hero-actions .button:hover span,.text-link:hover span,.task a:hover span{transform:translateX(5px)}.text-link{font-weight:750;color:#18233a;text-decoration:none;transition:color .2s}.text-link:hover{color:#375dfb}.platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:31px}.platforms span{padding:6px 10px;color:#667085;font-size:12px;font-weight:700;border:1px solid #dbe1eb;border-radius:20px;background:#ffffff9c;transition:all .24s}.platforms span:hover{color:#375dfb;border-color:#aebdff;background:#fff;transform:translateY(-3px) rotate(-2deg)}.hero-preview{position:relative;width:294px;flex:none;padding:23px;background:#192653;color:#fff;border-radius:20px;box-shadow:0 30px 55px #172b6b4a;transform:rotate(4deg);transition:transform .35s,box-shadow .35s}.hero-preview:hover{transform:rotate(0) translateY(-10px) scale(1.03);box-shadow:0 38px 62px #172b6b63}.preview-top,.preview-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c2cef8}.preview-top b,.preview-bottom strong{color:#8ffff0}.preview-value{font-size:48px;font-weight:800;letter-spacing:-2px;margin:24px 0 16px}.preview-value small{font-size:16px}.preview-bar{height:8px;border-radius:10px;background:#ffffff21;overflow:hidden;margin-bottom:19px}.preview-bar i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6d8cff,#66eed3);animation:grow 1.7s ease both}.preview-bottom b{color:#fff}.glow-one,.glow-two{position:absolute;z-index:-1;border-radius:50%;filter:blur(12px);opacity:.6;animation:float 7s ease-in-out infinite}.glow-one{width:260px;height:260px;background:#b7c5ff;top:-120px;left:42%}.glow-two{width:210px;height:210px;background:#b9ffe8;right:13%;top:80px;animation-delay:-3s}.stat-section{padding-top:0;margin-top:-39px;position:relative;z-index:2}.stat-section>.section-label{display:block;margin:0 0 12px 5px}.rich-stats{grid-template-columns:repeat(4,1fr);gap:13px}.stat{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.rich-stats .stat{min-height:157px;padding:20px}.rich-stats .stat:after{content:"";width:100px;height:100px;position:absolute;right:-50px;bottom:-54px;border-radius:50%;background:#eef2ff;transition:transform .3s}.rich-stats .stat:hover{border-color:#bdc8ff;transform:translateY(-8px);box-shadow:0 18px 29px #375dfb1a}.rich-stats .stat:hover:after{transform:scale(2.2)}.stat-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eef2ff;color:#3d59e2;font-weight:800;margin-bottom:15px}.rich-stats b{font-size:25px;position:relative;z-index:1}.rich-stats small{display:block;font-size:11px;color:#8790a3;margin-top:8px;position:relative;z-index:1}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.section-heading h2,.latest h2{font-size:29px;letter-spacing:-1.2px;margin:6px 0 0}.section-heading p{max-width:370px;color:#667085;margin:0;line-height:1.5}.steps .card{position:relative;min-height:205px;transition:transform .28s,background .28s,box-shadow .28s}.steps .card:hover{background:#192653;color:white;transform:translateY(-9px) rotate(-.7deg);box-shadow:0 19px 32px #172b6b2e}.steps .card:hover p{color:#d6def8}.step{display:block;color:#8092e9;font-size:12px;font-weight:800;margin-bottom:27px}.card-arrow{position:absolute;right:20px;bottom:17px;color:#5068e7;font-size:22px;transition:transform .25s}.card:hover .card-arrow{color:white;transform:translateX(5px)}.task{transition:transform .25s,box-shadow .25s,border-color .25s}.task:hover{transform:translateY(-8px);border-color:#becaff;box-shadow:0 18px 32px #1a31751b}.task .pill{transition:transform .23s,background .23s}.task:hover .pill{transform:scale(1.06);background:#dde4ff}.task a{display:inline-block;transition:color .2s}.task a:hover{color:#1f43e3}@keyframes float{50%{transform:translateY(24px) translateX(16px)}}@keyframes grow{from{width:0}}@media(max-width:900px){.hero{padding-top:70px;padding-bottom:100px;gap:25px}.hero-preview{width:250px}.rich-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero{display:block;min-height:auto;padding:62px 22px 77px}.hero h1{font-size:43px}.hero-preview{margin:48px auto 0;transform:rotate(1.5deg)}.hero-actions{gap:15px}.rich-stats{grid-template-columns:1fr 1fr}.section-heading{display:block}.section-heading p{margin-top:14px}.section{padding:35px 20px}.stat-section{margin-top:-28px}.hero p{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
