:root{ --ojas-blue:#0D1B2A;--ojas-blue-light:#1B2838;--ojas-blue-90:rgba(13,27,42,0.90);--ojas-blue-80:rgba(13,27,42,0.80);--ojas-yellow:#FFC107;--ojas-yellow-hover:#FFB300;--ojas-gold:#FF8F00;--ojas-orange:#FF6F00;--ojas-gray:#F5F5F5;--ojas-gray-2:#E8ECF1;--ojas-text:#1A1A1A;--ojas-text-muted:#5A5F6B;--ojas-border:#E3E7EC;--ojas-white:#FFFFFF;--ojas-success:#15803D;--ojas-radius:14px;--ojas-radius-sm:8px;--ojas-radius-lg:22px;--ojas-shadow-sm:0 2px 6px rgba(13,27,42,0.06);--ojas-shadow:0 8px 24px rgba(13,27,42,0.08);--ojas-shadow-lg:0 16px 48px rgba(13,27,42,0.12);--ojas-container:1240px;--ojas-font-heading:'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;--ojas-font-body:'Open Sans','Noto Sans Devanagari',Helvetica,Arial,sans-serif;--ojas-transition:220ms cubic-bezier(0.4,0,0.2,1);} *,*::before,*::after{ box-sizing:border-box;} html{ scroll-behavior:smooth;-webkit-text-size-adjust:100%;} body{ margin:0;font-family:var(--ojas-font-body);color:var(--ojas-text);line-height:1.6;background:var(--ojas-white);font-size:16px;} h1,h2,h3,h4,h5,h6{ font-family:var(--ojas-font-heading);font-weight:700;color:var(--ojas-blue);margin:0 0 .5em;line-height:1.2;letter-spacing:-0.01em;} h1{ font-size:clamp(2rem,4vw,3.25rem);font-weight:800;} h2{ font-size:clamp(1.6rem,3vw,2.25rem);} h3{ font-size:1.35rem;} h4{ font-size:1.1rem;} p{ margin:0 0 1em;} a{ color:var(--ojas-blue);text-decoration:none;transition:color var(--ojas-transition);} a:hover{ color:var(--ojas-gold);} img{ max-width:100%;height:auto;display:block;} ul,ol{ padding-left:1.25em;} button{ font-family:inherit;cursor:pointer;} .screen-reader-text{ position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);} .skip-link{ position:absolute;top:-40px;left:8px;background:var(--ojas-yellow);color:var(--ojas-blue);padding:8px 16px;z-index:100;border-radius:4px;} .skip-link:focus{ top:8px;} .container{ max-width:var(--ojas-container);margin:0 auto;padding:0 24px;} .section{ padding:clamp(56px,8vw,96px) 0;} .section-gray{ background:var(--ojas-gray);} .section-blue{ background:var(--ojas-blue);color:var(--ojas-white);} .section-blue h1,.section-blue h2,.section-blue h3{ color:var(--ojas-white);} .btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;font-family:var(--ojas-font-heading);font-weight:600;font-size:15px;border-radius:var(--ojas-radius-sm);border:2px solid transparent;text-decoration:none;cursor:pointer;transition:all var(--ojas-transition);line-height:1;letter-spacing:.01em;} .btn-primary{ background:var(--ojas-yellow);color:var(--ojas-blue);border-color:var(--ojas-yellow);box-shadow:0 6px 18px rgba(255,193,7,0.35);} .btn-primary:hover{ background:var(--ojas-yellow-hover);border-color:var(--ojas-yellow-hover);color:var(--ojas-blue);transform:translateY(-1px);box-shadow:0 10px 24px rgba(255,193,7,0.45);} .btn-outline{ background:transparent;color:var(--ojas-blue);border-color:var(--ojas-blue);} .btn-outline:hover{ background:var(--ojas-blue);color:var(--ojas-white);} .btn-outline-light{ background:transparent;color:var(--ojas-white);border-color:var(--ojas-white);} .btn-outline-light:hover{ background:var(--ojas-white);color:var(--ojas-blue);} .btn-ghost{ background:transparent;color:var(--ojas-text-muted);border-color:transparent;padding:12px 18px;} .btn-ghost:hover{ color:var(--ojas-blue);background:var(--ojas-gray);} .btn-lg{ padding:16px 32px;font-size:16px;} .btn-block{ display:flex;width:100%;} .top-strip{ background:linear-gradient(90deg,var(--ojas-blue) 0%,#15273c 100%);color:var(--ojas-white);font-size:13px;padding:8px 0;position:relative;overflow:hidden;} .top-strip::after{ content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,193,7,0.04),transparent);animation:stripShimmer 6s linear infinite;} @keyframes stripShimmer{ 0%{ left:-60%;} 100%{ left:160%;} } .top-strip-inner{ display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;position:relative;z-index:1;} .top-strip-item{ display:inline-flex;align-items:center;gap:6px;transition:all 0.3s ease;} .top-strip-item:hover{ transform:translateY(-1px);} .top-strip-item a{ color:var(--ojas-yellow);position:relative;} .top-strip-item a::after{ content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--ojas-yellow);transition:width 0.3s ease;} .top-strip-item a:hover::after{ width:100%;} .top-strip-item a:hover{ color:var(--ojas-white);} .top-strip-item strong{ color:var(--ojas-yellow);} @media (max-width:640px){ .top-strip-hide-sm{ display:none;} } .site-header{ position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.92);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 1px 0 rgba(13,27,42,0.04);transition:all 0.4s cubic-bezier(0.2,0.7,0.2,1);transform:translateY(0);} .site-header.header-hidden{ transform:translateY(-100%);box-shadow:none;} .site-header.is-scrolled{ background:rgba(255,255,255,0.97);backdrop-filter:blur(24px) saturate(1.6);box-shadow:0 4px 30px rgba(13,27,42,0.08),0 1px 3px rgba(13,27,42,0.04);} .site-header.is-scrolled .site-header-inner{ padding:8px 0;} .site-header.is-scrolled .logo-icon{ width:38px;height:38px;} .site-header.is-scrolled .logo-text strong{ font-size:19px;} .site-header-inner{ display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;transition:padding 0.4s cubic-bezier(0.2,0.7,0.2,1);} .site-branding{ flex-shrink:0;} .site-branding .custom-logo-link{ display:inline-flex;align-items:center;gap:10px;transition:all 0.3s ease;} .site-branding .custom-logo-link:hover{ transform:translateY(-1px);} .logo-icon{ display:inline-block;width:44px;height:44px;transition:all 0.4s cubic-bezier(0.2,0.7,0.2,1);animation:logoPulse 4s ease-in-out infinite;} @keyframes logoPulse{ 0%,100%{ filter:drop-shadow(0 0 0 rgba(255,193,7,0));} 50%{ filter:drop-shadow(0 0 8px rgba(255,193,7,0.3));} } img.logo-icon{ flex-shrink:0;} .footer-logo img.logo-icon{ width:36px;height:36px;animation:none;} .logo-text{ display:inline-flex;flex-direction:column;line-height:1;font-family:var(--ojas-font-heading);} .logo-text strong{ font-size:22px;font-weight:800;color:var(--ojas-blue);letter-spacing:.04em;transition:all 0.4s ease;} .logo-text em{ font-size:9px;font-style:normal;font-weight:600;color:var(--ojas-gold);letter-spacing:.16em;margin-top:3px;transition:all 0.3s ease;} .site-branding .custom-logo-link:hover .logo-text strong{ color:var(--ojas-gold);} .site-branding .custom-logo-link:hover .logo-text em{ letter-spacing:.22em;} .site-branding .custom-logo-link:hover .logo-icon{ transform:rotate(-8deg) scale(1.08);filter:drop-shadow(0 0 12px rgba(255,193,7,0.4));} .site-nav{ flex:1;min-width:0;} .nav-menu{ display:flex;gap:2px;list-style:none;padding:0;margin:0;justify-content:center;flex-wrap:nowrap;} .nav-menu > li{ white-space:nowrap;position:relative;} .nav-menu > li > a,.nav-menu > li.menu-item > a,.nav-menu > li.page_item > a{ display:block;padding:9px 13px;font-family:var(--ojas-font-heading);font-weight:600;font-size:14px;color:var(--ojas-blue);border-radius:8px;position:relative;white-space:nowrap;transition:all 0.3s cubic-bezier(0.2,0.7,0.2,1);overflow:hidden;} .nav-menu > li > a::before{ content:'';position:absolute;bottom:2px;left:50%;right:50%;height:2.5px;background:linear-gradient(90deg,var(--ojas-yellow),var(--ojas-gold));border-radius:2px;transition:all 0.35s cubic-bezier(0.2,0.7,0.2,1);} .nav-menu > li > a::after{ content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,193,7,0.06),transparent 70%);border-radius:8px;opacity:0;transition:opacity 0.3s ease;} .nav-menu > li > a:hover::before,.nav-menu > li.current-menu-item > a::before,.nav-menu > li.current_page_item > a::before{ left:13px;right:13px;} .nav-menu > li > a:hover::after{ opacity:1;} .nav-menu > li > a:hover{ color:var(--ojas-gold);transform:translateY(-1px);} .nav-menu > li.current-menu-item > a,.nav-menu > li.current_page_item > a{ color:var(--ojas-gold);font-weight:700;background:rgba(255,193,7,0.06);} .nav-menu > li{ animation:navItemIn 0.5s ease both;} .nav-menu > li:nth-child(1){ animation-delay:0.05s;} .nav-menu > li:nth-child(2){ animation-delay:0.1s;} .nav-menu > li:nth-child(3){ animation-delay:0.15s;} .nav-menu > li:nth-child(4){ animation-delay:0.2s;} .nav-menu > li:nth-child(5){ animation-delay:0.25s;} .nav-menu > li:nth-child(6){ animation-delay:0.3s;} .nav-menu > li:nth-child(7){ animation-delay:0.35s;} @keyframes navItemIn{ from{ opacity:0;transform:translateY(-8px);} to{ opacity:1;transform:translateY(0);} } .header-cta{ display:flex;align-items:center;gap:10px;flex-shrink:0;} .btn-cta{ padding:10px 18px;font-size:13px;white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 4px 14px rgba(255,193,7,0.25);transition:all 0.35s cubic-bezier(0.2,0.7,0.2,1);} .btn-cta::before{ content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease;} .btn-cta:hover::before{ width:300px;height:300px;} .btn-cta:hover{ transform:translateY(-2px) scale(1.03);box-shadow:0 8px 24px rgba(255,193,7,0.4),0 0 0 2px rgba(255,193,7,0.1);} .btn-cta:active{ transform:translateY(0) scale(0.98);} .nav-toggle{ display:none;width:44px;height:44px;background:transparent;border:0;flex-direction:column;gap:5px;padding:0;align-items:center;justify-content:center;position:relative;border-radius:8px;transition:background 0.3s ease;} .nav-toggle:hover{ background:var(--ojas-gray);} .nav-toggle span{ width:22px;height:2.5px;background:var(--ojas-blue);border-radius:2px;transition:all 0.35s cubic-bezier(0.2,0.7,0.2,1);transform-origin:center;} .nav-toggle[aria-expanded="true"]{ background:rgba(255,193,7,0.08);} .nav-toggle[aria-expanded="true"] span{ background:var(--ojas-gold);} .nav-toggle[aria-expanded="true"] span:nth-child(1){ transform:translateY(7.5px) rotate(45deg);} .nav-toggle[aria-expanded="true"] span:nth-child(2){ opacity:0;transform:scaleX(0);} .nav-toggle[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7.5px) rotate(-45deg);} .hero{ position:relative;padding:80px 0 100px;background:linear-gradient(135deg,var(--ojas-blue) 0%,#15273c 100%);color:var(--ojas-white);overflow:hidden;} .hero::before{ content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(255,193,7,0.18) 0,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,143,0,0.12) 0,transparent 40%);pointer-events:none;} .hero::after{ content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.04) 1px,transparent 1px);background-size:40px 40px;opacity:.6;pointer-events:none;} .hero-inner{ position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;} .hero-content{ animation:fadeUp .8s ease both;} .hero-badge{ display:inline-flex;align-items:center;gap:8px;background:rgba(255,193,7,0.15);color:var(--ojas-yellow);font-size:13px;font-weight:600;padding:7px 14px;border-radius:100px;margin-bottom:20px;border:1px solid rgba(255,193,7,0.35);} .hero-title{ color:var(--ojas-white);font-size:clamp(2.4rem,5.5vw,4.5rem);font-weight:800;line-height:1.05;margin:0 0 20px;} .hero-title .line{ display:block;animation:fadeUp .8s ease both;} .hero-title .line:nth-child(1){ animation-delay:.1s;} .hero-title .line:nth-child(2){ animation-delay:.25s;} .hero-title .line:nth-child(3){ animation-delay:.4s;} .hero-title em{ font-style:normal;color:var(--ojas-yellow);position:relative;} .hero-title em::after{ content:'';position:absolute;left:0;right:0;bottom:6px;height:10px;background:rgba(255,193,7,0.22);z-index:-1;border-radius:4px;} .hero-sub{ font-size:18px;color:rgba(255,255,255,0.88);max-width:560px;margin-bottom:32px;} .hero-actions{ display:flex;flex-wrap:wrap;gap:14px;margin-bottom:36px;} .hero-trust{ display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px;color:rgba(255,255,255,0.72);} .trust-avatars{ display:inline-flex;} .trust-avatars span{ width:36px;height:36px;border-radius:50%;background:var(--ojas-yellow);color:var(--ojas-blue);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;border:2px solid var(--ojas-blue);margin-left:-10px;overflow:hidden;} .trust-avatars span:first-child{ margin-left:0;} .hero-card{ position:relative;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.14);border-radius:var(--ojas-radius-lg);padding:28px;backdrop-filter:blur(16px);animation:fadeUp 1s .3s ease both;} .hero-card-grid{ display:grid;grid-template-columns:1fr 1fr;gap:16px;} .hero-stat{ background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);border-radius:var(--ojas-radius);padding:18px 16px;text-align:center;transition:all var(--ojas-transition);} .hero-stat.featured{ grid-column:span 2;background:linear-gradient(135deg,var(--ojas-yellow),var(--ojas-gold));border-color:var(--ojas-yellow);color:var(--ojas-blue);} .hero-stat.featured .hero-stat-label{ color:var(--ojas-blue);opacity:.8;} .hero-stat:hover{ transform:translateY(-3px);background:rgba(255,255,255,0.12);} .hero-stat-num{ display:block;font-family:var(--ojas-font-heading);font-size:clamp(1.4rem,2.8vw,2rem);font-weight:800;color:var(--ojas-yellow);margin-bottom:6px;line-height:1;} .hero-stat.featured .hero-stat-num{ color:var(--ojas-blue);} .hero-stat-label{ font-size:12px;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:.08em;font-weight:600;} .hero-card-badge{ position:absolute;top:-14px;right:24px;background:var(--ojas-yellow);color:var(--ojas-blue);font-size:11px;font-weight:700;padding:6px 14px;border-radius:100px;letter-spacing:.05em;text-transform:uppercase;} .ticker{ background:var(--ojas-yellow);color:var(--ojas-blue);padding:14px 0;overflow:hidden;font-family:var(--ojas-font-heading);font-weight:700;font-size:15px;letter-spacing:.02em;} .ticker-track{ display:flex;white-space:nowrap;animation:tickerScroll 50s linear infinite;gap:32px;} .ticker-track span{ display:inline-flex;align-items:center;gap:32px;} .ticker-track span::after{ content:'⚡';font-size:14px;opacity:.7;} .section-heading{ margin-bottom:48px;} .section-heading-center{ text-align:center;max-width:720px;margin-left:auto;margin-right:auto;} .section-eyebrow{ display:inline-block;font-family:var(--ojas-font-heading);font-size:13px;font-weight:700;color:var(--ojas-gold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;} .section-title{ margin-bottom:12px;} .section-title em{ font-style:normal;color:var(--ojas-gold);position:relative;} .section-title em::after{ content:'';position:absolute;left:0;right:0;bottom:0;height:8px;background:rgba(255,193,7,0.22);z-index:-1;border-radius:3px;} .section-sub{ font-size:17px;color:var(--ojas-text-muted);} .feature-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;} .feature-card{ background:var(--ojas-white);border:1px solid var(--ojas-border);border-radius:var(--ojas-radius);padding:28px;transition:all var(--ojas-transition);} .feature-card:hover{ border-color:var(--ojas-yellow);transform:translateY(-4px);box-shadow:var(--ojas-shadow);} .feature-icon{ width:56px;height:56px;background:var(--ojas-yellow);color:var(--ojas-blue);border-radius:var(--ojas-radius-sm);display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;} .feature-icon svg{ width:28px;height:28px;} .feature-title{ font-size:18px;margin-bottom:8px;} .feature-text{ font-size:15px;color:var(--ojas-text-muted);margin:0;} .services-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;} .service-card{ position:relative;background:var(--ojas-white);border:1px solid var(--ojas-border);border-radius:var(--ojas-radius);padding:32px 28px;text-decoration:none;color:inherit;transition:all var(--ojas-transition);overflow:hidden;display:flex;flex-direction:column;gap:12px;} .service-card::before{ content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ojas-yellow),var(--ojas-gold));transform:scaleX(0);transform-origin:left;transition:transform var(--ojas-transition);} .service-card:hover{ transform:translateY(-6px);box-shadow:var(--ojas-shadow);border-color:var(--ojas-yellow);} .service-card:hover::before{ transform:scaleX(1);} .service-icon{ display:inline-flex;width:64px;height:64px;align-items:center;justify-content:center;background:var(--ojas-gray);border-radius:var(--ojas-radius-sm);color:var(--ojas-gold);transition:all var(--ojas-transition);} .service-card:hover .service-icon{ background:var(--ojas-yellow);color:var(--ojas-blue);} .service-icon svg{ width:32px;height:32px;} .service-title{ font-size:20px;margin-bottom:4px;} .service-excerpt{ font-size:15px;color:var(--ojas-text-muted);flex:1;margin:0;} .service-price{ display:inline-block;background:var(--ojas-gray);color:var(--ojas-blue);font-size:13px;font-weight:700;padding:6px 12px;border-radius:100px;align-self:flex-start;} .service-arrow{ color:var(--ojas-gold);font-weight:600;font-size:14px;margin-top:8px;} .projects-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;} .project-card{ background:var(--ojas-white);border:1px solid var(--ojas-border);border-radius:var(--ojas-radius);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--ojas-transition);display:flex;flex-direction:column;} .project-card:hover{ transform:translateY(-6px);box-shadow:var(--ojas-shadow-lg);} .project-img{ position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ojas-gray);} .project-img img{ width:100%;height:100%;object-fit:cover;transition:transform .6s ease;} .project-card:hover .project-img img{ transform:scale(1.08);} .project-tag{ position:absolute;top:14px;left:14px;background:var(--ojas-yellow);color:var(--ojas-blue);font-size:11px;font-weight:700;padding:5px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:.05em;} .project-body{ padding:22px 24px 26px;} .project-title{ font-size:17px;margin-bottom:12px;min-height:2.4em;} .project-stats{ list-style:none;padding:0;margin:0 0 14px;display:grid;gap:6px;font-size:14px;color:var(--ojas-text-muted);} .project-stats span{ color:var(--ojas-blue);font-weight:600;} .project-arrow{ color:var(--ojas-gold);font-weight:600;font-size:14px;} .project-filters{ display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px;} .project-filter{ background:var(--ojas-gray);color:var(--ojas-blue);border:2px solid transparent;border-radius:100px;padding:10px 22px;font-family:var(--ojas-font-heading);font-weight:600;font-size:14px;cursor:pointer;transition:all var(--ojas-transition);} .project-filter:hover{ border-color:var(--ojas-yellow);} .project-filter.is-active{ background:var(--ojas-blue);color:var(--ojas-white);} .ojas-calculator{ background:var(--ojas-white);border-radius:var(--ojas-radius-lg);box-shadow:var(--ojas-shadow-lg);padding:40px;max-width:1100px;margin:0 auto;} .calc-grid{ display:grid;grid-template-columns:1fr 1fr;gap:40px;} .calc-title{ margin-bottom:8px;} .calc-subtitle{ color:var(--ojas-text-muted);margin-bottom:28px;} .calc-field{ margin-bottom:20px;} .calc-field label{ display:block;font-family:var(--ojas-font-heading);font-weight:600;color:var(--ojas-blue);margin-bottom:8px;font-size:14px;} .calc-field input[type="number"],.calc-field select,.calc-field input[type="text"],.calc-field input[type="email"],.calc-field input[type="tel"]{ width:100%;padding:12px 14px;border:2px solid var(--ojas-border);border-radius:var(--ojas-radius-sm);font-family:var(--ojas-font-body);font-size:15px;color:var(--ojas-blue);transition:border-color var(--ojas-transition);background:var(--ojas-white);} .calc-field input:focus,.calc-field select:focus{ outline:0;border-color:var(--ojas-yellow);box-shadow:0 0 0 3px rgba(255,193,7,0.18);} .calc-field input[type="range"]{ width:100%;accent-color:var(--ojas-yellow);margin-bottom:10px;} .calc-hint{ font-size:12px;color:var(--ojas-text-muted);margin-top:4px;display:inline-block;} .calc-result-card{ background:linear-gradient(135deg,var(--ojas-blue),#15273c);color:var(--ojas-white);border-radius:var(--ojas-radius);padding:28px;} .calc-result-row{ display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed rgba(255,255,255,0.14);} .calc-result-row:last-of-type{ border-bottom:0;} .calc-result-label{ color:rgba(255,255,255,0.8);font-size:14px;} .calc-result-value{ font-family:var(--ojas-font-heading);font-weight:700;font-size:17px;color:var(--ojas-white);} .calc-result-row.highlight .calc-result-value{ color:var(--ojas-yellow);} .calc-result-row.big{ margin-top:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.2);} .calc-result-row.big .calc-result-label{ font-size:15px;font-weight:600;} .calc-result-row.big .calc-result-value{ font-size:22px;color:var(--ojas-yellow);} .calc-result-grid{ display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;} .calc-result-grid > div{ background:rgba(255,255,255,0.08);padding:14px;border-radius:var(--ojas-radius-sm);text-align:center;} .calc-mini-label{ display:block;font-size:11px;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;} .calc-result-grid strong{ font-family:var(--ojas-font-heading);font-size:17px;color:var(--ojas-yellow);} .calc-disclaimer{ font-size:11px;color:rgba(255,255,255,0.55);margin-top:16px;line-height:1.5;margin-bottom:0;} .process-grid{ display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;} .process-grid::before{ content:'';position:absolute;top:34px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,var(--ojas-yellow),var(--ojas-gold));z-index:0;border-radius:2px;} .process-step{ position:relative;z-index:1;text-align:center;background:var(--ojas-white);padding:20px 14px;border-radius:var(--ojas-radius);border:1px solid var(--ojas-border);transition:all var(--ojas-transition);} .process-step:hover{ transform:translateY(-4px);box-shadow:var(--ojas-shadow);} .process-num{ width:56px;height:56px;background:var(--ojas-yellow);color:var(--ojas-blue);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--ojas-font-heading);font-weight:800;font-size:22px;margin-bottom:14px;box-shadow:0 6px 18px rgba(255,193,7,0.35);} .process-title{ font-size:15px;margin-bottom:6px;} .process-text{ font-size:13px;color:var(--ojas-text-muted);margin:0;} .testimonials-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;} .testimonial-card{ background:var(--ojas-white);border:1px solid var(--ojas-border);border-radius:var(--ojas-radius);padding:28px;transition:all var(--ojas-transition);} .testimonial-card:hover{ border-color:var(--ojas-yellow);transform:translateY(-4px);box-shadow:var(--ojas-shadow);} .testimonial-rating{ color:var(--ojas-yellow);font-size:18px;margin-bottom:12px;letter-spacing:2px;} .testimonial-card blockquote{ margin:0 0 20px;font-size:15px;color:var(--ojas-text);font-style:italic;line-height:1.65;} .testimonial-card blockquote p{ margin:0;} .testimonial-meta{ display:flex;align-items:center;gap:12px;} .testi-avatar{ width:48px;height:48px;border-radius:50%;background:var(--ojas-blue);color:var(--ojas-yellow);display:inline-flex;align-items:center;justify-content:center;font-family:var(--ojas-font-heading);font-weight:700;font-size:15px;} .testimonial-meta strong{ display:block;color:var(--ojas-blue);font-size:15px;} .testi-sub{ font-size:13px;color:var(--ojas-text-muted);} .faq-accordion{ max-width:860px;margin:0 auto;display:grid;gap:14px;} .faq-item{ background:var(--ojas-white);border:1px solid var(--ojas-border);border-radius:var(--ojas-radius);overflow:hidden;transition:all var(--ojas-transition);} .faq-item[open]{ border-color:var(--ojas-yellow);box-shadow:var(--ojas-shadow-sm);} .faq-question{ display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;font-family:var(--ojas-font-heading);font-weight:700;font-size:16px;color:var(--ojas-blue);cursor:pointer;list-style:none;} .faq-question::-webkit-details-marker{ display:none;} .faq-icon{ flex-shrink:0;width:32px;height:32px;background:var(--ojas-gray);color:var(--ojas-gold);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:300;transition:all var(--ojas-transition);} .faq-item[open] .faq-icon{ background:var(--ojas-yellow);color:var(--ojas-blue);transform:rotate(45deg);} .faq-answer{ padding:0 24px 22px;color:var(--ojas-text-muted);font-size:15px;line-height:1.7;} .faq-answer p:last-child{ margin-bottom:0;} .ojas-lead-form{ background:var(--ojas-white);border:1px solid var(--ojas-border);border-radius:var(--ojas-radius-lg);padding:32px;max-width:620px;margin:0 auto;box-shadow:var(--ojas-shadow);} .form-progress{ height:6px;background:var(--ojas-gray);border-radius:100px;overflow:hidden;margin-bottom:28px;} .progress-bar{ height:100%;background:linear-gradient(90deg,var(--ojas-yellow),var(--ojas-gold));transition:width 400ms ease;} .form-step{ display:none;animation:fadeUp .3s ease;} .form-step.active{ display:block;} .form-step h3{ margin-bottom:20px;} .form-step label{ display:block;font-family:var(--ojas-font-heading);font-weight:600;color:var(--ojas-blue);font-size:14px;margin-bottom:18px;} .form-step input,.form-step select,.form-step textarea{ width:100%;padding:12px 14px;border:2px solid var(--ojas-border);border-radius:var(--ojas-radius-sm);font-family:var(--ojas-font-body);font-size:15px;margin-top:6px;background:var(--ojas-white);color:var(--ojas-blue);transition:border-color var(--ojas-transition);} .form-step input:focus,.form-step select:focus,.form-step textarea:focus{ outline:0;border-color:var(--ojas-yellow);box-shadow:0 0 0 3px rgba(255,193,7,0.18);} .form-step input:invalid:not(:placeholder-shown){ border-color:#dc2626;} .form-actions{ display:flex;justify-content:space-between;gap:10px;margin-top:8px;} .form-actions button:only-child{ margin-left:auto;} .consent{ display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:500;color:var(--ojas-text-muted);} .consent input{ width:auto;margin:3px 0 0;} .form-trust{ font-size:13px;color:var(--ojas-text-muted);text-align:center;margin:12px 0 0;} .form-response{ margin-top:20px;padding:20px;border-radius:var(--ojas-radius-sm);font-weight:600;} .form-response.success{ background:#DCFCE7;color:#15803D;border:1px solid #86EFAC;} .form-response.error{ background:#FEE2E2;color:#B91C1C;border:1px solid #FCA5A5;} .blog-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;} .blog-card{ background:var(--ojas-white);border:1px solid var(--ojas-border);border-radius:var(--ojas-radius);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--ojas-transition);display:flex;flex-direction:column;} .blog-card:hover{ transform:translateY(-4px);box-shadow:var(--ojas-shadow);} .blog-thumb{ aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--ojas-blue),var(--ojas-gold));} .blog-thumb img{ width:100%;height:100%;object-fit:cover;transition:transform .6s ease;} .blog-card:hover .blog-thumb img{ transform:scale(1.08);} .blog-body{ padding:22px 24px 26px;flex:1;display:flex;flex-direction:column;gap:10px;} .blog-meta{ font-size:12px;color:var(--ojas-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;} .blog-title{ font-size:18px;margin-bottom:6px;} .blog-excerpt{ color:var(--ojas-text-muted);font-size:14px;flex:1;margin:0;} .blog-more{ color:var(--ojas-gold);font-weight:600;font-size:14px;margin-top:4px;} .page-hero{ background:linear-gradient(135deg,var(--ojas-blue),#15273c);color:var(--ojas-white);padding:72px 0 64px;position:relative;overflow:hidden;} .page-hero::before{ content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.04) 1px,transparent 1px);background-size:40px 40px;opacity:.5;} .page-hero > .container{ position:relative;} .page-hero-title{ color:var(--ojas-white);font-size:clamp(2rem,4vw,3rem);margin:0 0 12px;} .page-hero-sub{ color:rgba(255,255,255,0.78);max-width:700px;font-size:17px;margin:0;} .breadcrumb{ display:flex;gap:8px;font-size:13px;color:rgba(255,255,255,0.7);margin-bottom:14px;} .breadcrumb a{ color:var(--ojas-yellow);} .contact-grid{ display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;} .contact-info{ display:grid;gap:22px;} .contact-info-item{ display:flex;gap:16px;align-items:flex-start;padding:20px;background:var(--ojas-white);border:1px solid var(--ojas-border);border-radius:var(--ojas-radius);} .contact-info-icon{ width:48px;height:48px;border-radius:50%;background:var(--ojas-yellow);color:var(--ojas-blue);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;} .contact-info-icon svg{ width:22px;height:22px;} .contact-info-item strong{ display:block;color:var(--ojas-blue);margin-bottom:4px;font-family:var(--ojas-font-heading);} .contact-info-item span,.contact-info-item a{ color:var(--ojas-text-muted);font-size:15px;} .contact-map{ margin-top:40px;border-radius:var(--ojas-radius);overflow:hidden;box-shadow:var(--ojas-shadow);aspect-ratio:16/9;} .contact-map iframe{ width:100%;height:100%;border:0;display:block;} .counter-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;} .counter-num{ font-family:var(--ojas-font-heading);font-weight:800;font-size:clamp(2rem,4.5vw,3.2rem);color:var(--ojas-yellow);display:block;line-height:1;margin-bottom:6px;} .counter-label{ font-size:14px;color:rgba(255,255,255,0.75);font-weight:600;letter-spacing:.06em;text-transform:uppercase;} .prefooter-cta{ background:var(--ojas-blue);color:var(--ojas-white);padding:56px 0;position:relative;overflow:hidden;} .prefooter-cta::before{ content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,rgba(255,193,7,0.18) 0,transparent 50%);} .prefooter-inner{ position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;} .prefooter-text h2{ color:var(--ojas-white);margin-bottom:8px;} .prefooter-text p{ color:rgba(255,255,255,0.8);margin:0;} .prefooter-actions{ display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;} .site-footer{ background:var(--ojas-blue);color:rgba(255,255,255,0.75);padding:72px 0 0;} .footer-grid{ display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:40px;padding-bottom:48px;} .footer-logo{ display:flex;align-items:center;gap:12px;margin-bottom:16px;} .footer-logo .logo-text strong{ color:var(--ojas-white);} .footer-logo .logo-text em{ color:var(--ojas-yellow);} .site-footer p{ color:rgba(255,255,255,0.65);font-size:14px;margin-bottom:20px;} .footer-widget-title{ color:var(--ojas-white);font-size:15px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;} .footer-menu{ list-style:none;padding:0;margin:0;display:grid;gap:8px;} .footer-menu a{ color:rgba(255,255,255,0.7);font-size:14px;} .footer-menu a:hover{ color:var(--ojas-yellow);} .contact-list{ list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px;font-size:14px;color:rgba(255,255,255,0.7);} .contact-list strong{ color:var(--ojas-yellow);font-weight:600;margin-right:4px;} .contact-list a{ color:rgba(255,255,255,0.85);} .contact-list a:hover{ color:var(--ojas-yellow);} .social-links{ display:flex;gap:10px;} .social-links a{ width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.08);color:var(--ojas-white);display:inline-flex;align-items:center;justify-content:center;transition:all var(--ojas-transition);} .social-links a:hover{ background:var(--ojas-yellow);color:var(--ojas-blue);transform:translateY(-2px);} .newsletter-form{ display:flex;gap:8px;margin-top:12px;} .newsletter-form input{ flex:1;padding:12px 14px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);color:var(--ojas-white);border-radius:var(--ojas-radius-sm);font-size:14px;} .newsletter-form input::placeholder{ color:rgba(255,255,255,0.5);} .newsletter-form .btn{ padding:10px 16px;font-size:13px;} .footer-bottom{ border-top:1px solid rgba(255,255,255,0.08);padding:22px 0;} .footer-bottom-inner{ display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,0.55);} .footer-bottom em{ color:var(--ojas-yellow);font-style:normal;} .legal-menu{ list-style:none;padding:0;margin:0;display:flex;gap:18px;} .legal-menu a{ color:rgba(255,255,255,0.6);font-size:13px;} .legal-menu a:hover{ color:var(--ojas-yellow);} .whatsapp-float{ position:fixed;right:24px;bottom:24px;z-index:40;background:#25D366;color:var(--ojas-white);width:60px;height:60px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(37,211,102,0.5);transition:all var(--ojas-transition);} .whatsapp-float::after{ content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid #25D366;animation:waPulse 1.8s ease-out infinite;} .whatsapp-float:hover{ transform:scale(1.08);color:var(--ojas-white);} .whatsapp-label{ display:none;} @keyframes waPulse{ 0%{ transform:scale(.9);opacity:.8;} 100%{ transform:scale(1.8);opacity:0;} } .about-split{ display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;} .about-image{ border-radius:var(--ojas-radius-lg);overflow:hidden;box-shadow:var(--ojas-shadow-lg);aspect-ratio:4/3;background:var(--ojas-gray);} .about-image img{ width:100%;height:100%;object-fit:cover;} .values-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;} .value-card{ background:var(--ojas-white);border:1px solid var(--ojas-border);border-left:4px solid var(--ojas-yellow);border-radius:var(--ojas-radius);padding:28px;} .value-card h3{ color:var(--ojas-blue);margin-bottom:8px;font-size:18px;} .value-card p{ color:var(--ojas-text-muted);font-size:14px;margin:0;} .error-404{ text-align:center;padding:120px 24px;max-width:600px;margin:0 auto;} .error-404 h1{ font-size:clamp(5rem,14vw,10rem);color:var(--ojas-yellow);line-height:1;margin-bottom:12px;} .error-404 h2{ font-size:1.6rem;margin-bottom:16px;} .error-404 p{ color:var(--ojas-text-muted);margin-bottom:28px;} .text-center{ text-align:center;} .reveal{ opacity:0;transform:translateY(24px);transition:all .8s cubic-bezier(0.2,0.7,0.2,1);} .reveal.is-visible{ opacity:1;transform:translateY(0);} @keyframes fadeUp{ from{ opacity:0;transform:translateY(20px);} to{ opacity:1;transform:translateY(0);} } @keyframes tickerScroll{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} } .entry-content{ max-width:820px;margin:0 auto;font-size:17px;line-height:1.75;} .entry-content h2{ font-size:1.6rem;margin:1.8em 0 .6em;} .entry-content h3{ font-size:1.25rem;margin:1.5em 0 .5em;} .entry-content p,.entry-content ul,.entry-content ol{ margin-bottom:1.1em;} .entry-content ul,.entry-content ol{ padding-left:1.4em;} .entry-content img{ border-radius:var(--ojas-radius);margin:1em 0;} .entry-content blockquote{ border-left:4px solid var(--ojas-yellow);padding-left:20px;margin:1.5em 0;font-style:italic;color:var(--ojas-text-muted);} .case-hero{ background:var(--ojas-blue);color:var(--ojas-white);padding:72px 0 60px;position:relative;overflow:hidden;} .case-hero::before{ content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(255,193,7,0.2) 0,transparent 45%);} .case-hero-inner{ position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;} .case-hero h1{ color:var(--ojas-white);margin:0 0 14px;} .case-hero-meta{ display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;} .case-hero-meta span{ background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.18);padding:6px 14px;border-radius:100px;font-size:13px;} .case-kpis{ display:grid;grid-template-columns:1fr 1fr;gap:14px;} .case-kpi{ background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:var(--ojas-radius);padding:18px;} .case-kpi-label{ font-size:12px;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:.08em;} .case-kpi-value{ font-family:var(--ojas-font-heading);font-size:24px;font-weight:800;color:var(--ojas-yellow);line-height:1.2;margin-top:4px;} .case-section{ padding:56px 0;border-bottom:1px solid var(--ojas-border);} .case-section:last-of-type{ border-bottom:0;} .case-section h2{ color:var(--ojas-blue);margin-bottom:20px;} .case-section .case-eyebrow{ display:inline-block;color:var(--ojas-gold);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;} .before-after{ display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0;} .ba-card{ position:relative;border-radius:var(--ojas-radius);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--ojas-shadow);} .ba-card img{ width:100%;height:100%;object-fit:cover;} .ba-label{ position:absolute;top:14px;left:14px;background:var(--ojas-blue);color:var(--ojas-yellow);padding:6px 14px;border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;} .ba-card.after .ba-label{ background:var(--ojas-yellow);color:var(--ojas-blue);} @media (max-width:1024px){ .hero-inner,.contact-grid,.about-split,.case-hero-inner{ grid-template-columns:1fr;} .process-grid{ grid-template-columns:repeat(3,1fr);} .process-grid::before{ display:none;} .counter-grid{ grid-template-columns:repeat(2,1fr);} .calc-grid{ grid-template-columns:1fr;} .footer-grid{ grid-template-columns:1fr 1fr;} .prefooter-inner{ grid-template-columns:1fr;text-align:center;} .prefooter-actions{ justify-content:center;} } @media (max-width:1100px){ .nav-toggle{ display:inline-flex;} .site-nav{ position:fixed;inset:0;top:0;background:rgba(255,255,255,0.97);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);padding:100px 32px 32px;transform:translateX(100%);transition:transform 0.45s cubic-bezier(0.2,0.7,0.2,1);overflow:auto;z-index:40;box-shadow:-8px 0 40px rgba(13,27,42,0.12);} .site-nav.is-open{ transform:translateX(0);} .site-nav.is-open ~ .nav-backdrop{ opacity:1;pointer-events:auto;} .nav-menu{ flex-direction:column;gap:0;flex-wrap:nowrap;} .nav-menu > li{ border-bottom:1px solid var(--ojas-border);white-space:normal;opacity:0;transform:translateX(30px);transition:all 0.4s cubic-bezier(0.2,0.7,0.2,1);} .site-nav.is-open .nav-menu > li{ opacity:1;transform:translateX(0);} .site-nav.is-open .nav-menu > li:nth-child(1){ transition-delay:0.05s;} .site-nav.is-open .nav-menu > li:nth-child(2){ transition-delay:0.1s;} .site-nav.is-open .nav-menu > li:nth-child(3){ transition-delay:0.15s;} .site-nav.is-open .nav-menu > li:nth-child(4){ transition-delay:0.2s;} .site-nav.is-open .nav-menu > li:nth-child(5){ transition-delay:0.25s;} .site-nav.is-open .nav-menu > li:nth-child(6){ transition-delay:0.3s;} .site-nav.is-open .nav-menu > li:nth-child(7){ transition-delay:0.35s;} .nav-menu > li > a{ padding:18px 8px;font-size:18px;font-weight:700;border-radius:0;} .nav-menu > li > a::before{ display:none;} .nav-menu > li > a::after{ display:none;} .nav-menu > li > a:hover{ background:rgba(255,193,7,0.06);color:var(--ojas-gold);padding-left:16px;} .nav-menu > li.current-menu-item > a,.nav-menu > li.current_page_item > a{ color:var(--ojas-gold);border-left:3px solid var(--ojas-yellow);padding-left:16px;background:rgba(255,193,7,0.04);} } @media (max-width:768px){ .btn-cta{ display:none;} .process-grid{ grid-template-columns:1fr 1fr;} .before-after{ grid-template-columns:1fr;} .hero{ padding:56px 0 72px;} .ojas-calculator{ padding:24px;} .calc-result-grid{ grid-template-columns:1fr;} .footer-grid{ grid-template-columns:1fr;gap:32px;} .footer-bottom-inner{ flex-direction:column;text-align:center;} .whatsapp-float{ right:16px;bottom:16px;width:56px;height:56px;} } @media (max-width:480px){ .process-grid{ grid-template-columns:1fr;} .counter-grid{ grid-template-columns:1fr 1fr;} .hero-card-grid{ grid-template-columns:1fr 1fr;} .hero-stat.featured{ grid-column:span 2;} .btn{ padding:12px 20px;font-size:14px;} .site-header-inner{ gap:12px;} .logo-text strong{ font-size:20px;} } .hero-v2{ position:relative;padding:72px 0 88px;background:linear-gradient(145deg,#06101c 0%,#0D1B2A 45%,#15273c 100%);color:var(--ojas-white);overflow:hidden;isolation:isolate;} .hero-v2::before,.hero-v2::after{ display:none;} .hero-sunburst{ position:absolute;right:-220px;top:-220px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle at center,rgba(255,193,7,0.32) 0%,rgba(255,193,7,0.14) 30%,rgba(255,143,0,0.08) 55%,transparent 72%);filter:blur(2px);animation:heroSunPulse 7s ease-in-out infinite;pointer-events:none;z-index:0;} @keyframes heroSunPulse{ 0%,100%{ transform:scale(1);opacity:0.9;} 50%{ transform:scale(1.12);opacity:1;} } .hero-panels-bg{ position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 50% 40%,#000 35%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 35%,transparent 80%);pointer-events:none;z-index:0;opacity:0.55;} .hero-v2 .hero-inner{ position:relative;z-index:2;display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;} .hero-urgency{ display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;background:rgba(220,38,38,0.12);border:1px solid rgba(220,38,38,0.35);color:#FECACA;border-radius:100px;font-size:13px;font-weight:500;margin-bottom:22px;animation:heroFadeUp .8s ease both;} .hero-urgency strong{ color:var(--ojas-yellow);font-weight:700;} .hero-urgency-dot{ width:9px;height:9px;border-radius:50%;background:#EF4444;flex-shrink:0;box-shadow:0 0 0 0 rgba(239,68,68,0.6);animation:heroLivePulse 1.8s ease-out infinite;} @keyframes heroLivePulse{ 0%{ box-shadow:0 0 0 0 rgba(239,68,68,0.7);} 70%{ box-shadow:0 0 0 10px rgba(239,68,68,0);} 100%{ box-shadow:0 0 0 0 rgba(239,68,68,0);} } .hero-v2 .hero-title{ color:var(--ojas-white);font-size:clamp(2.4rem,5.5vw,4.6rem);font-weight:800;line-height:1.05;margin:0 0 20px;} .hero-v2 .hero-title .line{ display:block;animation:heroFadeUp .8s ease both;} .hero-v2 .hero-title .line:nth-child(1){ animation-delay:.1s;} .hero-v2 .hero-title .line:nth-child(2){ animation-delay:.25s;} .hero-v2 .hero-title .line:nth-child(3){ animation-delay:.4s;} .rotate-word{ display:inline-block;color:var(--ojas-yellow);position:relative;transition:opacity .35s ease,transform .35s ease;will-change:opacity,transform;} .rotate-word::after{ content:'';position:absolute;left:0;right:0;bottom:6px;height:12px;background:rgba(255,193,7,0.22);z-index:-1;border-radius:4px;} .rotate-word.is-out{ opacity:0;transform:translateY(-12px);} .hero-v2 .hero-sub{ font-size:17px;color:rgba(255,255,255,0.85);max-width:540px;margin:0 0 28px;animation:heroFadeUp .8s .55s ease both;} .hero-v2 .hero-actions{ display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px;animation:heroFadeUp .8s .7s ease both;} .btn-glow{ position:relative;box-shadow:0 8px 28px rgba(255,193,7,0.45);} .btn-glow::before{ content:'';position:absolute;inset:-3px;border-radius:inherit;background:linear-gradient(45deg,var(--ojas-yellow),var(--ojas-gold),var(--ojas-yellow));background-size:200% 200%;z-index:-1;filter:blur(10px);opacity:0.55;animation:btnGlowShift 3s ease infinite;} @keyframes btnGlowShift{ 0%,100%{ background-position:0% 50%;} 50%{ background-position:100% 50%;} } .btn-ghost-light{ background:rgba(255,255,255,0.06);color:var(--ojas-white);border:1.5px solid rgba(255,255,255,0.20);backdrop-filter:blur(6px);} .btn-ghost-light:hover{ background:rgba(255,255,255,0.12);border-color:var(--ojas-yellow);color:var(--ojas-yellow);} .btn-ghost-light svg{ color:var(--ojas-yellow);} .hero-partners{ display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:24px;animation:heroFadeUp .8s .85s ease both;} .hero-partners-label{ font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,0.45);font-weight:600;margin-right:2px;} .hero-partner-chip{ display:inline-flex;align-items:center;padding:5px 12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:100px;font-size:12px;font-weight:600;color:rgba(255,255,255,0.82);font-family:var(--ojas-font-heading);letter-spacing:.02em;} .hero-v2 .hero-trust{ display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,0.72);animation:heroFadeUp .8s 1s ease both;} .hero-v2 .trust-avatars span{ width:32px;height:32px;font-size:12px;} .hero-mini-calc{ position:relative;background:linear-gradient(160deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.10);border-radius:22px;padding:28px 26px;backdrop-filter:blur(20px);box-shadow:0 28px 80px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.08);animation:heroFadeUp 1s .35s ease both;color:var(--ojas-white);} .mini-calc-head{ margin-bottom:22px;} .mini-calc-live{ display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.14em;color:#F87171;text-transform:uppercase;margin-bottom:12px;} .live-dot{ width:7px;height:7px;border-radius:50%;background:#EF4444;animation:heroLivePulse 1.8s ease-out infinite;} .mini-calc-title{ color:var(--ojas-white);font-size:22px;margin:0 0 6px;} .mini-calc-sub{ color:rgba(255,255,255,0.65);font-size:13px;margin:0;} .mini-calc-slider{ margin-bottom:22px;} .mini-calc-value-row{ display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;} .mini-calc-slider-label{ font-size:12px;color:rgba(255,255,255,0.6);font-weight:600;text-transform:uppercase;letter-spacing:.06em;} .mini-calc-value-bill{ font-family:var(--ojas-font-heading);font-size:26px;font-weight:800;color:var(--ojas-yellow);} .mini-calc-slider input[type="range"]{ -webkit-appearance:none;width:100%;height:8px;background:linear-gradient(90deg,var(--ojas-yellow),var(--ojas-gold));border-radius:100px;outline:0;accent-color:var(--ojas-yellow);} .mini-calc-slider input[type="range"]::-webkit-slider-thumb{ -webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--ojas-white);border:4px solid var(--ojas-yellow);cursor:pointer;box-shadow:0 6px 16px rgba(255,193,7,0.5);transition:transform .2s;} .mini-calc-slider input[type="range"]::-webkit-slider-thumb:hover{ transform:scale(1.15);} .mini-calc-slider input[type="range"]::-moz-range-thumb{ width:24px;height:24px;border-radius:50%;background:var(--ojas-white);border:4px solid var(--ojas-yellow);cursor:pointer;box-shadow:0 6px 16px rgba(255,193,7,0.5);} .mini-calc-slider-scale{ display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:rgba(255,255,255,0.4);font-weight:600;} .mini-calc-output{ display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;} .mini-calc-metric{ background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:14px;transition:transform .2s ease,border-color .2s ease;} .mini-calc-metric:hover{ transform:translateY(-2px);border-color:rgba(255,193,7,0.3);} .mini-calc-metric--big{ grid-column:span 2;background:linear-gradient(135deg,rgba(255,193,7,0.14),rgba(255,143,0,0.08));border-color:rgba(255,193,7,0.25);} .mini-calc-label{ display:block;font-size:11px;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:4px;} .mini-calc-metric strong{ font-family:var(--ojas-font-heading);font-size:19px;color:var(--ojas-white);font-weight:800;} .mini-calc-metric strong.is-accent{ color:var(--ojas-yellow);} .mini-calc-metric--big strong{ font-size:26px;} .hero-mini-calc .btn-block{ padding:14px;font-size:15px;} .mini-calc-foot{ display:block;text-align:center;font-size:11px;color:rgba(255,255,255,0.45);margin-top:12px;} .hero-float-badge{ position:absolute;padding:8px 14px;background:var(--ojas-white);color:var(--ojas-blue);border-radius:100px;font-family:var(--ojas-font-heading);font-size:12px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,0.35);animation:heroFloat 3.8s ease-in-out infinite;white-space:nowrap;z-index:3;} .hero-float-1{ top:-18px;left:-24px;animation-delay:0s;} .hero-float-2{ bottom:-14px;right:-18px;background:var(--ojas-yellow);animation-delay:1.2s;} @keyframes heroFloat{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-8px);} } @keyframes heroFadeUp{ from{ opacity:0;transform:translateY(24px);} to{ opacity:1;transform:translateY(0);} } @media (max-width:1024px){ .hero-v2 .hero-inner{ grid-template-columns:1fr;gap:48px;} .hero-sunburst{ width:500px;height:500px;right:-180px;top:-180px;} .hero-float-1{ left:8px;top:-14px;} .hero-float-2{ right:8px;} } @media (max-width:640px){ .hero-v2{ padding:48px 0 64px;} .hero-mini-calc{ padding:22px 20px;} .mini-calc-output{ grid-template-columns:1fr;} .mini-calc-metric--big{ grid-column:span 1;} .hero-partners-label{ width:100%;margin-bottom:4px;} .hero-float-badge{ font-size:11px;padding:6px 10px;} } @media (prefers-reduced-motion:reduce){ *,*::before,*::after{ animation-duration:0.01ms !important;transition-duration:0.01ms !important;} } .section{ perspective:1200px;} .feature-card,.testimonial-card,.blog-card,.process-step,.value-card,.contact-info-item{ transform-style:preserve-3d;will-change:transform;} .feature-card:hover{ transform:translateY(-6px) rotateX(2deg) rotateY(-1.5deg);box-shadow:0 20px 40px rgba(13,27,42,0.12),0 8px 16px rgba(13,27,42,0.06);} .testimonial-card:hover{ transform:translateY(-6px) rotateX(1.5deg) rotateY(1deg);box-shadow:0 20px 40px rgba(13,27,42,0.1),0 8px 16px rgba(13,27,42,0.05);} .blog-card:hover{ transform:translateY(-8px) rotateX(2deg);box-shadow:0 24px 48px rgba(13,27,42,0.12);} .value-card:hover{ transform:translateY(-4px) rotateY(-2deg);box-shadow:0 16px 32px rgba(13,27,42,0.08);} .contact-info-item:hover{ transform:translateY(-4px) rotateX(1deg);box-shadow:0 14px 28px rgba(13,27,42,0.08);} .process-step{ transform-style:preserve-3d;transition:all 0.4s cubic-bezier(0.2,0.7,0.2,1);} .process-step:hover{ transform:translateY(-8px) rotateX(4deg) scale(1.02);box-shadow:0 20px 40px rgba(13,27,42,0.1),0 4px 12px rgba(255,193,7,0.15);} .process-step:hover .process-num{ transform:translateZ(20px) scale(1.1);box-shadow:0 10px 24px rgba(255,193,7,0.4);} .process-num{ transition:all 0.4s cubic-bezier(0.2,0.7,0.2,1);transform:translateZ(0);} .hero-card{ transform-style:preserve-3d;transition:all 0.5s cubic-bezier(0.2,0.7,0.2,1);} .hero-card:hover{ transform:rotateY(-3deg) rotateX(2deg) translateZ(10px);box-shadow:0 30px 60px rgba(0,0,0,0.25),0 12px 20px rgba(0,0,0,0.15);} .hero-stat{ transform-style:preserve-3d;transition:all 0.35s cubic-bezier(0.2,0.7,0.2,1);} .hero-stat:hover{ transform:translateY(-4px) translateZ(15px);box-shadow:0 12px 24px rgba(255,193,7,0.15);} .hero-stat.featured:hover{ transform:translateY(-4px) translateZ(15px) scale(1.02);box-shadow:0 16px 32px rgba(255,193,7,0.3);} .hero-float-badge{ transform-style:preserve-3d;animation:heroFloat3D 3.8s ease-in-out infinite;} @keyframes heroFloat3D{ 0%,100%{ transform:translateY(0) translateZ(0) rotateX(0);} 50%{ transform:translateY(-10px) translateZ(20px) rotateX(3deg);} } .hero-sunburst{ transform:translateZ(-50px) scale(1.2);filter:blur(0.5px);} .btn-primary{ transform-style:preserve-3d;transition:all 0.3s cubic-bezier(0.2,0.7,0.2,1);} .btn-primary:hover{ transform:translateY(-3px) translateZ(8px);box-shadow:0 12px 28px rgba(255,193,7,0.4),0 4px 8px rgba(255,193,7,0.2);} .btn-primary:active{ transform:translateY(0) translateZ(0);box-shadow:0 4px 12px rgba(255,193,7,0.3);} .btn-glow{ animation:btn3DGlow 3s ease-in-out infinite;} @keyframes btn3DGlow{ 0%,100%{ box-shadow:0 6px 18px rgba(255,193,7,0.35),0 0 40px rgba(255,193,7,0.08);} 50%{ box-shadow:0 10px 28px rgba(255,193,7,0.5),0 0 60px rgba(255,193,7,0.15);} } .section-title em::after{ transform:translateZ(-5px);filter:blur(1px);} .project-card,.service-card{ transform-style:preserve-3d;transition:all 0.45s cubic-bezier(0.2,0.7,0.2,1);} .project-card:hover{ transform:translateY(-10px) rotateX(3deg) scale(1.01);box-shadow:0 28px 56px rgba(13,27,42,0.15),0 8px 16px rgba(13,27,42,0.08);} .service-card:hover{ transform:translateY(-8px) rotateX(2deg) rotateY(-1deg);box-shadow:0 24px 48px rgba(13,27,42,0.12);} .project-card:hover .project-card-body,.service-card:hover h3{ transform:translateZ(12px);} .project-card-body,.service-card h3{ transition:transform 0.4s ease;transform:translateZ(0);} .faq-item{ transition:all 0.35s cubic-bezier(0.2,0.7,0.2,1);} .faq-item[open]{ transform:translateX(6px);box-shadow:-4px 4px 20px rgba(255,193,7,0.08),0 8px 24px rgba(13,27,42,0.06);} .counter-grid > div{ transform-style:preserve-3d;transition:all 0.4s cubic-bezier(0.2,0.7,0.2,1);} .counter-grid > div:hover{ transform:translateY(-6px) rotateX(3deg);} .counter-num{ transition:transform 0.4s ease;} .counter-grid > div:hover .counter-num{ transform:translateZ(16px) scale(1.05);} .hero-mini-calc,.ojas-calculator{ transform-style:preserve-3d;transition:all 0.4s ease;} .hero-mini-calc:hover,.ojas-calculator:hover{ transform:translateY(-4px) rotateX(1deg);box-shadow:0 24px 48px rgba(13,27,42,0.12),0 8px 16px rgba(13,27,42,0.06);} .about-image,.blog-thumb,.project-card-thumb{ overflow:hidden;transform-style:preserve-3d;} .about-image:hover img{ transform:scale(1.05) translateZ(10px);} .about-image img{ transition:transform 0.6s cubic-bezier(0.2,0.7,0.2,1);} .hero-card,.hero-mini-calc{ background:rgba(255,255,255,0.04);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(255,255,255,0.08);} .feature-card::after,.testimonial-card::after,.process-step::after{ content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity 0.4s ease;box-shadow:0 24px 48px rgba(13,27,42,0.12);pointer-events:none;z-index:-1;} .feature-card:hover::after,.testimonial-card:hover::after,.process-step:hover::after{ opacity:1;} .feature-card,.testimonial-card,.process-step{ position:relative;} .reveal{ opacity:0;transform:translateY(30px) perspective(800px) rotateX(3deg);transition:all 0.9s cubic-bezier(0.2,0.7,0.2,1);} .reveal.is-visible{ opacity:1;transform:translateY(0) perspective(800px) rotateX(0);} .whatsapp-float{ transform-style:preserve-3d;} .whatsapp-float:hover{ transform:scale(1.12) translateZ(10px) rotateY(-5deg);box-shadow:0 10px 30px rgba(37,211,102,0.5),0 4px 12px rgba(37,211,102,0.3);} .social-links a{ transform-style:preserve-3d;} .social-links a:hover{ transform:translateY(-3px) rotateY(-8deg) translateZ(6px);box-shadow:0 8px 16px rgba(255,193,7,0.2);} .hero-urgency{ transform-style:preserve-3d;transition:all 0.3s ease;} .hero-urgency:hover{ transform:translateZ(8px) scale(1.02);} .page-hero{ transform-style:preserve-3d;overflow:hidden;} .page-hero::before{ transform:translateZ(-30px) scale(1.15);} .prefooter-cta{ transform-style:preserve-3d;} .prefooter-cta::before{ transform:translateZ(-20px);} @media (prefers-reduced-motion:reduce){ .feature-card:hover,.testimonial-card:hover,.blog-card:hover,.process-step:hover,.value-card:hover,.hero-card:hover,.project-card:hover,.service-card:hover{ transform:translateY(-4px) !important;} } @media (max-width:768px){ .section{ perspective:none;} .feature-card:hover,.testimonial-card:hover,.process-step:hover{ transform:translateY(-4px);} .hero-card:hover{ transform:translateY(-3px);} }