:root{--ink:#25345b;--muted:#707997;--line:#e5e8f4;font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:#f7f8ff}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background:linear-gradient(180deg,#fbfbff,#f5f8ff)}main{flex:1}a{color:inherit}.shape{position:fixed;z-index:-1;border-radius:50%;opacity:.7}.one{width:310px;height:310px;top:-170px;right:7%;background:#ece8ff}.two{width:220px;height:220px;left:-130px;top:390px;background:#e2f7ef}header,main,.page-footer{width:min(1120px,calc(100% - 40px));margin-inline:auto}header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;text-decoration:none}.brand>b{width:38px;height:38px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#6877ef,#8e6ee8);border-radius:12px 12px 12px 4px;box-shadow:0 8px 18px #5969e838}.brand strong,h1 span{color:#5969e8}.status{display:flex;align-items:center;gap:8px;padding:9px 14px;color:#697391;background:white;border:1px solid var(--line);border-radius:99px;font-size:12px;font-weight:700}.status i,.card footer i{width:8px;height:8px;display:inline-block;background:#45c78b;border-radius:50%;box-shadow:0 0 0 4px #e8f9f1}.hero{min-height:340px;padding:68px 72px;display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:34px;background:linear-gradient(125deg,#eef0ff,#f7eeff 55%,#fff4e9);border:1px solid #e5e2fb;border-radius:32px}.hero>div{max-width:650px}.eyebrow{margin:0 0 15px;color:#6f62bf;font-size:13px;font-weight:900;letter-spacing:.08em}h1{margin:0;font-size:clamp(38px,5vw,61px);line-height:1.06;letter-spacing:-.045em;font-weight:900}.intro{max-width:570px;margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.65;font-weight:600}.hero aside{min-width:190px;min-height:190px;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(3deg);background:#ffffffc7;border:2px dashed #c9c2ec;border-radius:44% 56% 48% 52%;box-shadow:0 18px 38px #4b408917}.hero aside em{font-style:normal;font-size:48px}.hero aside strong{font-size:20px;font-weight:900}.hero aside small{color:var(--muted);font-weight:700}.systems{padding:56px 0 64px}.heading{margin-bottom:24px;display:flex;align-items:end;justify-content:space-between}.heading p{margin:0 0 5px;color:#7a68d8;font-size:11px;font-weight:900;letter-spacing:.16em}.heading h2{margin:0;font-size:28px;font-weight:900}.heading>span{color:var(--muted);font-size:13px;font-weight:700}.heading>span strong{color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{--color:#7180eb;--soft:#eef0ff;min-height:268px;padding:28px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:white;border:1px solid var(--line);border-top:5px solid var(--color);border-radius:22px;text-decoration:none;box-shadow:0 12px 28px #303c6f12;transition:.22s}.card:hover,.card:focus-visible{transform:translateY(-6px);box-shadow:0 19px 36px #303c6f20;outline:none}.purple{--color:#a06dda;--soft:#f7efff}.orange{--color:#f0a65a;--soft:#fff4e7}.green{--color:#52bb91;--soft:#eaf9f2}.top{min-height:50px;display:flex;align-items:center}.top b{width:50px;height:50px;display:grid;place-items:center;background:var(--soft);border-radius:15px;font-size:25px}.top mark{margin-left:11px;padding:5px 9px;color:#6659bf;background:#efedff;border-radius:99px;font-size:9px;font-weight:900}.top>i{margin-left:auto;color:var(--color);font-style:normal;font-size:24px;font-weight:900}.card h3{margin:23px 0 8px;font-size:20px;font-weight:900}.card>p{margin:0;color:var(--muted);font-size:14px;line-height:1.6;font-weight:600}.card footer{margin-top:auto;padding-top:19px;display:flex;justify-content:space-between;color:#78829f;border-top:1px solid #edf0f7;font-size:11px;font-weight:700}.card footer span{display:flex;align-items:center;gap:8px}.card footer strong{color:var(--color)}.page-footer{min-height:82px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:#828ba5;border-top:1px solid var(--line);font-size:12px;font-weight:700}.page-footer a{color:#6673d8;text-decoration:none}@media(max-width:780px){.hero{padding:48px 38px}.hero aside{display:none}}@media(max-width:620px){header,main,.page-footer{width:min(100% - 28px,1120px)}header{height:72px}.status{display:none}.hero{min-height:0;margin-top:20px;padding:40px 25px;border-radius:24px}h1{font-size:38px}.intro{font-size:15px}.systems{padding:45px 0 60px}.heading{align-items:flex-start;gap:12px}.heading>span{text-align:right}.grid{grid-template-columns:1fr}.page-footer{padding:24px 0;flex-direction:column;text-align:center;gap:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}