.opensource-hero{align-items:center;display:flex;gap:var(--space-16);margin:0 auto;max-width:1400px;padding:var(--space-5xl) var(--container-padding) var(--space-xl)}.hero-content{max-width:600px;width:100%}.hero-text{margin-bottom:var(--space-12)}.hero-title{margin-bottom:var(--space-6)}.hero-title h1{color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-h2);font-weight:var(--font-weight-normal);line-height:var(--line-height-snug);margin:0;word-break:keep-all}.gradient-text{background:var(--color-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-break:keep-all}.hero-subtitle{color:var(--color-text-muted);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-normal);margin:0 0 var(--space-6) 0;text-transform:uppercase}.hero-description{margin:0 0 var(--space-10) 0}.hero-description p{color:var(--color-text-subtle);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-md);font-weight:var(--font-weight-light);line-height:var(--line-height-relaxed);margin:0;max-width:480px}.hero-description strong{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-5)}.hero-actions-align-LEFT{justify-content:flex-start}.hero-actions-align-CENTER{justify-content:center}.hero-actions-align-RIGHT{justify-content:flex-end}.primary-action a,.secondary-action a{border-radius:var(--border-radius-button);display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide);padding:var(--space-4) var(--space-8);text-decoration:none;text-transform:uppercase;transition:all var(--duration-normal) var(--ease-out)}.primary-action a{background:var(--color-gradient);border:2px solid transparent;color:#fff}.primary-action a:hover{background:var(--color-gradient-reverse);box-shadow:0 4px 12px hsla(0,100%,71%,.3);transform:translateY(-1px)}.primary-action a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.secondary-action a{backdrop-filter:blur(10px);background:var(--color-bg-subtle);border:1px solid var(--color-border-secondary);color:#fff}.secondary-action a:hover{background:var(--color-hover-bg);border-color:var(--color-hover-border);transform:translateY(-1px)}.secondary-action a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.cta-button{border-radius:var(--border-radius-button);display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide);padding:var(--space-4) var(--space-8);text-decoration:none;text-transform:uppercase;transition:all var(--duration-normal) var(--ease-out)}.cta-button.primary-cta{background:var(--color-gradient);border:2px solid transparent;color:#fff}.cta-button.primary-cta:hover{background:var(--color-gradient-reverse);box-shadow:0 4px 12px hsla(0,100%,71%,.3);transform:translateY(-1px)}.cta-button.primary-cta:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.cta-button.secondary-cta{backdrop-filter:blur(10px);background:var(--color-bg-subtle);border:1px solid var(--color-border-secondary);color:#fff}.cta-button.secondary-cta:hover{background:var(--color-hover-bg);border-color:var(--color-hover-border);transform:translateY(-1px)}.cta-button.secondary-cta:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.hero-visual{flex:1;max-width:var(--container-sm)}.code-block{background:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--border-radius-card);box-shadow:var(--shadow-lg);overflow:hidden}.code-header{align-items:center;background:hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.code-dots{display:flex;gap:var(--space-1)}.code-dots span{background:hsla(0,0%,100%,.3);border-radius:50%;cursor:pointer;height:var(--space-3);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);width:var(--space-3)}.code-dots span:first-child{background:#ff5f57}.code-dots span:nth-child(2){background:#ffbd2e}.code-dots span:nth-child(3){background:#28ca42}.code-dots span:first-child:hover{background:#ff6a63;box-shadow:0 0 8px rgba(255,95,87,.6)}.code-dots span:nth-child(2):hover{background:#ffc44d;box-shadow:0 0 8px rgba(255,189,46,.6)}.code-dots span:nth-child(3):hover{background:#32d648;box-shadow:0 0 8px rgba(40,202,66,.6)}.code-dots span:hover{transform:translateY(-1px) scale(1.05)}.code-title{color:hsla(0,0%,100%,.7);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.code-content{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-base);line-height:var(--line-height-loose);min-height:220px;padding:var(--space-8)}.code-line{margin-bottom:12px}.code-line:last-child{margin-bottom:0}.prompt{color:#4caf50;margin-right:8px}.command{color:#fff}.output .success{color:#4caf50}.output .info{color:#8ab4f8}.code-line.comment{color:hsla(0,0%,100%,.6);font-style:italic}@media (max-width:1024px){.opensource-hero{flex-direction:column;gap:var(--space-12);padding:var(--space-4xl) var(--container-padding) var(--space-2xl);text-align:center}.hero-content{max-width:100%}.hero-title{margin-bottom:var(--space-5)}.hero-description,.hero-description p,.hero-subtitle,.hero-title h1{margin-left:auto;margin-right:auto;text-align:center}.hero-title h1{font-size:var(--font-size-h3)}.hero-subtitle{font-size:var(--font-size-md)}.hero-description p{font-size:var(--font-size-base)}}@media (max-width:1024px) and (min-width:481px){.hero-actions{gap:var(--space-4);justify-content:center}.cta-button,.primary-action a,.secondary-action a{font-size:var(--font-size-xs);padding:var(--space-3) var(--space-5)}}@media (max-width:768px){.opensource-hero{flex-direction:column;gap:var(--space-12);padding:var(--space-4xl) var(--container-padding) var(--space-2xl);text-align:center}.hero-content{max-width:100%}.hero-description,.hero-description p,.hero-subtitle,.hero-title h1{margin-left:auto;margin-right:auto;text-align:center}.hero-title h1{font-size:var(--font-size-h3)}.hero-subtitle{font-size:var(--font-size-md)}.hero-description p{font-size:var(--font-size-base)}.code-block,.hero-visual{max-width:100%;width:100%}.code-block{margin:0}.code-content{font-size:var(--font-size-sm);min-height:190px;padding:var(--space-6)}.code-line.extra-line{display:none}}@media (max-width:480px){.opensource-hero{padding:var(--space-3xl) var(--space-5) var(--space-10)}.hero-title h1{font-size:var(--font-size-h4)}.hero-subtitle{font-size:var(--font-size-base)}.hero-description p{font-size:var(--font-size-sm)}.hero-description,.hero-description p,.hero-subtitle,.hero-title h1{margin-left:auto;margin-right:auto;text-align:center}.hero-actions{align-items:stretch;flex-direction:column;gap:var(--space-3);margin:0 auto;max-width:300px;width:100%}.hero-actions-align-CENTER,.hero-actions-align-LEFT,.hero-actions-align-RIGHT{justify-content:center}.primary-action a,.secondary-action a{box-sizing:border-box;padding:var(--space-4) var(--space-6);text-align:center;width:100%}.code-block,.hero-visual{max-width:100%;width:100%}.code-block{margin:0}.code-content{font-size:var(--font-size-sm);min-height:170px;padding:var(--space-6)}}