:root{--navy:#253666;--deep:#07132d;--violet:#6d31ca;--cyan:#23c7ef;--orange:#ff7017;--pale:#edf5ff;--ink:#172957;--font:"Rubik",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pale);color:var(--ink);font-family:var(--font)}a{color:inherit;text-decoration:none}
.topbar{min-height:88px;padding:0 max(3vw,20px);display:flex;align-items:center;gap:28px;background:var(--navy);color:#fff;border-bottom:11px solid #354fa1}.brand img{display:block;width:160px}.tagline{flex:1;font-size:14px;font-weight:800}.tagline a{margin-left:8px;color:#ffd322}.account{display:flex;gap:8px}.account a{padding:10px 15px;border-radius:6px;font-weight:900}.login{border:1px solid #ffd322;color:#ffd322}.signup{background:#83ce13;color:#13234b}
.hero{overflow:hidden;background:var(--deep)}.heroLink,.heroLink picture{display:block}.heroLink img{display:block;width:100%;height:auto}.heroLink:focus-visible{outline:4px solid var(--cyan);outline-offset:-4px}
.cta{display:inline-block;padding:18px 34px;border-radius:9px;font-weight:900;text-align:center;transition:.2s}.cta:hover{transform:translateY(-3px);filter:brightness(1.08)}.primary{margin-top:27px;color:#fff;background:linear-gradient(135deg,#924cff,#5422a9);border:1px solid #c5a6ff;box-shadow:0 7px 0 #35136e,0 14px 30px #6d31ca55}.secondary{color:#071b3e;background:linear-gradient(135deg,#65edff,#20c7eb);border:1px solid #b0f8ff;box-shadow:0 7px 0 #0b87a1,0 14px 28px #23c7ef55}
.statsSection{padding:52px 24px 58px;text-align:center;background:#fff}.statsSection h2,.sectionHead h2{margin:0;color:#2a4593;font-size:clamp(29px,4vw,44px);font-weight:900}.stats{max-width:820px;margin:25px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{min-height:168px;padding:17px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dce8f5;border-radius:14px;background:linear-gradient(#fff,#f5f9ff);box-shadow:0 8px 19px #162d6817}.statIcon{width:54px;height:54px;margin-bottom:11px;border:2px solid #6d31ca;border-radius:50%;display:grid;place-items:center;color:#6d31ca;background:#f2ebff;font-size:23px;font-weight:900;box-shadow:inset 0 0 0 5px #e7dcff,0 6px 13px #6d31ca26}.smallIcon{font-size:15px}.stat strong{color:#283666;font-size:24px}.stat span{margin-top:4px;color:#5e6c86;font-size:11px;font-weight:800}
.eyebrowRegular{font-weight:600}
.how{max-width:1180px;margin:auto;padding:68px 24px 76px;text-align:center}.sectionHead>p:last-child{margin:11px 0 52px;color:#5e6c86}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{position:relative;min-height:275px;padding:78px 22px 25px;border-radius:16px;text-align:left;background:#fff;border:1px solid #dbe7f3;border-top:6px solid var(--violet);box-shadow:0 12px 26px #14295c1d}.num{position:absolute;top:-36px;left:50%;transform:translateX(-50%);width:78px;height:78px;border:4px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#a667ff,#5727b0);font-size:36px;font-weight:900;box-shadow:0 8px 18px #6d31ca45}.step:nth-child(even){border-top-color:var(--cyan)}.step:nth-child(even) .num{background:linear-gradient(145deg,#55e8ff,#159cc3);box-shadow:0 8px 18px #23c7ef45}.step small{color:var(--violet);font-weight:900;letter-spacing:1.4px}.step:nth-child(even) small{color:#1186a7}.step h3{margin:7px 0 13px;font-size:21px}.step p{margin:0;color:#5b6981;line-height:1.55}.how>.cta{font-size:20px}
.why{padding:66px 24px 76px;text-align:center;background:#fff}.whyGrid{max-width:1050px;margin:32px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.whyCard{padding:31px 24px;border-radius:16px;background:linear-gradient(145deg,#1c3167,#0c193b);color:#fff;box-shadow:0 13px 28px #11245138}.whyCard:nth-child(2){background:linear-gradient(145deg,#6230b2,#34136e)}.whyCard:nth-child(3){background:linear-gradient(145deg,#167e9c,#0b4968)}.whyCard strong{display:block;color:var(--cyan);font-size:27px}.whyCard h3{margin:8px 0 12px}.whyCard p{margin:0;color:#e3ecfb;line-height:1.55}
.finalCta{padding:70px 24px;text-align:center;color:#fff;background:radial-gradient(circle at 85% 30%,#6131a7,transparent 36%),linear-gradient(115deg,#081630,#25124d)}.finalCta p{margin:0 0 10px;color:var(--cyan);font-weight:900;letter-spacing:2px}.finalCta h2{margin:0;font-size:clamp(32px,5vw,52px)}.finalCta .cta{margin-top:28px;font-size:19px}
footer{padding:36px max(4vw,28px);display:grid;grid-template-columns:auto 1fr;gap:24px 42px;background:#0a1531;color:#dce6f7;font-size:12px;line-height:1.6}footer>img{width:150px}.footerLinks{grid-column:2;display:flex;gap:22px;color:#fff;font-weight:800}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr;gap:56px 18px}.whyGrid{grid-template-columns:1fr}}
@media(max-width:680px){.topbar{min-height:76px;padding:0 13px;border-bottom-width:8px}.brand img{width:128px}.tagline{display:none}.account{margin-left:auto}.account a{padding:8px 9px;font-size:12px}.statsSection{padding:44px 12px 48px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{min-height:150px;padding:14px 7px}.statIcon{width:48px;height:48px;margin-bottom:9px;font-size:20px}.stat strong{font-size:20px}.stat span{font-size:9px}.steps{grid-template-columns:1fr;gap:55px}.step{min-height:235px}.how>.cta,.finalCta .cta{width:100%}footer{grid-template-columns:1fr;text-align:center}footer>img{justify-self:center}.footerLinks{grid-column:1;justify-content:center;flex-wrap:wrap}}
