.hero{color:#fff;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-bg{background-image:url(/images/hero.svg);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-overlay{background:linear-gradient(90deg,#0a0e28f2 0%,#0a0e28d9 40%,#0a0e2899 70%,#0a0e284d 100%);position:absolute;inset:0}.hero-content{max-width:720px;padding-left:6%;position:relative}.hero-content h1{margin-bottom:24px;font-size:48px;font-weight:700;line-height:1.15}.hero-content p{color:#d1d8e0;max-width:560px;margin-bottom:32px;font-size:18px;line-height:1.6}.hero-actions{gap:16px;display:flex}.btn-primary{color:#fff;cursor:pointer;background-color:#c40c0c;border:none;border-radius:8px;padding:14px 28px;font-weight:600;transition:background .3s}.btn-primary:hover{background-color:#a00a0a}.btn-secondary{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff6;border-radius:8px;padding:14px 28px;transition:all .3s}.btn-secondary:hover{background-color:#ffffff14}.hero-geometry{position:absolute;bottom:-100px;left:-120px}.hero-geometry svg{width:520px;height:auto}.hero-geometry polygon{fill:#c40c0c}@media (max-width:1024px){.hero-content h1{font-size:38px}}@media (max-width:768px){.hero{align-items:flex-start;padding-top:154px}.hero-content{padding:40px 6%}.hero-geometry{display:none}.hero-content h1{font-size:32px}.hero-actions{flex-direction:column;width:100%}.hero-actions button{width:100%}}.hero-bg,.hero-overlay,.hero-geometry{pointer-events:none}
.how-it-works{color:#fff;background:linear-gradient(#0a0e28 0%,#0b102f 40%,#090d23 100%);padding:100px 6%;position:relative;overflow:hidden}.how-it-works:before{content:"";background:linear-gradient(135deg,#c40c0c,#0000);width:220px;height:120px;position:absolute;top:-40px;left:0}.how-container{max-width:1200px;margin:0 auto}.how-container h2{text-align:center;margin-bottom:60px;font-size:36px;font-weight:700}.steps{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.step{text-align:left;flex:1;position:relative}.step-number{color:#c40c0c;margin-bottom:12px;font-size:22px;font-weight:700;display:block}.step-icon{color:#fff;margin-bottom:16px;font-size:42px}.step h3{margin-bottom:10px;font-size:18px;font-weight:600}.step p{color:#cfd6e4;font-size:14px;line-height:1.6}.step.arrow{background:linear-gradient(90deg,#0000,#c40c0c,#0000);flex:0 0 40px;align-self:center;height:2px}@media (max-width:900px){.steps{flex-direction:column;gap:48px}.step.arrow{background:linear-gradient(#0000,#c40c0c,#0000);width:2px;height:40px}}@media (max-width:600px){.how-container h2{font-size:28px}.step-icon{text-align:center;font-size:36px}}
.services{background:radial-gradient(circle at 90% 40%,#002fff2e,#0000 40%),linear-gradient(#070b20 0%,#050816 100%);padding:100px 6% 120px;position:relative;overflow:hidden}.services:after{content:"";opacity:.15;pointer-events:none;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.services-container{z-index:2;max-width:1200px;margin:0 auto;position:relative}.services h2{text-align:center;color:#fff;margin-bottom:64px;font-size:32px;font-weight:700}.services-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.service-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff1a;border-radius:16px;padding:28px;transition:transform .35s,box-shadow .35s}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000059}.service-icon{color:#c40c0c;margin-bottom:16px;font-size:26px}.service-card h3{color:#fff;margin-bottom:12px;font-size:18px;font-weight:600}.service-card p{color:#cfd6e4;margin-bottom:18px;font-size:15px;line-height:1.6}.service-link{color:#c40c0c;cursor:pointer;font-size:14px;font-weight:500;transition:opacity .3s}.service-link:hover{opacity:.8}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.services{padding:80px 6% 100px}.services-grid{grid-template-columns:1fr}.services h2{font-size:26px}}
.projects{background:radial-gradient(circle at 10% 30%,#c40c0c2e,#0000 40%),linear-gradient(#070b20 0%,#050816 100%);padding:120px 6%;position:relative}.projects-header{text-align:center;margin-bottom:50px}.projects-header h2{color:#fff;font-size:34px;font-weight:700}.projects-header p{color:#a5a3a3}.projects-carousel{cursor:grab;-webkit-user-select:none;user-select:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;scroll-snap-type:x mandatory;gap:32px;padding-bottom:20px;display:flex;overflow:auto hidden}.projects-carousel:active{cursor:grabbing}.projects-carousel::-webkit-scrollbar{display:none}@media (min-width:769px){.projects-carousel{overflow-x:hidden}}.projects-arrow{color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;transition:transform .2s,background .2s;display:flex;position:absolute;top:55%;transform:translateY(-50%)}.projects-arrow:hover{background:#000c;transform:translateY(-50%)scale(1.1)}.projects-arrow.left{left:20px}.projects-arrow.right{right:20px}.project-card{scroll-snap-align:start;background:#000;border-radius:32px;min-width:300px;height:400px;transition:box-shadow .5s;position:relative;overflow:hidden;box-shadow:2px 4px 16px #00000069}.project-card img{object-fit:cover;width:100%;height:100%}.project-overlay{background:linear-gradient(#000000bf 10%,#00000026 40%);position:absolute;inset:0}.project-info{text-align:center;z-index:2;position:absolute;top:24px;left:24px}.project-info strong{color:#fff;font-size:20px;display:block}.project-info span{color:#e0e0e0;font-size:14px}.project-action{color:#000;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;transition:transform .3s;display:flex;position:absolute;bottom:24px;right:24px}.project-action:hover{transform:scale(1.1)}@media (max-width:768px){.projects-arrow{z-index:20;background:#000000bf;width:40px;height:40px;font-size:22px;display:flex;top:50%}.projects-arrow.left{left:20px}.projects-arrow.right{right:10px}.project-card{min-width:280px;height:420px}}