:root{--accent:#36b09a;--accent2:#2463a0;--bg:#0a0a0a;--bg2:#111;--text:#ededed;--muted:#9a9a9a;--radius:16px;--container:1120px}*{box-sizing:border-box}body{margin:0;font-family:Montserrat,system-ui,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}header{position:fixed;top:0;left:0;right:0;height:64px;background:#0a0a0aeb;border-bottom:1px solid rgba(255,255,255,.06);z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav{max-width:var(--container);margin:auto;height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:.15em;font-size:14px;background:linear-gradient(135deg,#36b09a,#5dd4be);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav a{font-size:12px;margin-left:20px;color:#cfcfcf;transition:color .2s ease}.nav a:hover{color:var(--accent)}section{padding:96px 24px;position:relative;border-top:1px solid rgba(255,255,255,.04);overflow:hidden}section.alt{background:var(--bg2)}section:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(54,176,154,.06) 0%,transparent 70%);pointer-events:none;top:-100px;right:-200px;border-radius:50%}.container{max-width:var(--container);margin:auto}.hero{min-height:600px;padding-top:64px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#000000b8,#000000d1),url(/assets/img/hero-bg.jpg) center/cover no-repeat;overflow:hidden}.hero:before{background:radial-gradient(circle,rgba(54,176,154,.14) 0%,transparent 60%);top:50%;left:50%;transform:translate(-50%,-50%)}.hero h1{font-size:68px;font-weight:900;text-transform:uppercase;margin:0;line-height:1.05;background:linear-gradient(135deg,#36b09a,#5dd4be 60%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{margin:20px auto 32px;max-width:560px;font-size:14px;color:#d0d0d0;line-height:1.7}.gradient-text{background:linear-gradient(135deg,#36b09a,#5dd4be);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-block;padding:13px 28px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;border:1px solid var(--accent);margin:6px;transition:all .3s ease;cursor:pointer}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#071513;border:none}.btn.primary:hover{box-shadow:0 0 32px #36b09a80;transform:translateY(-2px)}.btn.ghost{color:var(--accent)}.btn.ghost:hover{background:#36b09a1a;transform:translateY(-2px)}.title{text-align:center;margin-bottom:52px}.title h2{margin:0;font-size:40px;font-weight:900;line-height:1.2;background:linear-gradient(135deg,#36b09a,#5dd4be);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title p{margin-top:10px;font-size:13px;color:var(--muted);line-height:1.6}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(54,176,154,.15);border-radius:var(--radius);padding:24px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);border-color:#36b09a66;box-shadow:0 8px 32px #0000004d}.card h3{margin:12px 0 8px;font-size:14px;font-weight:800;color:var(--accent)}.card p,.card ul{font-size:12px;color:#b0b0b0;line-height:1.6}.card ul{list-style:none;padding-left:0;margin-top:12px}.card ul li{margin-bottom:8px;padding-left:18px;position:relative}.card ul li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(54,176,154,.15);border-radius:var(--radius);overflow:hidden}.stat-item{text-align:center;padding:36px 16px;border-right:1px solid rgba(54,176,154,.1)}.stat-item:last-child{border-right:none}.stat-num{font-size:42px;font-weight:900;background:linear-gradient(135deg,#36b09a,#5dd4be);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{font-size:11px;color:var(--muted);margin-top:6px;text-transform:uppercase;letter-spacing:.08em}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.project{background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(54,176,154,.15);border-radius:var(--radius);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006}.project img{width:100%;height:160px;object-fit:cover;transition:transform .4s ease}.project:hover img{transform:scale(1.05)}.project .body{padding:14px}.badge{font-size:10px;padding:4px 10px;border-radius:999px;border:1px solid rgba(54,176,154,.5);color:var(--accent);display:inline-block;margin-top:6px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.price{background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(54,176,154,.15);padding:28px;border-radius:var(--radius);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative}.price:hover{transform:translateY(-6px);border-color:#36b09a80}.price.featured{border:1px solid var(--accent);box-shadow:0 0 40px #36b09a33}.price h3{margin:0;font-size:18px;color:var(--accent)}.amount{font-size:36px;font-weight:900;color:#fff;margin:12px 0 4px}.price ul{list-style:none;padding:0;margin-top:18px}.price li{font-size:12px;margin-bottom:10px;padding-left:18px;position:relative;color:#b0b0b0}.price li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.contact{display:grid;grid-template-columns:360px 1fr;gap:24px}.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.action-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.05em;border:1px solid rgba(54,176,154,.5);background:#0a0a0a80;color:var(--text);transition:all .2s ease;cursor:pointer}.action-btn svg{width:16px;height:16px;flex:0 0 16px;fill:currentColor}.action-btn.primary{border:none;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#071513}.action-btn:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 4px 16px #36b09a33}.action-btn.primary:hover{box-shadow:0 4px 20px #36b09a66}.action-btn:focus-visible{outline:2px solid rgba(54,176,154,.9);outline-offset:3px}input,textarea{width:100%;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-family:inherit;font-size:12px;transition:border-color .2s ease,box-shadow .2s ease;margin-top:10px;display:block}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #36b09a1a}textarea{height:120px;resize:vertical}button[type=submit]{margin-top:14px;padding:13px;border-radius:999px;border:none;background:linear-gradient(90deg,var(--accent),var(--accent2));font-weight:900;font-size:11px;cursor:pointer;transition:all .3s ease;width:100%;color:#071513;letter-spacing:.08em}button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 0 24px #36b09a80}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#36b09a33,#2463a033);border:1px solid rgba(54,176,154,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.cta-box{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(54,176,154,.3);border-radius:var(--radius);padding:56px;text-align:center}.cta-box h3{font-size:32px;font-weight:900;margin:0 0 12px;background:linear-gradient(135deg,#36b09a,#5dd4be);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-box p{font-size:14px;color:#d0d0d0;margin-bottom:24px;line-height:1.6}footer{padding:28px 24px;border-top:1px solid rgba(255,255,255,.06);background:#080808}.footer{max-width:var(--container);margin:auto;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8e8e8e}@media(max-width:1100px){.grid4,.work-grid,.pricing,.stats-bar,.grid3{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.stat-item{border-right:none;border-bottom:1px solid rgba(54,176,154,.1)}.stat-item:last-child{border-bottom:none}}@media(max-width:600px){.hero h1{font-size:40px}.grid4,.work-grid,.pricing,.stats-bar,.grid3,.grid2{grid-template-columns:1fr}.title h2{font-size:28px}.cta-box{padding:32px 20px}.cta-box h3{font-size:22px}section{padding:72px 20px}}
