.hero{background-color:#0000;background-image:linear-gradient(#04052eb3,#04052eb3),url(/kj.webp);background-position:50% 85%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;min-height:600px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><defs><pattern id=\"grid\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><path d=\"M 100 0 L 0 0 0 100\" fill=\"none\" stroke=\"rgba(0,123,255,0.1)\" stroke-width=\"1\"/></pattern></defs><rect width=\"100%\" height=\"100%\" fill=\"url(%23grid)\"/></svg>");position:absolute;inset:0}.hero-overlay{background:radial-gradient(circle at 30%,#007bff26 0%,#0000 50%);position:absolute;inset:0}.hero-container{z-index:1;position:relative}.hero-content{text-align:center;max-width:800px;padding:var(--spacing-3xl)0;margin:0 auto}.hero-title{font-size:var(--font-size-5xl);color:var(--color-white);margin-bottom:var(--spacing-md);text-shadow:0 2px 10px #0000004d;font-weight:800;line-height:1.1}.hero-subtitle{font-size:var(--font-size-xl);color:#ffffffe6;margin-bottom:var(--spacing-xl);line-height:1.6}.hero-search{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin-bottom:var(--spacing-lg);align-items:center;max-width:600px;margin-left:auto;margin-right:auto;padding:.5rem;display:flex}.search-icon{color:var(--color-text-light);margin-left:var(--spacing-sm)}.search-input{padding:.75rem var(--spacing-sm);font-size:var(--font-size-base);color:var(--color-text);border:none;outline:none;flex:1}.search-input::placeholder{color:var(--color-text-light)}.hero-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.hero-actions .btn-outline{isolation:isolate;background:#ffffff40;border:2px solid #fff9;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26875e}.hero-actions .btn-outline:before{content:"";filter:blur(30px);z-index:-1;background-color:#0000;background-image:linear-gradient(#04052eb3,#04052eb3),url(/kj.webp);background-position:50% 85%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:-20px}.hero-actions .btn-outline:hover{background:#fffffff2;border-color:#fffc}.home .section:last-of-type{padding-bottom:0}.categories-grid{gap:var(--spacing-lg);margin-top:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}.category-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-md);will-change:transform;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;min-height:250px;text-decoration:none;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;display:flex;position:relative;overflow:hidden}.category-card:before{content:"";z-index:0;background:linear-gradient(135deg,#007bff33 0%,#04052e66 100%);position:absolute;inset:0}.category-card:hover{border-color:var(--color-accent);transform:translateY(-6px);box-shadow:0 12px 24px #007bff4d}.category-icon{display:none}.category-name{color:var(--color-white);font-size:var(--font-size-2xl);z-index:1;text-shadow:0 2px 10px #00000080;margin-bottom:var(--spacing-sm);font-weight:700;position:relative}.section-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-light);max-width:600px;margin:0 auto var(--spacing-xl)}.section-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.machines-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.features-grid{gap:var(--spacing-xl);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{text-align:center;padding:var(--spacing-xl)}.feature-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-hover)100%);color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 16px #007bff4d}.feature-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--color-text-light);margin:0;line-height:1.6}.services-grid{gap:var(--spacing-lg);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.service-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:2px solid #0000;text-decoration:none}.service-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-accent);transform:translateY(-6px)}.service-icon{background:var(--color-light-bg);border-radius:var(--radius-lg);width:64px;height:64px;color:var(--color-accent);margin-bottom:var(--spacing-md);justify-content:center;align-items:center;display:flex}.service-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-primary)}.service-card p{color:var(--color-text-light);margin:0;line-height:1.6}.cta-section{background:linear-gradient(135deg,var(--color-primary)0%,#0a0b4d 100%);padding:var(--spacing-3xl)0;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle at 70%,#007bff1a 0%,#0000 50%);position:absolute;inset:0}.cta-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.cta-content h2{font-size:var(--font-size-4xl);color:var(--color-white);margin-bottom:var(--spacing-md)}.cta-content p{font-size:var(--font-size-lg);color:#ffffffe6;margin-bottom:var(--spacing-xl)}.cta-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.btn-lg{font-size:var(--font-size-lg);padding:1rem 2rem}@media (max-width:768px){.hero{min-height:500px}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-search{grid-template-columns:auto 1fr;align-items:center;gap:.5rem;padding:.75rem;display:grid}.search-icon{margin-left:.25rem}.search-input{width:100%;padding:.75rem .5rem}.hero-search .btn{grid-column:1/-1;width:100%;margin-top:.25rem}.section-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.categories-grid{grid-template-columns:repeat(2,1fr)}.machines-grid{grid-template-columns:1fr}}@media (max-width:480px){.categories-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:center;width:100%}.hero-actions .btn{justify-content:center;width:100%;max-width:300px}}