@import url('/css/premium-7fef3a0973895841aace8631d7f7fcef.css');*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Poppins',sans-serif;background:#f5f7fb;color:#333;}nav{position:fixed;top:0;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:1000;background:rgba(5,15,30,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.06);transition:background 0.3s, box-shadow 0.3s;gap:24px;}nav.nav-scrolled{background:rgba(5,15,30,0.97);box-shadow:0 4px 24px rgba(0,0,0,0.3);}.logo{flex-shrink:0;}.logo a{display:flex;align-items:center;}.logo img{height:44px;width:auto;background:white;padding:3px 5px;border-radius:7px;}.nav-links-desktop{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;}.nav-link{color:rgba(255,255,255,0.85);text-decoration:none;font-size:14px;font-weight:500;padding:8px 12px;border-radius:8px;white-space:nowrap;transition:color 0.2s, background 0.2s;position:relative;display:flex;align-items:center;gap:4px;}.nav-link:hover{color:#fff;background:rgba(255,255,255,0.08);}.nav-link.active{color:#56CCF2;}.nav-link.active::after{content:'';position:absolute;bottom:-2px;left:12px;right:12px;height:2px;background:#56CCF2;border-radius:2px;}.nav-chevron{font-size:12px;opacity:0.7;}.nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0;}.nav-cta{background:linear-gradient(135deg,#2F80ED,#56CCF2);color:white !important;text-decoration:none;padding:9px 20px;border-radius:24px;font-size:13px;font-weight:600;white-space:nowrap;transition:opacity 0.2s, transform 0.2s;box-shadow:0 4px 14px rgba(47,128,237,0.4);}.nav-cta:hover{opacity:0.9;transform:translateY(-1px);}.menu-toggle{display:none;font-size:24px;color:white;cursor:pointer;background:none;border:none;padding:4px 8px;z-index:1001;line-height:1;}.mega-parent{position:relative;}.mega-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:860px;max-width:95vw;background:white;padding:28px 32px;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,0.18);opacity:0;visibility:hidden;transition:opacity 0.2s, transform 0.2s, visibility 0.2s;transform:translateX(-50%) translateY(-6px);z-index:2000;border:1px solid #eef0f5;}.mega-parent:hover .mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}.mega-column h4{margin-bottom:12px;color:#0A2540;font-size:12px;text-transform:uppercase;letter-spacing:0.8px;font-weight:700;}.mega-column a{display:flex;align-items:center;gap:8px;padding:7px 8px;color:#444;text-decoration:none;font-size:13.5px;border-radius:8px;transition:background 0.15s, color 0.15s;}.mega-column a:hover{background:#f0f5ff;color:#2F80ED;}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-6px);width:240px;background:white;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,0.15);padding:10px;opacity:0;visibility:hidden;transition:opacity 0.2s, transform 0.2s, visibility 0.2s;z-index:2000;border:1px solid #eef0f5;}.mega-parent:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}.dropdown-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;color:#333;text-decoration:none;font-size:13.5px;border-radius:8px;transition:background 0.15s, color 0.15s;}.dropdown-menu a:hover{background:#f0f5ff;color:#2F80ED;}.dropdown-divider{height:1px;background:#f0f0f0;margin:6px 0;}.dropdown-all{color:#2F80ED !important;font-weight:600;font-size:13px !important;}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:1100;}.mobile-overlay.open{display:block;}.mobile-drawer{position:fixed;top:0;left:-105%;width:82%;max-width:320px;height:100%;background:#0d1b2e;z-index:1200;transition:left 0.28s ease;display:flex;flex-direction:column;overflow:hidden;box-shadow:4px 0 24px rgba(0,0,0,0.4);}.mobile-drawer.open{left:0;}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#0a1628;border-bottom:1px solid rgba(255,255,255,0.1);flex-shrink:0;}.drawer-logo{height:32px;background:white;padding:3px 6px;border-radius:5px;}.drawer-close{background:none;border:none;color:#aac;font-size:22px;cursor:pointer;line-height:1;padding:2px 6px;}.drawer-cta{padding:16px 18px;border-top:1px solid rgba(255,255,255,0.1);flex-shrink:0;background:#0a1628;}.drawer-menu{list-style:none;overflow-y:auto;flex:1;padding:4px 0 40px;margin:0;}.drawer-menu > li{display:block;border-bottom:1px solid rgba(255,255,255,0.07);}.drawer-menu > li > a{display:flex;align-items:center;gap:12px;padding:15px 20px;color:#dce8f8;text-decoration:none;font-size:15px;font-weight:500;transition:background 0.15s;}.drawer-menu > li > a:hover{background:rgba(255,255,255,0.06);color:#fff;}.dm-icon{font-size:17px;}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;color:#dce8f8;font-size:15px;font-weight:500;cursor:pointer;transition:background 0.15s;}.accordion-trigger:hover{background:rgba(255,255,255,0.06);color:#fff;}.accordion-arrow{font-size:22px;color:#7a9cc0;transition:transform 0.25s ease;display:inline-block;line-height:1;}.accordion-body{list-style:none;max-height:0;overflow:hidden;transition:max-height 0.38s ease;background:rgba(0,0,0,0.3);padding:0;margin:0;}.accordion-body.open{max-height:1200px;}.acc-group{padding:10px 20px 3px 24px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#5a7ea0;font-weight:700;}.accordion-body li a{display:block;padding:11px 20px 11px 24px;color:#b8cfe8;text-decoration:none;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.04);transition:background 0.15s,color 0.15s;}.accordion-body li a:hover{color:#ffffff;background:rgba(47,128,237,0.2);}.hero{height:100vh;padding-top:70px;position:relative;}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;text-align:center;color:white;padding:20px;}.hero-content{max-width:700px;}.hero-content h1{font-size:clamp(1.4rem,5vw,2.6rem);line-height:1.3;margin:16px 0 10px;}.hero-content p{font-size:clamp(0.85rem,3vw,1.1rem);margin-bottom:24px;}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.3);color:white;font-size:0.85rem;font-weight:500;padding:8px 18px;border-radius:30px;margin-bottom:20px;letter-spacing:0.2px;}.btn{background:#2F80ED;padding:12px 28px;border-radius:30px;color:white;text-decoration:none;font-weight:600;display:inline-block;font-size:clamp(0.85rem,3vw,1rem);}.services-section{padding:100px 20px 80px;background:#f7f7f7;}.services-section h2{text-align:center;margin-bottom:40px;font-size:clamp(1.3rem,4vw,2rem);}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1200px;margin:auto;text-align:left;}.service-column{background:white;border-radius:12px;padding:24px;box-shadow:0 4px 16px rgba(0,0,0,0.06);}.service-column h3{margin-bottom:16px;font-size:1rem;color:#0A2540;}.service-column ul{list-style:none;}.service-column li{display:flex;align-items:center;margin-bottom:12px;font-size:0.9rem;}.icon{width:36px;height:36px;min-width:36px;background:#eceafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:16px;}.cta{background:linear-gradient(135deg,#2F80ED,#56CCF2);color:white;text-align:center;padding:70px 20px;margin-top:40px;}.cta h2{font-size:clamp(1.2rem,4vw,1.8rem);}.cta p {margin:10px 0 24px;font-size:clamp(0.85rem,3vw,1rem);}.section{padding:70px 20px;text-align:center;}.section h2{font-size:clamp(1.3rem,4vw,2rem);margin-bottom:8px;}.form-flash{max-width:700px;margin:0 auto 20px;padding:16px 22px;border-radius:12px;font-size:.95rem;font-weight:500;line-height:1.5;}.form-flash--success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;}.form-flash--error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;}.contact-form{max-width:700px;margin:30px auto 0;display:flex;flex-direction:column;gap:14px;text-align:left;}.contact-row{display:flex;gap:10px;flex-wrap:wrap;}.contact-row input{flex:1;min-width:140px;}.contact-form input,.contact-form textarea{padding:14px;border-radius:8px;border:1px solid #ddd;font-family:inherit;font-size:0.9rem;width:100%;}.contact-form textarea{min-height:120px;resize:vertical;}.contact-form button{background:#2F80ED;color:white;border:none;padding:14px;border-radius:30px;cursor:pointer;font-size:1rem;font-family:inherit;font-weight:600;}footer{background:#0A2540;color:white;text-align:center;padding:30px 20px;font-size:0.9rem;line-height:1.8;}.whatsapp-btn{position:fixed;bottom:20px;right:20px;width:58px;height:58px;z-index:999;border-radius:50%;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,0.25);}.whatsapp-btn img{width:100%;height:100%;object-fit:cover;}@media(max-width:768px){.menu-toggle{display:block;}.nav-links-desktop{display:none;}.nav-cta{display:none;}nav{padding:0 16px;}.hero-badge{font-size:0.78rem;padding:6px 14px;}.services-section{padding:80px 16px 60px;}.services-grid{grid-template-columns:1fr 1fr;gap:16px;}.service-column{padding:16px;}.contact-row{flex-direction:column;}.contact-row input{min-width:unset;}footer{font-size:0.82rem;}}@media(max-width:480px){.services-grid{grid-template-columns:1fr 1fr;gap:12px;}.service-column{padding:14px 12px;}.service-column h3{font-size:0.85rem;}.service-column li{font-size:0.78rem;}.icon{width:28px;height:28px;min-width:28px;font-size:13px;}}.section-label{display:inline-block;background:rgba(26,106,255,0.1);border:1px solid rgba(26,106,255,0.25);border-radius:50px;padding:5px 16px;font-size:0.78rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#1a6aff;margin-bottom:14px;}.section-title{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;color:#0A2540;line-height:1.25;margin-bottom:12px;}.section-sub{color:#666;font-size:clamp(0.88rem,2.5vw,1rem);max-width:560px;margin:0 auto 48px;text-align:center;}.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px;}.btn-outline{background:transparent;border:2px solid white;color:white;}.btn-outline:hover{background:white;color:#0A2540;}.stats-bar{background:#0A2540;padding:36px 20px;}.stats-inner{display:flex;justify-content:center;align-items:center;gap:0;max-width:900px;margin:auto;flex-wrap:wrap;}.stat-item{flex:1;min-width:150px;text-align:center;padding:12px 20px;color:white;}.stat-number{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#56CCF2;line-height:1;}.stat-suffix{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:#56CCF2;}.stat-label{display:block;font-size:0.82rem;color:#a0b8cc;margin-top:6px;letter-spacing:0.3px;}.stat-divider{width:1px;height:50px;background:rgba(255,255,255,0.15);flex-shrink:0;}.services-section{padding:90px 24px 80px;background:#f5f7fb;text-align:center;}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;text-align:left;}.service-card{background:white;border-radius:16px;padding:28px 24px;text-decoration:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 12px rgba(0,0,0,0.06);border:1px solid #eee;transition:transform 0.2s,box-shadow 0.2s;}.service-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(47,128,237,0.12);border-color:#2F80ED;}.sc-icon{font-size:32px;line-height:1;}.service-card h3{font-size:1rem;font-weight:600;color:#0A2540;margin:0;}.service-card p{font-size:0.88rem;color:#666;line-height:1.6;flex:1;}.sc-price{font-size:0.82rem;color:#2F80ED;font-weight:600;}.sc-link{font-size:0.85rem;color:#2F80ED;font-weight:600;margin-top:4px;}.why-us{background:white;padding:90px 24px;}.why-us-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1100px;margin:auto;}.why-us-text p{color:#555;line-height:1.75;margin-bottom:20px;font-size:0.95rem;}.why-list{list-style:none;display:flex;flex-direction:column;gap:10px;}.why-list li{display:flex;align-items:flex-start;gap:10px;font-size:0.92rem;color:#333;}.why-check{background:#2F80ED;color:white;border-radius:50%;width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-top:2px;}.why-us-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.why-card{border-radius:16px;padding:24px 20px;}.wc-blue{background:linear-gradient(135deg,#2F80ED,#56CCF2);color:white;}.wc-dark{background:#0A2540;color:white;}.wc-icon{font-size:28px;margin-bottom:10px;}.why-card h4{font-size:0.95rem;font-weight:600;margin-bottom:6px;}.why-card p{font-size:0.82rem;opacity:0.85;line-height:1.5;}.testimonials-section{background:white;padding:90px 24px 80px;text-align:center;}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;text-align:left;}.tcard{background:#f8faff;border-radius:16px;padding:28px 24px;border:1px solid #e4eaf5;display:flex;flex-direction:column;gap:14px;}.tcard-stars{color:#f4b942;font-size:1rem;letter-spacing:2px;}.tcard-text{font-size:0.9rem;color:#444;line-height:1.7;flex:1;font-style:italic;}.tcard-author{display:flex;align-items:center;gap:12px;}.tcard-avatar{width:42px;height:42px;min-width:42px;background:linear-gradient(135deg,#2F80ED,#56CCF2);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;}.tcard-author strong{display:block;font-size:0.9rem;color:#0A2540;}.tcard-author span{font-size:0.78rem;color:#888;}.google-strip{background:#f8faff;border:1px solid #e4eaf5;border-radius:14px;max-width:680px;margin:0 auto 48px;padding:16px 28px;}.google-strip-inner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}.google-strip-inner svg{ flex-shrink:0; }.google-stars{ color:#f4b942; font-size:1.15rem; letter-spacing:2px; }.google-rating-num{ font-size:0.95rem; color:#333; }.google-divider{ width:1px; height:22px; background:#ddd; }.google-verified{ font-size:0.82rem; color:#555; }.google-review-cta{font-size:0.82rem;font-weight:700;color:#4285F4;text-decoration:none;padding:5px 14px;border:1.5px solid #4285F4;border-radius:20px;transition:background 0.2s,color 0.2s;}.google-review-cta:hover{ background:#4285F4; color:white; }.tcard-top{display:flex;align-items:center;justify-content:space-between;}.tcard-google-logo{height:16px;opacity:0.7;}.cta{background:linear-gradient(135deg,#0A2540,#1a4a7a);color:white;text-align:center;padding:80px 24px;}.cta h2{font-size:clamp(1.4rem,4vw,2rem);margin-bottom:10px;}.cta p{color:#b0c8e8;margin-bottom:30px;font-size:clamp(0.88rem,2.5vw,1rem);}.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}.btn-wa{background:#25D366;color:white;}.btn-wa:hover{background:#1ebe5d;}.contact-section{padding:90px 24px 80px;background:#f5f7fb;}.contact-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;max-width:1100px;margin:auto;align-items:start;}.contact-info .section-title{text-align:left;}.contact-info p{color:#555;line-height:1.75;font-size:0.93rem;margin-bottom:24px;}.contact-details{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:28px;}.contact-details li{font-size:0.88rem;color:#444;line-height:1.5;}.contact-details a{color:#2F80ED;text-decoration:none;}.contact-social{display:flex;gap:8px;flex-wrap:wrap;}.social-btn{display:inline-block;padding:6px 14px;border:1px solid #ddd;border-radius:20px;font-size:0.78rem;color:#555;text-decoration:none;transition:all 0.2s;}.social-btn:hover{background:#2F80ED;color:white;border-color:#2F80ED;}.contact-form{display:flex;flex-direction:column;gap:14px;background:white;padding:36px 32px;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,0.07);}.contact-form input,.contact-form textarea,.contact-form select{padding:13px 16px;border-radius:10px;border:1.5px solid #e0e6ef;font-family:inherit;font-size:0.9rem;color:#333;background:white;transition:border-color 0.2s;width:100%;}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;border-color:#2F80ED;}.contact-form select{color:#888;}footer{background:#0A2540;color:#a0b8cc;text-align:center;padding:36px 20px;font-size:0.88rem;line-height:2;}footer a{color:#56CCF2;text-decoration:none;}@media(max-width:900px){.services-grid,.testimonials-grid{grid-template-columns:1fr 1fr;}.why-us-inner{grid-template-columns:1fr;gap:40px;}.contact-inner{grid-template-columns:1fr;gap:36px;}}@media(max-width:768px){.stat-divider{display:none;}.stats-inner{gap:0;}.stat-item{min-width:45%;}.services-section{padding:70px 16px 60px;}.services-grid{grid-template-columns:1fr 1fr;gap:14px;}.service-card{padding:18px 14px;}.sc-icon{font-size:26px;}.service-card h3{font-size:0.88rem;}.service-card p{font-size:0.8rem;}.sc-price,.sc-link{font-size:0.76rem;}.why-us{padding:60px 16px;}.why-us-cards{grid-template-columns:1fr 1fr;}.testimonials-section{padding:70px 16px 60px;}.testimonials-grid{grid-template-columns:1fr;}.contact-section{padding:70px 16px 60px;}.contact-form{padding:24px 18px;}}@media(max-width:480px){.services-grid{grid-template-columns:1fr 1fr;gap:10px;}.why-us-cards{grid-template-columns:1fr 1fr;}}footer{background:#0A2540;color:#a0b8cc;padding:60px 24px 0;font-size:0.88rem;}.footer-inner{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:40px;max-width:1100px;margin:0 auto 40px;}.footer-logo{height:44px;background:white;padding:5px 8px;border-radius:8px;margin-bottom:14px;display:block;}.footer-brand p{font-size:0.84rem;line-height:1.7;color:#7a9cc0;margin-bottom:16px;}.footer-social{display:flex;gap:10px;}.footer-social a{width:34px;height:34px;background:rgba(255,255,255,0.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a0b8cc;text-decoration:none;font-size:13px;transition:background 0.2s;}.footer-social a:hover{background:#2F80ED;color:white;}.footer-col .footer-head{color:white;font-size:0.9rem;font-weight:600;margin-bottom:14px;letter-spacing:0.3px;}.footer-col ul{list-style:none;}.footer-col ul li{margin-bottom:8px;}.footer-col ul li a{color:#7a9cc0;text-decoration:none;font-size:0.84rem;transition:color 0.2s;}.footer-col ul li a:hover{color:#56CCF2;}.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding:20px 0;text-align:center;color:#5a7ea0;font-size:0.8rem;max-width:1100px;margin:0 auto;}@media(max-width:900px){.footer-inner{grid-template-columns:1fr 1fr;}}@media(max-width:600px){.footer-inner{grid-template-columns:1fr;}footer{padding:40px 20px 0;}}.hero-overlay{background: linear-gradient(to bottom,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.55) 40%,rgba(0,0,0,0.75) 100%) !important;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:70px;}.hero-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:720px;padding:20px;}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,0.7);font-size:0.72rem;letter-spacing:1.5px;text-transform:uppercase;padding-bottom:28px;animation:fadeInUp 1s ease 1.5s both;}.scroll-mouse{width:24px;height:38px;border:2px solid rgba(255,255,255,0.6);border-radius:12px;display:flex;justify-content:center;padding-top:6px;}.scroll-dot{width:4px;height:8px;background:white;border-radius:2px;animation:scrollBounce 1.6s ease-in-out infinite;}@keyframes scrollBounce{0% { transform:translateY(0); opacity:1; }80% { transform:translateY(12px); opacity:0; }100%{ transform:translateY(0); opacity:0; }}@keyframes fadeInUp{from{ opacity:0; transform:translateY(16px); }to { opacity:1; transform:translateY(0); }}.logo-strip{background:#ffffff;padding:32px 0 20px;border-bottom:1px solid #eee;overflow:hidden;}.logo-strip-label{text-align:center;font-size:0.75rem;text-transform:uppercase;letter-spacing:1.4px;color:#999;margin-bottom:20px;font-weight:700;}.logo-strip-note{text-align:center;font-size:0.72rem;color:#bbb;margin-top:14px;font-style:italic;padding:0 16px;}.logo-track-wrapper{overflow:hidden;position:relative;}.logo-track-wrapper::before,.logo-track-wrapper::after{content:'';position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none;}.logo-track-wrapper::before{left:0; background:linear-gradient(to right,white 60%,transparent);}.logo-track-wrapper::after {right:0;background:linear-gradient(to left, white 60%,transparent);}.logo-track{display:flex;align-items:center;gap:14px;width:max-content;animation:scrollTrack 48s linear infinite;padding:4px 0;}.logo-track:hover{ animation-play-state:paused; }.lp-badge{display:inline-flex;align-items:center;gap:8px;background:#f7f9fc;border:1px solid #e8edf5;border-radius:40px;padding:8px 18px 8px 14px;font-size:0.8rem;font-weight:600;color:#3a3a3a;white-space:nowrap;transition:border-color 0.2s, box-shadow 0.2s, background 0.2s;}.lp-badge:hover{background:#fff;border-color:#c0cce0;box-shadow:0 3px 12px rgba(0,0,0,0.08);}.lp-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0;}@keyframes scrollTrack{0% { transform:translateX(0); }100% { transform:translateX(-50%); }}.lm-section{background: linear-gradient(135deg,#0a1628 0%,#0f2244 55%,#1a3a6b 100%);padding: 80px 24px;overflow: hidden;position: relative;}.lm-section::before{content:'';position:absolute;top:-60px; right:-60px;width:360px; height:360px;background:radial-gradient(circle,rgba(26,106,255,.25) 0%,transparent 70%);pointer-events:none;}.lm-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}.lm-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#56CCF2;margin-bottom:12px;}.lm-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:white;line-height:1.15;margin-bottom:18px;}.lm-title span{ color:#56CCF2; }.lm-sub{font-size:.98rem;color:rgba(255,255,255,.75);line-height:1.75;margin-bottom:28px;max-width:440px;}.lm-perks{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;}.lm-perks li{display:flex;align-items:center;gap:10px;font-size:.93rem;color:rgba(255,255,255,.85);}.lm-check{width:22px; height:22px;background:#1a6aff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;color:white;font-weight:700;flex-shrink:0;}.lm-slots{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:8px 18px;font-size:.85rem;color:rgba(255,255,255,.85);}.lm-slots strong{ color:#4ade80; }.lm-slots-dot{width:9px; height:9px;background:#4ade80;border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite;}.lm-card{background:white;border-radius:20px;padding:36px 32px;box-shadow:0 24px 60px rgba(0,0,0,.3);}.lm-card-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #eee;}.lm-card-icon{ font-size:2rem; }.lm-card-title{ font-size:1.05rem; font-weight:800; color:#0f1b2d; }.lm-card-sub { font-size:.78rem; color:#999; margin-top:2px; }.lm-form{ display:flex; flex-direction:column; gap:12px; }.lm-form input,.lm-form select{width:100%;padding:12px 14px;border:1.5px solid #e4e8f5;border-radius:10px;font-family:inherit;font-size:.9rem;color:#333;outline:none;transition:border-color .2s;background:white;}.lm-form input:focus,.lm-form select:focus{ border-color:#1a6aff; }.lm-submit{background:linear-gradient(135deg,#1a6aff,#2F80ED);color:white;border:none;border-radius:10px;padding:14px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s, transform .2s;margin-top:4px;}.lm-submit:hover{ opacity:.9; transform:translateY(-1px); }.lm-privacy{ font-size:.75rem; color:#aaa; text-align:center; margin-top:8px; }.lm-success{text-align:center;padding:24px 0;}.lm-success-icon{ font-size:3rem; margin-bottom:12px; }.lm-success h3{ font-size:1.2rem; font-weight:800; color:#0f1b2d; margin-bottom:8px; }.lm-success p { font-size:.9rem; color:#666; line-height:1.7; }.lm-sticky-bar{position:fixed;bottom:0; left:0; right:0;background:linear-gradient(90deg,#0f1b2d,#1a3a6b);color:white;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:3000;transform:translateY(100%);transition:transform .4s cubic-bezier(.22,1,.36,1);box-shadow:0 -4px 24px rgba(0,0,0,.3);}.lm-sticky-bar.visible{ transform:translateY(0); }.lm-sticky-text{display:flex;align-items:center;gap:12px;flex:1;min-width:0;}.lm-sticky-icon{ font-size:1.4rem; flex-shrink:0; }.lm-sticky-msg{ font-size:.9rem; }.lm-sticky-msg strong{ display:block; font-size:1rem; }.lm-sticky-msg span{ opacity:.75; font-size:.82rem; }.lm-sticky-actions{ display:flex; align-items:center; gap:10px; flex-shrink:0; }.lm-sticky-cta{background:#1a6aff;color:white;border:none;border-radius:8px;padding:10px 22px;font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .2s;text-decoration:none;display:inline-block;}.lm-sticky-cta:hover{ background:#1558d6; }.lm-sticky-close{background:none;border:none;color:rgba(255,255,255,.5);font-size:1.2rem;cursor:pointer;padding:4px 6px;line-height:1;flex-shrink:0;}.lm-sticky-close:hover{ color:white; }@media(max-width:600px){.lm-sticky-msg span{ display:none; }.lm-sticky-msg strong{ font-size:.88rem; }}@media(max-width:900px){.lm-inner{ grid-template-columns:1fr; gap:40px; }.lm-title{ font-size:clamp(1.6rem,5vw,2.2rem); }}.wa-wrapper{position:fixed;bottom:20px;right:20px;z-index:999;display:flex;flex-direction:column;align-items:flex-end;gap:8px;}.wa-bubble{background:white;color:#333;font-size:0.82rem;font-weight:500;padding:10px 36px 10px 14px;border-radius:12px 12px 0 12px;box-shadow:0 4px 20px rgba(0,0,0,0.15);white-space:nowrap;position:relative;opacity:0;transform:translateY(10px) scale(0.95);pointer-events:none;transition:opacity 0.3s ease, transform 0.3s ease;}.wa-bubble.show{opacity:1;transform:translateY(0) scale(1);pointer-events:all;}.wa-bubble-close{position:absolute;top:6px;right:8px;background:none;border:none;font-size:11px;color:#aaa;cursor:pointer;line-height:1;padding:0;}.wa-bubble-close:hover{color:#555;}@media(max-width:480px){.wa-bubble{display:none;}}.consult-overlay{display:none;position:fixed;inset:0;background:rgba(10,37,64,0.55);backdrop-filter:blur(4px);z-index:1100;}.consult-overlay.open{ display:block; }.consult-modal{display:none;position:fixed;top:50%; left:50%;transform:translate(-50%,-50%) scale(0.95);width:min(620px, 95vw);max-height:90vh;overflow-y:auto;background:#fff;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,0.2);z-index:1200;transition:transform 0.25s ease, opacity 0.25s ease;opacity:0;}.consult-modal.open{display:block;transform:translate(-50%,-50%) scale(1);opacity:1;}.consult-close{position:absolute;top:18px;right:20px;background:none;border:none;font-size:1.2rem;color:#888;cursor:pointer;line-height:1;padding:4px 8px;border-radius:8px;transition:background 0.2s;}.consult-close:hover{ background:#f1f5f9; color:#333; }.consult-header{background:linear-gradient(135deg,#0A2540 0%,#1a4a7a 100%);padding:36px 32px 28px;border-radius:24px 24px 0 0;text-align:center;color:white;}.consult-icon{ font-size:2.4rem; margin-bottom:10px; }.consult-header h2{ font-size:1.55rem; font-weight:700; margin:0 0 6px; }.consult-header p{ font-size:.9rem; opacity:.8; margin:0; }.consult-body{padding:28px 32px 32px;}.consult-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}.consult-field{ display:flex; flex-direction:column; gap:6px; }.consult-label{ font-size:.78rem; font-weight:600; color:#555; letter-spacing:.02em; }.consult-input{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9rem;font-family:inherit;color:#0A2540;background:#fafbfc;outline:none;box-sizing:border-box;margin-bottom:14px;transition:border-color 0.2s;}.consult-input:focus{ border-color:#2F80ED; background:#fff; }.consult-field .consult-input{ margin-bottom:0; }.consult-error{display:none;background:#fff0f0;color:#c0392b;border:1px solid #fcc;border-radius:8px;padding:10px 14px;font-size:.85rem;margin-bottom:14px;}.consult-submit{width:100%;padding:15px;background:linear-gradient(135deg,#2F80ED,#1a6fd4);color:white;border:none;border-radius:12px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity 0.2s, transform 0.15s;}.consult-submit:hover:not(:disabled){ opacity:.92; transform:translateY(-1px); }.consult-submit:disabled{ opacity:.6; cursor:not-allowed; }.consult-note{text-align:center;font-size:.78rem;color:#94a3b8;margin:12px 0 0;}.consult-success{text-align:center;padding:20px 0 10px;}.success-icon{ font-size:3rem; margin-bottom:14px; }.consult-success h3{ font-size:1.4rem; color:#0A2540; margin:0 0 10px; }.consult-success p{ color:#555; font-size:.92rem; margin:0 0 6px; }.exit-overlay{display:none;position:fixed;inset:0;background:rgba(10,37,64,0.65);backdrop-filter:blur(5px);z-index:2000;animation:fadeIn .3s ease;}.exit-overlay.open{ display:flex; align-items:center; justify-content:center; }.exit-popup{position:relative;background:#fff;border-radius:24px;width:min(560px, 94vw);overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,0.25);animation:popIn .35s cubic-bezier(0.34,1.56,0.64,1);}@keyframes popIn{from{ transform:scale(0.85); opacity:0; }to { transform:scale(1); opacity:1; }}.exit-popup-banner{background:linear-gradient(135deg,#0A2540 0%,#1a6aff 100%);padding:36px 36px 28px;text-align:center;color:#fff;}.exit-popup-banner .exit-emoji{ font-size:2.8rem; display:block; margin-bottom:12px; }.exit-popup-banner h2{ font-size:1.55rem; font-weight:700; margin:0 0 8px; line-height:1.25; }.exit-popup-banner p { font-size:.95rem; opacity:.88; margin:0; }.exit-popup-body{ padding:28px 36px 32px; }.exit-popup-perks{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap;}.exit-perk{flex:1;min-width:130px;background:#f0f6ff;border-radius:10px;padding:10px 12px;font-size:.8rem;color:#0A2540;font-weight:500;text-align:center;line-height:1.4;}.exit-perk span{ display:block; font-size:1.2rem; margin-bottom:4px; }.exit-form{ display:flex; flex-direction:column; gap:12px; }.exit-form input{padding:13px 16px;border:1.5px solid #e0e7f0;border-radius:10px;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s;}.exit-form input:focus{ border-color:#1a6aff; }.exit-form-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }.exit-submit{background:linear-gradient(135deg,#1a6aff,#0052cc);color:#fff;border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s, transform .15s;}.exit-submit:hover{ opacity:.9; transform:translateY(-1px); }.exit-submit:disabled{ opacity:.6; cursor:not-allowed; transform:none; }.exit-skip{display:block;text-align:center;margin-top:12px;font-size:.82rem;color:#999;cursor:pointer;background:none;border:none;font-family:inherit;text-decoration:underline;}.exit-skip:hover{ color:#555; }.exit-error{display:none;background:#fff0f0;color:#c0392b;border-radius:8px;padding:10px 14px;font-size:.85rem;}.exit-close{position:absolute;top:14px; right:16px;background:rgba(255,255,255,.2);border:none;color:#fff;font-size:1.1rem;width:30px; height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}.exit-close:hover{ background:rgba(255,255,255,.35); }.exit-success{text-align:center;padding:20px 0 10px;}.exit-success .exit-success-icon{ font-size:3rem; margin-bottom:12px; }.exit-success h3{ font-size:1.3rem; color:#0A2540; margin:0 0 8px; }.exit-success p{ color:#555; font-size:.9rem; margin:0 0 20px; }@media(max-width:540px){.exit-popup-banner{ padding:28px 20px 20px; }.exit-popup-body{ padding:20px 20px 24px; }.exit-form-row{ grid-template-columns:1fr; }.exit-popup-perks{ flex-direction:column; }.exit-perk{ min-width:unset; }}@media(max-width:540px){.consult-header{ padding:28px 20px 22px; }.consult-body{ padding:20px; }.consult-row{ grid-template-columns:1fr; }}.lp-hero {background: linear-gradient(135deg, #0A2540 0%, #1a6aff 100%);color: #fff;padding: 130px 24px 80px;text-align: center;}.lp-hero .location-badge {display: inline-flex;align-items: center;gap: 6px;background: rgba(255,255,255,0.15);border: 1px solid rgba(255,255,255,0.3);border-radius: 50px;padding: 5px 16px;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;margin-bottom: 18px;}.lp-hero h1 {font-size: clamp(1.9rem, 4.5vw, 3rem);font-weight: 800;margin: 0 0 16px;line-height: 1.2;}.lp-hero p {font-size: 1.1rem;color: rgba(255,255,255,0.88);max-width: 640px;margin: 0 auto 32px;}.lp-hero-btns {display: flex;gap: 14px;justify-content: center;flex-wrap: wrap;}.lp-hero-btns .btn-outline-white {background: transparent;border: 2px solid rgba(255,255,255,0.7);color: #fff;padding: 12px 28px;border-radius: 8px;font-weight: 600;text-decoration: none;transition: background .2s;}.lp-hero-btns .btn-outline-white:hover { background: rgba(255,255,255,0.12); }.lp-breadcrumb {background: #f7f9fb;border-bottom: 1px solid #e8edf3;padding: 10px 24px;font-size: 0.82rem;color: #667;}.lp-breadcrumb a { color: #1a6aff; text-decoration: none; }.lp-breadcrumb a:hover { text-decoration: underline; }.lp-breadcrumb span { margin: 0 6px; }.lp-stats {background: #fff;border-bottom: 1px solid #e8edf3;display: flex;justify-content: center;gap: 0;flex-wrap: wrap;}.lp-stat {text-align: center;padding: 22px 40px;border-right: 1px solid #e8edf3;}.lp-stat:last-child { border-right: none; }.lp-stat-num {font-size: 1.7rem;font-weight: 800;color: #1a6aff;display: block;}.lp-stat-label {font-size: 0.78rem;color: #667;margin-top: 2px;}.lp-services {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 24px;margin-top: 40px;}.lp-service-card {background: #fff;border: 1px solid #e8edf3;border-radius: 12px;padding: 28px 24px;transition: box-shadow .2s, transform .2s;}.lp-service-card:hover {box-shadow: 0 8px 30px rgba(26,106,255,.12);transform: translateY(-3px);}.lp-service-icon {font-size: 2rem;margin-bottom: 12px;}.lp-service-card h3 {font-size: 1rem;font-weight: 700;color: #0A2540;margin: 0 0 8px;}.lp-service-card p {font-size: 0.88rem;color: #556;line-height: 1.6;margin: 0;}.lp-why-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 20px;margin-top: 36px;}.lp-why-item {display: flex;gap: 14px;align-items: flex-start;}.lp-why-icon {font-size: 1.4rem;flex-shrink: 0;margin-top: 2px;}.lp-why-item h4 {font-size: 0.93rem;font-weight: 700;color: #0A2540;margin: 0 0 4px;}.lp-why-item p {font-size: 0.83rem;color: #667;margin: 0;line-height: 1.5;}.lp-process {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 20px;margin-top: 36px;counter-reset: steps;}.lp-step {background: #fff;border: 1px solid #e8edf3;border-radius: 12px;padding: 24px 20px;text-align: center;position: relative;}.lp-step-num {width: 40px;height: 40px;background: #1a6aff;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 1rem;margin: 0 auto 14px;}.lp-step h4 {font-size: 0.9rem;font-weight: 700;color: #0A2540;margin: 0 0 6px;}.lp-step p {font-size: 0.8rem;color: #667;margin: 0;}.lp-faq { margin-top: 36px; }.lp-faq-item {border: 1px solid #e8edf3;border-radius: 10px;margin-bottom: 12px;overflow: hidden;}.lp-faq-q {width: 100%;background: #fff;border: none;padding: 16px 20px;text-align: left;font-size: 0.93rem;font-weight: 600;color: #0A2540;cursor: pointer;display: flex;justify-content: space-between;align-items: center;}.lp-faq-q .faq-arrow {font-size: 1rem;transition: transform .25s;flex-shrink: 0;}.lp-faq-item.open .faq-arrow { transform: rotate(180deg); }.lp-faq-a {display: none;padding: 0 20px 16px;font-size: 0.87rem;color: #556;line-height: 1.65;background: #fff;}.lp-faq-item.open .lp-faq-a { display: block; }.lp-cta-section {background: linear-gradient(135deg, #0A2540 0%, #1a6aff 100%);color: #fff;text-align: center;padding: 70px 24px;}.lp-cta-section h2 {font-size: clamp(1.5rem,3vw,2.2rem);font-weight: 800;margin: 0 0 12px;}.lp-cta-section p {color: rgba(255,255,255,.85);margin: 0 0 28px;}.lp-cta-btns {display: flex;gap: 14px;justify-content: center;flex-wrap: wrap;}.lp-nap {background: #f7f9fb;border: 1px solid #e8edf3;border-radius: 14px;padding: 28px 30px;margin-top: 40px;}.lp-nap h3 {font-size: 1rem;font-weight: 700;color: #0A2540;margin: 0 0 16px;}.lp-nap-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px,1fr));gap: 14px;}.lp-nap-item {display: flex;gap: 10px;align-items: flex-start;font-size: 0.88rem;color: #445;}.lp-nap-item strong { display: block; color: #0A2540; font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; margin-bottom:2px; }@media(max-width:640px){.lp-stat { padding: 16px 20px; }.lp-stat-num { font-size: 1.3rem; }}.tut-tab-bar {position: fixed;top: 70px;left: 0; right: 0;height: 44px;z-index: 999;background: #161f2e;display: flex;align-items: stretch;overflow-x: auto;overflow-y: hidden;border-bottom: 2px solid #243044;scrollbar-width: none;box-shadow: 0 2px 8px rgba(0,0,0,.25);}.tut-tab-bar::-webkit-scrollbar { display: none; }.tut-tab-bar a {display: inline-flex;align-items: center;gap: 7px;padding: 0 20px;font-size: .72rem;font-weight: 700;color: #7d92ab;text-decoration: none;text-transform: uppercase;letter-spacing: .08em;white-space: nowrap;flex-shrink: 0;border-bottom: 3px solid transparent;transition: color .15s, background .15s, border-color .15s;box-sizing: border-box;}.tut-tab-bar a:hover { color: #cbd5e1; background: rgba(255,255,255,.06); }.tut-tab-active { color: #fff !important; border-bottom-color: #3b82f6 !important; }.tut-tab-home {padding: 0 20px !important;color: #94a3b8 !important;border-right: 1px solid #243044;font-size: .7rem !important;letter-spacing: .04em !important;gap: 5px !important;}.tut-tab-home:hover { color: #e2e8f0 !important; }

/* ── Footer offices (Qatar + India) ── */
.footer-offices{display:flex;flex-wrap:wrap;gap:48px;justify-content:center;max-width:1100px;margin:0 auto;padding:26px 20px 6px;border-top:1px solid rgba(255,255,255,0.1);}
.footer-office .footer-head{color:#fff;font-size:0.88rem;font-weight:600;margin-bottom:8px;letter-spacing:0.3px;}
.footer-office address{font-style:normal;font-size:0.82rem;line-height:1.7;color:#7a9cc0;}
.footer-office .office-hours{font-size:0.78rem;color:#66839f;margin-top:6px;}
@media(max-width:560px){.footer-offices{flex-direction:column;align-items:flex-start;gap:22px;text-align:left;}}

/* ── Nav fit ──
   11 links + Book Consultation need ~1300px at the roomy spacing, so the CTA
   was clipping on any screen narrower than that (the drawer only kicked in at 768px).
   Compact the spacing first, then fall back to the drawer before anything clips. */
@media(max-width:1400px){
  nav{padding:0 20px;gap:14px;}
  .nav-links-desktop{gap:2px;}
  .nav-link{padding:8px 8px;font-size:13.5px;}
  .nav-right{gap:8px;}
  .nav-cta{padding:9px 16px;font-size:12.5px;}
  .nav-pay{padding:8px 14px;font-size:12.5px;}
}
@media(max-width:1300px){
  .menu-toggle{display:block;}
  .nav-links-desktop{display:none;}
}

.footer-brand p.footer-tagline{font-size:1.02rem;font-weight:700;color:#e8f1ff;margin-bottom:10px;letter-spacing:-.01em;line-height:1.45;}

/* ── WhatsApp mark (replaces the 💬 emoji on wa.me links) ── */
.wa-ico{width:14px;height:14px;fill:#25D366;flex-shrink:0;vertical-align:-2px;display:inline-block;}
.wa-ico--lg{width:18px;height:18px;vertical-align:-3px;}
.btn-wa .wa-ico{fill:currentColor;margin-right:6px;}

/* ── Pay Now, moved out of the header into the payments strip ── */
.footer-pay-btn{
  display:inline-flex;align-items:center;gap:6px;margin-top:14px;
  background:linear-gradient(135deg,#059669,#10b981);
  color:#fff;text-decoration:none;padding:10px 24px;border-radius:24px;
  font-size:.85rem;font-weight:700;
  box-shadow:0 4px 14px rgba(16,185,129,.35);
  transition:opacity .2s, transform .2s;
}
.footer-pay-btn:hover{opacity:.92;transform:translateY(-1px);}

/* ── Nav centring ──
   The links were centred in the space left over between the logo and the CTA,
   not in the viewport. Because the right side (CTA + padding) is wider than the
   left (logo + padding), that pushed them visibly off-centre. Giving the two
   outer zones equal flex weight centres the links against the page instead. */
.logo{flex:1 1 0;min-width:0;}
.nav-links-desktop{flex:0 1 auto;}
.nav-right{flex:1 1 0;justify-content:flex-end;min-width:max-content;}
/* min-width:max-content, not 0: with 0 the CTA shrinks the zone below its own
   button and overflows leftward over the last nav link — a silent overlap that
   measuring the zone box rather than the button will not catch. */

/* ── Products & Services page ── */
.sec-head{max-width:1100px;margin:0 auto 36px;padding:0 4px;scroll-margin-top:90px;text-align:center;}
.sec-head .eyebrow{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:#1a6aff;background:#eef3ff;border:1px solid #dbe6ff;
  border-radius:30px;padding:5px 15px;margin-bottom:16px;}
.sec-head h2{font-size:clamp(1.6rem,3.2vw,2.15rem);font-weight:800;color:#0f1b2d;margin:0 0 10px;
  letter-spacing:-.015em;line-height:1.2;}
.sec-head p{font-size:.99rem;color:#5d6b82;line-height:1.8;margin:0 auto;max-width:620px;}

.prod-band{max-width:1100px;margin:40px auto 18px;padding:0 4px;display:flex;align-items:center;gap:11px;
  font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#7a8699;}
.prod-band::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,#e4eaf5,transparent);}
.prod-band-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.prod-band-dot.live{background:#22c55e;}
.prod-band-dot.order{background:#94a3b8;}

.prod-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
@media(max-width:980px){.prod-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.prod-grid{grid-template-columns:1fr;}}

.prod-card{background:#fff;border:1.5px solid #eaeef7;border-radius:16px;padding:22px 20px;text-decoration:none;
  color:inherit;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;
  transition:transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s, border-color .2s;}
.prod-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent,#1a6aff);}
.prod-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(15,27,45,.12);border-color:var(--accent,#1a6aff);}
.prod-logo{width:72px;height:72px;object-fit:contain;border-radius:16px;}
.prod-body{flex:1;}
.prod-status{display:inline-flex;align-items:center;gap:5px;border-radius:30px;padding:3px 10px;
  font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px;}
.prod-status .dot{width:5px;height:5px;border-radius:50%;background:currentColor;}
.prod-status.live{background:#dcfce7;color:#15803d;}
.prod-status.order{background:#f1f5f9;color:#64748b;}
.prod-card h3{font-size:1.02rem;font-weight:800;color:#0f1b2d;margin:0 0 3px;}
.prod-cat{font-size:.76rem;color:#94a3b8;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em;}
.prod-tag{font-size:.87rem;color:#5d6b82;line-height:1.6;margin:0;}
.prod-cta{font-size:.84rem;font-weight:700;color:var(--accent,#1a6aff);}

/* Keyboard focus.
   The browser's own ring was already showing on links and buttons - an audit that used
   element.focus() instead of a Tab press reported otherwise, because programmatic focus does
   not match :focus-visible. What was genuinely missing: the form inputs set outline:none and
   replaced it with a border colour alone, which is a weak indicator on a 1.5px border. This
   gives every control one deliberate ring instead of the UA default, and gives the inputs
   theirs back. :focus-visible, so it appears for keyboard users and not on mouse clicks. */
:focus-visible{outline:2px solid #1a6aff;outline-offset:2px;border-radius:4px;}
.consult-input:focus-visible,.contact-form input:focus-visible,.contact-form textarea:focus-visible,
.contact-form select:focus-visible,.lm-form input:focus-visible,.lm-form select:focus-visible,
.exit-form input:focus-visible{outline:2px solid #1a6aff;outline-offset:1px;}
/* On the dark header and hero the blue ring has little to sit against. */
nav :focus-visible,.hero :focus-visible,.cr-hero :focus-visible,.cs-stage :focus-visible{
  outline-color:#7fd3f5;}
@media (prefers-reduced-motion:no-preference){:focus-visible{transition:outline-color .12s;}}

/* Touch targets.
   At 375px, 55 controls measured under 40px — the menu button at 37x32 and the mobile
   accordion links at 20px tall. Google asks for 48px, WCAG 2.5.8 for 44. The links keep
   their text size; the height comes from padding, so nothing reflows on desktop. */
@media (max-width: 768px){
  .menu-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
  .drawer a,.accordion-body a,.accordion-head,.drawer-close,
  .footer-col a,.footer-links a,.nav-link{min-height:44px;display:flex;align-items:center;}
  .accordion-body li{display:flex;}
  .accordion-body li a{width:100%;padding-block:4px;}
  .footer-col li{margin-bottom:0;}
  .consult-close,.apply-close,.exit-close,.drawer-close{min-width:44px;min-height:44px;
    display:inline-flex;align-items:center;justify-content:center;}
  /* The remaining 27, found by measuring rather than guessing: the sitemap-style link map,
     the legal row under the footer, the proof-card links and the round social buttons. */
  .rmap-items a,.footer-legal a,.proof-card a{min-height:44px;display:inline-flex;align-items:center;}
  .contact-social .social-btn{min-width:44px;min-height:44px;}
}