:root{--dark: #182628;--mint: #65CCB8;--green-light: #57BA98;--green-dark: #3B945E;--light: #F2F2F2;--max-width: 1200px;--glass: rgba(255,255,255,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--mint);color:var(--dark);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .3s,box-shadow .3s}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:var(--max-width);margin:0 auto;padding:0 20px}.navbar.transparent{background:transparent;box-shadow:none}.navbar.solid{background:#fff;box-shadow:0 6px 24px #00000014}.logo{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--dark)}.logo .mark{width:44px;height:44px;border-radius:10px;background:var(--green-dark);display:flex;align-items:center;justify-content:center;color:var(--light);font-weight:900}.nav-links{display:flex;gap:22px;align-items:center}.nav-links a{opacity:.9;font-weight:600}.cta-btn{border:2px solid var(--dark);padding:8px 14px;border-radius:8px;background:transparent;font-weight:800;cursor:pointer}.hero{padding-top:120px}.hero-inner{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:center;max-width:var(--max-width);margin:0 auto;padding:60px 20px}.hero-left h1{font-size:56px;line-height:1.02;margin:0;font-weight:900}.hero-left p{margin-top:18px;font-size:18px;opacity:.9;max-width:680px}.hero-cta{margin-top:24px;display:flex;gap:12px;align-items:center}.btn-primary{background:transparent;border:2px solid var(--dark);padding:12px 22px;border-radius:10px;font-weight:800;cursor:pointer}.btn-ghost{background:var(--dark);color:#fff;padding:12px 22px;border-radius:10px;font-weight:700;border:none;cursor:pointer}.hero-right{display:flex;flex-direction:column;gap:12px}.swatch{height:72px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;box-shadow:0 6px 18px #00000014}.swatch.light{color:var(--dark);background:var(--light);box-shadow:none;border:1px solid rgba(0,0,0,.04)}.section{padding:70px 20px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--max-width);margin:0 auto}.card{background:var(--glass);padding:22px;border-radius:12px;box-shadow:0 8px 30px #0000000f}.card h3{margin:0 0 8px}.card p{margin:0;opacity:.9}.about{max-width:var(--max-width);margin:0 auto;display:flex;gap:28px;align-items:center;padding:20px}.about .left{flex:1}.about .right{width:360px;background:linear-gradient(180deg,var(--green-light),var(--green-dark));padding:18px;border-radius:12px;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:var(--max-width);margin:0 auto}.portfolio-item{height:200px;border-radius:10px;overflow:hidden;position:relative}.portfolio-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.portfolio-item:hover img{transform:scale(1.06)}.contact-form{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.input,textarea{padding:12px;border-radius:8px;border:none;outline:none;font-size:15px}.btn-send{padding:12px 18px;border-radius:8px;border:none;background:var(--dark);color:#fff;font-weight:800;cursor:pointer}.footer{padding:40px 20px;text-align:center;opacity:.9}@media(max-width:980px){.services-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr 1fr}.hero-inner{grid-template-columns:1fr;padding:40px 20px}.hero-right{flex-direction:row;overflow:auto}.about{flex-direction:column}}