.packages-hero{align-items:center;display:flex;gap:var(--space-4xl);margin:0 auto;max-width:var(--container-2xl);padding:var(--space-4xl) var(--container-padding) var(--space-3xl)}.hero-content{flex:1;max-width:var(--container-md)}.hero-label{color:hsla(0,0%,100%,.6);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-sm);font-weight:300;letter-spacing:var(--letter-spacing-widest);margin-bottom:var(--space-8);text-transform:uppercase}.hero-text{margin-bottom:var(--space-12)}.hero-title{margin-bottom:var(--space-6)}.hero-title h1{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-h1);font-weight:300;line-height:var(--line-height-tight);margin:0;word-break:keep-all}.gradient-text{background:linear-gradient(135deg,#ff6e82,#f6861f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-break:keep-all}.hero-subtitle{color:hsla(0,0%,100%,.8);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-lg);font-weight:400;letter-spacing:1px;line-height:var(--line-height-snug);margin:0 0 var(--space-6) 0;text-transform:uppercase}.hero-description{margin:0}.hero-description p{color:hsla(0,0%,100%,.75);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-md);font-weight:300;line-height:var(--line-height-relaxed);margin:0;max-width:520px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-5)}.primary-action a,.secondary-action a{border-radius:12px;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;padding:16px 32px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.primary-action a{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:2px solid transparent;color:#fff}.primary-action a:hover{background:linear-gradient(135deg,#ff5252,#d84315);box-shadow:0 8px 24px hsla(0,100%,71%,.4);transform:translateY(-2px)}.secondary-action a{backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));border:1px solid hsla(0,0%,100%,.15);color:#fff}.secondary-action a:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.08));border-color:hsla(0,0%,100%,.25);transform:translateY(-2px)}.hero-stats{align-items:center;display:flex;flex:1;flex-direction:column;gap:var(--space-12);justify-content:center;min-width:400px;padding:var(--space-12)}.stat-card{backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(255,110,130,.15),rgba(246,134,31,.08));border:2px solid rgba(255,110,130,.3);border-radius:var(--border-radius-card);max-width:280px;overflow:hidden;padding:var(--space-6);position:relative;text-align:center;transition:all .4s ease;width:100%}.stat-card:before{background:linear-gradient(135deg,#ff6e82,#f6861f);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.stat-card:hover{background:linear-gradient(135deg,rgba(255,110,130,.2),rgba(246,134,31,.12));border-color:rgba(255,110,130,.5);box-shadow:0 20px 60px rgba(255,110,130,.2);transform:translateY(-8px) scale(1.02)}.stat-description{color:hsla(0,0%,100%,.8);font-size:var(--font-size-xs);font-weight:300;letter-spacing:1px;line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);text-transform:uppercase}.stat-number{background:linear-gradient(135deg,#ff6e82,#f6861f);-webkit-background-clip:text;font-size:6rem;font-weight:200;-webkit-text-fill-color:transparent;background-clip:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1;margin-bottom:var(--space-4)}.stat-label{color:#fff;font-size:var(--font-size-xl);font-weight:400;letter-spacing:2px;margin:0;text-transform:uppercase}.package-interface-mockup{backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));border:1px solid hsla(0,0%,100%,.12);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.2);max-width:420px;overflow:visible;position:relative;transition:all .4s ease;width:100%}.package-interface-mockup:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 16px 48px rgba(0,0,0,.3);transform:translateY(-6px)}.package-title{color:#fff;font-size:var(--font-size-base);font-weight:600}.package-title,.package-version{font-family:Monaco,Menlo,monospace}.package-version{color:hsla(0,0%,100%,.6);font-size:var(--font-size-sm)}.package-actions{display:flex;gap:var(--space-2)}.action-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--border-radius-sm);color:hsla(0,0%,100%,.9);cursor:pointer;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;padding:var(--space-1) var(--space-3);text-transform:uppercase;transition:all .3s ease}.action-btn:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.action-btn.secondary{background:rgba(255,110,130,.2);border-color:rgba(255,110,130,.4);color:#ff6e82}.action-btn.secondary:hover{background:rgba(255,110,130,.3);border-color:rgba(255,110,130,.6);color:#fff;transform:translateY(-1px)}.file-header{color:hsla(0,0%,100%,.6);font-size:var(--font-size-xs);margin-bottom:var(--space-3);text-align:right}.file-items{display:flex;flex-direction:column;gap:var(--space-2)}.file-item{align-items:center;border-radius:var(--border-radius-sm);display:flex;font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);gap:var(--space-3);padding:var(--space-2);transition:all .3s ease}.file-item:hover{background:hsla(0,0%,100%,.05)}.file-icon{font-size:14px;opacity:.7}.file-name{color:hsla(0,0%,100%,.9);flex:1}.file-size{color:hsla(0,0%,100%,.6);font-size:var(--font-size-xs)}.package-header{align-items:center;background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:var(--space-4);position:relative}.package-header:after{background:rgba(255,110,130,.3);border-radius:3px;color:rgba(255,110,130,.9);content:"Versioning";font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;opacity:1;padding:2px var(--space-2);position:absolute;right:var(--space-4);text-transform:uppercase;top:-8px;transition:opacity .3s ease}.metadata-panel{border-bottom:1px solid hsla(0,0%,100%,.08);padding:var(--space-4);position:relative}.metadata-panel:after{background:rgba(246,134,31,.3);border-radius:3px;color:rgba(246,134,31,.9);content:"Metadata";font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;opacity:1;padding:2px var(--space-2);position:absolute;right:var(--space-4);text-transform:uppercase;top:-8px;transition:opacity .3s ease}.metadata-header{align-items:center;color:hsla(0,0%,100%,.9);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--space-2);letter-spacing:1px;margin-bottom:var(--space-3);text-transform:uppercase}.metadata-icon{font-size:16px}.metadata-content{display:flex;flex-direction:column;font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);gap:var(--space-1);line-height:1.4}.metadata-item{display:flex;gap:var(--space-2)}.metadata-item .key{color:hsla(0,0%,100%,.7);min-width:120px}.metadata-item .value{color:#ff6e82}.file-listing{padding:var(--space-4);position:relative}.file-listing:after{background:hsla(0,0%,100%,.3);border-radius:3px;color:hsla(0,0%,100%,.9);content:"Data";font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;opacity:1;padding:2px var(--space-2);position:absolute;right:var(--space-4);text-transform:uppercase;top:-8px;transition:opacity .3s ease}.package-visual{display:flex;justify-content:center;width:100%}@media (max-width:1024px){.packages-hero{flex-direction:column;gap:var(--space-10);padding:var(--section-padding-y) var(--container-padding);text-align:center}.hero-content{max-width:100%}.hero-title h1{font-size:var(--font-size-h2)}.hero-stats{flex-direction:row;gap:var(--space-8);justify-content:center;min-width:auto;padding:var(--space-6)}.package-interface-mockup,.stat-card{max-width:350px}.package-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.package-actions{justify-content:space-between;width:100%}.file-listing:after,.metadata-panel:after,.package-header:after{display:none}}@media (max-width:768px){.hero-actions{align-items:stretch;flex-direction:column;gap:var(--space-4);margin:0 auto;max-width:300px;width:100%}.primary-action a,.secondary-action a{box-sizing:border-box;padding:14px 24px;text-align:center;width:100%}.hero-stats{flex-direction:column;gap:var(--space-6);padding:var(--space-4)}.stat-number{font-size:5rem}.package-interface-mockup,.stat-card{max-width:100%}.stat-card{padding:var(--space-8)}.package-interface-mockup{max-width:100%}.package-header{padding:var(--space-3)}.package-title{font-size:var(--font-size-sm)}.action-btn{padding:var(--space-1) var(--space-2)}.action-btn,.file-items,.metadata-content{font-size:10px}.file-listing:after,.metadata-panel:after,.package-header:after{display:none}}