.landing-page{color:#fff;background:#000;min-height:100vh;font-family:Albert Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}.landing-nav{z-index:50;-webkit-backdrop-filter:blur(12px);background:rgba(0,0,0,.8);border-bottom:1px solid rgba(255,184,0,.1);position:fixed;top:0;left:0;right:0}.landing-nav .container{max-width:1536px;margin:0 auto;padding:1rem 1.5rem}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-logo{color:#ffb800;font-size:1.5rem;font-weight:700}.nav-links{align-items:center;gap:2rem;display:none}@media (min-width:768px){.nav-links{display:flex}}.nav-link{color:#d1d5db;text-decoration:none;transition:color .2s}.nav-link:hover{color:#ffb800}.nav-button{color:#000;cursor:pointer;background:#ffb800;border:none;border-radius:30px;padding:.5rem 1.5rem;font-weight:700;transition:all .3s}.nav-button:hover{background:#ffc929;transform:translateY(-2px)}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;text-align:center;max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative}.hero-badge{color:#ffb800;background:rgba(255,184,0,.1);border:1px solid rgba(255,184,0,.3);border-radius:9999px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;display:inline-block}.hero-title{background:linear-gradient(135deg,#fff 0%,#ffb800 50%,#ffc929 100%);color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.75rem;font-weight:700;line-height:1.1}@media (min-width:768px){.hero-title{font-size:4.5rem}}@media (min-width:1024px){.hero-title{font-size:6rem}}.hero-description{color:#9ca3af;max-width:48rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem}@media (min-width:768px){.hero-description{font-size:1.5rem}}.hero-buttons{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media (min-width:640px){.hero-buttons{flex-direction:row}}.btn-primary-hero{color:#000;cursor:pointer;background:#ffb800;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:700;transition:all .3s;display:flex}.btn-primary-hero:hover{background:#ffc929;transform:translateY(-2px)}.btn-secondary-hero{color:#fff;cursor:pointer;background:0 0;border:1px solid #4b5563;border-radius:9999px;padding:1rem 2rem;font-weight:600;transition:all .3s}.btn-secondary-hero:hover{border-color:#6b7280}.features-section{background:#000;padding:8rem 0;position:relative}.features-container{max-width:1536px;margin:0 auto;padding:0 1.5rem}.features-header{text-align:center;margin-bottom:5rem}.features-title{background:linear-gradient(135deg,#fff 0%,#9ca3af 100%);color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3rem;font-weight:700}@media (min-width:768px){.features-title{font-size:3.75rem}}.features-subtitle{color:#9ca3af;max-width:42rem;margin:0 auto;font-size:1.25rem}.features-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(rgba(17,24,39,.5) 0%,rgba(0,0,0,.5) 100%);border:1px solid #1f2937;border-radius:1rem;padding:2rem;transition:all .3s}.feature-card:hover{border-color:rgba(255,184,0,.5);transform:translateY(-4px)}.feature-icon{color:#ffb800;margin-bottom:1rem;transition:transform .3s}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-title{color:#fff;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.feature-description{color:#9ca3af;line-height:1.6}.cta-section{background:#000;padding:8rem 0;position:relative}.cta-container{max-width:1536px;margin:0 auto;padding:0 1.5rem}.cta-wrapper{border-radius:1.5rem;position:relative;overflow:hidden}.cta-bg-gradient{opacity:.1;background:linear-gradient(135deg,#ffb800 0%,#ffb800 100%);position:absolute;top:0;bottom:0;left:0;right:0}.cta-content{text-align:center;border:1px solid rgba(255,184,0,.3);border-radius:1.5rem;padding:3rem;position:relative}@media (min-width:768px){.cta-content{padding:5rem}}.cta-title{color:#fff;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}@media (min-width:768px){.cta-title{font-size:3rem}}.cta-description{color:#d1d5db;max-width:42rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.cta-form{flex-direction:column;justify-content:center;gap:1rem;max-width:28rem;margin:0 auto;display:flex}@media (min-width:640px){.cta-form{flex-direction:row}}.cta-input{color:#fff;background:rgba(255,255,255,.1);border:1px solid #4b5563;border-radius:9999px;outline:none;flex:1;padding:1rem 1.5rem;font-size:1rem;transition:border-color .3s}.cta-input::placeholder{color:#9ca3af}.cta-input:focus{border-color:#ffb800}.cta-button{color:#fff;cursor:pointer;white-space:nowrap;background:#ffb800;border:none;border-radius:9999px;padding:1rem 2rem;font-weight:600;transition:background .3s}.cta-button:hover{background:#ffc929}.footer{background:#000;border-top:1px solid #1f2937;padding:3rem 0}.footer-container{max-width:1536px;margin:0 auto;padding:0 1.5rem}.footer-content{flex-direction:column;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (min-width:768px){.footer-content{flex-direction:row}}.footer-logo{background:linear-gradient(135deg,#ffb800,#ffb800);color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.footer-links{color:#9ca3af;gap:2rem;display:flex}.footer-link{color:#9ca3af;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff}.footer-copyright{color:#9ca3af;font-size:.875rem}.projects-section{background:#000;padding:8rem 0;overflow:hidden}.projects-container{max-width:1536px;margin:0 auto;padding:0 1.5rem}.projects-header{text-align:center;margin-bottom:4rem}.projects-title{background:linear-gradient(135deg,#fff 0%,#9ca3af 100%);color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:700}@media (min-width:768px){.projects-title{font-size:3.75rem}}.projects-subtitle{color:#9ca3af;font-size:1.25rem}.projects-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffb800 #1f2937;gap:2rem;padding:2rem 0;display:flex;overflow-x:auto;overflow-y:hidden}.projects-scroll::-webkit-scrollbar{height:8px}.projects-scroll::-webkit-scrollbar-track{background:#1f2937;border-radius:10px}.projects-scroll::-webkit-scrollbar-thumb{background:#ffb800;border-radius:10px}.landing-project-card{cursor:pointer;background:linear-gradient(rgba(17,24,39,.5) 0%,rgba(0,0,0,.5) 100%);border:1px solid #1f2937;border-radius:1rem;min-width:350px;transition:all .3s;overflow:hidden}.landing-project-card:hover{border-color:rgba(255,184,0,.5);transform:translateY(-4px)}.landing-project-img-wrap{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);width:100%;height:200px;min-height:200px;max-height:200px;position:relative;overflow:hidden}.landing-project-placeholder{color:#ffb800;background:linear-gradient(135deg,rgba(255,184,0,.1) 0%,rgba(255,184,0,.1) 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:600;display:flex}.landing-project-content{padding:1.5rem}.landing-project-title{color:#fff;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.landing-project-desc{color:#9ca3af;margin-bottom:.5rem;font-size:.875rem;line-height:1.4}.landing-project-meta{color:#ffb800;margin-bottom:1rem;font-size:.75rem;font-weight:600}.landing-project-img{object-fit:cover;transition:transform .3s}.landing-project-card:hover .landing-project-img{transform:scale(1.05)}.landing-project-tags{flex-wrap:wrap;gap:.5rem;display:flex}.landing-tech-tag{color:#ffb800;background:rgba(255,184,0,.2);border:1px solid rgba(255,184,0,.3);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem}.pricing-section{background:#000;padding:8rem 0}.pricing-container{max-width:1536px;margin:0 auto;padding:0 1.5rem}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-title{background:linear-gradient(135deg,#fff 0%,#9ca3af 100%);color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:700}@media (min-width:768px){.pricing-title{font-size:3.75rem}}.pricing-subtitle{color:#9ca3af;margin-bottom:2rem;font-size:1.25rem}.billing-toggle{background:rgba(17,24,39,.5);border:1px solid #1f2937;border-radius:9999px;gap:.25rem;padding:.25rem;display:inline-flex}.toggle-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.5rem 1.5rem;font-weight:600;transition:all .3s}.toggle-btn.active{color:#fff;background:#ffb800}.pricing-grid{grid-template-columns:1fr;gap:2rem;margin-top:3rem;display:grid}@media (min-width:768px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:linear-gradient(rgba(17,24,39,.8) 0%,rgba(0,0,0,.8) 100%);border:1px solid #1f2937;border-radius:1.5rem;padding:2rem;transition:all .3s;position:relative}.pricing-card:hover{border-color:rgba(255,184,0,.5);transform:translateY(-4px)}.pricing-card.popular{background:linear-gradient(rgba(255,184,0,.1) 0%,rgba(0,0,0,.8) 100%);border-color:#ffb800}.popular-badge{color:#fff;background:#ffb800;border-radius:9999px;padding:.25rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card-header{margin-bottom:2rem}.plan-icon{color:#ffb800;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.plan-name{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.plan-description{color:#9ca3af;font-size:.875rem;line-height:1.5}.pricing-amount{align-items:baseline;margin-bottom:2rem;display:flex}.custom-price{color:#fff;font-size:3rem;font-weight:700}.price-symbol{color:#d1d5db;font-size:1.5rem;font-weight:600}.price-value{color:#fff;margin:0 .25rem;font-size:3rem;font-weight:700}.price-period{color:#9ca3af;font-size:1rem}.price-plus{color:#fff;font-size:2.5rem;font-weight:600}.plan-button{color:#fff;cursor:pointer;background:rgba(255,184,0,.1);border:1px solid #ffb800;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:2rem;padding:1rem;font-weight:600;transition:all .3s;display:flex}.plan-button:hover,.plan-button.popular{background:#ffb800}.plan-button.popular:hover{background:#ffc929}.features-list{flex-direction:column;gap:1rem;display:flex}.feature-item{color:#d1d5db;align-items:flex-start;gap:.75rem;font-size:.875rem;display:flex}.check-icon{color:#ffb800;flex-shrink:0;margin-top:2px}.arrow-icon{transition:transform .3s}.btn-primary-hero:hover .arrow-icon{transform:translate(4px)}.stats-section{background:rgba(255,184,0,.05);border-top:1px solid rgba(255,184,0,.1);border-bottom:1px solid rgba(255,184,0,.1);padding:80px 0}.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid}.stat-item{text-align:center}.stat-value{color:#ffb800;margin-bottom:.5rem;font-size:3.5rem;font-weight:700}.stat-label{color:#d1d5db;text-transform:uppercase;letter-spacing:1px;font-size:1rem}