@layer components{.hub-hero{isolation:isolate;background:radial-gradient(circle at 78% 35%,#1f8fff2e,#0000 32rem),radial-gradient(circle at 25% 85%,#32c99a1a,#0000 28rem),linear-gradient(#020a16,#04101e);padding-block:clamp(10rem,17vw,14rem) clamp(4.5rem,8vw,7rem);position:relative;overflow:hidden}.hub-hero:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff08 .0625rem,#0000 .0625rem),linear-gradient(90deg,#ffffff08 .0625rem,#0000 .0625rem);background-size:5rem 5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.hub-hero h1{letter-spacing:-.065em;text-wrap:balance;max-width:68rem;margin-top:1.5rem;font-size:clamp(3.2rem,7vw,7rem);font-weight:570;line-height:.94}.hub-lead{color:#f5f9ffc7;text-wrap:pretty;max-width:58rem;margin-top:2rem;font-size:clamp(1.05rem,1.5vw,1.25rem)}.hub-section{background:var(--bg-soft);padding-block:clamp(4rem,8vw,7rem)}.hub-section--dark{background:var(--bg)}.hub-heading{max-width:58rem;margin-bottom:clamp(2rem,5vw,4rem)}.hub-heading h2{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:570;line-height:1}.hub-heading p{color:var(--muted);text-wrap:pretty;margin-top:1.25rem}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.hub-card{border:.0625rem solid var(--line);background:linear-gradient(145deg, #43d9ff12, transparent 48%), var(--surface);border-radius:1.5rem;flex-direction:column;min-width:0;min-height:17rem;padding:clamp(1.5rem,3vw,2.25rem);display:flex}.hub-card__label{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.hub-card h3{letter-spacing:-.045em;text-wrap:pretty;margin-top:1rem;font-size:clamp(1.5rem,3vw,2.15rem);font-weight:620;line-height:1.08}.hub-card p{color:#f5f9ffbd;text-wrap:pretty;margin-top:1rem}.hub-card__examples{color:var(--muted);gap:.35rem;margin:1rem 0 0;padding-left:1.15rem;display:grid}.hub-card__examples li::marker{color:var(--cyan)}.hub-card a{width:max-content;color:var(--yellow);margin-top:auto;padding-top:1.5rem;font-weight:700}.hub-card a:hover{color:var(--yellow-hover)}.hub-card--wide{grid-column:1/-1}.hub-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;display:grid}.hub-points li{border:.0625rem solid var(--line);background:#ffffff08;border-radius:1.25rem;padding:1.5rem}.hub-points strong{color:var(--text);font-size:1.1rem;display:block}.hub-points p{color:var(--muted);margin-top:.65rem}.hub-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.hub-action{min-height:3rem;color:var(--cyan);border:.0625rem solid #43d9ff42;border-radius:999rem;justify-content:center;align-items:center;padding:.85rem 1.2rem;font-weight:700;display:inline-flex}.hub-action--primary{border-color:var(--yellow);background:var(--yellow);color:var(--yellow-text)}.hub-action:hover{border-color:var(--cyan)}.hub-action--primary:hover{border-color:var(--yellow-hover);background:var(--yellow-hover);color:var(--yellow-text)}.hub-footer-nav{align-items:center;gap:1rem;display:flex}.hub-footer-nav a:hover{color:var(--text)}}@layer responsive{@media (width<=58rem){.hub-grid,.hub-points{grid-template-columns:1fr}.hub-card--wide{grid-column:auto}}@media (width<=43rem){.hub-hero{padding-top:7.5rem}.hub-hero h1{font-size:clamp(2.8rem,14vw,4.2rem)}.hub-card{min-height:0}.hub-footer-nav{flex-direction:column;align-items:flex-start}}}