: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:100px;padding-bottom:60px;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.hero-about{background:linear-gradient(160deg,#0a0a0ae0,#2463a059 50%,#36b09a40),radial-gradient(circle at 60% 50%,rgba(54,176,154,.12),transparent 65%)}.hero.hero-services{background:linear-gradient(135deg,#0a0a0ae6,#36b09a4d 40%,#2463a059 80%,#0a0a0ae6),radial-gradient(ellipse at 30% 50%,rgba(54,176,154,.15),transparent 70%)}.hero.hero-portfolio{background:linear-gradient(180deg,#0a0a0ad9,#2463a04d 50%,#0a0a0ae6),radial-gradient(circle at 70% 40%,rgba(93,212,190,.12),transparent 60%)}.hero.hero-pricing{background:linear-gradient(145deg,#0a0a0ae6,#36b09a33 30%,#2463a04d 60%,#0a0a0ad9),radial-gradient(circle at 20% 80%,rgba(54,176,154,.1),transparent 50%)}.hero.hero-contact{background:linear-gradient(200deg,#0a0a0ad9,#2463a059 45%,#36b09a33 80%,#0a0a0ae6),radial-gradient(circle at 80% 20%,rgba(36,99,160,.15),transparent 60%)}.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}.legal h2{font-size:22px;font-weight:800;color:var(--accent);margin:40px 0 12px}.legal h3{font-size:16px;font-weight:700;color:#ededed;margin:24px 0 8px}.legal p{font-size:14px;line-height:1.85;color:#c8c8c8;margin:0 0 14px}.legal ul{list-style:none;padding:0;margin:0 0 16px}.legal ul li{font-size:14px;line-height:1.85;color:#c8c8c8;padding-left:18px;position:relative;margin-bottom:6px}.legal ul li:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:700}.legal-updated{font-size:12px;color:var(--muted);margin-bottom:32px;font-style:italic}.back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid rgba(54,176,154,.4);color:var(--accent);padding:10px 20px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:all .2s ease;margin-bottom:32px;font-family:inherit}.back-btn svg{width:16px;height:16px;fill:currentColor}.back-btn:hover{background:#36b09a1a;border-color:var(--accent);transform:translateY(-1px)}.burger{display:none;background:none;border:none;cursor:pointer;padding:4px;flex-direction:column;gap:5px;z-index:60}.burger span{display:block;width:24px;height:2px;background:#ededed;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@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}}.mobile-overlay{position:fixed;inset:0;background:#0a0a0af7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;display:flex;align-items:center;justify-content:center}.mobile-overlay nav{display:flex;flex-direction:column;align-items:center;gap:28px}.mobile-overlay nav a{font-size:22px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ededed;transition:color .2s ease;margin-left:0}.mobile-overlay nav a:hover{color:var(--accent)}@media(min-width:769px){.mobile-overlay{display:none}}@media(max-width:768px){.burger{display:flex}.desktop-nav{display: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}}.marquee-wrapper{overflow:hidden;padding:20px 0 24px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.marquee-label{text-align:center;font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin:0 0 16px;font-weight:700}.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite;will-change:transform}.marquee-track:hover{animation-play-state:paused}.marquee-item{display:inline-flex;align-items:center;gap:10px;padding:0 36px;white-space:nowrap;color:var(--text);text-decoration:none;transition:color .2s ease;border-right:1px solid rgba(255,255,255,.05)}.marquee-item:last-child{border-right:none}.marquee-item:hover{color:var(--accent)}.marquee-name{font-size:13px;font-weight:700;letter-spacing:.03em}.marquee-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}