*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1e40af;--secondary: #0ea5e9;--dark: #0f172a;--gray: #64748b;--light: #f8fafc;--white: #ffffff}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--dark);overflow-x:hidden}header{position:fixed;top:0;width:100%;background:#fffffff2;backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000000d;z-index:1000;transition:all .3s ease}nav{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;height:100px}.companyLogo{width:100%;height:100%}nav ul{display:flex;list-style:none;gap:2rem;align-items:center}nav ul li{position:relative}nav ul a{text-decoration:none;color:var(--dark);font-weight:500;transition:color .3s;position:relative}nav ul a:hover{color:var(--primary)}nav ul a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s}nav ul a:hover:after{width:100%}.cta-button{background:var(--primary);color:#fff!important;padding:.7rem 1.5rem;border-radius:8px;transition:all .3s}.cta-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.cta-button:after{display:none}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}.mobile-menu-toggle span{width:25px;height:3px;background:var(--dark);border-radius:3px;transition:all .3s ease}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.menu-overlay.active{display:block;opacity:1}.hero{margin-top:80px;min-height:90vh;display:flex;align-items:center;background:linear-gradient(135deg,#f8fafc,#e0e7ff);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,#2563eb0d,#0ea5e90d);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}.hero-content{max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-text h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--dark)}.hero-text .highlight{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{font-size:1.25rem;color:var(--gray);margin-bottom:2rem}.price-tag{display:inline-flex;align-items:baseline;margin:1.5rem 0;padding:1rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.price-tag .currency{font-size:2rem;font-weight:700;color:var(--primary)}.price-tag .amount{font-size:3.5rem;font-weight:800;color:var(--primary)}.price-tag .period{font-size:1.25rem;color:var(--gray)}.hero-buttons{display:flex;gap:1rem;margin-top:2rem}.hero-visual{display:flex;align-items:center;justify-content:center}.browser-mockup{width:100%;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;overflow:hidden;transform:perspective(1000px) rotateY(-5deg);transition:transform .3s}.browser-mockup:hover{transform:perspective(1000px) rotateY(0)}.browser-header{background:#e5e7eb;padding:.8rem;display:flex;gap:.5rem;align-items:center}.browser-dot{width:12px;height:12px;border-radius:50%}.browser-dot:nth-child(1){background:#ef4444}.browser-dot:nth-child(2){background:#f59e0b}.browser-dot:nth-child(3){background:#10b981}.browser-content{padding:2rem;background:linear-gradient(135deg,var(--light),white);min-height:300px;display:flex;flex-direction:column;gap:1rem}.mockup-line{height:12px;background:#e5e7eb;border-radius:6px}.mockup-line.short{width:60%}.mockup-line.medium{width:80%}.mockup-line.long{width:100%}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:var(--dark)}.section-header p{font-size:1.2rem;color:var(--gray)}.btn{padding:1rem 2rem;border-radius:10px;text-decoration:none;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 20px #2563eb4d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 25px #2563eb66}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.btn-outline{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-large{padding:1.2rem 2.5rem;font-size:1.1rem}.features{padding:6rem 2rem;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{padding:2rem;background:var(--light);border-radius:16px;transition:all .3s;border:2px solid transparent}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:var(--primary)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.8rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--dark)}.feature-card p{color:var(--gray);line-height:1.8}.feature-list{list-style:none;margin-top:1rem}.feature-list li{padding:.5rem 0;color:var(--gray);display:flex;align-items:start;gap:.5rem}.feature-list li:before{content:"✓";color:var(--primary);font-weight:700;flex-shrink:0}.included-banner{margin-top:4rem;padding:2.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:16px;text-align:center;color:#fff;box-shadow:0 10px 40px #2563eb4d}.included-banner h3{font-size:1.8rem;margin-bottom:.5rem}.included-banner p{font-size:1.1rem;opacity:.95}.pricing{padding:6rem 2rem;background:linear-gradient(135deg,#f8fafc,#e0e7ff)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;margin-bottom:4rem}.pricing-card{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s;position:relative;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000001f}.pricing-card.featured{border:3px solid var(--primary);transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px #2563eb4d}.plan-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--light)}.plan-header h3{font-size:1.8rem;margin-bottom:1rem;color:var(--dark)}.plan-price{display:flex;align-items:baseline;justify-content:center;margin:1.5rem 0}.plan-price .currency{font-size:1.5rem;font-weight:700;color:var(--primary)}.plan-price .amount{font-size:3rem;font-weight:800;color:var(--primary)}.plan-price .period{font-size:1rem;color:var(--gray);margin-left:.3rem}.plan-price.custom{flex-direction:column;gap:.5rem}.plan-price.custom .amount{font-size:2rem}.plan-price.custom .period{font-size:1.1rem;margin:0}.plan-description{color:var(--gray);line-height:1.6}.plan-features{flex-grow:1;margin-bottom:2rem}.plan-features h4{font-size:1.1rem;margin-bottom:1rem;color:var(--dark)}.plan-features ul{list-style:none;margin-bottom:1.5rem}.plan-features ul li{padding:.6rem 0;color:var(--gray);display:flex;align-items:start;gap:.75rem;line-height:1.5}.plan-features ul li:before{content:"✓";color:var(--primary);font-weight:700;font-size:1.2rem;flex-shrink:0}.plan-note{margin-top:1.5rem}.expand-btn{width:100%;background:var(--light);border:none;padding:.9rem 1.5rem;border-radius:8px;color:var(--primary);font-weight:600;cursor:pointer;transition:all .3s;font-size:.95rem}.expand-btn:hover{background:var(--primary);color:#fff}.plan-note .when-expanded{display:none}.plan-note.collapsed .when-collapsed{display:inline}.plan-note.collapsed .when-expanded{display:none}.plan-note:not(.collapsed) .when-collapsed{display:none}.plan-note:not(.collapsed) .when-expanded{display:inline}.note-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.plan-note:not(.collapsed) .note-content{max-height:1000px;padding-top:1.5rem}.note-content h5{font-size:1rem;margin-bottom:.75rem;margin-top:1rem;color:var(--dark)}.note-content h5:first-child{margin-top:0}.detail-list{margin-bottom:0!important}.detail-list li{font-size:.95rem;padding:.4rem 0}.detail-list li:before{content:"•";color:var(--primary)}.help-text{margin-top:1rem;font-style:italic;color:var(--gray);font-size:.95rem}.all-plans-include{background:#fff;padding:4rem 3rem;border-radius:20px;box-shadow:0 10px 40px #00000014;position:relative;overflow:hidden}.all-plans-include:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.all-plans-include h3{text-align:center;font-size:2.2rem;margin-bottom:.5rem;color:var(--dark);font-weight:800}.all-plans-include .subtitle{text-align:center;font-size:1.1rem;color:var(--gray);margin-bottom:3rem}.include-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem}.include-item{text-align:center;padding:1.5rem;border-radius:12px;transition:all .3s}.include-item:hover{background:var(--light);transform:translateY(-5px)}.include-icon-wrapper{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e0e7ff,#f8fafc);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #2563eb1a;transition:all .3s}.include-item:hover .include-icon-wrapper{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 8px 25px #2563eb4d;transform:scale(1.1)}.include-icon{font-size:2.5rem;display:block;transition:transform .3s}.include-item:hover .include-icon{transform:scale(1.1)}.include-item h4{font-size:1.2rem;margin-bottom:.75rem;color:var(--dark);font-weight:700}.include-item p{color:var(--gray);font-size:.95rem;line-height:1.6}.process{padding:6rem 2rem;background:#fff;margin-top:4rem;border-radius:20px;margin-bottom:60px}.process-timeline{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;position:relative;padding-top:3rem}.process-step{display:flex;flex-direction:column;align-items:center;position:relative}.step-number{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:800;box-shadow:0 4px 15px #2563eb4d;position:relative;z-index:1;margin-bottom:1.5rem;border:5px solid white;background-clip:padding-box}.step-content{background:var(--light);padding:1.75rem;border-radius:12px;transition:all .3s;text-align:center;width:100%;display:flex;flex-direction:column;min-height:450px}.process-step:hover .step-content{background:#fff;box-shadow:0 8px 30px #0000001a;transform:translateY(-5px)}.process-step:hover .step-number{transform:scale(1.1);box-shadow:0 6px 20px #2563eb66}.step-content h3{font-size:1.4rem;margin-bottom:.5rem;color:var(--dark);font-weight:700;line-height:1.3}.step-tagline{font-size:.95rem;color:var(--primary);font-weight:600;margin-bottom:1rem;display:block}.step-list{list-style:none;margin-bottom:1rem;text-align:left;flex-grow:1}.step-list li{padding:.4rem 0;color:var(--gray);display:flex;align-items:start;gap:.6rem;line-height:1.4;font-size:.9rem}.step-list li:before{content:"✓";color:var(--primary);font-weight:700;font-size:1rem;flex-shrink:0;margin-top:.1rem}.step-note{font-weight:600;color:var(--dark);font-size:.85rem;margin-top:auto;padding-top:1rem;border-top:2px solid #e5e7eb}.process-cta{text-align:center;margin-top:4rem;padding:3rem;background:linear-gradient(135deg,#f8fafc,#e0e7ff);border-radius:16px}.process-cta h3{font-size:2rem;margin-bottom:.5rem;color:var(--dark)}.process-cta p{font-size:1.1rem;color:var(--gray);margin-bottom:2rem}.about-section{padding:6rem 2rem;background:#fff}.about-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:400px 1fr;gap:4rem;align-items:start}.about-image{position:sticky;top:120px}.image-placeholder{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#e0e7ff,#f8fafc);border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001a;margin-bottom:1.5rem}.image-placeholder img{width:100%;height:100%;object-fit:cover}.credentials{background:var(--light);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;gap:1rem}.credential-item{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--dark);font-size:.95rem}.credential-icon{font-size:1.5rem;width:40px;height:40px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-content h2{font-size:2.5rem;font-weight:800;margin-bottom:2rem;color:var(--dark);line-height:1.2}.about-content p{font-size:1.1rem;line-height:1.8;color:var(--gray);margin-bottom:1.5rem}.highlight-text{color:var(--primary);font-weight:600;font-size:1.15rem}.about-cta{display:flex;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}.about-cta .btn{display:inline-flex;align-items:center;gap:.5rem}.contact-page{margin-top:100px;padding:4rem 2rem 6rem;background:linear-gradient(135deg,#f8fafc,#e0e7ff);min-height:80vh}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;color:var(--dark)}.contact-header p{font-size:1.2rem;color:var(--gray)}.contact-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:start}.contact-form-container{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 10px 40px #0000001a}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:600;color:var(--dark);font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.9rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:120px}.form-note{text-align:center;color:var(--gray);font-size:.9rem;margin-top:.5rem}.contact-info-sidebar{display:flex;flex-direction:column;gap:1.5rem}.contact-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014}.contact-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--dark)}.contact-card h4{font-size:1.1rem;margin-bottom:.5rem;color:var(--dark);margin-top:1.5rem}.contact-card p{color:var(--gray);line-height:1.6}.contact-phone{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-decoration:none;border-radius:10px;margin:1.5rem 0;transition:all .3s;font-size:1.3rem;font-weight:700}.contact-phone:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.phone-icon{font-size:1.8rem}.contact-email{display:inline-block;color:var(--primary);text-decoration:none;font-weight:600;padding:.75rem 1.5rem;background:var(--light);border-radius:8px;transition:all .3s}.contact-email:hover{background:var(--primary);color:#fff}.highlight-card{background:linear-gradient(135deg,#f8fafc,#e0e7ff);border:2px solid var(--primary)}.next-steps{list-style:none;counter-reset:step-counter;margin-top:1rem}.next-steps li{counter-increment:step-counter;padding:.75rem 0 .75rem 2.5rem;position:relative;color:var(--gray)}.next-steps li:before{content:counter(step-counter);position:absolute;left:0;top:.6rem;width:28px;height:28px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}footer{background:var(--dark);color:#fff;padding:3rem 2rem 1.5rem;position:absolute;width:100vw;margin-top:60px;left:0}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.footer-brand h3{font-size:1.5rem;margin-bottom:1rem}.footer-brand p{color:var(--gray);line-height:1.8}.footer-links h4{margin-bottom:1rem;font-size:1.1rem}.footer-links ul{list-style:none}.footer-links a{color:var(--gray);text-decoration:none;display:block;padding:.3rem 0;transition:color .3s}.footer-links a:hover{color:#fff}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:var(--gray)}.footer-links i{margin-right:8px;color:#1877f2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out}@media (max-width: 1024px){.process-timeline{grid-template-columns:repeat(2,1fr);gap:2.5rem;padding-top:0}.step-content{min-height:420px}.about-wrapper{grid-template-columns:1fr;gap:3rem}.about-image{position:static;max-width:400px;margin:0 auto}.contact-wrapper{grid-template-columns:1fr}}@media (max-width: 968px){.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:translateY(-5px)}.all-plans-include{padding:3rem 2rem}.include-grid{grid-template-columns:1fr}}@media (max-width: 768px){.mobile-menu-toggle{display:flex}nav ul{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:#fff;flex-direction:column;padding:100px 2rem 2rem;gap:1.5rem;box-shadow:-5px 0 20px #0000001a;transition:right .3s ease;z-index:1000}nav ul.active{right:0}nav ul li{width:100%}nav ul a{display:block;padding:1rem;border-radius:8px;transition:all .3s}nav ul a:hover{background:var(--light)}.cta-button{text-align:center}.hero-content{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2.5rem}.hero-visual{display:none;order:-1}.browser-mockup{transform:none}.hero-buttons{flex-direction:column}.process{margin-top:2rem}.process-timeline{grid-template-columns:1fr;gap:2rem;padding-top:0}.process-timeline:before{display:block;inset:40px auto 40px 30px;width:3px;height:auto;margin:0;background:linear-gradient(180deg,var(--primary),var(--secondary))}.process-step{flex-direction:column;align-items:flex-start;gap:1.5rem}.step-number{width:50px;height:50px;font-size:1.3rem;margin-bottom:0;flex-shrink:0}.step-content{padding:1.5rem;text-align:left;min-height:auto}.step-content h3{font-size:1.4rem}.step-tagline{text-align:left}.process-cta{padding:2rem}.about-section{padding:4rem 1.5rem}.about-image{max-width:100%}.about-content p{font-size:1rem}.about-content h2{font-size:2rem}.about-cta{flex-direction:column}.about-cta .btn{width:100%;justify-content:center}.contact-page{padding:3rem 1.5rem}.contact-header h1{font-size:2.5rem}.contact-form-container{padding:2rem}.form-row,.footer-content{grid-template-columns:1fr}.terms-checkbox{margin-top:.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;font-weight:400;line-height:1.5;cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:.2rem;width:18px;height:18px;flex-shrink:0}.checkbox-label a{color:var(--primary);text-decoration:underline}.checkbox-label a:hover{color:var(--primary-dark)}}.projects-hero{margin-top:80px;padding:5rem 2rem 4rem;background:linear-gradient(135deg,#f8fafc,#e0e7ff);position:relative;overflow:hidden;text-align:center}.projects-hero:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,#2563eb0d,#0ea5e90d);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}.projects-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.projects-hero h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--dark)}.projects-hero h1 .highlight{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-hero p{font-size:1.25rem;color:var(--gray);max-width:640px;margin:0 auto}.projects-section{padding:6rem 2rem;background:#fff}.projects-grid{display:grid;gap:2rem;max-width:1200px;margin:0 auto}.project-card{background:var(--light);border-radius:16px;overflow:hidden;transition:all .3s;border:2px solid transparent;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001a;border-color:var(--primary)}.project-preview{background:linear-gradient(135deg,var(--primary),var(--secondary));padding:0;position:relative;aspect-ratio:16 / 10;overflow:hidden}.project-preview-browser{background:#e5e7eb;padding:.6rem .8rem;display:flex;gap:.4rem;align-items:center}.project-preview-browser .browser-dot{width:10px;height:10px;border-radius:50%}.project-preview-browser .browser-dot:nth-child(1){background:#ef4444}.project-preview-browser .browser-dot:nth-child(2){background:#f59e0b}.project-preview-browser .browser-dot:nth-child(3){background:#10b981}.project-preview-image{width:100%;height:calc(100% - 30px);object-fit:cover;object-position:top center;display:block}.project-preview-fallback{width:100%;height:calc(100% - 30px);background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem}.project-body{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.project-category{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:.75rem}.project-card h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--dark)}.project-card p{color:var(--gray);line-height:1.7;margin-bottom:1.5rem;flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag{background:#fff;color:var(--primary);padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(37,99,235,.2)}.project-link{color:var(--primary);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s;margin-top:auto}.project-link:hover{gap:.85rem}.projects-cta{padding:6rem 2rem;background:linear-gradient(135deg,#f8fafc,#e0e7ff)}.projects-cta-inner{max-width:900px;margin:0 auto;padding:3rem 2.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:16px;text-align:center;color:#fff;box-shadow:0 10px 40px #2563eb4d}.projects-cta-inner h2{font-size:2.25rem;margin-bottom:1rem;font-weight:800}.projects-cta-inner p{font-size:1.15rem;opacity:.95;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.projects-cta-inner .btn{background:#fff;color:var(--primary);box-shadow:0 4px 20px #00000026}.projects-cta-inner .btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0003;background:var(--light)}@media (max-width: 768px){.projects-hero{padding:3rem 1.5rem 2.5rem}.projects-hero h1{font-size:2.25rem}.projects-hero p{font-size:1.05rem}.projects-section,.projects-cta{padding:4rem 1.5rem}.projects-cta-inner{padding:2.5rem 1.5rem}.projects-cta-inner h2{font-size:1.75rem}}