@charset "UTF-8";.hub{min-height:100vh;position:relative;z-index:1;display:grid;place-items:start center;padding:clamp(32px,6vw,72px) 20px 64px}.hub-inner{width:100%;max-width:640px}.hub .head{text-align:center;margin-bottom:44px}.hub .badge{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:50px;background:#8499741f;border:1px solid rgba(132,153,116,.25);font-size:13px;color:var(--color-fresh-dark);margin-bottom:28px}.hub .badge .ico{font-size:15px}.hub .promo{margin:0 0 30px}.hub .promo__v{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 20px 60px #36384c1f}.hub .promo figcaption{margin-top:16px}.hub .promo__link{font-size:16px;font-weight:600;color:var(--color-burgundy);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}.hub .promo__link:after{content:" →"}.hub .promo__link:hover{color:var(--color-burgundy-light)}.hub .promo__link:focus-visible{outline:2px solid var(--color-burgundy);outline-offset:4px}.hub h1{font-size:clamp(30px,5vw,44px);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:var(--color-charcoal);text-wrap:balance;margin-bottom:16px}.hub h1 .hl{background:linear-gradient(135deg,var(--color-fresh) 0%,var(--color-burgundy) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hub .lede{font-size:17px;color:var(--color-text-dim);max-width:44ch;margin:0 auto;line-height:1.7}.hub .eyebrow{display:flex;align-items:center;gap:12px;margin:40px 4px 16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-fresh-dark)}.hub .eyebrow:after{content:"";flex:1;height:1px;background:var(--color-border)}.hub .social{display:flex;flex-wrap:wrap;gap:12px}.hub .social a{flex:1 1 auto;min-width:130px;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;border-radius:12px;text-decoration:none;background:var(--color-surface);border:1px solid rgba(132,153,116,.4);color:var(--color-fresh-dark);font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .15s}.hub .social a:hover{background:#8499741a;border-color:var(--color-fresh);transform:translateY(-2px)}.hub .social a:focus-visible{outline:2px solid var(--color-burgundy);outline-offset:2px}.hub .s-ico{display:inline-flex}.hub .s-ico svg{width:17px;height:17px;display:block}.hub .studios{display:grid;gap:14px}.hub .studio{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px 22px;border-radius:16px;text-decoration:none;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 6px 24px #36384c0d;transition:transform .18s ease,box-shadow .25s,border-color .25s}.hub .studio:hover{transform:translateY(-3px);box-shadow:0 16px 44px #36384c1f}.hub .studio:focus-visible{outline:2px solid var(--color-burgundy);outline-offset:3px}.hub .glyph{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:18px;font-family:var(--font-mono);color:#fff}.hub .studio-text{display:flex;flex-direction:column;min-width:0}.hub .studio-title{font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--color-charcoal)}.hub .studio-desc{font-size:13px;color:var(--color-text-dim);margin-top:2px;line-height:1.45}.hub .studio .url{font-family:var(--font-mono);font-size:12px;color:var(--color-text-dim);white-space:nowrap}.hub .studio .url:after{content:" →";color:var(--color-fresh)}.hub .s-eng .glyph{background:linear-gradient(135deg,var(--color-fresh) 0%,var(--color-fresh-dark) 100%)}.hub .s-dev .glyph{background:linear-gradient(135deg,var(--color-burgundy-light) 0%,var(--color-burgundy) 100%)}.hub .s-des .glyph{background:linear-gradient(135deg,var(--color-petal) 0%,var(--color-burgundy-light) 100%)}.hub .hub-foot{margin-top:40px;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--color-text-dim)}@media(max-width:520px){.hub .studio{grid-template-columns:auto 1fr}.hub .studio .url{grid-column:2}}
