:root{--bg-color: #f5f5f7;--bg-gradient: linear-gradient(135deg, #C0C0C0 0%, #F8F8F8 30%, #E8E8E8 60%, #D4AF37 100%);--text-primary: #1d1d1f;--text-secondary: #424245;--accent-color: #D4AF37;--accent-gradient: linear-gradient(135deg, #D4AF37 0%, #C0C0C0 50%, #B8860B 100%);--gold-primary: #D4AF37;--gold-dark: #B8860B;--silver-primary: #C0C0C0;--silver-light: #E8E8E8;--border-color: rgba(212, 175, 55, .2);--card-bg: rgba(255, 255, 255, .7);--card-hover: rgba(255, 255, 255, .9);--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-main);line-height:1.5;overflow-x:hidden}#app{max-width:1200px;margin:0 auto;padding:0 20px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.logo a{text-decoration:none;display:flex;align-items:center;gap:15px;color:var(--text-primary)}.logo-img{height:60px;width:auto}.logo-text h1{font-size:1.2rem;font-weight:600;letter-spacing:-.01em;text-transform:uppercase}.logo-text p{display:none}nav{display:flex;gap:25px;align-items:center}nav a{color:#1d1d1f;text-decoration:none;font-size:.9rem;padding:8px 20px;border-radius:980px;font-weight:500;transition:all .2s ease;background:linear-gradient(135deg,#d4af37,#f8f8f8);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 10px #d4af3733}nav a:hover{transform:translateY(-2px);background:linear-gradient(135deg,#e5c158,#fff);box-shadow:0 6px 15px #d4af3766}.btn-contact{background:linear-gradient(135deg,#d4af37,#f8f8f8);font-weight:700;box-shadow:0 4px 10px #d4af374d}.btn-contact:hover{box-shadow:0 6px 15px #d4af3780}.hero{height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:60px}.hero h2{font-size:5rem;font-weight:700;letter-spacing:-.03em;line-height:1.05;max-width:900px;margin-bottom:20px}.gradient-text{background:linear-gradient(135deg,#d4af37,silver,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.5rem;color:var(--text-secondary);max-width:600px;font-weight:400;margin-bottom:40px}.btn-primary{color:#1d1d1f;font-size:1.1rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:980px;background:linear-gradient(135deg,#d4af37,#e5c158,silver);font-weight:600;box-shadow:0 4px 15px #d4af374d;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4af3780;background:linear-gradient(135deg,#e5c158,#f0d77a,#d4d4d4)}.motto-text{font-size:1.5rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700;margin-bottom:20px;background:linear-gradient(90deg,#d4af37,#8a7c55);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;animation:fadeUp 1s forwards .5s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.products-section{padding:100px 0}.section-title{font-size:3rem;font-weight:700;margin-bottom:60px;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.grid>.card:first-child{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;min-height:500px;background:linear-gradient(180deg,#ffffffe6,#f0f0f0cc);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 50px #0000001a}.grid>.card:first-child .card-content{padding:60px;flex:1}.grid>.card:first-child img{flex:1;height:100%;background:#222}.card{background-color:var(--card-bg);border-radius:30px;padding:40px;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:400px}.card:hover{transform:translateZ(0) scale(1.02);box-shadow:0 20px 40px #0006;background-color:var(--card-hover)}.card-status{position:absolute;top:30px;right:30px;font-size:.75rem;font-weight:600;padding:6px 14px;border-radius:20px;letter-spacing:.05em;text-transform:uppercase}.card-status.live{background:#34c7591a;color:#34c759}.card-status.dev{background:#ff95001a;color:#ff9f0a}.card-icon{font-size:3rem;margin-bottom:20px;color:var(--text-primary)}.card h4{font-size:2rem;font-weight:600;margin-bottom:10px}.card p{font-size:1.1rem;color:var(--text-secondary);line-height:1.4;margin-bottom:30px}.btn-link{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:.9rem;margin-top:auto;align-self:flex-start;background:#ffffff1a;padding:10px 20px;border-radius:99px;transition:background .2s}.btn-link:hover{background:#fff3}.about-section{padding:150px 0;text-align:center;background:transparent}.about-content{max-width:800px;margin:0 auto}.about-content h3{font-size:3rem;margin-bottom:30px}.about-content p{font-size:1.5rem;color:var(--text-secondary);font-weight:400}footer{padding:60px 0;border-top:1px solid var(--border-color);color:var(--text-primary);font-size:.8rem;text-align:center}.philanthropy-section{padding:100px 0;text-align:center;background:linear-gradient(180deg,rgba(192,192,192,.1) 0%,transparent 100%)}.philanthropy-content{max-width:800px;margin:0 auto}.philanthropy-content h3{font-size:3rem;margin-bottom:20px;background:linear-gradient(135deg,silver,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.philanthropy-content>p{font-size:1.3rem;color:var(--text-secondary);margin-bottom:40px}.charity-card{background:var(--card-bg);border-radius:24px;padding:40px;border:1px solid rgba(212,175,55,.2);box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.charity-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #d4af3733}.charity-icon{font-size:3rem;color:#d4af37;margin-bottom:20px}.charity-card h4{font-size:2rem;margin-bottom:15px;color:var(--text-primary)}.charity-card p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:25px}.charity-card .btn-link{display:inline-flex;align-items:center;gap:8px;color:#d4af37;font-weight:600;text-decoration:none;transition:gap .3s ease}.charity-card .btn-link:hover{gap:12px}.contact-section{padding:100px 0;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(212,175,55,.1) 100%)}.contact-content{max-width:600px;margin:0 auto}.contact-content h3{font-size:3rem;margin-bottom:20px;background:linear-gradient(135deg,#d4af37,silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-content p{font-size:1.3rem;color:var(--text-secondary);margin-bottom:30px}.reveal{opacity:0;transform:translate3d(0,50px,0) scale(.95);transition:all 1s cubic-bezier(.16,1,.3,1);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity}.reveal.active{opacity:1;transform:translateZ(0) scale(1)}@media(max-width:900px){.hero h2{font-size:3.5rem}.grid>.card:first-child{flex-direction:column}.grid>.card:first-child .card-content{padding:40px}}.product-hero{height:60vh;min-height:400px;background:transparent}.product-hero .status-badge{display:inline-block;padding:8px 16px;border-radius:99px;font-size:.85rem;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em}.status-badge.dev{background:#ff95001a;color:#ff9f0a;border:1px solid rgba(255,149,0,.2)}.details-section{padding:80px 0}.grid-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.detail-card{background:var(--card-bg);padding:40px;border-radius:20px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(255,255,255,.5);transition:transform .3s ease}.detail-card:hover{transform:translateY(-5px);background:var(--card-hover)}.detail-card i{font-size:2rem;color:#d4af37;margin-bottom:20px}.detail-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--text-primary)}.detail-card p{color:var(--text-secondary);line-height:1.6}.cta-section{padding:100px 0;text-align:center}.cta-section p{font-size:1.5rem;margin-bottom:20px;color:var(--text-secondary)}@media(max-width:768px){header{flex-direction:column;gap:20px;padding-bottom:20px}nav{width:100%;justify-content:center;gap:10px;flex-wrap:wrap}nav a{font-size:.8rem;padding:6px 14px}.hero h2{font-size:2.5rem}.hero p{font-size:1.1rem;padding:0 20px}.logo-text h1{font-size:1.1rem}}