/* SINGLE SHARED DESIGN SYSTEM. Homepage is the design reference. Layer order: preserved feature rules, shared base, page features, shared shell, motion. Page files must not define header/footer styling. */ @layer legacy,base,pages,shell,effects; @layer legacy{ body:where(.tcs-interior).tcs-interior{--primary: #1F73E8;--primary-light: #4EA6FF;--accent: #7BC4FF;--dark: #1b1b1b;--light: #f5f6f8;--white: #ffffff;--gray: #7a7a7a;--shadow: 0 10px 25px rgba(0,0,0,.12);--radius: 14px;--transition: .3s ease;--max-width: 1280px;} :where(body.tcs-interior) *,:where(body.tcs-interior) *::before,:where(body.tcs-interior) *::after{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;} body:where(.tcs-interior){font-family:"Inter",sans-serif;color:var(--dark);background: linear-gradient( 180deg, #ffffff 0%, #eef7ff 40%, #ffffff 100% );line-height:1.7;overflow-x:hidden;} :where(body.tcs-interior) img{display:block;max-width:100%;height:auto;} :where(body.tcs-interior) a{color:inherit;text-decoration:none;transition:var(--transition);} :where(body.tcs-interior) ul{list-style:none;} :where(body.tcs-interior) .container{width:min(92%,var(--max-width));margin:auto;} :where(body.tcs-interior) .section{padding:90px 0;} :where(body.tcs-interior) h1,:where(body.tcs-interior) h2,:where(body.tcs-interior) h3,:where(body.tcs-interior) h4{font-family:"Poppins",sans-serif;line-height:1.2;margin-bottom:1rem;} :where(body.tcs-interior) h1{font-size:3.4rem;} :where(body.tcs-interior) h2{font-size:2.5rem;} :where(body.tcs-interior) h3{font-size:1.45rem;} :where(body.tcs-interior) p{color:#444;margin-bottom:1rem;} :where(body.tcs-interior) .btn{display:inline-block;padding:14px 30px;border-radius:999px;font-weight:700;transition:var(--transition);box-shadow:var(--shadow);} :where(body.tcs-interior) .btn.primary{background:var(--primary);color:white;} :where(body.tcs-interior) .btn.primary:hover{background:#155bc0;transform:translateY(-3px);} :where(body.tcs-interior) .btn.secondary{background:white;color:var(--primary);border:2px solid var(--primary);} :where(body.tcs-interior) .btn.secondary:hover{background:var(--primary);color:white;} :where(body.tcs-interior) .site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #e6eef9;} :where(body.tcs-interior) .brand{display:flex;align-items:center;gap:14px;} :where(body.tcs-interior) .brand img{height:64px;} :where(body.tcs-interior) .dropdown{position:relative;} :where(body.tcs-interior) .dropdown-menu{position:absolute;top:100%;left:0;min-width:240px;background:white;border-radius:var(--radius);box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.3s;} :where(body.tcs-interior) .dropdown:hover .dropdown-menu{opacity:1;visibility:visible;} :where(body.tcs-interior) .dropdown-menu a{display:block;padding:10px 18px;} :where(body.tcs-interior) #hero{position:relative;overflow:hidden;min-height:92vh;display:flex;justify-content:center;align-items:center;text-align:center;background: radial-gradient(circle at top right, rgba(31,115,232,.15), transparent 35%), radial-gradient(circle at bottom left, rgba(78,166,255,.15), transparent 40%);} :where(body.tcs-interior) .hero-content{max-width:900px;} :where(body.tcs-interior) .hero-logo{width:320px;margin:0 auto 30px;} :where(body.tcs-interior) .hero-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:30px;} @media (max-width:900px){:where(body.tcs-interior) h1{font-size:2.5rem;} :where(body.tcs-interior) h2{font-size:2rem;} :where(body.tcs-interior) .hero-logo{width:220px;}} :where(body.tcs-interior) .section-title{text-align:center;max-width:800px;margin:0 auto 60px;} :where(body.tcs-interior) .section-title h2{color:var(--dark);margin-bottom:15px;} :where(body.tcs-interior) .section-title p{font-size:1.1rem;color:var(--gray);} :where(body.tcs-interior) #about{padding:120px 0;} :where(body.tcs-interior) .about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px;} :where(body.tcs-interior) .about-card{background:#fff;padding:35px;border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);} :where(body.tcs-interior) .about-card:hover{transform:translateY(-10px);} :where(body.tcs-interior) .about-card h3{color:var(--primary);} :where(body.tcs-interior) #services{padding:120px 0;background:#f8fbff;} :where(body.tcs-interior) .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;} :where(body.tcs-interior) .service-card{background:#fff;border-radius:var(--radius);padding:35px;text-align:center;box-shadow:var(--shadow);transition:all .35s ease;position:relative;overflow:hidden;} :where(body.tcs-interior) .service-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--primary);} :where(body.tcs-interior) .service-card:hover{transform:translateY(-12px);} :where(body.tcs-interior) .service-card h3{margin-bottom:10px;color:var(--primary);} :where(body.tcs-interior) #why-us{padding:120px 0;} :where(body.tcs-interior) .why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;} :where(body.tcs-interior) .why-card{background:#fff;padding:35px;border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);} :where(body.tcs-interior) .why-card:hover{transform:translateY(-10px);} :where(body.tcs-interior) .why-card h3{color:var(--primary);} :where(body.tcs-interior) #statistics{background:linear-gradient( 135deg, var(--primary), var(--primary-light) );color:#fff;padding:120px 0;} :where(body.tcs-interior) .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;} :where(body.tcs-interior) .stat-card{text-align:center;} :where(body.tcs-interior) .stat-card h2{font-size:3.5rem;margin-bottom:10px;color:#fff;} :where(body.tcs-interior) .stat-card p{color:#fff;} :where(body.tcs-interior) #process{padding:120px 0;} :where(body.tcs-interior) .process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;} :where(body.tcs-interior) .process-step{background:#fff;padding:35px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:var(--transition);} :where(body.tcs-interior) .process-step:hover{transform:translateY(-10px);} :where(body.tcs-interior) .process-step span{display:flex;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;font-size:1.4rem;} :where(body.tcs-interior) #featured-work{padding:120px 0;background:#f8fbff;} :where(body.tcs-interior) .portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;} :where(body.tcs-interior) .portfolio-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);} :where(body.tcs-interior) .portfolio-card:hover{transform:translateY(-10px);} :where(body.tcs-interior) .portfolio-card img{width:100%;height:260px;object-fit:cover;} :where(body.tcs-interior) .portfolio-info{padding:25px;} :where(body.tcs-interior) .center-button{text-align:center;margin-top:50px;} :where(body.tcs-interior) .blue-glow{position:relative;} :where(body.tcs-interior) .blue-glow::before{content:"";position:absolute;width:400px;height:400px;background:rgba(31,115,232,.15);filter:blur(120px);z-index:-1;} :where(body.tcs-interior) .blue-glow-left::before{left:-150px;top:-150px;} :where(body.tcs-interior) .blue-glow-right::before{right:-150px;top:-150px;} :where(body.tcs-interior) .reveal{opacity:0;transform:translateY(50px);transition:all .8s ease;} :where(body.tcs-interior) .reveal.active{opacity:1;transform:translateY(0);} :where(body.tcs-interior) #featured-work{padding:100px 0;background:#ffffff;} :where(body.tcs-interior) .portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;margin-top:50px;} :where(body.tcs-interior) .portfolio-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.08);transition:.35s;cursor:pointer;} :where(body.tcs-interior) .portfolio-card:hover{transform:translateY(-10px);box-shadow:0 25px 55px rgba(0,0,0,.15);} :where(body.tcs-interior) .portfolio-card img{width:100%;height:260px;object-fit:cover;transition:.5s;} :where(body.tcs-interior) .portfolio-card:hover img{transform:scale(1.08);} :where(body.tcs-interior) .portfolio-info{padding:30px;} :where(body.tcs-interior) .portfolio-info h3{margin-bottom:15px;color:var(--primary);} :where(body.tcs-interior) .portfolio-info p{margin:0;color:#555;} :where(body.tcs-interior) .center-button{margin-top:60px;text-align:center;} :where(body.tcs-interior) #testimonials{padding:100px 0;background:linear-gradient( 180deg, #eef6ff, #ffffff );} :where(body.tcs-interior) .testimonial-slider{display:grid;gap:30px;margin-top:50px;} :where(body.tcs-interior) .testimonial-slider blockquote{background:white;padding:40px;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.08);font-size:1.05rem;position:relative;} :where(body.tcs-interior) .testimonial-slider footer{margin-top:20px;color:#f7b500;font-weight:700;} :where(body.tcs-interior) #faq{padding:100px 0;background:white;} :where(body.tcs-interior) .faq-container{max-width:900px;margin:auto;} :where(body.tcs-interior) .faq-item{margin-bottom:20px;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.08);} :where(body.tcs-interior) .faq-question{width:100%;background:var(--primary);color:white;border:none;padding:22px;text-align:left;font-size:1rem;cursor:pointer;transition:.3s;} :where(body.tcs-interior) .faq-question:hover{background:#155bc0;} :where(body.tcs-interior) .faq-answer{display:none;background:white;padding:25px;line-height:1.8;} :where(body.tcs-interior) .faq-item.active .faq-answer{display:block;} :where(body.tcs-interior) #final-cta{background:linear-gradient( 135deg, var(--primary), var(--primary-light) );color:white;text-align:center;padding:120px 0;} :where(body.tcs-interior) .cta-logo{width:220px;margin:auto auto 35px;} :where(body.tcs-interior) .cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:40px;} :where(body.tcs-interior) #newsletter{padding:100px 0;background:#f8fbff;} :where(body.tcs-interior) .newsletter-content{max-width:700px;margin:auto;text-align:center;} :where(body.tcs-interior) #newsletterForm{display:grid;gap:20px;margin-top:35px;} :where(body.tcs-interior) #newsletterForm input{padding:18px;border-radius:12px;border:1px solid #d7e5ff;font-size:1rem;} :where(body.tcs-interior) #newsletterForm button{width:220px;justify-self:center;} :where(body.tcs-interior) #contact-preview{padding:100px 0;} :where(body.tcs-interior) .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;} :where(body.tcs-interior) .contact-list{margin:30px 0;} :where(body.tcs-interior) .contact-list li{margin-bottom:18px;font-size:1.05rem;} :where(body.tcs-interior) .contact-logo{width:100%;max-width:420px;margin:auto;} :where(body.tcs-interior) #social-preview{padding:100px 0;text-align:center;} :where(body.tcs-interior) .social-buttons{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:40px;} :where(body.tcs-interior) .social-btn{background:white;padding:18px 32px;border-radius:50px;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.3s;} :where(body.tcs-interior) .social-btn:hover{background:var(--primary);color:white;transform:translateY(-6px);} @media(max-width:900px){:where(body.tcs-interior) .contact-grid{grid-template-columns:1fr;text-align:center;} :where(body.tcs-interior) .portfolio-grid{grid-template-columns:1fr;} :where(body.tcs-interior) .social-buttons{flex-direction:column;align-items:center;}} :where(body.tcs-interior) #business-hours{padding:100px 0;background:#ffffff;text-align: center;text-align: center;} :where(body.tcs-interior) .hours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:50px;align-items: center;} :where(body.tcs-interior) .hours-card{background:#fff;padding:35px;text-align:center;border-radius:18px;box-shadow:0 15px 35px rgba(0,0,0,.08);transition:.35s;align-items: center;} :where(body.tcs-interior) .hours-card:hover{transform:translateY(-8px);box-shadow:0 25px 55px rgba(0,0,0,.15);} :where(body.tcs-interior) .hours-card h3{color:var(--primary);} :where(body.tcs-interior) #start-project-banner{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;text-align:center;padding:120px 20px;} :where(body.tcs-interior) .banner-logo{width:220px;margin:0 auto 35px;} :where(body.tcs-interior) .large-button{margin-top:35px;font-size:1.15rem;padding:18px 40px;} :where(body.tcs-interior) #backToTop{position:fixed;right:30px;bottom:30px;width:55px;height:55px;border:none;border-radius:50%;background:var(--primary);color:#fff;cursor:pointer;font-size:1.5rem;display:none;box-shadow:0 15px 30px rgba(0,0,0,.25);transition:.3s;z-index:999;} :where(body.tcs-interior) #backToTop:hover{transform:translateY(-6px);background:#155bc0;} :where(body.tcs-interior) .modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;padding:40px;z-index:2000;} :where(body.tcs-interior) .hidden{display:none;} :where(body.tcs-interior) .modal-content{background:#fff;width:min(900px,100%);border-radius:20px;padding:40px;position:relative;max-height:90vh;overflow:auto;} :where(body.tcs-interior) .close-modal{position:absolute;top:20px;right:25px;background:none;border:none;font-size:2rem;cursor:pointer;} :where(body.tcs-interior) .social-icons{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;} :where(body.tcs-interior) .social-icons a{padding:10px 18px;border-radius:50px;background:rgba(255,255,255,.08);} :where(body.tcs-interior) .social-icons a:hover{background:var(--primary);} :where(body.tcs-interior) .reveal{opacity:0;transform:translateY(60px);transition:all .9s ease;} :where(body.tcs-interior) .reveal.active{opacity:1;transform:translateY(0);} :where(body.tcs-interior) .float{animation:float 5s ease-in-out infinite;} @keyframes float{ 0%{ transform:translateY(0px); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0px); } } :where(body.tcs-interior) .fade-in{animation:fadeIn 1.2s ease;} @keyframes fadeIn{ from{ opacity:0; } to{ opacity:1; } } :where(body.tcs-interior) .btn.primary:hover{box-shadow: 0 0 15px rgba(31,115,232,.45), 0 0 35px rgba(31,115,232,.25);} :where(body.tcs-interior) .blue-smoke{position:absolute;inset:0;background: radial-gradient(circle at 20% 30%,rgba(31,115,232,.18),transparent 30%), radial-gradient(circle at 80% 20%,rgba(78,166,255,.18),transparent 35%), radial-gradient(circle at 50% 80%,rgba(123,196,255,.18),transparent 35%);filter:blur(70px);animation:smokeMove 18s linear infinite alternate;pointer-events:none;} @keyframes smokeMove{ 0%{ transform:translate(0,0) scale(1); } 50%{ transform:translate(-30px,20px) scale(1.08); } 100%{ transform:translate(40px,-20px) scale(.95); } } :where(body.tcs-interior) ::-webkit-scrollbar{width:12px;} :where(body.tcs-interior) ::-webkit-scrollbar-track{background:#eef5ff;} :where(body.tcs-interior) ::-webkit-scrollbar-thumb{background:var(--primary);border-radius:50px;} :where(body.tcs-interior) ::-webkit-scrollbar-thumb:hover{background:#155bc0;} :where(body.tcs-interior) .text-center{text-align:center;} :where(body.tcs-interior) .mt-1{margin-top:1rem;} :where(body.tcs-interior) .mt-2{margin-top:2rem;} :where(body.tcs-interior) .mt-3{margin-top:3rem;} :where(body.tcs-interior) .mb-1{margin-bottom:1rem;} :where(body.tcs-interior) .mb-2{margin-bottom:2rem;} :where(body.tcs-interior) .mb-3{margin-bottom:3rem;} :where(body.tcs-interior) .shadow{box-shadow:0 15px 35px rgba(0,0,0,.12);} :where(body.tcs-interior) .rounded{border-radius:18px;} :where(body.tcs-interior) .hidden-mobile{display:block;} :where(body.tcs-interior) .visible-mobile{display:none;} @media(max-width:900px){:where(body.tcs-interior) .hidden-mobile{display:none;} :where(body.tcs-interior) .visible-mobile{display:block;} :where(body.tcs-interior) .hours-grid{grid-template-columns:1fr;} :where(body.tcs-interior) .modal-content{padding:25px;}} :where(body.tcs-interior) .wave-divider{position:relative;overflow:hidden;} :where(body.tcs-interior) .wave-divider::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:120px;background:linear-gradient(180deg,transparent,#eef5ff) center bottom/cover no-repeat;pointer-events:none;} :where(body.tcs-interior) .section-divider{width:120px;height:5px;margin:25px auto 45px;border-radius:50px;background:linear-gradient( 90deg, var(--primary), var(--primary-light) );} :where(body.tcs-interior) .glass-card{background:rgba(255,255,255,.65);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.45);border-radius:22px;padding:35px;box-shadow:0 20px 45px rgba(0,0,0,.08);} :where(body.tcs-interior) .service-card{position:relative;overflow:hidden;} :where(body.tcs-interior) .service-card::before{content:"";position:absolute;inset:0;background:linear-gradient( 135deg, rgba(31,115,232,.08), rgba(255,255,255,0) );opacity:0;transition:.45s;} :where(body.tcs-interior) .service-card:hover::before{opacity:1;} :where(body.tcs-interior) .service-card::after{content:"";position:absolute;left:-120%;top:0;width:100%;height:100%;background:linear-gradient( 90deg, transparent, rgba(255,255,255,.55), transparent );transition:.8s;} :where(body.tcs-interior) .service-card:hover::after{left:120%;} :where(body.tcs-interior) .service-card h3{transition:.35s;} :where(body.tcs-interior) .service-card:hover h3{color:var(--primary);} :where(body.tcs-interior) .icon-circle{width:85px;height:85px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:linear-gradient( 135deg, var(--primary), var(--primary-light) );color:white;font-size:2rem;margin:0 auto 25px;box-shadow:0 15px 30px rgba(31,115,232,.25);} :where(body.tcs-interior) .ribbon{position:absolute;top:18px;right:-40px;background:#ffb400;color:white;padding:8px 55px;transform:rotate(45deg);font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;} :where(body.tcs-interior) .image-overlay{position:relative;overflow:hidden;} :where(body.tcs-interior) .image-overlay img{transition:.5s;} :where(body.tcs-interior) .image-overlay:hover img{transform:scale(1.12);} :where(body.tcs-interior) .image-overlay::before{content:"";position:absolute;inset:0;background:rgba(31,115,232,.55);opacity:0;transition:.4s;z-index:1;} :where(body.tcs-interior) .image-overlay:hover::before{opacity:1;} :where(body.tcs-interior) .image-overlay span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:white;font-weight:700;font-size:1.2rem;opacity:0;transition:.35s;z-index:2;} :where(body.tcs-interior) .image-overlay:hover span{opacity:1;} :where(body.tcs-interior) .badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;background:#eef6ff;color:var(--primary);font-size:.9rem;font-weight:700;margin:6px;} :where(body.tcs-interior) .feature-list{display:grid;gap:16px;margin-top:25px;} :where(body.tcs-interior) .feature-list li{display:flex;align-items:flex-start;gap:14px;} :where(body.tcs-interior) .feature-list li::before{content:"✔";color:#34b233;font-weight:bold;} :where(body.tcs-interior) .glow-hover{transition:.35s;} :where(body.tcs-interior) .glow-hover:hover{box-shadow: 0 0 20px rgba(31,115,232,.30), 0 0 40px rgba(31,115,232,.15);} :where(body.tcs-interior) .gradient-text{background:linear-gradient( 135deg, var(--primary), var(--primary-light) );-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} :where(body.tcs-interior) .parallax{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;} :where(body.tcs-interior) .shadow-lg{box-shadow:0 35px 80px rgba(0,0,0,.12);} :where(body.tcs-interior) .shadow-xl{box-shadow:0 45px 100px rgba(0,0,0,.16);} :where(body.tcs-interior) .hover-lift{transition:.35s;} :where(body.tcs-interior) .hover-lift:hover{transform:translateY(-12px);} :where(body.tcs-interior) .animated-border{position:relative;} :where(body.tcs-interior) .animated-border::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:3px;background:var(--primary);transition:.35s;} :where(body.tcs-interior) .animated-border:hover::after{width:100%;} :where(body.tcs-interior) .smoke-decoration{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient( rgba(31,115,232,.18), transparent 70% );filter:blur(90px);animation:float 10s ease-in-out infinite;pointer-events:none;} @media(max-width:768px){:where(body.tcs-interior) .ribbon{display:none;} :where(body.tcs-interior) .icon-circle{width:70px;height:70px;font-size:1.5rem;} :where(body.tcs-interior) .wave-divider::after{height:60px;}} :where(body.tcs-interior) #pricing-hero{padding:120px 0;text-align:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;} :where(body.tcs-interior) #pricing-hero h1{font-size:3.2rem;margin-bottom:20px;} :where(body.tcs-interior) #pricing-hero p{max-width:800px;margin:auto;color:#fff;} :where(body.tcs-interior) .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:70px;} :where(body.tcs-interior) .pricing-card{position:relative;background:white;border-radius:22px;overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.08);transition:.35s;} :where(body.tcs-interior) .pricing-card:hover{transform:translateY(-10px);box-shadow:0 35px 70px rgba(0,0,0,.15);} :where(body.tcs-interior) .pricing-card-header{padding:40px;background:linear-gradient( 135deg, var(--primary), var(--primary-light) );color:white;text-align:center;} :where(body.tcs-interior) .pricing-card-header h2{margin-bottom:15px;} :where(body.tcs-interior) .price{font-size:3rem;font-weight:700;} :where(body.tcs-interior) .price small{font-size:1rem;} :where(body.tcs-interior) .pricing-card-body{padding:35px;} :where(body.tcs-interior) .pricing-card-body ul{display:grid;gap:18px;} :where(body.tcs-interior) .pricing-card-body li{display:flex;align-items:flex-start;gap:12px;} :where(body.tcs-interior) .pricing-card-body li::before{content:"✔";color:#3ab34a;font-weight:bold;} :where(body.tcs-interior) .featured-plan{transform:scale(1.04);border:3px solid var(--primary);} :where(body.tcs-interior) .featured-plan:hover{transform:scale(1.08);} :where(body.tcs-interior) .popular{position:absolute;top:18px;right:-55px;background:#ffb300;color:white;padding:10px 70px;transform:rotate(45deg);font-size:.8rem;font-weight:700;letter-spacing:1px;} :where(body.tcs-interior) .addon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:60px;} :where(body.tcs-interior) .addon-card{background:white;padding:30px;border-radius:18px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,.08);transition:.3s;} :where(body.tcs-interior) .addon-card:hover{transform:translateY(-8px);} :where(body.tcs-interior) .addon-price{color:var(--primary);font-size:2rem;font-weight:700;margin:20px 0;} :where(body.tcs-interior) .quantity-table{width:100%;border-collapse:collapse;margin-top:50px;} :where(body.tcs-interior) .quantity-table th{background:var(--primary);color:white;padding:18px;} :where(body.tcs-interior) .quantity-table td{padding:18px;border:1px solid #ddd;text-align:center;} :where(body.tcs-interior) .quantity-table tr:nth-child(even){background:#f7fbff;} :where(body.tcs-interior) .comparison-table{width:100%;border-collapse:collapse;margin-top:60px;} :where(body.tcs-interior) .comparison-table th{background:var(--primary);color:white;padding:20px;} :where(body.tcs-interior) .comparison-table td{padding:18px;border:1px solid #ddd;text-align:center;} :where(body.tcs-interior) .comparison-table tr:nth-child(even){background:#f9fcff;} :where(body.tcs-interior) .included{color:#33b249;font-weight:700;} :where(body.tcs-interior) .not-included{color:#d9534f;font-weight:700;} :where(body.tcs-interior) .pricing-note{margin-top:60px;padding:35px;border-left:6px solid var(--primary);background:#eef7ff;border-radius:18px;} :where(body.tcs-interior) .discount-banner{margin-top:70px;padding:30px;text-align:center;background:linear-gradient( 135deg, #29c66f, #45d483 );color:white;border-radius:18px;font-size:1.2rem;font-weight:600;} :where(body.tcs-interior) .square-payment{margin-top:80px;background:white;border-radius:20px;padding:45px;box-shadow:0 20px 45px rgba(0,0,0,.08);} :where(body.tcs-interior) .square-payment h2{color:var(--primary);} :where(body.tcs-interior) .square-payment .btn{margin-top:25px;} :where(body.tcs-interior) .pricing-faq{margin-top:90px;} @media(max-width:900px){:where(body.tcs-interior) .featured-plan{transform:none;} :where(body.tcs-interior) .featured-plan:hover{transform:none;} :where(body.tcs-interior) .price{font-size:2.5rem;} :where(body.tcs-interior) .pricing-grid{grid-template-columns:1fr;} :where(body.tcs-interior) .addon-grid{grid-template-columns:1fr;} :where(body.tcs-interior) .quantity-table{display:block;overflow-x:auto;} :where(body.tcs-interior) .comparison-table{display:block;overflow-x:auto;}} :where(body.tcs-interior) #order-hero{padding:120px 0;text-align:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;} :where(body.tcs-interior) #order-hero h1{font-size:3rem;margin-bottom:20px;} :where(body.tcs-interior) #order-hero p{max-width:850px;margin:auto;color:#fff;} :where(body.tcs-interior) .order-form{max-width:1200px;margin:70px auto;background:#fff;border-radius:24px;padding:50px;box-shadow:0 25px 60px rgba(0,0,0,.10);} :where(body.tcs-interior) .form-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;gap:15px;} :where(body.tcs-interior) .progress-step{flex:1;text-align:center;position:relative;} :where(body.tcs-interior) .progress-step::after{content:"";position:absolute;top:18px;left:55%;width:100%;height:4px;background:#d9e8ff;z-index:0;} :where(body.tcs-interior) .progress-step:last-child::after{display:none;} :where(body.tcs-interior) .progress-circle{width:38px;height:38px;border-radius:50%;margin:auto;background:#d9e8ff;color:#555;display:flex;justify-content:center;align-items:center;font-weight:700;position:relative;z-index:2;} :where(body.tcs-interior) .progress-step.active .progress-circle{background:var(--primary);color:#fff;} :where(body.tcs-interior) .progress-step.active::after{background:var(--primary);} :where(body.tcs-interior) .form-section{margin-bottom:60px;} :where(body.tcs-interior) .form-section h2{margin-bottom:25px;color:var(--primary);border-bottom:3px solid var(--primary-light);padding-bottom:10px;} :where(body.tcs-interior) .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;} :where(body.tcs-interior) .order-form label{display:block;margin-bottom:8px;font-weight:600;color:#333;} :where(body.tcs-interior) .order-form input,:where(body.tcs-interior) .order-form select,:where(body.tcs-interior) .order-form textarea{width:100%;padding:16px;border:1px solid #cfd9ea;border-radius:12px;font-size:1rem;transition:.3s;background:#fff;} :where(body.tcs-interior) .order-form input:focus,:where(body.tcs-interior) .order-form select:focus,:where(body.tcs-interior) .order-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(31,115,232,.15);} :where(body.tcs-interior) textarea{min-height:140px;resize:vertical;} :where(body.tcs-interior) .checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;} :where(body.tcs-interior) .checkbox-group label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dfe8f8;border-radius:12px;cursor:pointer;transition:.3s;} :where(body.tcs-interior) .checkbox-group label:hover{background:#eef6ff;} :where(body.tcs-interior) .radio-card{border:2px solid #dfe8f8;padding:18px;border-radius:14px;cursor:pointer;transition:.3s;} :where(body.tcs-interior) .radio-card:hover{border-color:var(--primary);background:#f4f9ff;} :where(body.tcs-interior) .color-picker-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;} :where(body.tcs-interior) .color-picker-group input[type=color]{width:100%;height:65px;padding:6px;cursor:pointer;} :where(body.tcs-interior) .upload-area{border:3px dashed var(--primary-light);border-radius:20px;padding:45px;text-align:center;background:#f7fbff;transition:.3s;} :where(body.tcs-interior) .upload-area:hover{background:#eef6ff;} :where(body.tcs-interior) .signature-container{border:2px solid #d9e8ff;border-radius:18px;padding:20px;background:#fff;} :where(body.tcs-interior) .signature-pad{width:100%;height:220px;border:1px solid #cfd9ea;border-radius:12px;background:#fff;cursor:crosshair;} :where(body.tcs-interior) .employee-card{background:#f8fbff;border:1px solid #d9e8ff;border-radius:18px;padding:25px;margin-top:20px;} :where(body.tcs-interior) .deadline-banner{background:#eef6ff;border-left:6px solid var(--primary);padding:22px;border-radius:14px;margin:30px 0;} :where(body.tcs-interior) .success-message{padding:20px;background:#eaf9ef;color:#2d8b42;border-radius:12px;border-left:5px solid #35b34a;} :where(body.tcs-interior) .error-message{padding:20px;background:#fff2f2;color:#d64040;border-radius:12px;border-left:5px solid #d64040;} :where(body.tcs-interior) .required{color:#d64040;} :where(body.tcs-interior) .form-actions{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:50px;} :where(body.tcs-interior) .form-actions .btn{min-width:220px;} :where(body.tcs-interior) .service-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;} :where(body.tcs-interior) .service-option{border:2px solid #dfe8f8;border-radius:18px;padding:25px;cursor:pointer;transition:.3s;} :where(body.tcs-interior) .service-option:hover{border-color:var(--primary);transform:translateY(-6px);} :where(body.tcs-interior) .service-option.selected{border-color:var(--primary);background:#eef6ff;} @media(max-width:900px){:where(body.tcs-interior) .order-form{padding:30px;} :where(body.tcs-interior) .form-progress{flex-direction:column;} :where(body.tcs-interior) .progress-step::after{display:none;} :where(body.tcs-interior) .form-grid{grid-template-columns:1fr;} :where(body.tcs-interior) .checkbox-group{grid-template-columns:1fr;} :where(body.tcs-interior) .color-picker-group{grid-template-columns:1fr;} :where(body.tcs-interior) .service-selection{grid-template-columns:1fr;} :where(body.tcs-interior) .form-actions{flex-direction:column;} :where(body.tcs-interior) .form-actions .btn{width:100%;}} :where(body.tcs-interior) #portfolio-hero{padding:120px 0;text-align:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;} :where(body.tcs-interior) .portfolio-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:50px 0;} :where(body.tcs-interior) .filter-btn{padding:14px 28px;border:none;border-radius:50px;background:#eef6ff;cursor:pointer;transition:.3s;font-weight:600;} :where(body.tcs-interior) .filter-btn:hover,:where(body.tcs-interior) .filter-btn.active{background:var(--primary);color:#fff;} :where(body.tcs-interior) .portfolio-gallery{column-count:3;column-gap:25px;margin-top:50px;} :where(body.tcs-interior) .portfolio-item{display:inline-block;width:100%;margin-bottom:25px;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 18px 40px rgba(0,0,0,.10);} :where(body.tcs-interior) .portfolio-item img{width:100%;display:block;transition:.45s;} :where(body.tcs-interior) .portfolio-item:hover img{transform:scale(1.08);} :where(body.tcs-interior) .portfolio-overlay{position:absolute;inset:0;background:rgba(31,115,232,.82);color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transition:.35s;} :where(body.tcs-interior) .portfolio-item:hover .portfolio-overlay{opacity:1;} :where(body.tcs-interior) .contact-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:50px;margin-top:60px;} :where(body.tcs-interior) .contact-form{background:#fff;padding:45px;border-radius:22px;box-shadow:0 20px 45px rgba(0,0,0,.08);} :where(body.tcs-interior) .contact-form input,:where(body.tcs-interior) .contact-form select,:where(body.tcs-interior) .contact-form textarea{width:100%;margin-bottom:22px;padding:16px;border:1px solid #d9e8ff;border-radius:12px;} :where(body.tcs-interior) .contact-info{background:#f8fbff;padding:35px;border-radius:20px;border:1px solid #dbe9ff;} :where(body.tcs-interior) .contact-info h3{color:var(--primary);margin-bottom:25px;} :where(body.tcs-interior) .contact-info p{margin-bottom:18px;} :where(body.tcs-interior) .policy-section{margin:70px 0;} :where(body.tcs-interior) .policy-card{background:white;border-left:6px solid var(--primary);padding:35px;border-radius:18px;margin-bottom:30px;box-shadow:0 15px 35px rgba(0,0,0,.08);} :where(body.tcs-interior) .policy-card h2{color:var(--primary);margin-bottom:20px;} :where(body.tcs-interior) .timeline{position:relative;max-width:1100px;margin:auto;} :where(body.tcs-interior) .timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:5px;background:var(--primary-light);} :where(body.tcs-interior) .timeline-item{position:relative;width:50%;padding:30px 50px;} :where(body.tcs-interior) .timeline-item:nth-child(odd){left:0;} :where(body.tcs-interior) .timeline-item:nth-child(even){left:50%;} :where(body.tcs-interior) .timeline-dot{position:absolute;top:40px;right:-18px;width:32px;height:32px;background:var(--primary);border-radius:50%;} :where(body.tcs-interior) .timeline-item:nth-child(even) .timeline-dot{left:-16px;} :where(body.tcs-interior) .toast{position:fixed;right:30px;bottom:30px;background:#222;color:white;padding:18px 28px;border-radius:14px;box-shadow:0 15px 35px rgba(0,0,0,.20);opacity:0;transform:translateY(40px);transition:.35s;z-index:4000;} :where(body.tcs-interior) .toast.show{opacity:1;transform:translateY(0);} :where(body.tcs-interior) .spinner{width:60px;height:60px;border:6px solid #dce8ff;border-top:6px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;} @keyframes spin{ from{ transform:rotate(0); } to{ transform:rotate(360deg); } } :where(body.tcs-interior) .cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;background:#fff;padding:25px;border-radius:18px;box-shadow:0 20px 45px rgba(0,0,0,.15);display:flex;justify-content:space-between;align-items:center;gap:25px;z-index:5000;} :where(body.tcs-interior) .cookie-buttons{display:flex;gap:15px;} :where(body.tcs-interior) .status{display:inline-block;padding:8px 18px;border-radius:50px;font-size:.85rem;font-weight:700;} :where(body.tcs-interior) .status.success{background:#dff6e7;color:#2d8b42;} :where(body.tcs-interior) .status.pending{background:#fff6d8;color:#a96a00;} :where(body.tcs-interior) .status.error{background:#ffe1e1;color:#c62828;} @media print{:where(body.tcs-interior) nav,:where(body.tcs-interior) .btn,:where(body.tcs-interior) #backToTop,:where(body.tcs-interior) .cookie-banner{display:none ;} body:where(.tcs-interior){background:white;color:black;} :where(body.tcs-interior) a{text-decoration:none;color:black;}} @media(max-width:992px){:where(body.tcs-interior) .portfolio-gallery{column-count:2;} :where(body.tcs-interior) .contact-wrapper{grid-template-columns:1fr;} :where(body.tcs-interior) .timeline::before{left:25px;} :where(body.tcs-interior) .timeline-item{width:100%;left:0 ;padding-left:70px;padding-right:20px;} :where(body.tcs-interior) .timeline-dot{left:10px ;right:auto;} :where(body.tcs-interior) .cookie-banner{flex-direction:column;align-items:flex-start;}} @media(max-width:600px){:where(body.tcs-interior) .portfolio-gallery{column-count:1;} :where(body.tcs-interior) .portfolio-filter{flex-direction:column;align-items:center;} :where(body.tcs-interior) .filter-btn{width:250px;}} :where(body.tcs-interior) .mouse-glow{position:fixed;width:320px;height:320px;border-radius:50%;background:radial-gradient( circle, rgba(31,115,232,.18), rgba(31,115,232,0) );pointer-events:none;transform:translate(-50%,-50%);z-index:0;transition: left .08s linear, top .08s linear;} :where(body.tcs-interior) .blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.22;animation:blobFloat 20s ease-in-out infinite;} :where(body.tcs-interior) .blob.one{width:450px;height:450px;background:#1F73E8;top:-120px;left:-120px;} :where(body.tcs-interior) .blob.two{width:350px;height:350px;background:#66B3FF;bottom:-80px;right:-80px;animation-delay:6s;} @keyframes blobFloat{ 0%{ transform:translateY(0) scale(1); } 50%{ transform:translateY(-45px) scale(1.08); } 100%{ transform:translateY(0) scale(1); } } :where(body.tcs-interior) .card-premium{transition:.4s;border:1px solid transparent;} :where(body.tcs-interior) .card-premium:hover{transform:translateY(-12px);border-color:rgba(31,115,232,.25);box-shadow: 0 25px 60px rgba(0,0,0,.12), 0 0 30px rgba(31,115,232,.18);} :where(body.tcs-interior) .lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:.35s;} :where(body.tcs-interior) .lightbox.active{opacity:1;visibility:visible;} :where(body.tcs-interior) .lightbox img{max-width:92%;max-height:92%;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.4);} :where(body.tcs-interior) .hero-title{animation:heroFade .9s ease;} :where(body.tcs-interior) .hero-subtitle{animation:heroFade 1.4s ease;} :where(body.tcs-interior) .hero-buttons{animation:heroFade 1.8s ease;} @keyframes heroFade{ from{ opacity:0; transform:translateY(35px); } to{ opacity:1; transform:translateY(0); } } :where(body.tcs-interior) .btn-pulse{position:relative;} :where(body.tcs-interior) .btn-pulse::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--primary);animation:pulseRing 2s infinite;} @keyframes pulseRing{ 0%{ transform:scale(1); opacity:1; } 100%{ transform:scale(1.6); opacity:0; } } :where(body.tcs-interior) .icon-spin:hover{transform:rotate(360deg);transition:.7s;} :where(body.tcs-interior) .tag{display:inline-block;padding:7px 16px;border-radius:999px;background:#eef7ff;color:var(--primary);margin:5px;font-size:.85rem;font-weight:600;} :where(body.tcs-interior) .dashboard-card{background:#fff;border-radius:18px;padding:30px;box-shadow:0 18px 40px rgba(0,0,0,.08);} :where(body.tcs-interior) .dashboard-card h3{color:var(--primary);} :where(body.tcs-interior) .alert{padding:18px 24px;border-radius:14px;margin:20px 0;} :where(body.tcs-interior) .alert-info{background:#eef7ff;color:#155bc0;} :where(body.tcs-interior) .alert-success{background:#eaf8ee;color:#2b8d42;} :where(body.tcs-interior) .alert-warning{background:#fff8df;color:#9b6a00;} :where(body.tcs-interior) .alert-danger{background:#ffeaea;color:#b82727;} :where(body.tcs-interior) .loading-bar{width:100%;height:8px;border-radius:999px;overflow:hidden;background:#dce8ff;} :where(body.tcs-interior) .loading-bar span{display:block;height:100%;background:linear-gradient( 90deg, var(--primary), var(--primary-light) );animation:loadingBar 2.2s infinite;} @keyframes loadingBar{ 0%{ width:0; } 50%{ width:75%; } 100%{ width:100%; } } :where(body.tcs-interior) .ripple{overflow:hidden;position:relative;} :where(body.tcs-interior) .ripple::after{content:"";position:absolute;width:10px;height:10px;background:rgba(255,255,255,.45);border-radius:50%;transform:scale(1);opacity:0;} :where(body.tcs-interior) .ripple:active::after{animation:ripple .5s;} @keyframes ripple{ from{ transform:scale(1); opacity:.6; } to{ transform:scale(30); opacity:0; } } :where(body.tcs-interior) .input-group{position:relative;} :where(body.tcs-interior) .input-group input{padding-left:50px;} :where(body.tcs-interior) .input-group i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--primary);} :where(body.tcs-interior) .gradient-divider{width:100%;height:2px;background:linear-gradient( 90deg, transparent, var(--primary), transparent );margin:70px 0;} @media(max-width:768px){:where(body.tcs-interior) .mouse-glow,:where(body.tcs-interior) .blob{display:none;} :where(body.tcs-interior) .hero-title{font-size:2.4rem;} :where(body.tcs-interior) .dashboard-card{padding:22px;}} :where(body.tcs-interior) :focus-visible{outline:3px solid var(--primary-light);outline-offset:3px;border-radius:6px;} html{scroll-padding-top:100px;} :where(body.tcs-interior) ::selection{background:var(--primary);color:#fff;} @media (prefers-reduced-motion: reduce){:where(body.tcs-interior) *{animation:none ;transition:none ;scroll-behavior:auto ;}} :where(body.tcs-interior) .img-cover{width:100%;height:100%;object-fit:cover;} :where(body.tcs-interior) .img-contain{width:100%;height:100%;object-fit:contain;} :where(body.tcs-interior) .img-rounded{border-radius:18px;} :where(body.tcs-interior) .img-circle{border-radius:50%;} :where(body.tcs-interior) .flex{display:flex;} :where(body.tcs-interior) .flex-center{display:flex;justify-content:center;align-items:center;} :where(body.tcs-interior) .flex-between{display:flex;justify-content:space-between;align-items:center;} :where(body.tcs-interior) .flex-column{display:flex;flex-direction:column;} :where(body.tcs-interior) .grid{display:grid;gap:25px;} :where(body.tcs-interior) .grid-2{grid-template-columns:repeat(2,1fr);} :where(body.tcs-interior) .grid-3{grid-template-columns:repeat(3,1fr);} :where(body.tcs-interior) .grid-4{grid-template-columns:repeat(4,1fr);} :where(body.tcs-interior) .w-25{width:25%;} :where(body.tcs-interior) .w-33{width:33.333%;} :where(body.tcs-interior) .w-50{width:50%;} :where(body.tcs-interior) .w-75{width:75%;} :where(body.tcs-interior) .w-100{width:100%;} :where(body.tcs-interior) .max-600{max-width:600px;} :where(body.tcs-interior) .max-800{max-width:800px;} :where(body.tcs-interior) .max-1000{max-width:1000px;} :where(body.tcs-interior) .max-1200{max-width:1200px;margin:auto;} :where(body.tcs-interior) .p-1{padding:1rem;} :where(body.tcs-interior) .p-2{padding:2rem;} :where(body.tcs-interior) .p-3{padding:3rem;} :where(body.tcs-interior) .p-4{padding:4rem;} :where(body.tcs-interior) .pt-5{padding-top:5rem;} :where(body.tcs-interior) .pb-5{padding-bottom:5rem;} :where(body.tcs-interior) .m-auto{margin:auto;} :where(body.tcs-interior) .mx-auto{margin-left:auto;margin-right:auto;} :where(body.tcs-interior) .gap-10{gap:10px;} :where(body.tcs-interior) .gap-20{gap:20px;} :where(body.tcs-interior) .gap-30{gap:30px;} :where(body.tcs-interior) .gap-40{gap:40px;} :where(body.tcs-interior) .border{border:1px solid #ddd;} :where(body.tcs-interior) .border-primary{border:2px solid var(--primary);} :where(body.tcs-interior) .rounded-sm{border-radius:8px;} :where(body.tcs-interior) .rounded-md{border-radius:16px;} :where(body.tcs-interior) .rounded-lg{border-radius:30px;} :where(body.tcs-interior) .bg-primary{background:var(--primary);color:white;} :where(body.tcs-interior) .bg-light{background:#f8fbff;} :where(body.tcs-interior) .bg-white{background:white;} :where(body.tcs-interior) .bg-gradient{background:linear-gradient( 135deg, var(--primary), var(--primary-light) );color:white;} :where(body.tcs-interior) .text-primary{color:var(--primary);} :where(body.tcs-interior) .text-light{color:#666;} :where(body.tcs-interior) .text-white{color:white;} :where(body.tcs-interior) .text-bold{font-weight:700;} :where(body.tcs-interior) .text-uppercase{text-transform:uppercase;letter-spacing:1px;} :where(body.tcs-interior) .opacity-25{opacity:.25;} :where(body.tcs-interior) .opacity-50{opacity:.5;} :where(body.tcs-interior) .opacity-75{opacity:.75;} :where(body.tcs-interior) .opacity-100{opacity:1;} :where(body.tcs-interior) .cursor-pointer{cursor:pointer;} :where(body.tcs-interior) .cursor-default{cursor:default;} :where(body.tcs-interior) .transition{transition:.35s ease;} :where(body.tcs-interior) .transition-fast{transition:.2s ease;} :where(body.tcs-interior) .transition-slow{transition:.6s ease;} :where(body.tcs-interior) .fade-up{animation:fadeUp .8s ease;} :where(body.tcs-interior) .fade-down{animation:fadeDown .8s ease;} :where(body.tcs-interior) .zoom-in{animation:zoomIn .7s ease;} :where(body.tcs-interior) .slide-left{animation:slideLeft .8s ease;} :where(body.tcs-interior) .slide-right{animation:slideRight .8s ease;} @keyframes fadeUp{ from{ opacity:0; transform:translateY(40px); } to{ opacity:1; transform:none; } } @keyframes fadeDown{ from{ opacity:0; transform:translateY(-40px); } to{ opacity:1; transform:none; } } @keyframes zoomIn{ from{ opacity:0; transform:scale(.85); } to{ opacity:1; transform:scale(1); } } @keyframes slideLeft{ from{ opacity:0; transform:translateX(-60px); } to{ opacity:1; transform:none; } } @keyframes slideRight{ from{ opacity:0; transform:translateX(60px); } to{ opacity:1; transform:none; } } body:where(.tcs-interior).dark-mode{background:#121212;color:#f3f3f3;} body:where(.tcs-interior).dark-mode .card,body:where(.tcs-interior).dark-mode .pricing-card,body:where(.tcs-interior).dark-mode .service-card,body:where(.tcs-interior).dark-mode .glass-card{background:#1d1d1d;color:white;} body:where(.tcs-interior).dark-mode a{color:#fff;} @media(min-width:1600px){:where(body.tcs-interior) .container{max-width:1500px;} :where(body.tcs-interior) .hero-content{max-width:1100px;}} @media(max-width:768px){:where(body.tcs-interior) .grid-2,:where(body.tcs-interior) .grid-3,:where(body.tcs-interior) .grid-4{grid-template-columns:1fr;} :where(body.tcs-interior) .flex-between{flex-direction:column;gap:20px;} :where(body.tcs-interior) .w-25,:where(body.tcs-interior) .w-33,:where(body.tcs-interior) .w-50,:where(body.tcs-interior) .w-75{width:100%;} :where(body.tcs-interior) h1{font-size:2.3rem;} :where(body.tcs-interior) h2{font-size:1.9rem;} :where(body.tcs-interior) .section{padding:70px 0;}} :where(body.tcs-interior) .mega-menu{position:absolute;left:0;top:100%;width:100%;background:#fff;box-shadow:0 25px 60px rgba(0,0,0,.12);border-radius:0 0 20px 20px;display:none;padding:45px;z-index:1000;} :where(body.tcs-interior) .dropdown:hover .mega-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;} :where(body.tcs-interior) .mega-column h3{color:var(--primary);margin-bottom:15px;} :where(body.tcs-interior) .mega-column a{display:block;padding:8px 0;color:#555;transition:.3s;} :where(body.tcs-interior) .mega-column a:hover{color:var(--primary);padding-left:10px;} :where(body.tcs-interior) .site-header.scrolled{padding:4px 0;background:rgba(255,255,255,.97);box-shadow:0 10px 30px rgba(0,0,0,.08);} :where(body.tcs-interior) .page-banner{position:relative;overflow:hidden;text-align:center;padding:140px 20px;background:linear-gradient( 135deg, var(--primary), var(--primary-light) );color:white;} :where(body.tcs-interior) .page-banner h1{font-size:3.5rem;} :where(body.tcs-interior) .page-banner p{max-width:850px;margin:25px auto 0;color:white;} :where(body.tcs-interior) .breadcrumb{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap;} :where(body.tcs-interior) .breadcrumb a{color:white;opacity:.85;} :where(body.tcs-interior) .breadcrumb a:hover{opacity:1;} :where(body.tcs-interior) .breadcrumb span{opacity:.65;} :where(body.tcs-interior) .title-decoration{width:120px;height:6px;border-radius:50px;margin:25px auto;background:linear-gradient( 90deg, white, rgba(255,255,255,.25) );} :where(body.tcs-interior) .search-wrapper{position:relative;max-width:700px;margin:50px auto;} :where(body.tcs-interior) .search-wrapper input{width:100%;padding:20px 70px 20px 25px;border:none;border-radius:50px;box-shadow:0 15px 35px rgba(0,0,0,.08);} :where(body.tcs-interior) .search-wrapper button{position:absolute;right:8px;top:8px;width:55px;height:55px;border:none;border-radius:50%;background:var(--primary);color:white;cursor:pointer;} :where(body.tcs-interior) .announcement{background:linear-gradient( 90deg, var(--primary), var(--primary-light) );color:white;text-align:center;padding:12px;font-weight:600;} :where(body.tcs-interior) .feature-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;} :where(body.tcs-interior) .feature-box{background:white;border-radius:20px;padding:35px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,.08);transition:.35s;} :where(body.tcs-interior) .feature-box:hover{transform:translateY(-10px);} :where(body.tcs-interior) .feature-box i{font-size:3rem;color:var(--primary);margin-bottom:20px;} :where(body.tcs-interior) .stat-box{background:white;padding:35px;border-radius:20px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,.08);} :where(body.tcs-interior) .stat-box h2{color:var(--primary);font-size:3rem;} :where(body.tcs-interior) .stat-box p{margin-top:12px;} :where(body.tcs-interior) .image-frame{padding:12px;background:white;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.10);} :where(body.tcs-interior) .image-frame img{border-radius:14px;} :where(body.tcs-interior) .section-break{width:100%;height:2px;margin:90px 0;background:linear-gradient( 90deg, transparent, rgba(31,115,232,.5), transparent );} :where(body.tcs-interior) .page-fade{animation:pageFade .6s ease;} @keyframes pageFade{ from{ opacity:0; transform:translateY(30px); } to{ opacity:1; transform:none; } } @media(max-width:992px){:where(body.tcs-interior) .mega-menu{display:block;padding:25px;} :where(body.tcs-interior) .page-banner h1{font-size:2.5rem;} :where(body.tcs-interior) .search-wrapper{margin-top:30px;}} @media(max-width:768px){:where(body.tcs-interior) .feature-boxes{grid-template-columns:1fr;} :where(body.tcs-interior) .search-wrapper input{padding:18px;} :where(body.tcs-interior) .search-wrapper button{display:none;} :where(body.tcs-interior) .breadcrumb{font-size:.9rem;}} :where(body.tcs-interior) .customer-dashboard{display:grid;grid-template-columns:280px 1fr;gap:35px;margin:60px 0;} :where(body.tcs-interior) .dashboard-sidebar{background:#ffffff;border-radius:20px;padding:30px;box-shadow:0 18px 45px rgba(0,0,0,.08);position:sticky;top:110px;} :where(body.tcs-interior) .dashboard-sidebar h3{color:var(--primary);margin-bottom:25px;} :where(body.tcs-interior) .dashboard-sidebar ul{display:grid;gap:10px;} :where(body.tcs-interior) .dashboard-sidebar a{display:block;padding:14px 18px;border-radius:12px;transition:.3s;} :where(body.tcs-interior) .dashboard-sidebar a:hover,:where(body.tcs-interior) .dashboard-sidebar a.active{background:var(--primary);color:white;} :where(body.tcs-interior) .dashboard-content{display:grid;gap:30px;} :where(body.tcs-interior) .project-card{background:#fff;border-radius:20px;padding:35px;box-shadow:0 18px 45px rgba(0,0,0,.08);transition:.3s;} :where(body.tcs-interior) .project-card:hover{transform:translateY(-6px);} :where(body.tcs-interior) .project-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;} :where(body.tcs-interior) .project-title{color:var(--primary);font-size:1.5rem;} :where(body.tcs-interior) .project-number{font-size:.9rem;color:#888;} :where(body.tcs-interior) .progress-container{width:100%;height:18px;background:#e8eef9;border-radius:999px;overflow:hidden;margin:25px 0;} :where(body.tcs-interior) .progress-fill{height:100%;background:linear-gradient( 90deg, var(--primary), var(--primary-light) );width:0%;transition:width .8s ease;} :where(body.tcs-interior) .order-timeline{position:relative;margin-top:40px;} :where(body.tcs-interior) .order-timeline::before{content:"";position:absolute;left:22px;top:0;bottom:0;width:4px;background:#d9e7fb;} :where(body.tcs-interior) .timeline-step{position:relative;padding-left:70px;margin-bottom:40px;} :where(body.tcs-interior) .timeline-step::before{content:"";position:absolute;left:10px;top:0;width:26px;height:26px;border-radius:50%;background:#d9e7fb;} :where(body.tcs-interior) .timeline-step.complete::before{background:#34b233;} :where(body.tcs-interior) .timeline-step.current::before{background:var(--primary);} :where(body.tcs-interior) .timeline-step h4{color:var(--primary);margin-bottom:8px;} :where(body.tcs-interior) .quote-summary{background:#f7fbff;border:2px solid #dce9ff;border-radius:20px;padding:35px;} :where(body.tcs-interior) .quote-summary h2{color:var(--primary);margin-bottom:25px;} :where(body.tcs-interior) .quote-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e6eef9;} :where(body.tcs-interior) .quote-total{font-size:1.6rem;font-weight:700;color:var(--primary);margin-top:25px;} :where(body.tcs-interior) .invoice-table{width:100%;border-collapse:collapse;margin-top:30px;} :where(body.tcs-interior) .invoice-table th{background:var(--primary);color:white;padding:18px;} :where(body.tcs-interior) .invoice-table td{padding:18px;border:1px solid #e2e2e2;} :where(body.tcs-interior) .invoice-table tr:nth-child(even){background:#f8fbff;} :where(body.tcs-interior) .payment-card{background:white;padding:35px;border-radius:20px;box-shadow:0 18px 45px rgba(0,0,0,.08);} :where(body.tcs-interior) .payment-card h3{color:var(--primary);} :where(body.tcs-interior) .payment-methods{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;} :where(body.tcs-interior) .payment-method{flex:1;min-width:180px;border:2px solid #d9e7fb;border-radius:16px;padding:20px;text-align:center;cursor:pointer;transition:.3s;} :where(body.tcs-interior) .payment-method:hover,:where(body.tcs-interior) .payment-method.selected{border-color:var(--primary);background:#eef7ff;} :where(body.tcs-interior) .square-checkout{background:linear-gradient( 135deg, #eef7ff, white );padding:40px;border-radius:20px;border:2px solid #d9e7fb;text-align:center;} :where(body.tcs-interior) .square-logo{width:160px;margin:0 auto 25px;} :where(body.tcs-interior) .square-checkout .btn{margin-top:25px;} :where(body.tcs-interior) .review-card{background:white;border-radius:20px;padding:30px;box-shadow:0 18px 45px rgba(0,0,0,.08);} :where(body.tcs-interior) .review-stars{color:#f7b500;font-size:1.3rem;margin-bottom:20px;} :where(body.tcs-interior) .download-box{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f8fbff;padding:25px;border-radius:18px;margin-top:20px;border:1px solid #dce9ff;} @media(max-width:992px){:where(body.tcs-interior) .customer-dashboard{grid-template-columns:1fr;} :where(body.tcs-interior) .dashboard-sidebar{position:relative;top:0;} :where(body.tcs-interior) .project-header{flex-direction:column;align-items:flex-start;} :where(body.tcs-interior) .quote-row{flex-direction:column;gap:6px;} :where(body.tcs-interior) .payment-methods{flex-direction:column;} :where(body.tcs-interior) .download-box{flex-direction:column;text-align:center;}} html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;-moz-tab-size: 4;tab-size: 4;color-scheme: light;scrollbar-color: var(--primary) #eef5ff;scrollbar-width: auto;} body:where(.tcs-interior){min-width: 320px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-kerning: normal;text-rendering: optimizeLegibility;} body:where(.tcs-interior),:where(body.tcs-interior) button,:where(body.tcs-interior) input,:where(body.tcs-interior) select,:where(body.tcs-interior) textarea{font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;} :where(body.tcs-interior) h1,:where(body.tcs-interior) h2,:where(body.tcs-interior) h3,:where(body.tcs-interior) h4,:where(body.tcs-interior) h5,:where(body.tcs-interior) h6{font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;} :where(body.tcs-interior) button,:where(body.tcs-interior) input,:where(body.tcs-interior) optgroup,:where(body.tcs-interior) select,:where(body.tcs-interior) textarea{margin: 0;color: inherit;font: inherit;letter-spacing: inherit;line-height: 1.5;} :where(body.tcs-interior) button,:where(body.tcs-interior) input[type="button"],:where(body.tcs-interior) input[type="reset"],:where(body.tcs-interior) input[type="submit"]{-webkit-appearance: none;appearance: none;} :where(body.tcs-interior) button::-moz-focus-inner,:where(body.tcs-interior) input[type="button"]::-moz-focus-inner,:where(body.tcs-interior) input[type="reset"]::-moz-focus-inner,:where(body.tcs-interior) input[type="submit"]::-moz-focus-inner{padding: 0;border: 0;} :where(body.tcs-interior) input[type="checkbox"],:where(body.tcs-interior) input[type="radio"],:where(body.tcs-interior) input[type="color"],:where(body.tcs-interior) input[type="date"],:where(body.tcs-interior) input[type="datetime-local"],:where(body.tcs-interior) input[type="file"],:where(body.tcs-interior) input[type="month"],:where(body.tcs-interior) input[type="range"],:where(body.tcs-interior) input[type="time"],:where(body.tcs-interior) input[type="week"],:where(body.tcs-interior) select{-webkit-appearance: auto;appearance: auto;} :where(body.tcs-interior) input[type="search"]{-webkit-appearance: textfield;appearance: textfield;outline-offset: -2px;} :where(body.tcs-interior) input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} :where(body.tcs-interior) ::placeholder{color: #7a7a7a;opacity: 1;} :where(body.tcs-interior) a,:where(body.tcs-interior) button,:where(body.tcs-interior) input,:where(body.tcs-interior) select,:where(body.tcs-interior) textarea,:where(body.tcs-interior) [role="button"]{-webkit-tap-highlight-color: transparent;} :where(body.tcs-interior) button,:where(body.tcs-interior) .btn,:where(body.tcs-interior) [role="button"]{touch-action: manipulation;} :where(body.tcs-interior) button:disabled,:where(body.tcs-interior) input:disabled,:where(body.tcs-interior) select:disabled,:where(body.tcs-interior) textarea:disabled{cursor: not-allowed;opacity: .7;} :where(body.tcs-interior) img,:where(body.tcs-interior) picture,:where(body.tcs-interior) svg,:where(body.tcs-interior) video,:where(body.tcs-interior) canvas{max-width: 100%;} :where(body.tcs-interior) img,:where(body.tcs-interior) video,:where(body.tcs-interior) canvas{height: auto;} :where(body.tcs-interior) svg:not(:root){overflow: hidden;} :where(body.tcs-interior) table{border-spacing: 0;} :where(body.tcs-interior) .container{width: 92%;max-width: var(--max-width);} @supports (width: min(92%, 1280px)) {:where(body.tcs-interior) .container{width: min(92%, var(--max-width));max-width: none;}} :where(body.tcs-interior) .site-header{position: -webkit-sticky;position: sticky;-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);} :where(body.tcs-interior) .glass-card{-webkit-backdrop-filter: blur(18px);backdrop-filter: blur(18px);} @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {:where(body.tcs-interior) .site-header{background: rgba(255, 255, 255, .98);} :where(body.tcs-interior) .glass-card{background: rgba(255, 255, 255, .94);}} :where(body.tcs-interior) .gradient-text{color: var(--primary);-webkit-background-clip: text;background-clip: text;} @supports ((-webkit-background-clip: text) or (background-clip: text)) {:where(body.tcs-interior) .gradient-text{color: transparent;}} :where(body.tcs-interior) #hero{min-height: 92vh;} @supports (height: 100svh) {:where(body.tcs-interior) #hero{min-height: 92svh;}} :where(body.tcs-interior) .about-grid > *,:where(body.tcs-interior) .services-grid > *,:where(body.tcs-interior) .why-grid > *,:where(body.tcs-interior) .stats-grid > *,:where(body.tcs-interior) .process-grid > *,:where(body.tcs-interior) .portfolio-grid > *,:where(body.tcs-interior) .hours-grid > *,:where(body.tcs-interior) .pricing-grid > *,:where(body.tcs-interior) .addon-grid > *,:where(body.tcs-interior) .form-grid > *,:where(body.tcs-interior) .checkbox-group > *,:where(body.tcs-interior) .color-picker-group > *,:where(body.tcs-interior) .service-selection > *,:where(body.tcs-interior) .contact-grid > *,:where(body.tcs-interior) .customer-dashboard > *{min-width: 0;} :where(body.tcs-interior) .btn{line-height: 1.2;text-align: center;-webkit-user-select: none;user-select: none;} :where(body.tcs-interior) .faq-question{-webkit-appearance: none;appearance: none;} :where(body.tcs-interior) .modal-content,:where(body.tcs-interior) .dropdown-menu{-webkit-overflow-scrolling: touch;} @media (pointer: coarse) {:where(body.tcs-interior) .parallax{background-attachment: scroll;}} @media (hover: none) {:where(body.tcs-interior) .about-card:hover,:where(body.tcs-interior) .service-card:hover,:where(body.tcs-interior) .why-card:hover,:where(body.tcs-interior) .process-step:hover,:where(body.tcs-interior) .portfolio-card:hover,:where(body.tcs-interior) .hours-card:hover,:where(body.tcs-interior) .pricing-card:hover,:where(body.tcs-interior) .addon-card:hover,:where(body.tcs-interior) .service-option:hover,:where(body.tcs-interior) .social-btn:hover,:where(body.tcs-interior) .hover-lift:hover{transform: none;} :where(body.tcs-interior) .portfolio-card:hover img,:where(body.tcs-interior) .image-overlay:hover img{transform: none;}} @media (prefers-reduced-motion: reduce) {html{scroll-behavior: auto;} :where(body.tcs-interior) *,:where(body.tcs-interior) *::before,:where(body.tcs-interior) *::after{scroll-behavior: auto ;animation-duration: .01ms ;animation-iteration-count: 1 ;transition-duration: .01ms ;transition-delay: 0s ;}} @media print {:where(body.tcs-interior) *,:where(body.tcs-interior) *::before,:where(body.tcs-interior) *::after{-webkit-print-color-adjust: exact;print-color-adjust: exact;}} :where(body.tcs-interior) .site-header{position: -webkit-sticky;position: sticky;top: 0;z-index: 1000;width: 100%;border-bottom: 1px solid #e6eef9;background: rgba(255, 255, 255, .96);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);} :where(body.tcs-interior) .site-header.scrolled{padding: 0;background: rgba(255, 255, 255, .98);box-shadow: 0 10px 30px rgba(0, 0, 0, .08);} :where(body.tcs-interior) .site-header .brand{display: flex;min-width: 0;flex: 1 1 auto;align-items: center;gap: 14px;color: var(--dark);text-decoration: none;} :where(body.tcs-interior) .site-header .brand img{display: block;width: auto;height: 64px;max-width: 94px;flex: 0 0 auto;object-fit: contain;} :where(body.tcs-interior) .site-header .brand > div{min-width: 0;} :where(body.tcs-interior) .site-header .brand h1{margin: 0;color: var(--dark);font-family: "Poppins", sans-serif;font-size: clamp(1.12rem, 1.45vw, 1.55rem);font-weight: 700;line-height: 1.12;white-space: nowrap;} :where(body.tcs-interior) .site-header .brand p{margin: 4px 0 0;color: #566273;font-size: clamp(.68rem, .82vw, .79rem);font-weight: 500;line-height: 1.28;} :where(body.tcs-interior) .site-header .dropdown{position: relative;} :where(body.tcs-interior) .site-header .dropdown-menu{position: absolute;top: 100%;left: 0;z-index: 1200;display: block;width: max-content;min-width: 240px;max-width: min(320px, 90vw);margin: 0;padding: 8px;border: 1px solid #dbe9ff;border-radius: 14px;background: #fff;box-shadow: 0 18px 42px rgba(15, 38, 75, .16);list-style: none;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(8px);transition: opacity .2s ease, visibility .2s ease, transform .2s ease;} :where(body.tcs-interior) .site-header .dropdown:hover > .dropdown-menu,:where(body.tcs-interior) .site-header .dropdown:focus-within > .dropdown-menu,:where(body.tcs-interior) .site-header .dropdown.open > .dropdown-menu{opacity: 1;visibility: visible;pointer-events: auto;transform: translateY(0);} :where(body.tcs-interior) .site-header .dropdown-menu li{width: 100%;margin: 0;padding: 0;} :where(body.tcs-interior) .site-header .dropdown-menu a{display: block;width: 100%;padding: 10px 12px;border-radius: 9px;color: #344054;font-size: .92rem;font-weight: 650;line-height: 1.35;text-align: left;text-decoration: none;white-space: nowrap;} :where(body.tcs-interior) .site-header .dropdown-menu a:hover,:where(body.tcs-interior) .site-header .dropdown-menu a:focus-visible{background: #eef6ff;color: var(--primary);outline: none;} @media (min-width: 901px) and (max-width: 1120px) {:where(body.tcs-interior) .site-header .brand{gap: 9px;} :where(body.tcs-interior) .site-header .brand img{height: 54px;max-width: 75px;} :where(body.tcs-interior) .site-header .brand h1{font-size: 1rem;} :where(body.tcs-interior) .site-header .brand p{font-size: .62rem;}} @media (max-width: 900px) {:where(body.tcs-interior) .site-header .brand{max-width: calc(100% - 62px);} :where(body.tcs-interior) .site-header .brand img{height: 54px;max-width: 75px;} :where(body.tcs-interior) .site-header .brand h1{overflow: hidden;font-size: clamp(.98rem, 4vw, 1.2rem);text-overflow: ellipsis;white-space: nowrap;} :where(body.tcs-interior) .site-header .brand p{overflow: hidden;max-width: 260px;font-size: .66rem;text-overflow: ellipsis;}} @media (max-width: 520px) {:where(body.tcs-interior) .site-header .brand{gap: 8px;} :where(body.tcs-interior) .site-header .brand img{height: 48px;max-width: 64px;} :where(body.tcs-interior) .site-header .brand h1{font-size: .94rem;} :where(body.tcs-interior) .site-header .brand p{max-width: 190px;font-size: .58rem;line-height: 1.2;}} @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {:where(body.tcs-interior) .site-header{background: rgba(255, 255, 255, .99);}} @media (prefers-reduced-motion: reduce) {:where(body.tcs-interior) .site-header .dropdown-menu{transition: none ;}} :where(body.tcs-interior) .tcs-reading-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(90deg,#1764d9,#53c4ff);transform:scaleX(0);transform-origin:left;pointer-events:none;} :where(body.tcs-interior) .tcs-effects-hero{position:relative;isolation:isolate;} :where(body.tcs-interior) .tcs-hero-accent{position:absolute;right:0;top:0;width:60%;height:100%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 40%,#9fd5ff40,transparent 65%);} :where(body.tcs-interior) .tcs-heading-accent{background:linear-gradient(110deg,#1764d9 10%,#174395 45%,#087fa5 70%,#1764d9);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} :where(body.tcs-interior) .tcs-interactive-card{position:relative;isolation:isolate;} :where(body.tcs-interior) .tcs-interactive-card::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--tcs-x,50%) var(--tcs-y,50%),#58b6ff1d,transparent 75%);opacity:0;transition:opacity .25s ease;} html[data-tcs-motion="on"] .tcs-interactive-card:hover::after{opacity:1;} :where(body.tcs-interior) .tcs-motion-panel{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;margin-top:26px;border-top:1px solid #ffffff25;color:#a9bad2;font-size:.8rem;} :where(body.tcs-interior) .tcs-motion-toggle{font:600 .8rem Inter,Arial,sans-serif;min-height:44px;padding:10px 16px;background:#101c2b;border:1px solid #456080;color:#e6f2ff;border-radius:7px;cursor:pointer;} :where(body.tcs-interior) .tcs-motion-toggle:hover{background:#1b314d;} :where(body.tcs-interior) .tcs-motion-toggle:disabled{opacity:.8;cursor:default;} html[data-tcs-motion="off"] *,html[data-tcs-motion="off"] *::before,html[data-tcs-motion="off"] *::after{animation:none;transition:none;} html[data-tcs-motion="off"]{scroll-behavior:auto;} html[data-tcs-motion="off"] .tcs-interactive-card::after{display:none;} html[data-tcs-motion="off"] .tcs-heading-accent{background:none;-webkit-text-fill-color:currentColor;} @media(hover:none),(pointer:coarse){:where(body.tcs-interior) .tcs-interactive-card::after{display:none;}} @media(forced-colors:active){:where(body.tcs-interior) .tcs-heading-accent{background:none;-webkit-text-fill-color:currentColor;} :where(body.tcs-interior) .tcs-hero-accent,:where(body.tcs-interior) .tcs-interactive-card::after{display:none;}} body:where(.tcs-interior).tcs-interior{--primary:#1764d9;--primary-light:#48a4ff;--dark:#142139;--gray:#5e6b7c;} body:where(.tcs-interior){font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65;background:#f7f9fc;color:#17243b;} html{scroll-padding-top:110px;} :where(body.tcs-interior) h1,:where(body.tcs-interior) h2,:where(body.tcs-interior) h3{letter-spacing:-.035em;line-height:1.18;} :where(body.tcs-interior) p{line-height:1.7;} :where(body.tcs-interior) *,:where(body.tcs-interior) *::before,:where(body.tcs-interior) *::after{box-sizing:border-box;} :where(body.tcs-interior) a:focus-visible,:where(body.tcs-interior) button:focus-visible,:where(body.tcs-interior) input:focus-visible,:where(body.tcs-interior) textarea:focus-visible,:where(body.tcs-interior) select:focus-visible{outline:3px solid #3789ed;outline-offset:4px;} :where(body.tcs-interior) .container{max-width:1200px;width:calc(100% - 48px);} body:where(.tcs-interior) main>section{padding-top:76px;padding-bottom:76px;} :where(body.tcs-interior) .section-title{margin-bottom:36px;max-width:820px;} :where(body.tcs-interior) .section-title h2,:where(body.tcs-interior) #about>.container>h2,:where(body.tcs-interior) #process>.container>h2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:700;} :where(body.tcs-interior) .section-title p{color:#5e6b7c;font-size:1rem;max-width:720px;margin:16px auto 0;} :where(body.tcs-interior) #hero{min-height:0;padding:76px 0;text-align:left;background:linear-gradient(120deg,#f1f7ff,#fff 60%);display:block;border-bottom:1px solid #dee9f5;} :where(body.tcs-interior) #hero .hero-overlay{display:none;} :where(body.tcs-interior) #hero .hero-content{width:min(1200px,calc(100% - 48px));max-width:1200px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;transform:none;opacity:1;} :where(body.tcs-interior) #hero .tcs-intro{min-width:0;} :where(body.tcs-interior) #hero .tcs-eyebrow{display:block;font-size:.77rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#1764d9;margin-bottom:20px;} :where(body.tcs-interior) #hero h1{font-family:Poppins,Inter,sans-serif;font-size:clamp(2.5rem,4.1vw,4.2rem);line-height:1.12;letter-spacing:-.05em;color:#142139;margin:0 0 24px;text-shadow:none;} :where(body.tcs-interior) #hero h1 span{color:#1764d9;} :where(body.tcs-interior) #hero p{font-size:1.04rem;color:#57677b;margin:0 0 26px;max-width:560px;text-shadow:none;} :where(body.tcs-interior) #hero .hero-buttons{justify-content:flex-start;margin-top:0;gap:12px;animation:none;} :where(body.tcs-interior) #hero .tcs-showcase{padding:18px;background:white;border:1px solid #dbe5f1;border-radius:16px;box-shadow:0 25px 70px #1e4c8b18;min-width:0;} :where(body.tcs-interior) .tcs-showcase img{display:block;width:100%;height:340px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid #e2e8f0;} :where(body.tcs-interior) .tcs-showcase figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 4px 2px;font-size:.8rem;color:#64748b;} :where(body.tcs-interior) .tcs-showcase figcaption strong{display:block;color:#142139;font-size:.95rem;} :where(body.tcs-interior) .tcs-showcase figcaption a{color:#1764d9;font-weight:650;white-space:nowrap;} :where(body.tcs-interior) .btn,:where(body.tcs-interior) .button-link{border-radius:7px;font-weight:650;min-height:46px;padding:13px 22px;box-shadow:none;transition:background .18s,transform .18s;} :where(body.tcs-interior) .btn.primary{background:#1764d9;color:white;border:1px solid #1764d9;} :where(body.tcs-interior) .btn.primary:hover{background:#104cac;transform:translateY(-2px);} :where(body.tcs-interior) .btn.secondary{background:#fff;color:#174e9b;border:1px solid #c7d7eb;} :where(body.tcs-interior) .btn.secondary:hover{background:#edf5ff;} :where(body.tcs-interior) .about-grid,:where(body.tcs-interior) .services-grid,:where(body.tcs-interior) .portfolio-grid,:where(body.tcs-interior) .portfolio-gallery,:where(body.tcs-interior) .why-grid,:where(body.tcs-interior) .process-grid{gap:24px;} :where(body.tcs-interior) .about-card,:where(body.tcs-interior) .service-card,:where(body.tcs-interior) .why-card,:where(body.tcs-interior) .process-card,:where(body.tcs-interior) .portfolio-card,:where(body.tcs-interior) .pricing-card,:where(body.tcs-interior) .portfolio-item{border:1px solid #dfe7f1;border-radius:12px;box-shadow:0 6px 22px #162f5005;background:white;overflow:hidden;} :where(body.tcs-interior) .about-card,:where(body.tcs-interior) .service-card,:where(body.tcs-interior) .why-card,:where(body.tcs-interior) .process-card{padding:28px;transition:transform .2s,border-color .2s;} :where(body.tcs-interior) .service-card::before,:where(body.tcs-interior) .service-card::after{display:none;} :where(body.tcs-interior) .service-card:hover,:where(body.tcs-interior) .about-card:hover,:where(body.tcs-interior) .portfolio-card:hover,:where(body.tcs-interior) .portfolio-item:hover{transform:translateY(-4px);border-color:#90b9ed;box-shadow:0 14px 32px #162f500d;} :where(body.tcs-interior) .service-card h3,:where(body.tcs-interior) .about-card h3{font-size:1.2rem;line-height:1.35;} :where(body.tcs-interior) .service-card p,:where(body.tcs-interior) .about-card p{font-size:.96rem;color:#5e6b7c;} :where(body.tcs-interior) .portfolio-card img,:where(body.tcs-interior) .portfolio-item button>img{width:100%;height:260px;object-fit:contain;object-position:center;background:#f0f4fa;padding:14px;transform:none;} :where(body.tcs-interior) .portfolio-item button{width:100%;text-align:left;} :where(body.tcs-interior) .portfolio-card-copy,:where(body.tcs-interior) .portfolio-info{padding:24px;} :where(body.tcs-interior) .portfolio-card-copy h3{font-size:1.15rem;line-height:1.4;} :where(body.tcs-interior) .portfolio-card-copy p{font-size:.93rem;} :where(body.tcs-interior) .tcs-placeholder{height:260px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:30px;background:linear-gradient(130deg,#e7f1ff,#f8fbff);color:#194b90;border-bottom:1px solid #dee8f4;} :where(body.tcs-interior) .tcs-placeholder small{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;} :where(body.tcs-interior) .tcs-placeholder strong{font-family:Poppins,Inter,sans-serif;font-size:1.5rem;line-height:1.22;letter-spacing:-.035em;} :where(body.tcs-interior) .portfolio-filter{gap:10px;flex-wrap:wrap;} :where(body.tcs-interior) .filter-btn{border-radius:7px;padding:11px 17px;min-height:44px;} :where(body.tcs-interior) .portfolio-item[hidden]{display:none;} :where(body.tcs-interior) #portfolioModalImage{object-fit:contain;max-height:65vh;} :where(body.tcs-interior) .tcs-modal-placeholder{padding:40px;background:#eef5ff;color:#194b90;font-size:1.6rem;font-weight:700;text-align:center;} :where(body.tcs-interior) #cta,:where(body.tcs-interior) #final-cta,:where(body.tcs-interior) #start-project-banner{background:#123d7d;color:white;border:0;} :where(body.tcs-interior) #cta h2,:where(body.tcs-interior) #final-cta h2,:where(body.tcs-interior) #start-project-banner h2{color:white;font-size:clamp(1.9rem,3.4vw,2.8rem);} :where(body.tcs-interior) #cta p,:where(body.tcs-interior) #final-cta p,:where(body.tcs-interior) #start-project-banner p{color:#d1e1f6;} :where(body.tcs-interior) #about{background:white;} :where(body.tcs-interior) #about>.container>p{max-width:920px;margin:22px auto 36px;color:#5e6b7c;} :where(body.tcs-interior) #statistics{background:#edf4ff;} :where(body.tcs-interior) #statistics h2{color:#1764d9;} :where(body.tcs-interior) [id$="-hero"]:not(#hero){padding:64px 24px;background:#edf4ff;color:#142139;} :where(body.tcs-interior) [id$="-hero"] h1{font-size:clamp(2.2rem,4.5vw,3.6rem);color:#142139;line-height:1.16;} :where(body.tcs-interior) [id$="-hero"] p{color:#526780;} :where(body.tcs-interior) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),:where(body.tcs-interior) select,:where(body.tcs-interior) textarea{font-size:1rem;border-radius:7px;max-width:100%;} :where(body.tcs-interior) #loadingScreen,:where(body.tcs-interior) .loading-screen,:where(body.tcs-interior) .page-loader{display:none;} @media(min-width:1001px){:where(body.tcs-interior) .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));}} @media(max-width:1000px){:where(body.tcs-interior) #hero .hero-content{gap:28px;} :where(body.tcs-interior) .tcs-showcase img{height:300px;} :where(body.tcs-interior) .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:700px){:where(body.tcs-interior) .container{width:calc(100% - 32px);} body:where(.tcs-interior) main>section{padding:48px 0;} :where(body.tcs-interior) #hero{padding:44px 0;} :where(body.tcs-interior) #hero .hero-content{width:calc(100% - 32px);grid-template-columns:1fr;gap:34px;} :where(body.tcs-interior) #hero h1{font-size:2.6rem;} :where(body.tcs-interior) #hero .hero-buttons .btn{padding:12px 15px;font-size:.875rem;} :where(body.tcs-interior) .tcs-showcase img{height:270px;} :where(body.tcs-interior) .tcs-showcase figcaption{font-size:.72rem;} :where(body.tcs-interior) .about-grid,:where(body.tcs-interior) .services-grid,:where(body.tcs-interior) .portfolio-grid,:where(body.tcs-interior) .portfolio-gallery,:where(body.tcs-interior) .why-grid,:where(body.tcs-interior) .process-grid{grid-template-columns:1fr;gap:18px;} :where(body.tcs-interior) .section-title{margin-bottom:28px;} :where(body.tcs-interior) .portfolio-card img,:where(body.tcs-interior) .portfolio-item button>img{height:250px;}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;} :where(body.tcs-interior) *,:where(body.tcs-interior) *::before,:where(body.tcs-interior) *::after{animation:none;transition:none;}} :where(body.tcs-interior) .tcs-kicker{display:block;margin-bottom:16px;color:#1764d9;font-size:.77rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;} :where(body.tcs-interior) .tcs-section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:34px;} :where(body.tcs-interior) .tcs-section-heading h2{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.16;margin:0;} :where(body.tcs-interior) .tcs-section-heading>p{color:#5e6b7c;margin:0;max-width:440px;} :where(body.tcs-interior) .tcs-service-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;} :where(body.tcs-interior) .tcs-service-lead{display:flex;flex-direction:column;padding:32px;background:#fff;border:1px solid #dce5f0;border-radius:10px;} :where(body.tcs-interior) .tcs-service-number{font-size:.82rem;letter-spacing:.1em;font-weight:700;color:#1764d9;margin-bottom:36px;} :where(body.tcs-interior) .tcs-service-lead h3{font-size:1.6rem;line-height:1.2;margin-bottom:18px;} :where(body.tcs-interior) .tcs-service-lead p{font-size:.96rem;color:#5e6b7c;margin-bottom:30px;} :where(body.tcs-interior) .tcs-service-lead>a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#1764d9;font-size:.9rem;font-weight:650;margin-top:auto;padding-top:20px;border-top:1px solid #e3eaf3;} :where(body.tcs-interior) .tcs-service-directory{margin-top:26px;border-top:1px solid #dce5f0;} :where(body.tcs-interior) .tcs-service-directory summary{padding:20px 0;font-size:.94rem;font-weight:650;color:#194b90;cursor:pointer;} :where(body.tcs-interior) .tcs-service-directory .services-grid{padding-top:8px;} :where(body.tcs-interior) .faq-container{max-width:880px;margin-left:auto;margin-right:auto;} :where(body.tcs-interior) .faq-item{border-radius:9px;border:1px solid #dfe7f1;box-shadow:none;margin-bottom:12px;overflow:hidden;} :where(body.tcs-interior) .faq-question{padding:22px 24px;font-size:1rem;line-height:1.5;text-align:left;} :where(body.tcs-interior) .faq-answer p{font-size:.96rem;color:#5e6b7c;} :where(body.tcs-interior) .pricing-grid{align-items:stretch;gap:24px;} :where(body.tcs-interior) .pricing-card{display:flex;flex-direction:column;overflow:visible;border-radius:12px;} :where(body.tcs-interior) .pricing-card-header{padding:30px 28px 24px;border-radius:12px 12px 0 0;} :where(body.tcs-interior) .pricing-card-body{padding:26px 28px;display:flex;flex-direction:column;flex:1;} :where(body.tcs-interior) .pricing-card-body>.btn{margin-top:auto;} :where(body.tcs-interior) .pricing-card.featured-plan{transform:none;border:2px solid #1764d9;box-shadow:0 16px 40px #1764d912;} :where(body.tcs-interior) .pricing-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #dce5f0;border-radius:9px;} :where(body.tcs-interior) .quantity-table th{background:#edf4ff;color:#183b6c;} :where(body.tcs-interior) .quantity-table td,:where(body.tcs-interior) .quantity-table th{padding:16px;font-size:.92rem;white-space:normal;} @media(max-width:1000px){:where(body.tcs-interior) .tcs-service-overview{gap:16px;} :where(body.tcs-interior) .tcs-service-lead{padding:24px;} :where(body.tcs-interior) .tcs-service-lead h3{font-size:1.35rem;} :where(body.tcs-interior) .tcs-section-heading{gap:28px;}} @media(max-width:700px){:where(body.tcs-interior) .tcs-section-heading,:where(body.tcs-interior) .tcs-service-overview{grid-template-columns:1fr;} :where(body.tcs-interior) .tcs-service-number{margin-bottom:18px;} :where(body.tcs-interior) .tcs-service-lead p{margin-bottom:18px;} :where(body.tcs-interior) .tcs-service-directory summary{min-height:48px;} :where(body.tcs-interior) .tcs-showcase figcaption{flex-wrap:wrap;} :where(body.tcs-interior) .pricing-card.featured-plan{margin-top:0;} :where(body.tcs-interior) .faq-question{padding:18px;}} html{-webkit-text-size-adjust:100%;text-size-adjust:100%;} body:where(.tcs-interior){min-width:0;} :where(body.tcs-interior) main,:where(body.tcs-interior) section,:where(body.tcs-interior) .container,:where(body.tcs-interior) .form-grid,:where(body.tcs-interior) .form-row,:where(body.tcs-interior) .contact-grid,:where(body.tcs-interior) .pricing-grid,:where(body.tcs-interior) .portfolio-gallery{min-width:0;} :where(body.tcs-interior) img,:where(body.tcs-interior) video,:where(body.tcs-interior) svg{max-width:100%;} :where(body.tcs-interior) .tcs-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-bottom:16px;} :where(body.tcs-interior) .tcs-table-scroll table{margin-bottom:0;min-width:560px;} :where(body.tcs-interior) .tcs-table-scroll:focus-visible{outline:3px solid #3789ed;outline-offset:3px;} :where(body.tcs-interior) input,:where(body.tcs-interior) textarea,:where(body.tcs-interior) select,:where(body.tcs-interior) button{font:inherit;} :where(body.tcs-interior) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),:where(body.tcs-interior) select,:where(body.tcs-interior) textarea{min-height:46px;font-size:16px;max-width:100%;scroll-margin-top:120px;} :where(body.tcs-interior) input[type="checkbox"],:where(body.tcs-interior) input[type="radio"]{accent-color:#1764d9;} :where(body.tcs-interior) label.checkbox-label,:where(body.tcs-interior) label.radio-label{min-height:44px;align-items:center;gap:10px;} :where(body.tcs-interior) textarea{resize:vertical;} :where(body.tcs-interior) .form-status,:where(body.tcs-interior) .contact-form a,:where(body.tcs-interior) .contact-list a{overflow-wrap:anywhere;} :where(body.tcs-interior) button,:where(body.tcs-interior) .btn,:where(body.tcs-interior) .filter-btn,:where(body.tcs-interior) summary{touch-action:manipulation;} :where(body.tcs-interior) a:focus-visible,:where(body.tcs-interior) button:focus-visible,:where(body.tcs-interior) summary:focus-visible{outline:3px solid #3789ed;outline-offset:4px;} :where(body.tcs-interior) #portfolioModal{z-index:20000;padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow-y:auto;} :where(body.tcs-interior) #portfolioModal .modal-content{width:min(920px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;} :where(body.tcs-interior) #portfolioModal [data-close-modal]{min-width:44px;min-height:44px;z-index:5;} :where(body.tcs-interior) #portfolioModal img[hidden],:where(body.tcs-interior) .tcs-modal-placeholder[hidden]{display:none;} @supports not (background-clip:text){:where(body.tcs-interior) .tcs-heading-accent{background:none;-webkit-text-fill-color:currentColor;}} @media(min-width:701px) and (max-width:1000px){:where(body.tcs-interior) .pricing-grid,:where(body.tcs-interior) .portfolio-gallery,:where(body.tcs-interior) .portfolio-grid,:where(body.tcs-interior) .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));} :where(body.tcs-interior) #hero .hero-content{grid-template-columns:1fr 1fr;gap:24px;} :where(body.tcs-interior) #hero h1{font-size:2.6rem;} :where(body.tcs-interior) #hero .hero-buttons .btn{width:100%;}} @media(max-width:700px){:where(body.tcs-interior) .form-grid,:where(body.tcs-interior) .form-row,:where(body.tcs-interior) .contact-grid,:where(body.tcs-interior) .pricing-grid,:where(body.tcs-interior) .addon-grid,:where(body.tcs-interior) .comparison-grid{grid-template-columns:minmax(0,1fr);gap:18px;} :where(body.tcs-interior) .form-grid>*,:where(body.tcs-interior) .form-row>*{min-width:0;grid-column:auto;} :where(body.tcs-interior) .contact-form{padding:22px;} :where(body.tcs-interior) .portfolio-filter{justify-content:flex-start;} :where(body.tcs-interior) .portfolio-filter .filter-btn{flex:1 1 130px;} :where(body.tcs-interior) #portfolioModal .modal-content{border-radius:12px;} :where(body.tcs-interior) #portfolioModalImage{max-height:48vh;height:auto;}} @media(max-width:380px){:where(body.tcs-interior) .container{width:calc(100% - 24px);} :where(body.tcs-interior) .tcs-service-lead{padding:22px;}} @media(hover:none){:where(body.tcs-interior) .service-card:hover,:where(body.tcs-interior) .about-card:hover,:where(body.tcs-interior) .portfolio-card:hover,:where(body.tcs-interior) .portfolio-item:hover,:where(body.tcs-interior) .btn:hover{transform:none;}} @media(prefers-contrast:more){:where(body.tcs-interior) main p{color:#17243b;} :where(body.tcs-interior) .tcs-service-lead,:where(body.tcs-interior) .pricing-card,:where(body.tcs-interior) .faq-item{border-color:#526780;}} @media print{:where(body.tcs-interior) .tcs-motion-panel,:where(body.tcs-interior) .tcs-reading-progress,:where(body.tcs-interior) .tcs-hero-accent,:where(body.tcs-interior) .hero-buttons{display:none;} body:where(.tcs-interior),:where(body.tcs-interior) main section{background:#fff;color:#000;} :where(body.tcs-interior) main{width:100%;} :where(body.tcs-interior) h1,:where(body.tcs-interior) h2,:where(body.tcs-interior) h3,:where(body.tcs-interior) p{color:#000;} :where(body.tcs-interior) .tcs-heading-accent{-webkit-text-fill-color:#000;background:none;} :where(body.tcs-interior) .tcs-service-directory:not([open])>*:not(summary){display:block;} :where(body.tcs-interior) main a{text-decoration:underline;}} :where(body.tcs-interior) img{height:auto;} } @layer base{ :root{--blue:#1764d9;--ink:#111e34;--muted:#596a80;--line:#dfe7f0;--paper:#f5f8fc} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);background:#fff;font:16px/1.7 Inter,"Segoe UI",Arial,sans-serif}h1,h2,h3{font-family:Poppins,Inter,Arial,sans-serif;letter-spacing:-.04em;line-height:1.16;margin:0 0 18px}h1{font-size:clamp(2.7rem,4.3vw,4.5rem)}h2{font-size:clamp(2rem,3.4vw,3rem)}h3{font-size:1.25rem}p{margin:0 0 20px;color:var(--muted)}a{color:inherit;text-decoration:none;text-underline-offset:4px}button,summary{font:inherit;cursor:pointer;touch-action:manipulation}img{display:block;max-width:100%}figure{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #59a8ff;outline-offset:4px}.container,.hero-content{width:min(1180px,calc(100% - 48px));margin:auto}section{padding:76px 0}.tcs-kicker,.tcs-eyebrow{display:block;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:20px}.section-title{max-width:780px;margin-bottom:34px}.section-title p{margin:0} .tcs-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}.tcs-nav{width:min(1300px,calc(100% - 40px));min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:auto}.tcs-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.tcs-brand img{width:58px;height:58px;object-fit:contain}.tcs-brand strong{display:block;font-size:1.05rem;letter-spacing:-.04em}.tcs-brand small{display:block;font-size:.7rem;color:var(--muted);letter-spacing:.08em}.tcs-links{display:flex;align-items:center;gap:17px;list-style:none;padding:0;margin:0}.tcs-links li{position:relative}.tcs-links a{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem;font-weight:600}.tcs-links a:hover,.tcs-links a[aria-current]{color:var(--blue)}.tcs-start{background:var(--blue);color:#fff!important;padding:10px 15px;border-radius:6px}.tcs-menu{display:none;border:1px solid var(--line);border-radius:6px;background:white;min-height:44px;padding:8px 12px}.tcs-submenu{position:absolute;top:100%;left:0;min-width:240px;list-style:none;padding:12px;margin:0;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px #13274418;display:none}.tcs-submenu a{display:block;padding:9px 12px;min-height:44px}.tcs-submenu a:hover{background:#eff5ff}.tcs-links li:hover>.tcs-submenu,.tcs-links li:focus-within>.tcs-submenu{display:block}.tcs-nav-enhanced .tcs-submenu[hidden]{display:none}.tcs-nav-enhanced .tcs-submenu:not([hidden]){display:block}.tcs-submenu-toggle{background:transparent;border:0;color:var(--blue);min-height:44px;min-width:36px;vertical-align:middle}.tcs-skip{position:fixed;top:-90px;left:12px;background:white;padding:12px;z-index:99}.tcs-skip:focus{top:12px} #hero{padding:80px 0;background:linear-gradient(130deg,#f3f8ff,#fff 65%);position:relative;isolation:isolate;overflow:hidden}.hero-content{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:56px}.tcs-intro,.tcs-showcase{min-width:0}#hero h1 span{color:var(--blue)}#hero p{font-size:1.05rem;max-width:540px}.hero-buttons,.cta-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;font-size:.9rem;font-weight:650;line-height:1.4;border:1px solid var(--line);border-radius:6px;text-align:center}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.secondary{background:#fff;color:var(--blue)}.btn:hover{filter:brightness(.96)}.tcs-showcase{padding:14px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:12px;box-shadow:0 22px 60px #193a6814}.tcs-showcase>img{width:100%;height:340px;object-fit:cover;object-position:top;border-radius:5px}.tcs-showcase figcaption{padding:18px 4px 3px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.8rem;color:var(--muted)}.tcs-showcase strong{display:block;color:var(--ink);font-size:.92rem}.tcs-showcase a{color:var(--blue);font-weight:650} #featured-work{background:var(--ink);color:#fff}#featured-work .tcs-kicker{color:#8bc5ff}#featured-work .section-title p{color:#b4c7df}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.portfolio-card{background:white;border-radius:9px;overflow:hidden}.portfolio-card>img{width:100%;height:230px;object-fit:contain;padding:18px;background:white}.portfolio-info{padding:24px;background:#f6f9fe;border-top:1px solid var(--line);color:var(--ink)}.portfolio-info h3{font-size:1.15rem;margin-bottom:10px}.portfolio-info p{font-size:.92rem;margin:0}.center-button{margin-top:30px}#featured-work .btn{background:transparent;border-color:#7999c3;color:white} #about>.container>h2,#about>.container>.tcs-kicker,#about>.container>p{text-align:center}#about>.container>p{max-width:900px;margin:0 auto 30px}.about-grid,.why-grid,.process-grid{display:grid;gap:22px}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-card{background:var(--paper);border-radius:8px;padding:26px}.about-card p{font-size:.95rem;margin:0}.why-grid,.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.why-card,.process-step{border-top:2px solid var(--line);padding-top:24px}.why-card p,.process-step p{font-size:.94rem;margin:0}.process-step>span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--blue);color:white;border-radius:50%;margin-bottom:20px} #services,#process{background:var(--paper)}.tcs-section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:50px;margin-bottom:32px}.tcs-section-heading p{margin:0}.tcs-service-overview,.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tcs-service-lead{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:9px;padding:30px}.tcs-service-number{color:var(--blue);font-size:.8rem;letter-spacing:.1em;font-weight:700;margin-bottom:28px}.tcs-service-lead h3{font-size:1.6rem}.tcs-service-lead p{font-size:.95rem}.tcs-service-lead>a{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:auto;color:var(--blue);font-size:.88rem;font-weight:650}.tcs-service-directory{margin-top:24px}.tcs-service-directory summary{padding:18px 0;font-weight:650;color:var(--blue)}.service-card{padding:24px;background:white;border:1px solid var(--line);border-radius:8px}.service-card p{font-size:.92rem}.service-card a{color:var(--blue);font-size:.88rem;font-weight:650} #statistics{padding:38px 0;border-block:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;text-align:center}.stat-card h2{font-size:2.5rem;color:var(--blue);margin-bottom:6px}.stat-card p{font-size:.85rem;margin:0}.faq-container{max-width:900px}.home-faq{border-bottom:1px solid var(--line);padding:0}.home-faq summary{padding:22px 0;font-weight:650;min-height:48px}.home-faq p{max-width:830px;font-size:.96rem;padding-bottom:8px}#final-cta{background:var(--blue);color:white}#final-cta p{color:#e0eeff;max-width:760px}#final-cta .primary{background:white;color:var(--blue)}#final-cta .secondary{background:transparent;border-color:#8ab9ff;color:white}#contact-preview{background:var(--paper)}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.contact-list{padding:0;list-style:none;overflow-wrap:anywhere}.contact-list li{margin:10px 0}.home-contact-note{padding:32px;border-left:3px solid var(--blue);background:white}.home-contact-note a{color:var(--blue);font-weight:650} #site-footer{padding:56px 0 28px;background:#000;color:white}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr;gap:24px}.footer-logo{width:110px;height:70px;object-fit:contain;margin-bottom:18px}.footer-column h3{font-size:.95rem}.footer-column p,.footer-column a{font-size:.82rem;color:#bac8d9;overflow-wrap:anywhere}.footer-column ul{padding:0;list-style:none}.footer-column li{margin-bottom:8px}.footer-column a:hover{color:#91c7ff}hr{border:0;border-top:1px solid #27303d;margin:28px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px}.footer-bottom p{font-size:.78rem;color:#92a4b9}.footer-links{display:flex;gap:12px;flex-wrap:wrap;font-size:.78rem;color:#bac8d9} .tcs-reading-progress{position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),#65c8ff);transform-origin:left;pointer-events:none}.tcs-hero-accent{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 35%,#8dceff30,transparent 60%)}.tcs-interactive-card{position:relative}.tcs-interactive-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(240px at var(--tcs-x,50%) var(--tcs-y,50%),#66b4ff20,transparent)}html[data-tcs-motion=on] .tcs-interactive-card:hover:after{opacity:1}.tcs-motion-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid #27303d;color:#9caec4;font-size:.8rem}.tcs-motion-toggle{padding:10px 14px;min-height:44px;background:#15243a;border:1px solid #48607d;border-radius:6px;color:white}.tcs-motion-toggle:disabled{opacity:.6} @media(max-width:1150px){.tcs-brand small{display:none}.tcs-links{gap:10px}.tcs-brand strong{font-size:.95rem}.tcs-links a{font-size:.78rem}.hero-content{gap:30px}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1000px){.tcs-nav{min-height:76px}.tcs-brand img{width:48px;height:48px}.tcs-nav-enhanced .tcs-menu{display:block}.tcs-nav-enhanced .tcs-links{display:none;position:absolute;top:76px;left:0;right:0;max-height:calc(100vh - 76px);overflow:auto;background:white;padding:22px;border-bottom:1px solid var(--line)}.tcs-nav-enhanced .tcs-links.tcs-open{display:block}.tcs-links a{font-size:.9rem}.tcs-submenu-toggle{float:right}.tcs-submenu{position:static;width:100%;box-shadow:none;clear:both}.tcs-links li{margin:4px 0}.tcs-links .tcs-start{display:flex}.tcs-nav:not(:has(.tcs-menu)){flex-wrap:wrap}.why-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tcs-service-lead{padding:24px}.tcs-service-lead h3{font-size:1.35rem}} @media(max-width:700px){section{padding:48px 0}.container,.hero-content{width:calc(100% - 32px)}#hero{padding:46px 0}.hero-content,.portfolio-grid,.about-grid,.tcs-service-overview,.services-grid,.contact-grid,.tcs-section-heading{grid-template-columns:minmax(0,1fr)}h1{font-size:clamp(2.4rem,10vw,3.3rem)}.hero-buttons{display:grid;grid-template-columns:1fr 1fr}.hero-buttons .primary{grid-column:1/-1}.tcs-showcase>img{height:270px}.tcs-showcase figcaption{flex-wrap:wrap}.tcs-section-heading{gap:16px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-column:first-child{grid-column:1/-1}.footer-bottom,.tcs-motion-panel{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr 1fr}.tcs-eyebrow{font-size:.7rem}.tcs-nav{width:calc(100% - 24px)}.tcs-brand strong{font-size:.9rem}.tcs-service-directory summary{min-height:48px}html:not(.tcs-nav-enhanced) .tcs-nav{flex-wrap:wrap}html:not(.tcs-nav-enhanced) .tcs-links{flex-wrap:wrap}} @media(max-width:380px){.why-grid,.process-grid,.footer-grid{grid-template-columns:minmax(0,1fr)}.tcs-brand img{width:40px;height:40px}.tcs-brand strong{font-size:.85rem}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}html[data-tcs-motion=off]{scroll-behavior:auto}html[data-tcs-motion=off] .tcs-interactive-card:after{display:none} /* Preserve intrinsic aspect ratio while reserving image space. */ img{height:auto} /* Balanced homepage introduction, with a centered reading column. */ .tcs-home #hero .hero-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center} .tcs-home #hero .tcs-intro{text-align:center;min-width:0} .tcs-home #hero h1{margin-inline:auto} .tcs-home #hero p{margin-inline:auto;max-width:520px} .tcs-home #hero .hero-buttons{justify-content:center} .tcs-home #hero .tcs-eyebrow{max-width:440px;margin-inline:auto} .tcs-home #hero .tcs-showcase{width:100%;max-width:560px;margin-inline:auto;text-align:left} .tcs-home #hero .tcs-specialties{justify-content:center} @media(max-width:850px){.tcs-home #hero .hero-content{grid-template-columns:minmax(0,1fr);gap:36px;max-width:660px}.tcs-home #hero .tcs-intro{width:100%;max-width:600px;margin-inline:auto}.tcs-home #hero .tcs-showcase{max-width:580px}} :root{--primary:var(--blue);--primary-light:#48a4ff;--accent:#7bc4ff;--dark:var(--ink);--gray:var(--muted);--light:var(--paper);--white:#fff;--radius:9px;--shadow:0 12px 32px #162f5010;--transition:.25s ease;--max-width:1180px} } @layer shell{ .container{width:min(1180px,calc(100% - 48px));margin:auto} .tcs-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)} .tcs-nav{width:min(1300px,calc(100% - 40px));min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:auto} .tcs-brand{display:flex;align-items:center;gap:10px;flex-shrink:0} .tcs-brand img{width:58px;height:58px;object-fit:contain} .tcs-brand strong{display:block;font-size:1.05rem;letter-spacing:-.04em} .tcs-brand small{display:block;font-size:.7rem;color:var(--muted);letter-spacing:.08em} .tcs-links{display:flex;align-items:center;gap:17px;list-style:none;padding:0;margin:0} .tcs-links li{position:relative} .tcs-links a{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem;font-weight:600} .tcs-links a:hover,.tcs-links a[aria-current]{color:var(--blue)} .tcs-start{background:var(--blue);color:#fff!important;padding:10px 15px;border-radius:6px} .tcs-menu{display:none;border:1px solid var(--line);border-radius:6px;background:white;min-height:44px;padding:8px 12px} .tcs-submenu{position:absolute;top:100%;left:0;min-width:240px;list-style:none;padding:12px;margin:0;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px #13274418;display:none} .tcs-submenu a{display:block;padding:9px 12px;min-height:44px} .tcs-submenu a:hover{background:#eff5ff} .tcs-links li:hover>.tcs-submenu,.tcs-links li:focus-within>.tcs-submenu{display:block} .tcs-nav-enhanced .tcs-submenu[hidden]{display:none} .tcs-nav-enhanced .tcs-submenu:not([hidden]){display:block} .tcs-submenu-toggle{background:transparent;border:0;color:var(--blue);min-height:44px;min-width:36px;vertical-align:middle} .tcs-skip{position:fixed;top:-90px;left:12px;background:white;padding:12px;z-index:99} .tcs-skip:focus{top:12px} .hero-buttons,.cta-buttons{display:flex;gap:10px;flex-wrap:wrap} .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;font-size:.9rem;font-weight:650;line-height:1.4;border:1px solid var(--line);border-radius:6px;text-align:center} .primary{background:var(--blue);color:#fff;border-color:var(--blue)} .secondary{background:#fff;color:var(--blue)} .btn:hover{filter:brightness(.96)} #site-footer{padding:56px 0 28px;background:#000;color:white} .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr;gap:24px} .footer-logo{width:110px;height:70px;object-fit:contain;margin-bottom:18px} .footer-column h3{font-size:.95rem} .footer-column p,.footer-column a{font-size:.82rem;color:#bac8d9;overflow-wrap:anywhere} .footer-column ul{padding:0;list-style:none} .footer-column li{margin-bottom:8px} .footer-column a:hover{color:#91c7ff} .footer-bottom{display:flex;justify-content:space-between;gap:20px} .footer-bottom p{font-size:.78rem;color:#92a4b9} .footer-links{display:flex;gap:12px;flex-wrap:wrap;font-size:.78rem;color:#bac8d9} .home-visit-counter{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding:20px 16px 0;border-top:1px solid rgba(145,199,255,.2);color:#bac8d9;text-align:center;isolation:isolate} .home-visit-counter::after{position:absolute;inset:10px 25% -10px;z-index:-1;border-radius:999px;background:radial-gradient(circle,rgba(31,115,232,.18),transparent 68%);content:"";filter:blur(12px);pointer-events:none} .home-visit-counter-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#55d6ff;box-shadow:0 0 0 5px rgba(85,214,255,.1),0 0 16px rgba(85,214,255,.75);animation:tcs-counter-pulse 2.4s ease-in-out infinite} .home-visit-counter-message{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase} .home-visit-counter-badge{display:block;width:auto;max-width:100%;height:28px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.38));transition:transform .25s ease,filter .25s ease} .home-visit-counter-badge:hover{transform:translateY(-2px);filter:drop-shadow(0 10px 20px rgba(31,115,232,.35))} .home-visit-counter-note{font-size:.68rem;color:#7890aa} @keyframes tcs-counter-pulse{0%,100%{opacity:.65;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}} @media(max-width:560px){.home-visit-counter{flex-wrap:wrap;gap:9px 10px;padding-inline:4px}.home-visit-counter-message{width:calc(100% - 20px)}.home-visit-counter-note{width:100%}} @media(prefers-reduced-motion:reduce){.home-visit-counter-dot{animation:none}.home-visit-counter-badge{transition:none}} @media(max-width:1150px){.tcs-brand small{display:none} .tcs-links{gap:10px} .tcs-brand strong{font-size:.95rem} .tcs-links a{font-size:.78rem} .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1000px){.tcs-nav{min-height:76px} .tcs-brand img{width:48px;height:48px} .tcs-nav-enhanced .tcs-menu{display:block} .tcs-nav-enhanced .tcs-links{display:none;position:absolute;top:76px;left:0;right:0;max-height:calc(100vh - 76px);overflow:auto;background:white;padding:22px;border-bottom:1px solid var(--line)} .tcs-nav-enhanced .tcs-links.tcs-open{display:block} .tcs-links a{font-size:.9rem} .tcs-submenu-toggle{float:right} .tcs-submenu{position:static;width:100%;box-shadow:none;clear:both} .tcs-links li{margin:4px 0} .tcs-links .tcs-start{display:flex} .tcs-nav:not(:has(.tcs-menu)){flex-wrap:wrap}} @media(max-width:700px){.container{width:calc(100% - 32px)} .hero-buttons{display:grid;grid-template-columns:1fr 1fr} .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .footer-column:first-child{grid-column:1/-1} .footer-bottom{flex-direction:column;align-items:flex-start} .tcs-nav{width:calc(100% - 24px)} .tcs-brand strong{font-size:.9rem} html:not(.tcs-nav-enhanced) .tcs-nav{flex-wrap:wrap} html:not(.tcs-nav-enhanced) .tcs-links{flex-wrap:wrap}} @media(max-width:380px){.footer-grid{grid-template-columns:minmax(0,1fr)} .tcs-brand img{width:40px;height:40px} .tcs-brand strong{font-size:.85rem}} .tcs-interior{background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.7} .tcs-interior main h1,.tcs-interior main h2,.tcs-interior main h3{font-family:Poppins,Inter,Arial,sans-serif;letter-spacing:-.04em;line-height:1.16} .tcs-interior main>[id$="-hero"]{padding:76px 0;background:linear-gradient(130deg,#f3f8ff,#fff 65%);color:var(--ink);text-align:center;min-height:0} .tcs-interior main>[id$="-hero"] h1{font-size:clamp(2.4rem,4.3vw,3.7rem);color:var(--ink);max-width:980px;margin:0 auto 20px;text-shadow:none} .tcs-interior main>[id$="-hero"] p{max-width:760px;margin:0 auto 20px;color:var(--muted);text-shadow:none} .tcs-interior main>[id$="-hero"] .hero-buttons{justify-content:center} .tcs-interior .btn,.tcs-interior .button-link{border-radius:6px;min-height:48px;font-size:.9rem;font-weight:650;padding:12px 18px;box-shadow:none} .tcs-interior .btn.primary{background:var(--blue);border:1px solid var(--blue);color:#fff} .tcs-interior .btn.secondary{background:#fff;border:1px solid var(--line);color:var(--blue)} .tcs-interior .container{width:min(1180px,calc(100% - 48px));max-width:1180px;margin-inline:auto} .tcs-interior #site-footer .footer-grid.footer-grid-five{grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr;gap:24px} .tcs-interior #site-footer .footer-logo{width:110px;height:70px;margin-bottom:18px} .tcs-interior #site-footer .footer-column a,.tcs-interior #site-footer .footer-column p{color:#bac8d9;font-size:.82rem} .tcs-interior #site-footer .footer-column h3{color:#fff;font-size:.95rem} #loadingScreen,.loading-screen,.page-loader{display:none} @media(max-width:1150px){.tcs-interior #site-footer .footer-grid.footer-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:700px){.tcs-interior .container{width:calc(100% - 32px)}.tcs-interior main>[id$="-hero"]{padding:48px 0}.tcs-interior #site-footer .footer-grid.footer-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}.tcs-interior .footer-bottom{flex-direction:column}} @media(max-width:380px){.tcs-interior #site-footer .footer-grid.footer-grid-five{grid-template-columns:1fr}} } @layer effects{ /* Targeted Services arrow repair and visible homepage movement. */ .tcs-nav .tcs-services-item{display:grid;grid-template-columns:auto 44px;align-items:center;column-gap:0} .tcs-nav .tcs-services-item>a{grid-column:1;grid-row:1} .tcs-nav .tcs-services-item>.tcs-submenu-toggle{grid-column:2;grid-row:1;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;margin:0!important;float:none!important;rotate:none!important;transform:none!important;vertical-align:middle;background:transparent;color:#1764d9;border:0;border-radius:6px} .tcs-nav .tcs-services-item>.tcs-submenu-toggle::before{content:"";display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease} .tcs-nav .tcs-services-item>.tcs-submenu-toggle::after{content:none!important} .tcs-nav .tcs-services-item>.tcs-submenu-toggle[aria-expanded="true"]::before{transform:translateY(2px) rotate(225deg)} .tcs-nav .tcs-services-item>.tcs-submenu-toggle:hover{background:#e8f2ff} .tcs-nav .tcs-services-item>.tcs-submenu{grid-column:1/-1;grid-row:2} .tcs-motion-ribbon{display:flex;align-items:center;background:#123d7d;color:white;padding:14px 24px;gap:24px;overflow:hidden} .tcs-ribbon-window{overflow:hidden;min-width:0;flex:1} .tcs-ribbon-track{display:flex;width:max-content} .tcs-ribbon-group{display:flex;align-items:center;flex-shrink:0;gap:52px;padding-right:52px} .tcs-ribbon-group span{display:inline-flex;align-items:center;gap:52px;white-space:nowrap;font-size:.82rem;font-weight:700;letter-spacing:.12em} .tcs-ribbon-group span::after{content:"";display:block;width:6px;height:6px;background:#80d4ff;border-radius:50%} .tcs-ribbon-pause{flex-shrink:0;min-height:44px;padding:10px 14px;border:1px solid #81add6;border-radius:6px;background:#123d7d;color:white;font:600 .8rem Inter,Arial,sans-serif;cursor:pointer} html[data-tcs-motion="on"] .tcs-ribbon-track{animation:tcs-ribbon-travel 24s linear infinite} html[data-tcs-motion="on"] .tcs-home .tcs-showcase{animation:tcs-showcase-float 5s ease-in-out infinite} html[data-tcs-motion="on"] .tcs-home .tcs-hero-accent{animation:tcs-blue-drift 9s ease-in-out infinite alternate} html[data-tcs-motion="on"] .tcs-home #hero h1>span{background:linear-gradient(110deg,#1764d9,#086997,#1764d9);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:tcs-title-shift 6s ease-in-out infinite alternate} html[data-tcs-motion="on"] .tcs-home .tcs-showcase:hover,html[data-tcs-motion="on"] .tcs-home .tcs-showcase:focus-within{animation-play-state:paused} html[data-tcs-motion="on"] .tcs-motion-ribbon:hover .tcs-ribbon-track{animation-play-state:paused} @keyframes tcs-ribbon-travel{to{transform:translateX(-50%)}} @keyframes tcs-showcase-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}} @keyframes tcs-blue-drift{from{transform:translateX(-4%);opacity:.4}to{transform:translateX(4%);opacity:1}} @keyframes tcs-title-shift{from{background-position:0% 50%}to{background-position:100% 50%}} html[data-tcs-motion="off"] .tcs-ribbon-track{animation:none;transform:none} html[data-tcs-motion="off"] .tcs-ribbon-window{overflow-x:auto} html[data-tcs-motion="off"] .tcs-ribbon-group[aria-hidden="true"]{display:none} @media(max-width:1000px){.tcs-nav .tcs-services-item{grid-template-columns:minmax(0,1fr) 44px}.tcs-nav .tcs-services-item>.tcs-submenu{position:static;width:100%}} @media(max-width:600px){.tcs-motion-ribbon{padding:10px 16px;gap:12px}.tcs-ribbon-group{gap:30px;padding-right:30px}.tcs-ribbon-group span{font-size:.72rem;gap:30px}.tcs-ribbon-pause{font-size:.75rem;padding:8px 10px}} @media(prefers-reduced-motion:reduce){.tcs-ribbon-track,.tcs-showcase,.tcs-hero-accent,#hero h1>span{animation:none!important;transform:none!important}.tcs-ribbon-window{overflow-x:auto}.tcs-ribbon-group[aria-hidden="true"]{display:none}} @media(forced-colors:active){#hero h1>span{-webkit-text-fill-color:currentColor!important;background:none!important}} /* Additional accents: preserve hit areas and pause with the existing controls. */ .tcs-project-shimmer{position:relative;overflow:hidden;isolation:isolate} .tcs-project-shimmer::after{content:"";position:absolute;inset:-50% auto -50% -70%;width:40%;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff42,transparent);transform:skewX(-20deg)} html[data-tcs-motion="on"] .tcs-project-shimmer::after{animation:tcs-button-sweep 6s ease-in-out infinite} @keyframes tcs-button-sweep{0%,55%{left:-70%}80%,100%{left:145%}} .tcs-home .tcs-service-lead{position:relative;overflow:hidden} .tcs-home .tcs-service-lead::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#1764d9,#82dfff,#1764d9);background-size:200% 100%;pointer-events:none} html[data-tcs-motion="on"] .tcs-home .tcs-service-lead::before{animation:tcs-border-flow 7s linear infinite} .tcs-home .tcs-service-lead:nth-child(2)::before{animation-delay:-2s} .tcs-home .tcs-service-lead:nth-child(3)::before{animation-delay:-4s} @keyframes tcs-border-flow{to{background-position:200% 0}} .tcs-home .process-step{transition:border-color .4s ease,background-color .4s ease} .tcs-home .process-step.tcs-step-highlight{border-color:#1764d9} .tcs-home .process-step.tcs-step-highlight>span{box-shadow:0 0 0 6px #1764d919} .tcs-home .process-step>span{transition:box-shadow .4s ease} .tcs-home .tcs-showcase>img{transition:transform .25s ease-out;transform-origin:center} @media(hover:hover) and (pointer:fine){ html[data-tcs-motion="on"] .tcs-home .tcs-showcase.tcs-tilting>img{transform:perspective(1100px) rotateX(var(--tcs-tilt-x,0deg)) rotateY(var(--tcs-tilt-y,0deg)) scale(1.015)} .tcs-home .portfolio-card{transition:box-shadow .25s ease,border-color .25s ease} html[data-tcs-motion="on"] .tcs-home .portfolio-card:hover{box-shadow:0 0 0 2px #70c6ff,0 18px 45px #00000024} } html[data-tcs-motion="off"] .tcs-project-shimmer::after{display:none} html[data-tcs-motion="off"] .tcs-home .tcs-service-lead::before{animation:none} html[data-tcs-motion="off"] .tcs-home .tcs-showcase>img{transform:none} @media(prefers-reduced-motion:reduce){.tcs-project-shimmer::after{display:none}.tcs-home .tcs-service-lead::before{animation:none!important}.tcs-home .tcs-showcase>img{transform:none!important}.tcs-home .process-step,.tcs-home .process-step>span{transition:none}} /* Shared current-page marker also applies to Home and Policies. */ .tcs-nav .tcs-links>li>a[aria-current="page"]:not(.tcs-start){box-shadow:inset 0 -2px #1764d9;text-decoration:none} .tcs-project-shimmer{display:inline-flex;align-items:center;justify-content:center} html:not([data-tcs-motion="on"]) .tcs-project-shimmer::after{display:none} @media(forced-colors:active){.tcs-nav .tcs-links>li>a[aria-current="page"]:not(.tcs-start){box-shadow:none;text-decoration:underline;text-underline-offset:6px}.tcs-project-shimmer::after{display:none}} } @layer effects{html[data-tcs-motion="off"] *,html[data-tcs-motion="off"] *::before,html[data-tcs-motion="off"] *::after{animation:none!important;transition:none!important}} /* Functional visibility must survive presentation layers. */ [hidden],.hidden{display:none!important} @layer shell{ body.tcs-interior{--primary:var(--blue);--dark:var(--ink);--gray:var(--muted);--light:var(--paper);--radius:9px;--max-width:1180px} .tcs-faq{display:block;border-bottom:1px solid var(--line);margin:0;padding:0;background:transparent;color:var(--ink)} .tcs-faq summary{display:list-item;min-height:48px;padding:22px 8px;font:650 1rem/1.5 Inter,Arial,sans-serif;cursor:pointer;color:var(--ink)} .tcs-faq summary:focus-visible{outline:3px solid #59a8ff;outline-offset:3px} .tcs-faq-answer{padding:0 8px 22px;overflow:visible;max-height:none;color:var(--muted)} .tcs-faq-answer p:last-child{margin-bottom:0} .tcs-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain} .tcs-header{z-index:1000} .tcs-submenu{max-height:min(70vh,600px);overflow-y:auto} @media(max-width:1000px){.tcs-nav-enhanced .tcs-links{max-height:calc(100dvh - 76px);overscroll-behavior:contain}.tcs-submenu{max-height:none}} }