@import "https://fonts.googleapis.com/css2?family=Google+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap";html,body,#root{min-height:100%;margin:0}a{color:inherit}:root{--bg:#131313;--bg-elevated:#1e1e1e;--bg-section:#141414;--bg-deep:#111;--text:#fff;--muted:#ccc;--muted-2:#aaa;--accent:#00b749;--accent-dark:#008a38;--border:#ffffff14;--radius:15px;--shadow:0 20px 40px #0000002e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:Google Sans,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.site-shell{min-height:100vh}.site-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;width:100%;position:fixed;inset:0 0 auto}.navbar{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:15px 20px;display:flex}.logo{background:0 0;padding:0}.logo img{border-radius:50%;display:block}.menu-links{align-items:center;gap:30px;margin:0;padding:0;list-style:none;display:flex}.menu-links button,.footer-col button{color:inherit;background:0 0;padding:0;text-decoration:none;transition:color .3s}.menu-links button:hover,.footer-col button:hover{color:var(--accent)}.join-btn button{background-color:var(--accent);color:#fff;border-radius:25px;padding:8px 18px;font-size:16px}.join-btn button:hover{outline:1px solid var(--accent);color:#fff;background:#000}.hero-section{background-image:linear-gradient(120deg, #000000e0, #0623149e), var(--hero-image);background-position:50%;background-size:cover;align-items:center;width:100%;min-height:100vh;padding:100px 20px 40px;display:flex}.hero-section .content{max-width:760px}.eyebrow{color:#d8ffe6;letter-spacing:.04em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;margin-bottom:18px;padding:8px 14px;font-size:14px;display:inline-block}.hero-section h1{margin:0 0 14px;font-size:56px;line-height:1.1}.hero-section h2{margin:0 0 15px;font-size:28px}.hero-section h3{color:var(--accent);margin:0 0 15px;font-size:22px}.hero-section p{color:var(--muted);max-width:640px;margin:0;font-size:16px;line-height:1.6}.margin{margin-top:30px}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.green-btn,.white-btn,.cta-btn,.price-btn,.contact-form button{border-radius:25px;justify-content:center;align-items:center;padding:10px 22px;font-size:16px;text-decoration:none;transition:all .3s;display:inline-flex}.green-btn,.price-btn,.contact-form button{background-color:var(--accent);color:#fff}.green-btn:hover,.price-btn:hover,.contact-form button:hover{outline:1px solid var(--accent);color:var(--accent);background:#000}.white-btn{color:#000;background-color:#fff}.white-btn:hover{color:#fff;background:#000;outline:1px solid #fff}.hero-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:720px;margin-top:40px;display:grid}.highlight-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:18px;padding:20px 22px}.highlight-card strong{color:#fff;margin-bottom:8px;font-size:17px;display:block}.highlight-card span{color:#c9d0cb;font-size:14px;line-height:1.6}.services,.portfolio,.process,.cta,.footer,.service-detail,.about-section,.about-features,.contact-section,.portfolio-page{padding:100px 20px}.services,.portfolio,.process,.service-detail,.about-features,.contact-section,.portfolio-page,.portfolio-filter,.about-section{text-align:center}.services h2,.portfolio h2,.process h2,.cta h2,.service-detail h2,.about-features h2,.contact-form h2,.contact-info h2{margin:0 0 14px;font-size:36px}.section-subtitle,.portfolio-subtitle,.process-subtitle,.service-detail>p{max-width:680px;color:var(--muted-2);margin:0 auto 50px;font-size:16px;line-height:1.6}.services-container,.portfolio-container,.process-container,.footer-container,.pricing-container,.features-container,.portfolio-grid{gap:30px;max-width:1200px;margin:0 auto;display:grid}.services-container,.process-container,.features-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.portfolio-container,.pricing-container,.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.service-card,.portfolio-card,.process-step,.pricing-card,.feature-card,.contact-form{background:var(--bg-elevated);border-radius:var(--radius);border:1px solid #0000;padding:30px;transition:all .3s}.service-card:hover,.portfolio-card:hover,.process-step:hover,.pricing-card:hover,.feature-card:hover{box-shadow:var(--shadow);border-color:#00b74959;transform:translateY(-10px)}.service-card h3,.portfolio-content h3,.step-number,.feature-card h3,.about-text h2,.service-detail h2{color:var(--accent)}.service-card p,.portfolio-content p,.process-step p,.feature-card p,.about-text p,.contact-info p,.footer-col p,.footer-col button{color:var(--muted)}.portfolio{background-color:var(--bg-section)}.portfolio-card,.portfolio-item{overflow:hidden}.portfolio-card img,.portfolio-item img,.about-image img{object-fit:cover;width:100%;display:block}.portfolio-card img{height:200px}.portfolio-content{padding:20px}.process{background-color:var(--bg-deep)}.step-number{margin-bottom:15px;font-size:28px;font-weight:700}.process-step h3,.footer-col h3,.footer-col h4,.contact-info h2,.about-features h2,.hero-section h1,.hero-section h2,.service-hero h1,.about-hero h1,.contact-hero h1,.portfolio-hero h1{color:#fff}.cta{background:linear-gradient(135deg, var(--accent), var(--accent-dark))}.cta-container{max-width:800px;margin:0 auto}.cta h2{margin-bottom:20px}.cta p{color:#eafff2;margin:0 0 40px;font-size:16px;line-height:1.6}.cta-btn{color:var(--accent);background:#fff;border-radius:30px;padding:12px 28px;font-weight:600}.cta-btn:hover{color:#fff;background:#000}.footer{background-color:#0d0d0d;padding-bottom:20px}.footer-container{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer-col h3,.footer-col h4{margin:0 0 20px}.footer-col p{margin:0 0 10px;font-size:14px;line-height:1.6}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{margin-bottom:10px}.footer-bottom{text-align:center;border-top:1px solid #222;margin-top:40px;padding-top:20px}.footer-bottom p{color:#777;margin:0;font-size:13px}.service-hero,.about-hero,.contact-hero,.portfolio-hero{text-align:center;background:var(--bg-deep);padding:150px 20px 80px}.service-hero h1,.about-hero h1,.contact-hero h1,.portfolio-hero h1{margin:0 0 15px;font-size:40px}.service-hero p,.about-hero p,.contact-hero p,.portfolio-hero p{color:var(--muted-2);margin:0;font-size:16px}.dark-section{background:var(--bg-section)}.pricing-card h3,.pricing-card h4{margin-top:0}.pricing-card h4{color:var(--accent);margin-bottom:20px;font-size:24px}.pricing-card ul{margin:0 0 25px;padding:0;list-style:none}.pricing-card li{color:var(--muted-2);margin-bottom:10px;font-size:14px}.popular{border:2px solid var(--accent)}.about-container,.contact-container{flex-wrap:wrap;align-items:center;gap:50px;max-width:1200px;margin:0 auto;display:flex}.about-container{text-align:left}.about-container.reverse{flex-direction:row-reverse}.about-text,.about-image,.contact-form,.contact-info{flex:320px}.about-text h2{margin-top:0}.about-text p{margin:0 0 15px;line-height:1.7}.about-image img{border-radius:var(--radius);min-height:320px}.contact-form{text-align:left}.contact-form h2{color:var(--accent);margin-top:0}.contact-form form{flex-direction:column;gap:15px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#2a2a2a;border:none;border-radius:8px;outline:none;padding:12px}.contact-form textarea{resize:vertical;min-height:120px}.contact-info{text-align:left;padding:20px}.contact-info h2{margin-top:0}.contact-extra{background:var(--bg-elevated);border-radius:10px;margin-top:30px;padding:20px}.portfolio-filter{padding:40px 20px}.filter-buttons{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.filter-buttons button{border:1px solid var(--accent);color:var(--accent);background:0 0;border-radius:25px;padding:8px 18px;transition:all .3s}.filter-buttons button.active,.filter-buttons button:hover{background:var(--accent);color:#fff}.portfolio-item{border-radius:var(--radius);position:relative}.portfolio-item img{height:250px;transition:all .4s}.portfolio-overlay{color:#fff;background:linear-gradient(#0000,#000000e6);width:100%;padding:20px;transition:all .4s;position:absolute;inset:auto 0 0;transform:translateY(100%)}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-item:hover .portfolio-overlay{transform:translateY(0)}.portfolio-overlay h3{color:var(--accent);margin:0 0 5px}.portfolio-overlay p{margin:0;font-size:14px}.hamburger{z-index:1010;background:0 0;flex-direction:column;justify-content:center;gap:5px;padding:8px;display:none}.hamburger-line{transform-origin:50%;background:#fff;border-radius:3px;width:26px;height:2.5px;transition:transform .3s,opacity .3s;display:block}.hamburger.open .hamburger-line:first-child{transform:translateY(7.5px)rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.menu-backdrop{z-index:999;background:#00000080;position:fixed;inset:0}@media (width<=768px){.hamburger{display:flex}.menu-links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:1005;opacity:0;pointer-events:none;background:#0d0d0df2;flex-direction:column;align-items:stretch;gap:0;padding:16px 24px 24px;transition:transform .35s,opacity .3s;position:fixed;top:80px;left:0;right:0;transform:translateY(-120%)}.menu-links.menu-open{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-links li{border-bottom:1px solid var(--border)}.menu-links li:last-child{border-bottom:none}.menu-links button{text-align:left;width:100%;padding:14px 0;font-size:17px;display:block}.menu-links .join-btn{border-bottom:none;margin-top:10px}.menu-links .join-btn button{text-align:center;padding:12px 20px}.hero-section{padding-top:120px;padding-bottom:60px}.hero-section h1{font-size:34px}.hero-section h2{font-size:22px}.hero-section h3{font-size:18px}.hero-actions{gap:12px}.green-btn,.white-btn{width:100%;max-width:260px}.hero-highlights{grid-template-columns:1fr}.services,.portfolio,.process,.cta,.footer,.service-detail,.about-section,.about-features,.contact-section,.portfolio-page{padding-left:16px;padding-right:16px}.services h2,.portfolio h2,.process h2,.cta h2,.service-detail h2,.about-features h2,.contact-form h2,.contact-info h2{font-size:30px}.service-hero h1,.about-hero h1,.contact-hero h1,.portfolio-hero h1{font-size:32px}.contact-container,.about-container{flex-direction:column}}