:root{--color-primary:#4f46e5;--color-primary-dark:#4338ca;--color-text-dark:#1a1a2e;--color-text-body:#555;--color-bg-light:#f9f9fc;--font-family:"Segoe UI", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text-dark);line-height:1.6}a{text-decoration:none}ul{list-style:none}body{padding-top:110px}.navbar{-webkit-backdrop-filter:blur(12px);z-index:1000;background-color:#ffffffb3;border-radius:50px;justify-content:center;align-items:center;gap:20px;width:fit-content;max-width:90%;height:70px;padding:10px 20px;transition:all .4s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000001a}.navbar.scrolled{max-width:400px;padding:10px 24px}.logo-img{width:auto;height:55px;max-height:100%;display:block}.nav-links{opacity:1;gap:28px;max-width:500px;list-style:none;transition:opacity .3s,max-width .4s;display:flex;overflow:hidden}.nav-links.hide-links{opacity:0;pointer-events:none;gap:0;max-width:0}.nav-links a{color:#333;white-space:nowrap;font-weight:500;text-decoration:none}.nav-links a:hover{color:#4f46e5}.quote-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#1a1a2e;border:none;border-radius:50px;padding:10px 22px;font-weight:600}.quote-btn:hover{background-color:#4f46e5}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;padding:0;display:none}.hamburger span{background-color:#1a1a2e;border-radius:2px;width:100%;height:3px;display:block}@media (width<=768px){.navbar{width:90%;padding:10px 20px}.navbar.scrolled{max-width:90%}.desktop-only{display:none}.hamburger{display:flex}.nav-links{opacity:0;background:#fff;border-radius:16px;flex-direction:column;gap:0;width:90%;max-width:320px;max-height:0;padding:0;transition:max-height .3s,opacity .3s,padding .3s;position:fixed;top:100px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 24px #00000026}.nav-links.menu-open{opacity:1;max-height:300px;padding:20px 0}.nav-links li{text-align:center;padding:10px 0}.nav-links.hide-links{opacity:1;pointer-events:auto;gap:0;max-width:320px}}.hero{background:linear-gradient(180deg, #fff 0%, var(--color-bg-light) 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;padding:80px 60px;display:flex}.hero-text{max-width:520px}.hero-text h1{color:var(--color-text-dark);margin-bottom:18px;font-size:42px;line-height:1.2}.hero-text p{color:var(--color-text-body);font-size:17px;line-height:1.6}.hero-form{background:#fff;border:1px solid #eee;border-radius:14px;width:300px;padding:28px;box-shadow:0 8px 24px #00000014}.hero-form h3{color:var(--color-text-dark);margin-bottom:18px;font-size:18px}.hero-form select{border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:14px;padding:12px;font-family:inherit;font-size:14px}.hero-form button{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-weight:600;transition:background-color .2s,transform .15s}.hero-form button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}@media (width<=768px){.hero{text-align:center;flex-direction:column;padding:60px 24px}.hero-text{max-width:100%}.hero-text h1{font-size:30px}.hero-form{width:100%;max-width:340px}}.form-success{color:#16a34a;margin-top:10px;font-size:13px;font-weight:500}.form-error{color:#dc2626;margin-top:10px;font-size:13px;font-weight:500}.services{text-align:center;padding:80px 60px}.services h2{color:var(--color-text-dark);margin-bottom:12px;font-size:34px}.services-subtitle{color:var(--color-text-body);margin-bottom:48px;font-size:16px}.services-grid{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.service-card{text-align:left;background:#fff;border:1px solid #f0f0f5;border-radius:14px;width:300px;padding:32px;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 16px #0000000f}.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #4f46e526}.service-card h3{color:var(--color-text-dark);margin-bottom:12px;font-size:19px}.service-card p{color:var(--color-text-body);font-size:15px;line-height:1.6}@media (width<=768px){.services{padding:60px 24px}.services h2{font-size:26px}.service-card{width:100%;max-width:340px}}.why-us{background-color:var(--color-bg-light);text-align:center;padding:80px 60px}.why-us h2{color:var(--color-text-dark);margin-bottom:48px;font-size:34px}.why-us-grid{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.why-card{text-align:left;background:#fff;border:1px solid #f0f0f5;border-radius:14px;width:240px;padding:28px;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 16px #0000000d}.why-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #4f46e526}.why-card h3{color:var(--color-primary);margin-bottom:10px;font-size:18px}.why-card p{color:var(--color-text-body);font-size:14px;line-height:1.6}@media (width<=768px){.why-us{padding:60px 24px}.why-us h2{font-size:26px}.why-card{width:100%;max-width:340px}}.portfolio{text-align:center;padding:80px 60px}.portfolio h2{color:var(--color-text-dark);margin-bottom:12px;font-size:34px}.portfolio-subtitle{color:var(--color-text-body);margin-bottom:48px;font-size:16px}.portfolio-grid{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.portfolio-card{text-align:left;width:280px;color:inherit;background:#fff;border:1px solid #f0f0f5;border-radius:14px;padding:28px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:block;box-shadow:0 4px 16px #0000000f}.portfolio-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #4f46e526}.portfolio-card h3{color:var(--color-text-dark);margin-bottom:10px;font-size:18px}.portfolio-card p{color:var(--color-text-body);font-size:14px;line-height:1.6}@media (width<=768px){.portfolio{padding:60px 24px}.portfolio h2{font-size:26px}.portfolio-card{width:100%;max-width:340px}}.contact{background-color:var(--color-bg-light);text-align:center;padding:80px 60px}.contact h2{color:var(--color-text-dark);margin-bottom:12px;font-size:34px}.contact-subtitle{color:var(--color-text-body);margin-bottom:48px;font-size:16px}.contact-wrapper{text-align:left;flex-wrap:wrap;justify-content:center;gap:50px;display:flex}.contact-form{background:#fff;border:1px solid #f0f0f5;border-radius:14px;flex-direction:column;gap:16px;width:340px;padding:28px;display:flex;box-shadow:0 4px 16px #0000000f}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:8px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-primary);outline:none}.contact-form button{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px;font-weight:600;transition:background-color .2s,transform .15s}.contact-form button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.contact-info{padding-top:10px}.contact-info p{color:var(--color-text-dark);margin-bottom:16px;font-size:15px}@media (width<=768px){.contact{padding:60px 24px}.contact h2{font-size:26px}.contact-wrapper{flex-direction:column;align-items:center}.contact-form{width:100%;max-width:340px}}.form-success{color:#16a34a;font-size:14px;font-weight:500}.form-error{color:#dc2626;font-size:14px;font-weight:500}.footer{background-color:var(--color-text-dark);color:#ccc;flex-wrap:wrap;justify-content:space-between;gap:40px;padding:60px 60px 24px;display:flex}.footer-col{min-width:180px}.footer-col h3{color:#fff;margin-bottom:12px;font-size:20px}.footer-col h4{color:#fff;margin-bottom:16px;font-size:15px}.footer-col p{color:#bbb;font-size:14px;line-height:1.6}.footer-col ul li{color:#bbb;margin-bottom:10px;font-size:14px}.footer-col a{color:#bbb;transition:color .2s}.footer-col a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;color:#888;border-top:1px solid #333;width:100%;margin-top:40px;padding-top:20px;font-size:13px}@media (width<=768px){.footer{text-align:center;justify-content:center;padding:50px 24px 20px}.footer-col{width:100%}}