:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17242e;--brand:#4281a2;--brand-hover:#326b89;background:#f5f7f8;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.shell{max-width:1160px;margin:0 auto;padding:0 28px 80px}.topbar{border-bottom:1px solid #dce4e8;justify-content:space-between;align-items:center;height:72px;display:flex}.brand{align-items:center;text-decoration:none;display:inline-flex}.brand-logo{width:145px;height:auto;display:block}.primary,.secondary{border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.primary{background:var(--brand);color:#fff;border:1px solid var(--brand)}.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.secondary{color:var(--brand);background:#fff;border:1px solid #b6cfda}.secondary:hover{background:#eaf3f7}.welcome{max-width:660px;margin:116px 0 0}.eyebrow{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}.welcome h1{letter-spacing:-.035em;margin:18px 0;font-size:clamp(38px,5vw,62px);line-height:1.12}.welcome p{color:#526671;margin-bottom:34px;font-size:18px;line-height:1.55}.profile{padding:43px 0 36px}.profile h1{letter-spacing:-.025em;margin:13px 0 17px;font-size:clamp(32px,4vw,46px)}.profile-details{color:#3b525c;flex-wrap:wrap;gap:14px 42px;display:flex}.profile-details span{gap:10px;display:flex}.profile-details b{color:var(--brand);font-weight:600}.catalog{border-top:1px solid #dce4e8;padding-top:28px}.section-title{align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-title h2{letter-spacing:-.02em;margin:0;font-size:25px}.section-title span{color:var(--brand);background:#e8f1f5;border-radius:999px;padding:3px 9px;font-size:13px;font-weight:700}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.card{background:#fff;border:1px solid #dce5e8;border-radius:8px;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding:17px 19px;display:flex;box-shadow:0 3px 12px #17373f08}.card--catalog{background:#edf4f8;border-color:#c9dce6}.card>div{width:100%;min-width:0}.type{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.card h3{overflow-wrap:anywhere;margin:7px 0 0;font-size:18px;line-height:1.28}.card-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.open{background:var(--brand);color:#fff;border-radius:5px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.open:hover{background:var(--brand-hover)}.demo-link{color:var(--brand);text-underline-offset:3px;font-size:14px;font-weight:600;text-decoration:underline}.demo-link:hover{color:var(--brand-hover)}.unavailable{color:#70868f;font-size:14px}.empty{color:#526671;background:#fff;border:1px solid #dce5e8;border-radius:8px;padding:32px}.message{max-width:680px;margin:100px 0}.message h1{font-size:clamp(27px,4vw,40px);line-height:1.25}.message p{color:#526671;margin-bottom:25px}@media (max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.shell{padding:0 18px 50px}.topbar{height:66px}.brand-logo{width:128px}.welcome{margin-top:78px}.profile{padding:36px 0 30px}.profile-details{gap:12px;display:grid}.profile-details span{gap:2px;display:grid}.grid{grid-template-columns:1fr}.card{padding:16px 18px}}