:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}
body.araipe-hub-site{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#081529;color:#f3f7ff}
a{color:inherit}
.site-shell{width:min(100% - 40px,1120px);margin-inline:auto}
.site-header{border-bottom:1px solid #253651}
.site-header__inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-wordmark{font-weight:850;letter-spacing:.03em;font-size:27px}
.site-wordmark__dot{color:#4bb7ff}
.site-header__caption{color:#afbed0;font-size:13px}
.main-content{display:flex;flex:1;align-items:center;padding-block:68px}
.hero{max-width:680px}
.hero__eyebrow{color:#51bcff;letter-spacing:.16em;font-size:12px;font-weight:700}
h1{margin:14px 0 18px;font-size:clamp(36px,6vw,64px);line-height:1.08;letter-spacing:-.05em}
.hero__description{max-width:560px;font-size:clamp(16px,2vw,19px);line-height:1.65;color:#b9cbdf;margin-bottom:34px}
.hero__button{display:inline-flex;min-height:48px;align-items:center;border-radius:10px;padding:12px 20px;background:#1377e6;text-decoration:none;color:#fff;font-weight:650}
.hero__button:hover{background:#2994fb}
.hero__button:focus-visible,.hero__link:focus-visible{outline:3px solid #fff;outline-offset:4px}
.hero__restriction{color:#f5d7a0}
.hero__link{display:inline-block;padding:8px 0;text-underline-offset:3px}
.site-footer{border-top:1px solid #253651;padding:24px 0;color:#9aafc7}
@media(max-width:600px){.site-header__inner{min-height:72px}.site-header__caption{font-size:11px}.main-content{padding-block:46px}}