.home{color:var(--white);background:radial-gradient(circle at 20% 20%,#111 0%,#000 60%);overflow-x:hidden}.click-burst{pointer-events:none;z-index:9999;position:fixed;transform:translate(-50%,-50%)}.burst-ray{transform-origin:bottom;width:1.5px;height:10px;transform:rotate(var(--angle))scaleY(0)translateY(0);will-change:transform,opacity;background:linear-gradient(#ffae00,gold);animation:.38s cubic-bezier(.4,0,.2,1) forwards ray-move;position:absolute;bottom:0;left:-.75px}@keyframes ray-move{0%{transform:rotate(var(--angle))scaleY(0)translateY(0);opacity:1}15%{transform:rotate(var(--angle))scaleY(1)translateY(0);opacity:1}to{transform:rotate(var(--angle))scaleY(1)translateY(-22px);opacity:0}}.hero{justify-content:center;align-items:center;width:100%;height:100vh;min-height:750px;display:flex;position:relative;overflow:hidden}.hero-3d{z-index:0;position:absolute;inset:0}.hero-fade{z-index:1;background:linear-gradient(#0000 0%,#0d0d0d 70%);width:100%;height:300px;position:absolute;bottom:0}.hero-content{z-index:2;text-align:center;max-width:900px;padding:0 24px;position:relative}.hero h1{letter-spacing:1px;font-size:clamp(2.5rem,4vw,4.2rem);font-weight:700;line-height:1.05}.hero h1 span{background:linear-gradient(90deg,var(--yellow),#ffea80);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtext{color:#aaa;max-width:650px;margin-top:1.8rem;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:2.5rem;display:flex}.btn-primary,.btn-outline{letter-spacing:.5px;cursor:pointer;min-width:200px;transform-style:preserve-3d;border-radius:10px;justify-content:center;align-items:center;padding:.85rem 2.2rem;font-size:.95rem;font-weight:600;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .2s,background .3s,color .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--yellow);color:#000;border:none;box-shadow:0 6px #b38f00,0 10px 25px #ffcc0040}.btn-outline{color:var(--yellow);background:#111;border:1px solid #333;box-shadow:0 6px #1a1a1a,0 10px 25px #00000080}@keyframes stripeSlide{0%{transform:translate(-50%)scale(.95)}to{transform:translate(0%)scale(.95)}}.btn-primary:hover:before,.btn-outline:hover:before{opacity:.4;transform:scale(1.05)}@keyframes stripeMove{0%{background-position:0 0}to{background-position:40px 0}}.btn-primary:hover,.btn-outline:hover{transform:translateY(-4px)}.btn-primary:active,.btn-outline:active{transform:translateY(4px)scale(.98);box-shadow:0 2px #b38f00,0 4px 10px #0006}.btn-outline:active{box-shadow:0 2px #111,0 4px 10px #0006}.hero-badges{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.hero-badges span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#bbb;background:#ffffff08;border:1px solid #222;border-radius:50px;padding:.4rem .9rem;font-size:.85rem}.metrics{border-top:1px solid #111;border-bottom:1px solid #111;padding:4rem 2rem}.metrics-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:auto;display:grid}.metrics h3{color:var(--yellow);font-size:2rem}.metrics p{color:#999;margin-top:.5rem}.services-preview{text-align:center;padding:6rem 2rem}.services-preview h2{margin-bottom:4rem;font-size:2.2rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:auto;display:grid}.service-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #1a1a1a;border-radius:16px;padding:2.5rem;transition:all .35s}.service-card:hover{border-color:var(--yellow);transform:translateY(-8px);box-shadow:0 15px 40px #00000080}.service-card h3{margin-bottom:1.2rem}.service-card p{color:#aaa;line-height:1.6}.process{text-align:center;background:#0a0a0a;padding:6rem 2rem}.process-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin-top:4rem;margin-left:auto;margin-right:auto;display:grid}.process-grid h4{color:var(--yellow);margin-bottom:1rem}.featured-work{text-align:center;padding:6rem 2rem}.projects-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:4rem auto;display:grid}.project-card{background:#111;border:1px solid #1a1a1a;border-radius:16px;justify-content:center;align-items:center;height:240px;transition:all .35s;display:flex}.project-card:hover{border-color:var(--yellow);transform:scale(1.03)}.why-us{text-align:center;background:linear-gradient(#0a0a0a,#000);padding:6rem 2rem}.why-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin-top:4rem;margin-left:auto;margin-right:auto;display:grid}.why-grid h4{color:var(--yellow);margin-bottom:1rem}.final-cta{text-align:center;padding:7rem 2rem}.final-cta h2{margin-bottom:1.5rem;font-size:2.2rem}.large{padding:1rem 3rem;font-size:1.1rem}@media (max-width:1100px){.services-grid,.projects-grid,.process-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{height:auto;padding:6rem 0}.metrics-grid,.services-grid,.projects-grid,.why-grid,.process-grid{grid-template-columns:1fr}.hero-buttons,.hero-badges{flex-direction:column}.hero h1{font-size:2.2rem}.hero-subtext{font-size:1rem}}@media (max-width:480px){.hero{padding:5rem 0}.hero h1{font-size:1.9rem}.large{width:100%}}