:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000014}.header.scrolled{background:#fffffffa;box-shadow:0 8px 30px #0000001f;border-bottom:1px solid rgba(102,126,234,.1)}.header-container{max-width:1400px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem);display:flex;justify-content:space-between;align-items:center;height:clamp(70px,8vh,80px)}.logo{display:flex;align-items:center}.logo-button{background:none;border:none;cursor:pointer;padding:0;text-decoration:none;color:#333;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.75rem}.logo-button:hover{transform:scale(1.05)}.logo-icon{font-size:clamp(1.5rem,3vw,2rem);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.logo-button:hover .logo-icon{transform:rotate(15deg)}.logo h1{font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em;white-space:nowrap}.nav-menu{display:flex;align-items:center}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:clamp(.5rem,1vw,1rem)}.nav-item{position:relative}.nav-link{background:none;border:none;text-decoration:none;color:#333;font-weight:500;font-size:clamp(.85rem,1.2vw,.95rem);padding:clamp(.6rem,1.2vw,.8rem) clamp(1rem,1.5vw,1.25rem);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer;letter-spacing:.01em;display:flex;align-items:center;gap:.5rem;overflow:hidden}.nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.nav-link:hover:before,.nav-link.active:before{transform:scaleX(1)}.nav-link:hover{color:#667eea;transform:translateY(-2px)}.nav-link.active{color:#667eea;font-weight:600}.nav-icon{font-size:clamp(.9rem,1.3vw,1rem);transition:transform .3s ease}.nav-link:hover .nav-icon{transform:scale(1.2)}.nav-text{position:relative;z-index:1}.header-actions{display:flex;align-items:center;gap:1rem}.cta-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:clamp(.6rem,1.2vw,.8rem) clamp(1.2rem,2vw,1.5rem);border-radius:25px;font-size:clamp(.8rem,1.2vw,.9rem);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.02em;box-shadow:0 4px 15px #667eea4d;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;position:relative}.mobile-menu-btn:hover{background:#667eea1a}.hamburger{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;width:100%;height:2px;background:#333;border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.mobile-menu-btn.active .hamburger span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-btn.active .hamburger span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.active .hamburger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (min-width: 1400px){.header-container{max-width:1600px}}@media (max-width: 1024px){.nav-list{gap:.5rem}.nav-link{padding:.6rem 1rem}.cta-button{padding:.6rem 1.2rem}}@media (max-width: 768px){.header-container{padding:0 1rem}.nav-menu{position:fixed;top:100%;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.08);box-shadow:0 8px 30px #0000001f;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-list{flex-direction:column;gap:0;padding:1rem 0}.nav-item{width:100%}.nav-link{display:flex;width:100%;padding:1rem 2rem;text-align:left;border-radius:0;font-size:1rem;font-weight:500;justify-content:flex-start}.nav-link:hover{background:#667eea1a;transform:none}.nav-link:before{display:none}.nav-icon{font-size:1.1rem}.mobile-menu-btn{display:block}.cta-button{display:none}}@media (max-width: 480px){.header-container{padding:0 .75rem}.logo-button{gap:.5rem}.nav-link{padding:1.25rem 1.5rem;font-size:1rem}.hamburger{width:20px;height:16px}.mobile-menu-btn.active .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.active .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.team-hero{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0f2fe,#e8eaf6);position:relative;display:flex;align-items:center;justify-content:center;padding:2rem 0;color:#333;overflow:hidden;margin-top:-10px;width:100%}.team-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffffe6,#f8f9facc);z-index:1}.hero-container{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem);text-align:center;position:relative;z-index:2}.hero-content{margin-bottom:3rem}.hero-title{padding-top:1.8rem;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;margin-bottom:1.5rem;color:#333;letter-spacing:-.02em;line-height:1.2;animation:fadeInUp 1s ease-out}.hero-description{font-size:clamp(1.1rem,2.5vw,1.25rem);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;color:#666;font-weight:400;animation:fadeInUp 1s ease-out .2s both}.hero-stats{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap;animation:fadeInUp 1s ease-out .4s both}.stat-item{text-align:center;background:#fff;border-radius:25px;padding:.75rem 1.5rem;border:none;transition:all .3s ease;min-width:140px;box-shadow:0 4px 15px #0000001a;position:relative;overflow:hidden}.stat-item:nth-child(1){background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.stat-item:nth-child(2){background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.stat-item:nth-child(3){background:linear-gradient(135deg,#6f42c1,#5a2d91);color:#fff}.stat-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.stat-number{display:block;font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:700;margin-bottom:.25rem}.stat-label{font-size:clamp(.75rem,1.1vw,.85rem);opacity:.95;font-weight:500}.hero-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem;max-width:900px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out .6s both}.skill-card{background:#fff;border-radius:16px;padding:2rem 1.5rem;border:1px solid #e9ecef;transition:all .3s ease;position:relative;box-shadow:0 4px 15px #00000014}.skill-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f;border-color:#dee2e6}.skill-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:1.2rem}.skill-card:nth-child(1) .skill-icon{background:linear-gradient(135deg,#007bff,#0056b3)}.skill-card:nth-child(2) .skill-icon{background:linear-gradient(135deg,#28a745,#1e7e34)}.skill-card:nth-child(3) .skill-icon{background:linear-gradient(135deg,#6f42c1,#5a2d91)}.skill-card:nth-child(4) .skill-icon{background:linear-gradient(135deg,#fd7e14,#e55a00)}.skill-card h3{font-size:clamp(1rem,1.8vw,1.1rem);margin-bottom:.5rem;font-weight:600;color:#333;letter-spacing:-.01em}.skill-card p{color:#666;line-height:1.4;font-size:clamp(.8rem,1.2vw,.9rem);font-weight:400}.hero-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .8s both}.btn{padding:clamp(1rem,2vw,1.25rem) clamp(2rem,4vw,3rem);border-radius:50px;font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);min-width:180px;position:relative;overflow:hidden;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn:hover:before{left:100%}.btn.primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 8px 25px #007bff4d;border:2px solid transparent}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #007bff66;background:linear-gradient(135deg,#0056b3,#004085)}.btn.primary:active{transform:translateY(-1px);box-shadow:0 8px 20px #007bff4d}.btn.secondary{background:#fff;color:#333;border:2px solid #dee2e6;box-shadow:0 4px 15px #00000014}.btn.secondary:hover{background:#f8f9fa;border-color:#adb5bd;color:#333;transform:translateY(-3px);box-shadow:0 12px 30px #0000001a}.btn.secondary:active{transform:translateY(-1px);box-shadow:0 6px 20px #00000014}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none;box-shadow:inherit}@media (min-width: 1400px){.hero-container{max-width:1400px}.btn{min-width:200px}.hero-skills{gap:2rem}.skill-card{padding:2.5rem 2rem}}@media (min-width: 1024px){.hero-skills{grid-template-columns:repeat(4,1fr);gap:1.5rem}.skill-card{padding:2rem 1.5rem}}@media (max-width: 1023px) and (min-width: 768px){.hero-container{padding:0 1.5rem}.hero-skills{grid-template-columns:repeat(2,1fr);gap:1.5rem}.skill-card{padding:2rem 1.5rem}.hero-actions{gap:1.25rem}.btn{min-width:160px}.hero-stats{gap:1rem}.stat-item{min-width:120px;padding:.6rem 1.2rem}}@media (max-width: 767px){.team-hero{padding:1.5rem 0}.hero-container{padding:0 1rem}.hero-content{margin-bottom:2.5rem}.hero-stats{flex-direction:column;gap:1rem;margin-bottom:2.5rem}.stat-item{min-width:auto;width:100%;max-width:280px;margin:0 auto}.hero-skills{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}.skill-card{padding:2rem 1.5rem}.hero-actions{flex-direction:column;align-items:center;gap:1rem}.btn{width:100%;max-width:300px;min-width:auto}}@media (max-width: 480px){.hero-container{padding:0 .75rem}.hero-content,.hero-stats{margin-bottom:2rem}.stat-item{padding:.6rem 1rem}.hero-skills{margin-bottom:2rem}.skill-card{padding:1.75rem 1.25rem}.btn{padding:.875rem 1.75rem;font-size:.95rem}}.team-members{padding:clamp(3rem,6vh,4rem) 2rem;background:linear-gradient(135deg,#f8f9fa,#fff);position:relative;overflow:hidden}.team-members:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(102,126,234,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');opacity:.5;z-index:1}.container{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem);position:relative;z-index:2}.section-header{text-align:center;margin-bottom:clamp(2.5rem,5vh,3.5rem);animation:fadeInUp 1s ease-out}.section-header h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;color:#333;margin-bottom:1rem;letter-spacing:-.02em;line-height:1.2}.section-header p{font-size:clamp(.9rem,1.8vw,1.1rem);color:#666;max-width:600px;margin:0 auto;line-height:1.6;font-weight:400}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(2.5rem,5vh,3.5rem)}.team-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);position:relative;animation:fadeInUp 1s ease-out}.team-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f}.member-info{padding:clamp(1.5rem,3vw,2rem);display:flex;gap:1.5rem;align-items:flex-start}.member-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #f0f0f0;transition:all .3s ease;flex-shrink:0}.team-card:hover .member-image{border-color:#667eea;transform:scale(1.05)}.member-details{flex:1;min-width:0}.member-details h3{font-size:clamp(1.1rem,2vw,1.3rem);font-weight:700;color:#333;margin-bottom:.25rem;letter-spacing:-.01em;line-height:1.2}.member-details h4{font-size:clamp(.85rem,1.3vw,.95rem);color:#667eea;font-weight:600;margin-bottom:.75rem;letter-spacing:.02em}.member-details p{color:#666;line-height:1.5;margin-bottom:1rem;font-size:clamp(.8rem,1.2vw,.9rem);display:none}.member-stats{display:flex;flex-direction:column;gap:1rem}.experience{color:#888;font-size:clamp(.75rem,1.1vw,.85rem);font-weight:500;background:none;padding:0;border-radius:0;box-shadow:none;width:auto}.skills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#f8f9fa;color:#555;padding:.35rem .75rem;border-radius:12px;font-size:clamp(.7rem,1vw,.8rem);font-weight:500;border:1px solid #e9ecef;transition:all .3s ease}.skill-tag:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #667eea33}.team-features{text-align:center;animation:fadeInUp 1s ease-out .3s both}.team-features h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#333;margin-bottom:1.5rem;letter-spacing:-.01em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(1.5rem,3vw,2rem);max-width:900px;margin:0 auto}.feature-card{background:#fff;padding:clamp(1.5rem,3vw,2rem);border-radius:16px;box-shadow:0 4px 20px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.05),transparent);transition:left .6s ease}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000001a}.feature-icon{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:1rem;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.1))}.feature-card h4{font-size:clamp(1rem,1.8vw,1.1rem);font-weight:600;color:#333;margin-bottom:.75rem;letter-spacing:-.01em}.feature-card p{color:#666;line-height:1.5;font-size:clamp(.8rem,1.2vw,.9rem)}@media (min-width: 1400px){.container{max-width:1400px}.team-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}.features-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.team-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.member-info{padding:2rem}.member-image{width:90px;height:90px}}@media (max-width: 1023px) and (min-width: 768px){.team-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.member-info{padding:1.5rem}.member-image{width:75px;height:75px}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 767px){.team-members{padding:2.5rem 0}.container{padding:0 1rem}.section-header{margin-bottom:2rem}.team-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}.member-info{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.member-image{width:80px;height:80px;margin:0 auto}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}}@media (max-width: 480px){.team-members{padding:2rem 0}.container{padding:0 .75rem}.section-header{margin-bottom:1.5rem}.team-grid{gap:1.25rem;margin-bottom:2rem}.member-info{padding:1.25rem}.member-image{width:70px;height:70px}.feature-card{padding:1.25rem}.skills{gap:.4rem}.skill-tag{padding:.3rem .6rem;font-size:.75rem}}.project-showcase{padding:clamp(4rem,8vh,6rem) 2rem;background:#fff;position:relative;overflow:hidden;width:100%}.project-showcase:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="hexagons" width="50" height="43.4" patternUnits="userSpaceOnUse"><polygon points="25,2 47,13.4 47,36.6 25,48 3,36.6 3,13.4" fill="none" stroke="rgba(102,126,234,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23hexagons)"/></svg>');opacity:.6;z-index:1}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:clamp(2rem,4vw,3rem)}.project-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 30px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);position:relative;animation:fadeInUp 1s ease-out}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .4s ease}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026}.project-image{position:relative;height:clamp(200px,25vh,250px);overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-image img{transform:scale(1.1)}.project-category{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#667eeaf2,#764ba2f2);color:#fff;padding:.6rem 1.2rem;border-radius:25px;font-size:clamp(.75rem,1.2vw,.85rem);font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #667eea4d}.project-content{padding:clamp(2rem,4vw,3rem)}.project-content h3{font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:700;color:#333;margin-bottom:1rem;letter-spacing:-.01em;line-height:1.3}.project-content p{color:#666;line-height:1.7;margin-bottom:2rem;font-size:clamp(.9rem,1.5vw,1rem)}.project-technologies{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.tech-tag{background:linear-gradient(135deg,#f8f9fa,#fff);color:#333;padding:.5rem 1rem;border-radius:20px;font-size:clamp(.75rem,1.2vw,.85rem);font-weight:500;border:1px solid rgba(0,0,0,.1);transition:all .3s ease}.tech-tag:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.project-results h4{font-size:clamp(1rem,1.8vw,1.2rem);font-weight:600;color:#333;margin-bottom:1rem;letter-spacing:-.01em}.project-results ul{list-style:none;padding:0;margin:0}.project-results li{color:#666;position:relative;padding:.5rem 0 .5rem 2rem;font-size:clamp(.85rem,1.3vw,.95rem);line-height:1.5}.project-results li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width: 1400px){.container{max-width:1600px}.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-content{padding:2rem 1.5rem}}@media (max-width: 768px){.project-showcase{padding:3rem 0}.container{padding:0 1rem}.section-header{margin-bottom:3rem}.projects-grid{grid-template-columns:1fr;gap:2rem}.project-image{height:200px}.project-content{padding:2rem 1.5rem}.project-category{font-size:.8rem;padding:.5rem 1rem}}@media (max-width: 480px){.project-showcase{padding:2.5rem 0}.container{padding:0 .75rem}.section-header{margin-bottom:2.5rem}.projects-grid{gap:1.5rem}.project-image{height:180px}.project-content{padding:1.75rem 1.25rem}.project-category{font-size:.75rem;padding:.4rem .8rem}}.website-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;animation:fadeIn .3s ease-out forwards;box-sizing:border-box}.website-modal-content{background:#fff;border-radius:16px;max-width:min(95vw,1200px);max-height:min(90vh,800px);width:100%;height:min(600px,70vh);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;position:relative;display:flex;flex-direction:column;overflow:hidden;transform:scale(.9);animation:modalIn .3s ease-out .1s forwards;box-sizing:border-box}.website-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f1f5f9;background:#fafafa;border-radius:16px 16px 0 0;flex-shrink:0}.website-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.website-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s ease;padding:0;font-size:0}.website-modal-close:hover{background:#ef4444;border-color:#dc2626;color:#fff;transform:scale(1.05)}.website-modal-close:active{transform:scale(.95)}.website-modal-body{flex:1;padding:0;overflow:hidden;border-radius:0 0 16px 16px;position:relative;display:flex;flex-direction:column}.website-modal-iframe-wrapper{flex:1;overflow:auto;border-radius:0 0 16px 16px;background:#fff;position:relative;z-index:2}.website-modal-body:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);z-index:1}.website-modal-iframe-wrapper iframe{width:100%;height:100%;border:none;border-radius:0 0 16px 16px;background:#fff;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width: 768px){.website-modal-overlay{padding:10px;align-items:flex-start;padding-top:max(10px,env(safe-area-inset-top,10px));padding-bottom:max(10px,env(safe-area-inset-bottom,10px))}.website-modal-content{height:calc(100vh - 40px);max-height:calc(100vh - 40px);min-height:400px;border-radius:12px;margin-top:10px}.website-modal-header{padding:14px 18px 10px;border-radius:12px 12px 0 0;flex-shrink:0}.website-modal-title{font-size:1rem}.website-modal-close{width:32px;height:32px;border-radius:6px}.website-modal-body{border-radius:0 0 12px 12px;flex:1;overflow:hidden;display:flex;flex-direction:column}.website-modal-iframe-wrapper{flex:1;overflow:auto;border-radius:0 0 12px 12px;background:#fff;position:relative;z-index:2}.website-modal-iframe-wrapper iframe{border-radius:0 0 12px 12px;width:100%;height:100%;display:block}}@media (max-width: 480px){.website-modal-overlay{padding:5px;padding-top:max(5px,env(safe-area-inset-top,5px));padding-bottom:max(5px,env(safe-area-inset-bottom,5px))}.website-modal-content{height:calc(100vh - 20px);max-height:calc(100vh - 20px);min-height:350px;border-radius:10px;margin-top:5px}.website-modal-header{padding:12px 14px 8px;border-radius:10px 10px 0 0}.website-modal-title{font-size:.9rem;font-weight:600}.website-modal-close{width:30px;height:30px;border-radius:5px}.website-modal-close svg{width:16px;height:16px}.website-modal-body{border-radius:0 0 10px 10px;display:flex;flex-direction:column}.website-modal-iframe-wrapper{flex:1;overflow:auto;border-radius:0 0 10px 10px;background:#fff;position:relative;z-index:2}.website-modal-iframe-wrapper iframe{border-radius:0 0 10px 10px;width:100%;height:100%;display:block}}@media (max-width: 360px){.website-modal-overlay{padding:3px;padding-top:max(3px,env(safe-area-inset-top,3px));padding-bottom:max(3px,env(safe-area-inset-bottom,3px))}.website-modal-content{height:calc(100vh - 12px);max-height:calc(100vh - 12px);min-height:320px;border-radius:8px;margin-top:3px}.website-modal-header{padding:10px 12px 6px;border-radius:8px 8px 0 0}.website-modal-title{font-size:.85rem}.website-modal-close{width:28px;height:28px}.website-modal-body{border-radius:0 0 8px 8px;display:flex;flex-direction:column}.website-modal-iframe-wrapper{flex:1;overflow:auto;border-radius:0 0 8px 8px;background:#fff;position:relative;z-index:2}.website-modal-iframe-wrapper iframe{border-radius:0 0 8px 8px;width:100%;height:100%;display:block}}.website-modal-content iframe[src=""]{background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2'%3E%3Cpath d='M21 12c0 5-4 9-9 9s-9-4-9-9 4-9 9-9c5 0 9 4 9 9z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E") center center no-repeat;background-size:40px 40px}@media (prefers-color-scheme: dark){.website-modal-content{background:#1e293b;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}.website-modal-header{background:#334155;border-bottom-color:#475569}.website-modal-title{color:#f1f5f9}.website-modal-close{background:#475569;border-color:#64748b;color:#cbd5e1}.website-modal-close:hover{background:#ef4444;border-color:#dc2626;color:#fff}}.website-modal-close:focus{outline:2px solid #3b82f6;outline-offset:2px}.website-modal-content,.website-modal-close,.website-modal-overlay{transition:all .2s ease}@media (hover: none) and (pointer: coarse){.website-modal-close:hover{background:#f8fafc;border-color:#e2e8f0;color:#64748b;transform:none}.website-modal-close:active{background:#ef4444;border-color:#dc2626;color:#fff;transform:scale(.95)}}@media (pointer: coarse){.website-modal-close{min-width:44px;min-height:44px}}@supports (-webkit-touch-callout: none){.website-modal-content{max-height:calc(100vh - 40px)}@media (max-width: 480px){.website-modal-content{max-height:calc(100vh - 20px)}}@media (max-width: 360px){.website-modal-content{max-height:calc(100vh - 12px)}}}.work-process{padding:clamp(4rem,8vh,6rem) 2rem;background:linear-gradient(135deg,#f8f9fa,#fff);position:relative;overflow:hidden}.work-process:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="circles" width="30" height="30" patternUnits="userSpaceOnUse"><circle cx="15" cy="15" r="2" fill="rgba(102,126,234,0.08)"/></pattern></defs><rect width="100" height="100" fill="url(%23circles)"/></svg>');opacity:.7;z-index:1}.container{max-width:1400px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem);position:relative;z-index:2}.section-header{text-align:center;margin-bottom:clamp(3rem,6vh,5rem);animation:fadeInUp 1s ease-out}.section-header h2{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#333;margin-bottom:1.5rem;letter-spacing:-.02em;line-height:1.2}.section-header p{font-size:clamp(1rem,2vw,1.2rem);color:#666;max-width:700px;margin:0 auto;line-height:1.7;font-weight:400}.process-steps{display:flex;flex-direction:row;gap:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(3rem,6vh,5rem);flex-wrap:wrap;justify-content:center}.process-step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:280px;max-width:320px;position:relative;animation:fadeInUp 1s ease-out}.step-content{background:#fff;padding:clamp(2rem,4vw,2.5rem);border-radius:20px;box-shadow:0 10px 40px #0000001a;width:100%;position:relative;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center}.step-content:nth-child(1) .step-content,.process-step:nth-child(1) .step-content{border-color:#3b82f6}.process-step:nth-child(2) .step-content{border-color:#8b5cf6}.process-step:nth-child(3) .step-content{border-color:#10b981}.process-step:nth-child(4) .step-content{border-color:#f59e0b}.step-content:hover{transform:translateY(-8px);box-shadow:0 25px 60px #00000026}.step-icon{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;box-shadow:0 6px 20px #0003}.process-step:nth-child(1) .step-number{background:#3b82f6}.process-step:nth-child(2) .step-number{background:#8b5cf6}.process-step:nth-child(3) .step-number{background:#10b981}.process-step:nth-child(4) .step-number{background:#f59e0b}.step-content h3{font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:700;color:#333;margin-bottom:1rem;letter-spacing:-.01em}.step-content p{color:#666;line-height:1.6;margin-bottom:1.5rem;font-size:clamp(.9rem,1.5vw,1rem)}.step-tasks{display:flex;flex-direction:column;gap:.5rem;text-align:left}.task-item{display:flex;align-items:center;gap:.5rem;color:#555;font-size:clamp(.85rem,1.3vw,.9rem);line-height:1.4}.task-check{color:#10b981;font-weight:700;font-size:1rem;min-width:16px}.step-connector{display:none}.core-values{text-align:center;animation:fadeInUp 1s ease-out .3s both;margin-top:clamp(3rem,6vh,5rem)}.core-values h3{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:#333;margin-bottom:1.5rem;letter-spacing:-.01em}.core-values>p{font-size:clamp(1rem,2vw,1.2rem);color:#666;max-width:700px;margin:0 auto clamp(2rem,4vh,3rem);line-height:1.7;font-weight:400}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(2rem,4vw,3rem);max-width:1200px;margin:0 auto}.value-card{background:#fff;padding:clamp(2rem,4vw,3rem);border-radius:20px;box-shadow:0 8px 30px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.05),transparent);transition:left .6s ease}.value-card:hover:before{left:100%}.value-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026}.value-icon{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.value-card h4{font-size:clamp(1.1rem,2vw,1.3rem);font-weight:600;color:#333;margin-bottom:1rem;letter-spacing:-.01em}.value-card p{color:#666;line-height:1.6;font-size:clamp(.9rem,1.5vw,1rem)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1400px){.container{max-width:1600px}.process-steps{gap:2.5rem}.process-step{max-width:350px}.values-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.process-steps{flex-direction:row;flex-wrap:nowrap;gap:2rem}.process-step{flex:1;min-width:auto}}@media (max-width: 1023px) and (min-width: 768px){.process-steps{flex-wrap:wrap;gap:2rem}.process-step{flex:1 1 calc(50% - 1rem);min-width:280px}.values-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 767px){.work-process{padding:3rem 0}.container{padding:0 1rem}.section-header{margin-bottom:3rem}.process-steps{flex-direction:column;gap:2rem}.process-step{min-width:100%;max-width:100%}.step-content{padding:2rem 1.5rem}.step-number{width:32px;height:32px;font-size:.9rem}.values-grid{grid-template-columns:1fr;gap:1.5rem}.value-card{padding:2rem 1.5rem}}@media (max-width: 480px){.work-process{padding:2.5rem 0}.container{padding:0 .75rem}.section-header{margin-bottom:2.5rem}.process-steps{gap:1.5rem;margin-bottom:2.5rem}.step-content{padding:1.75rem 1.25rem}.step-number{width:30px;height:30px;font-size:.85rem}.value-card{padding:1.75rem 1.25rem}}html,body{overflow-x:hidden}.contact-section{position:relative;padding:4rem 2rem 6rem;background:linear-gradient(135deg,#fff,#f8fafc,#e0f2fe);overflow:hidden;width:100%}.contact-section:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236366f1' fill-opacity='0.03'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4;z-index:1}.contact-container{position:relative;max-width:1280px;margin:0 auto;padding:0 1rem;z-index:2;width:100%;box-sizing:border-box}.contact-header{text-align:center;margin-bottom:4rem}.contact-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#1f2937;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.025em}.contact-subtitle{font-size:clamp(1.125rem,2.5vw,1.25rem);color:#6b7280;max-width:48rem;margin:0 auto;line-height:1.6}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-title{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700;color:#1f2937;margin-bottom:2rem}.benefits-list{display:flex;flex-direction:column;gap:1.5rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f3f4f6;transition:all .3s cubic-bezier(.4,0,.2,1)}.benefit-item:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a;border-color:#e5e7eb}.benefit-icon{flex-shrink:0;padding:.75rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:.75rem;transition:all .3s ease}.benefit-item:hover .benefit-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.benefit-content h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.benefit-content p{color:#6b7280;line-height:1.5}.contact-details{background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:2rem;border-radius:1rem;border:1px solid #93c5fd}.details-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.contact-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.contact-item:last-child{margin-bottom:0}.contact-label{color:#6b7280;font-weight:500}.contact-value{font-weight:600;color:#1f2937}.contact-form{background:#fff;border-radius:1.5rem;box-shadow:0 10px 25px #0000001a;border:1px solid #f3f4f6;overflow:hidden;width:100%;box-sizing:border-box}.form-header{height:.5rem;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#3b82f6);background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.form-content{padding:2.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem;width:100%}.form-group.full-width{grid-column:1 / -1}.form-label{display:block;font-weight:600;color:#1f2937;margin-bottom:.5rem;font-size:.875rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:1rem;transition:all .2s ease;background:#f9fafb;color:#1f2937}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#9ca3af}.form-textarea{resize:vertical;min-height:120px;line-height:1.5}.submit-button{width:100%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background-size:200% 200%;color:#fff;font-weight:600;padding:1rem 2rem;border:none;border-radius:.75rem;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-sizing:border-box}.submit-button:hover:not(:disabled){background-position:100% 0;transform:translateY(-1px);box-shadow:0 10px 25px #3b82f64d}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-message{margin-top:1rem;padding:1rem;border-radius:.75rem;text-align:center;font-weight:500;animation:fadeInUp .5s ease-out;width:100%;box-sizing:border-box}.submit-message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #a7f3d0}.submit-message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fecaca}.cta-banner{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:1.5rem;padding:3rem 2rem;text-align:center;box-shadow:0 20px 40px #3b82f633;position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='20' cy='20' r='2'/%3E%3C/g%3E%3C/svg%3E");opacity:.3;z-index:1}.cta-content{position:relative;z-index:2;width:100%}.cta-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2}.cta-description{font-size:clamp(1rem,2vw,1.25rem);color:#ffffffe6;margin-bottom:2rem;line-height:1.6;max-width:32rem;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;width:100%}.cta-button{padding:1rem 2rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent;min-width:160px;font-size:1rem}.cta-button.primary{background:#fff;color:#3b82f6;border-color:#fff}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d;background:#f8fafc}.cta-button.secondary{background:transparent;color:#fff;border-color:#fff}.cta-button.secondary:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.success-modal{position:fixed;inset:0;background:#2c3e5026;display:flex;align-items:center;justify-content:center;z-index:9999}.success-modal .modal-content{background:#fff;border-radius:1.2rem;padding:2rem 2.5rem;box-shadow:0 4px 24px #2c3e501f;text-align:center}.success-modal h4{font-size:1.3rem;font-weight:700;color:#232533;margin-bottom:.7rem}.success-modal p{color:#232533;font-size:1.1rem;margin-bottom:1.2rem}.success-modal button{background:#4f6cf7;color:#fff;border:none;border-radius:2rem;padding:.9rem 2.2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width: 1024px){.contact-content{gap:3rem}.form-content{padding:2rem}}@media (max-width: 768px){.contact-section{padding:3rem 0 4rem}.contact-container{padding:0 1rem}.contact-header{margin-bottom:3rem}.contact-content{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-content,.contact-details{padding:1.5rem}.cta-banner{padding:2rem 1.5rem}.cta-buttons{flex-direction:column;gap:.75rem}.cta-button{width:100%;min-width:auto}}@media (max-width: 480px){.contact-section{padding:2rem 0 3rem}.contact-container{padding:0 .75rem}.contact-header{margin-bottom:2rem}.contact-content{gap:1.5rem;margin-bottom:2rem}.benefits-list{gap:1rem}.benefit-item{padding:1rem}.form-content,.contact-details{padding:1.25rem}.contact-item{flex-direction:column;align-items:flex-start;gap:.25rem}.cta-banner{padding:1.5rem 1rem}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding-top:80px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pricing-section{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0f2fe,#e8eaf6);padding:80px 2rem;position:relative;overflow:hidden;width:100%}.bg-decoration{position:absolute;width:288px;height:288px;border-radius:50%;mix-blend-mode:multiply;filter:blur(64px);opacity:.3;animation:pulse 4s ease-in-out infinite}.bg-decoration-1{top:40px;left:40px;background-color:#ddd6fe;animation-delay:0s}.bg-decoration-2{top:80px;right:40px;background-color:#bfdbfe;animation-delay:1s}.bg-decoration-3{bottom:-32px;left:80px;background-color:#fce7f3;animation-delay:.5s}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.2}}.pricing-container{max-width:1400px;margin:0 auto;position:relative;z-index:10}.pricing-header{text-align:center;margin-bottom:64px}.pricing-header-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:16px;margin-bottom:24px;box-shadow:0 10px 30px #7c3aed4d}.pricing-header-icon span{font-size:32px}.pricing-heading{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#1f2937,#7c3aed,#2563eb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;line-height:1.2}.pricing-subheading{font-size:1.25rem;color:#6b7280;max-width:512px;margin:0 auto 32px;line-height:1.6}.pricing-offer-badge{display:inline-flex;align-items:center;gap:8px;background-color:#dcfce7;color:#166534;padding:8px 16px;border-radius:9999px;font-size:.875rem;font-weight:600}.offer-indicator{width:8px;height:8px;background-color:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto}@media (max-width: 1024px){.pricing-grid{grid-template-columns:1fr;max-width:400px}}@media (max-width: 768px){.pricing-heading{font-size:2.5rem}.pricing-subheading{font-size:1.125rem}.pricing-section{padding:60px 16px}}.pricing-card{position:relative;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;padding:32px;transition:all .5s ease;border:1px solid #f3f4f6;box-shadow:0 20px 60px #0000000d}.pricing-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 80px #00000026}.pricing-card-highlighted{border:2px solid #7c3aed;box-shadow:0 20px 60px #7c3aed26;background:#fffffff2}.pricing-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);padding:4px 16px;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.05em;background-color:#f3f4f6;color:#374151}.pricing-badge-highlighted{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff}.popular-ribbon{position:absolute;top:-4px;right:-4px;width:64px;height:64px}.popular-ribbon-text{position:absolute;transform:rotate(45deg);background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:.75rem;font-weight:700;padding:4px 0;right:-35px;top:32px;width:170px;text-align:center;box-shadow:0 4px 12px #7c3aed4d}.pricing-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;margin-bottom:24px;background-color:#f9fafb;transition:all .3s ease}.pricing-card:hover .pricing-icon{transform:scale(1.1);background-color:#f3e8ff}.pricing-icon-highlighted{background:linear-gradient(135deg,#ede9fe,#dbeafe)}.pricing-icon span{font-size:32px}.pricing-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:8px}.pricing-price-section{margin-bottom:32px}.pricing-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.pricing-price{font-size:2.25rem;font-weight:700;color:#1f2937}.pricing-original-price{font-size:1.125rem;color:#9ca3af;text-decoration:line-through}.pricing-payment-info{font-size:.875rem;color:#6b7280;margin:0}.pricing-features{list-style:none;padding:0;margin:0 0 32px}.pricing-feature-item{display:flex;align-items:center;gap:12px;color:#374151;margin-bottom:16px;font-size:.875rem}.feature-check{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#dcfce7}.feature-check-highlighted{background-color:#ede9fe}.check-icon{width:12px;height:12px;color:#22c55e}.feature-check-highlighted .check-icon{color:#7c3aed}.pricing-btn{width:100%;padding:16px 24px;border-radius:12px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#1f2937;color:#fff}.pricing-btn:hover{transform:scale(1.05);background-color:#111827;box-shadow:0 10px 25px #0003}.pricing-btn-highlighted{background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 10px 25px #7c3aed4d}.pricing-btn-highlighted:hover{background:linear-gradient(135deg,#6d28d9,#1d4ed8);box-shadow:0 15px 35px #7c3aed66}.btn-arrow{width:16px;height:16px}.pricing-guarantee{margin-top:16px;text-align:center}.pricing-guarantee p{font-size:.75rem;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:4px;margin:0}.guarantee-icon{width:12px;height:12px;color:#22c55e}.pricing-bottom-cta{text-align:center;margin-top:64px}.pricing-bottom-cta p{color:#6b7280;margin-bottom:24px;font-size:1rem}.custom-quote-btn{display:inline-flex;align-items:center;gap:8px;background-color:#fff;color:#1f2937;padding:16px 32px;border-radius:12px;font-weight:600;box-shadow:0 10px 25px #0000001a;border:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease}.custom-quote-btn:hover{transform:scale(1.05);box-shadow:0 15px 35px #00000026}.quote-icon{width:20px;height:20px}
