@font-face{font-family:'Font Awesome 6 Free';font-display:swap;font-weight:900;}@font-face{font-family:'Font Awesome 6 Free';font-display:swap;font-weight:400;}@font-face{font-family:'Font Awesome 6 Brands';font-display:swap;font-weight:400;}#gondolafirdaus-header.header{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;min-height:80px;background-color:transparent;border-bottom:1px solid rgba(255,255,255,0.1);font-family:var(--font-body);position:fixed;top:0;left:0;z-index:1000;width:100%;box-sizing:border-box;transition:background-color 0.4s,backdrop-filter 0.4s,box-shadow 0.4s,border-color 0.4s}#gondolafirdaus-header.header.scrolled{padding:20px 60px;background-color:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md)}#gondolafirdaus-header.header.menu-open{background-color:var(--bg-secondary) !important;border-bottom:1px solid var(--border-color) !important;box-shadow:var(--shadow-md) !important}#gondolafirdaus-header *{box-sizing:border-box}#gondolafirdaus-header .logo-container{display:flex;align-items:center;gap:12px;text-decoration:none}#gondolafirdaus-header .logo-container img{width:38px;height:38px;object-fit:contain;transition:transform 0.4s,opacity 0.4s}#gondolafirdaus-header .anti-text{font-size:16px;font-weight:700;font-family:var(--font-title);color:#ffffff;white-space:nowrap;letter-spacing:-0.01em;transition:color 0.4s ease}#gondolafirdaus-header.header.scrolled .anti-text,#gondolafirdaus-header.header.menu-open .anti-text{color:var(--text-primary)}#gondolafirdaus-header .navbar{display:flex;gap:32px;align-items:center}#gondolafirdaus-header .nav-link{color:rgba(255,255,255,0.8);text-decoration:none;font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px;transition:color 0.3s ease;white-space:nowrap;position:relative;padding:6px 0}#gondolafirdaus-header .nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent);transition:width 0.3s ease}#gondolafirdaus-header .nav-link:hover::after,#gondolafirdaus-header .nav-link.active::after{width:100%}#gondolafirdaus-header .nav-link:hover,#gondolafirdaus-header .nav-link.active{color:var(--accent-light)}#gondolafirdaus-header.header.scrolled .nav-link,#gondolafirdaus-header.header.menu-open .nav-link{color:var(--text-secondary)}#gondolafirdaus-header.header.scrolled .nav-link:hover,#gondolafirdaus-header.header.scrolled .nav-link.active,#gondolafirdaus-header.header.menu-open .nav-link:hover,#gondolafirdaus-header.header.menu-open .nav-link.active{color:var(--accent)}#gondolafirdaus-header .nav-link svg{width:12px;height:12px;margin-top:1px}#gondolafirdaus-header .nav-dropdown{position:relative}#gondolafirdaus-header .dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(6px);background:rgba(255,255,255,0.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.18);border-radius:16px;padding:8px;min-width:210px;opacity:0;visibility:hidden;transition:opacity 0.35s,visibility 0.35s,transform 0.35s,max-height 0.35s,background 0.35s;box-shadow:0 16px 48px rgba(26,39,68,0.08),0 4px 12px rgba(26,39,68,0.04);z-index:1001}#gondolafirdaus-header.header.scrolled .dropdown-menu,#gondolafirdaus-header.header.menu-open .dropdown-menu{background:rgba(255,255,255,0.97);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color)}#gondolafirdaus-header .nav-dropdown:hover .dropdown-menu,#gondolafirdaus-header .dropdown-menu:hover{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}#gondolafirdaus-header .dropdown-item{display:block;padding:10px 16px;color:var(--text-secondary);text-decoration:none;font-size:0.9rem;font-weight:500;border-radius:10px;transition:background-color 0.3s,color 0.3s,transform 0.3s,box-shadow 0.3s;white-space:nowrap}#gondolafirdaus-header .dropdown-item:hover{background:var(--accent-gradient);color:#fff;transform:translateX(4px);box-shadow:0 4px 12px var(--accent-glow)}#gondolafirdaus-header .dropdown-divider{height:1px;background:var(--mobile-border);margin:4px 12px}#gondolafirdaus-header .dropdown-label{display:block;padding:8px 16px 4px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent);opacity:0.7;pointer-events:none}#gondolafirdaus-header .dropdown-trigger{cursor:pointer}#gondolafirdaus-header .dropdown-trigger svg{transition:transform 0.3s ease}#gondolafirdaus-header .nav-dropdown:hover .dropdown-trigger svg{transform:rotate(180deg)}#gondolafirdaus-header .dropdown-menu::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:rgba(255,255,255,0.72);border-left:1px solid rgba(255,255,255,0.18);border-top:1px solid rgba(255,255,255,0.18)}#gondolafirdaus-header.header.scrolled .dropdown-menu::before,#gondolafirdaus-header.header.menu-open .dropdown-menu::before{background:rgba(255,255,255,0.97);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color)}@media (max-width:991px){#gondolafirdaus-header .dropdown-menu{position:static;transform:none;opacity:1;visibility:visible;background:transparent;border:none;box-shadow:none;padding:0 0 0 16px;min-width:auto;max-height:0;overflow:hidden;transition:max-height 0.35s ease}#gondolafirdaus-header .dropdown-menu::before{display:none}#gondolafirdaus-header .nav-dropdown:hover .dropdown-menu,#gondolafirdaus-header .nav-dropdown.dropdown-open .dropdown-menu{transform:none;max-height:600px}#gondolafirdaus-header .dropdown-item{color:rgba(255,255,255,0.8);padding:8px 16px;font-size:0.85rem}#gondolafirdaus-header.header.scrolled .dropdown-item,#gondolafirdaus-header.header.menu-open .dropdown-item{color:var(--text-secondary)}#gondolafirdaus-header .dropdown-item:hover{color:var(--accent-light);background:rgba(255,255,255,0.05)}#gondolafirdaus-header.header.scrolled .dropdown-item:hover,#gondolafirdaus-header.header.menu-open .dropdown-item:hover{color:var(--accent);background:var(--accent-glow)}}#gondolafirdaus-header .download-btn{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);color:#ffffff;padding:10px 22px;border-radius:30px;text-decoration:none;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;transition:background-color 0.3s,color 0.3s,transform 0.3s,box-shadow 0.3s;white-space:nowrap}#gondolafirdaus-header .download-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,255,255,0.2)}#gondolafirdaus-header.header.scrolled .download-btn,#gondolafirdaus-header.header.menu-open .download-btn{background:var(--accent-gradient);border-color:transparent;color:#ffffff;box-shadow:0 4px 15px var(--accent-glow)}#gondolafirdaus-header.header.scrolled .download-btn:hover,#gondolafirdaus-header.header.menu-open .download-btn:hover{background:var(--accent-hover);color:#ffffff;transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}#gondolafirdaus-header .download-btn svg{width:14px;height:14px}#gondolafirdaus-header .hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;justify-content:space-between;height:24px;width:30px}#gondolafirdaus-header .hamburger-line{display:block;width:100%;height:2px;background-color:#ffffff;border-radius:2px;transition:transform 0.3s,opacity 0.3s,background-color 0.3s}#gondolafirdaus-header.header.scrolled .hamburger-line,#gondolafirdaus-header.header.menu-open .hamburger-line{background-color:var(--text-primary)}#gondolafirdaus-header .hamburger-btn.active .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}#gondolafirdaus-header .hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}#gondolafirdaus-header .hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:1100px){#gondolafirdaus-header.header,#gondolafirdaus-header.header.scrolled{padding-left:30px;padding-right:30px}#gondolafirdaus-header .navbar{gap:20px}#gondolafirdaus-header .anti-text{font-size:15px}}@media (max-width:991px){#gondolafirdaus-header.header,#gondolafirdaus-header.header.scrolled{padding:15px 30px}#gondolafirdaus-header .hamburger-btn{display:flex}#gondolafirdaus-header .anti-text{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#gondolafirdaus-header .download-btn span{display:none}#gondolafirdaus-header .download-btn{padding:10px;border-radius:50%;width:44px;height:44px;justify-content:center}#gondolafirdaus-header .navbar{position:fixed;top:70px;right:-100%;width:320px;height:calc(100vh - 70px);background:linear-gradient(180deg,var(--bg-secondary) 0%,#f8faff 100%);flex-direction:column;align-items:flex-start;padding:50px 30px;gap:24px;box-shadow:-10px 0 40px var(--shadow-lg);transition:right 0.4s cubic-bezier(0.16,1,0.3,1);border-left:1px solid var(--accent-glow);overflow-y:auto;z-index:999}#gondolafirdaus-header .navbar::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);opacity:0.8}#gondolafirdaus-header.header.scrolled .navbar{top:60px;height:calc(100vh - 60px)}#gondolafirdaus-header .navbar.active{right:0}#gondolafirdaus-header .nav-link{font-size:18px;width:100%;padding-bottom:14px;border-bottom:1px solid var(--mobile-border);color:var(--text-secondary) !important}#gondolafirdaus-header .nav-link::after{display:none}#gondolafirdaus-header .nav-link:hover,#gondolafirdaus-header .nav-link.active{color:var(--accent) !important}}@media (max-width:575px){#gondolafirdaus-header .anti-text{display:none}}body.menu-open{overflow:hidden}@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');.hero{position:relative;font-family:var(--font-body);overflow:hidden;background-color:var(--hero-bg)}.hero-slider,.swiper-wrapper,.swiper-slide{width:100%}.slide{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;width:100%;padding:160px 0 120px;min-height:70vh}.hero-floating-shapes{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hero-shape{position:absolute;border-radius:50%;opacity:0.12}.hero-shape-1{top:-10%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,159,28,0.15) 0%,transparent 70%);animation:hero-shape-float 20s ease-in-out infinite}.hero-shape-2{bottom:-15%;left:-8%;width:500px;height:500px;background:radial-gradient(circle,rgba(26,109,212,0.1) 0%,transparent 70%);animation:hero-shape-float 25s ease-in-out infinite reverse}.hero-shape-3{top:40%;left:60%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,159,28,0.08) 0%,transparent 70%);animation:hero-shape-float 15s ease-in-out infinite 5s}.hero-shape-4{top:15%;left:30%;width:200px;height:200px;background:radial-gradient(circle,rgba(26,109,212,0.06) 0%,transparent 70%);animation:hero-shape-float 18s ease-in-out infinite 8s}@keyframes hero-shape-float{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(40px,-40px) scale(1.1)}50%{transform:translate(-20px,20px) scale(0.95)}75%{transform:translate(30px,-10px) scale(1.05)}}.overlay{position:absolute;inset:0;background:linear-gradient( 90deg,rgba(3,10,22,0.97) 0%,rgba(3,10,22,0.85) 45%,rgba(3,10,22,0.3) 100% );z-index:1}.overlay::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,159,28,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,159,28,0.015) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;mask-image:radial-gradient(ellipse 60% 100% at 30% 50%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 100% at 30% 50%,black 30%,transparent 70%)}.hero-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px}.hero .container{width:100%;max-width:1200px;margin:0 auto;padding:0 80px !important;position:relative;z-index:2}.hero-content{max-width:780px;margin-top:20px}.hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,159,28,0.25);color:var(--accent-gold);padding:8px 20px;border-radius:30px;font-size:0.7rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:28px;background:rgba(255,159,28,0.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 24px rgba(0,0,0,0.2);position:relative;overflow:hidden}.hero-badge::before{content:'';position:absolute;inset:-1px;border-radius:30px;background:conic-gradient(from 0deg,transparent,rgba(255,159,28,0.3),transparent,rgba(255,159,28,0.3),transparent);z-index:-1;animation:hero-badge-border 6s linear infinite}@keyframes hero-badge-border{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hero-badge i{color:var(--accent-gold);font-size:0.8rem;animation:badge-pulse 2.5s ease-in-out infinite}@keyframes badge-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(1.15)}}.hero-title{font-family:var(--font-title);font-size:clamp(2.6rem,5.5vw,4.6rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:22px;letter-spacing:-0.03em;position:relative}.hero-title::after{content:'';display:block;width:100px;height:4px;margin-top:22px;background:linear-gradient(90deg,var(--accent-gold-dark),var(--accent-gold),transparent);border-radius:2px;animation:hero-underline 4s ease-in-out infinite}@keyframes hero-underline{0%,100%{width:100px;opacity:1}50%{width:240px;opacity:0.7}}.hero-title .accent-orange{background:linear-gradient(135deg,#ffe099 0%,var(--accent-gold) 40%,var(--accent-gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline;text-shadow:none;filter:drop-shadow(0 0 40px rgba(255,159,28,0.2))}.hero-text{font-size:clamp(1rem,1.2vw,1.15rem);color:rgba(255,255,255,0.7);line-height:1.8;margin-bottom:38px;max-width:620px;font-weight:400;position:relative;padding-left:20px;border-left:2px solid rgba(255,159,28,0.15)}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.hero-buttons .btn{padding:15px 34px;border-radius:30px;font-weight:600;font-size:0.95rem;font-family:var(--font-title);text-decoration:none;transition:transform 0.5s cubic-bezier(0.23,1,0.32,1),box-shadow 0.5s cubic-bezier(0.23,1,0.32,1);display:inline-flex;align-items:center;gap:8px;text-align:center;position:relative;overflow:hidden}.hero-buttons .btn-primary{background:var(--accent-gradient);color:#fff;border:none;box-shadow:0 8px 30px rgba(255,107,0,0.3)}.hero-buttons .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:btn-shimmer 4s ease-in-out infinite}@keyframes btn-shimmer{0%,100%{left:-100%}50%{left:100%}}.hero-buttons .btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 40px rgba(255,107,0,0.45);background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent-hover) 100%)}.hero-buttons .btn-outline{background:rgba(255,255,255,0.04);color:#fff;border:1.5px solid rgba(255,255,255,0.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hero-buttons .btn-outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);color:#fff;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px rgba(255,255,255,0.08)}.hero-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:5;pointer-events:none}.scroll-mouse{display:block;width:26px;height:40px;border:2px solid rgba(255,255,255,0.2);border-radius:14px;position:relative}.scroll-dot{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:4px;height:8px;background:rgba(255,255,255,0.5);border-radius:4px;animation:scroll-dot 2s ease-in-out infinite}@keyframes scroll-dot{0%{transform:translateX(-50%) translateY(0);opacity:1}100%{transform:translateX(-50%) translateY(16px);opacity:0}}.hero-controls{position:absolute;bottom:50px;left:0;width:100%;z-index:10;pointer-events:none}.hero-controls .container{pointer-events:none}.hero-controls .swiper-pagination{position:static !important;display:flex;align-items:center;justify-content:center;pointer-events:auto}.hero-controls .swiper-pagination-bullet{width:8px;height:8px;background:rgba(255,255,255,0.3);opacity:1;margin:0 6px !important;transition:width 0.4s,background 0.4s,border-radius 0.4s}.hero-controls .swiper-pagination-bullet-active{background:var(--accent-gold);width:28px;border-radius:8px;opacity:1;box-shadow:0 0 12px rgba(255,159,28,0.6)}.hero-nav{position:absolute !important;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.12);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.35s,border-color 0.35s,transform 0.35s;z-index:10;pointer-events:auto}.hero-nav::after{display:none !important}.hero-nav i{font-size:1.1rem}.hero-nav:hover{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.25);transform:translateY(-50%) scale(1.1)}.hero-nav:active{transform:translateY(-50%) scale(0.95)}.hero-nav-prev{left:24px}.hero-nav-next{right:24px}.swiper-slide .hero-badge{opacity:0;transform:translateY(-25px);filter:blur(6px);transition:opacity 0.7s ease,transform 0.7s cubic-bezier(0.23,1,0.32,1),filter 0.7s ease}.swiper-slide .hero-title{opacity:0;transform:translateX(-70px);filter:blur(12px);transition:opacity 1s ease,transform 1s cubic-bezier(0.23,1,0.32,1),filter 1s ease}.swiper-slide .hero-text{opacity:0;transform:translateY(35px);filter:blur(6px);transition:opacity 0.8s ease,transform 0.8s cubic-bezier(0.23,1,0.32,1),filter 0.8s ease}.swiper-slide .hero-buttons{opacity:0;transform:translateY(30px) scale(0.85);filter:blur(5px);transition:opacity 0.7s ease,transform 0.7s cubic-bezier(0.23,1,0.32,1),filter 0.7s ease}.swiper-slide:not(.swiper-slide-active) .hero-buttons{transition-delay:0s}.swiper-slide:not(.swiper-slide-active) .hero-text{transition-delay:0.05s}.swiper-slide:not(.swiper-slide-active) .hero-title{transition-delay:0.1s}.swiper-slide:not(.swiper-slide-active) .hero-badge{transition-delay:0.15s}.swiper-slide-active .hero-badge,.swiper-slide-active .hero-title,.swiper-slide-active .hero-text,.swiper-slide-active .hero-buttons{opacity:1;transform:translateY(0) translateX(0) scale(1);filter:blur(0)}.swiper-slide-active .hero-badge{transition-delay:0.15s}.swiper-slide-active .hero-title{transition-delay:0.4s}.swiper-slide-active .hero-text{transition-delay:0.7s}.swiper-slide-active .hero-buttons{transition-delay:0.95s}@media (min-width:1400px){.slide{min-height:65vh;padding:180px 0 140px}}@media (max-width:991px){.slide{padding:130px 0 90px;min-height:60vh}.hero-title{font-size:2.2rem}.hero-title::after{margin-top:14px}.hero-text{padding-left:14px;font-size:1rem}}@media (max-width:768px){.hero .container{padding:0 24px !important}.slide{padding:110px 0 60px;min-height:58vh;align-items:flex-end}.hero-badge{margin-bottom:18px;padding:8px 18px;font-size:0.7rem;letter-spacing:2.2px}.hero-title{font-size:2.2rem;letter-spacing:-0.02em;margin-bottom:18px}.hero-title::after{width:60px;height:3px;margin-top:14px}.hero-text{margin:0 0 26px 0;padding-left:16px;font-size:1.1rem;border-left-width:2px;line-height:1.7}.hero-content{margin-top:0;text-align:left;max-width:100%}.hero-buttons{flex-direction:column;gap:12px;align-items:stretch;width:100%}.hero-buttons .btn{width:100%;text-align:center;justify-content:center;padding:15px 32px;font-size:1.05rem}.hero-controls{bottom:24px}.control-flex{justify-content:center}.control-capsule{padding:5px 12px;gap:12px}.custom-nav{width:34px;height:34px}.custom-nav i{font-size:0.85rem}.overlay{background:linear-gradient(180deg,rgba(3,10,22,0.88) 0%,rgba(3,10,22,0.98) 100%)}.hero-scroll-indicator{display:none}.hero-buttons .btn-primary{background:linear-gradient(135deg,#ff9a2e 0%,#ff6a00 100%);box-shadow:0 4px 20px rgba(255,125,0,0.4)}.hero-buttons .btn-outline{background:rgba(255,255,255,0.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.2)}}@media (max-width:480px){.slide{padding:90px 0 50px;min-height:55vh}.hero-title{font-size:1.8rem}.hero-text{font-size:1.05rem;margin-bottom:20px}}.about{position:relative;overflow:hidden}.about-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.about-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 0% 50%,rgba(255,154,46,0.04) 0%,transparent 70%),radial-gradient(ellipse 60% 60% at 100% 50%,rgba(26,109,212,0.03) 0%,transparent 70%)}.about-blob{position:absolute;border-radius:50%;filter:blur(80px)}.about-blob-1{top:-15%;right:-5%;width:450px;height:450px;background:radial-gradient(circle,rgba(255,154,46,0.07) 0%,transparent 70%);animation:about-float 18s ease-in-out infinite}.about-blob-2{bottom:-10%;left:-8%;width:350px;height:350px;background:radial-gradient(circle,rgba(26,109,212,0.05) 0%,transparent 70%);animation:about-float 22s ease-in-out infinite reverse}.about-blob-3{top:40%;left:30%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,106,0,0.04) 0%,transparent 70%);animation:about-float 14s ease-in-out infinite 3s}@keyframes about-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-25px) scale(1.03)}}.about-badge{display:inline-block;background:rgba(255,125,0,0.08);border:1px solid rgba(255,125,0,0.15);color:var(--accent);font-size:1.05rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 18px;border-radius:20px;margin-bottom:16px}.about-row{position:relative;z-index:1;display:flex;flex-direction:column;gap:0}.about-video-col{position:relative;width:100%;will-change:transform,opacity;transform-origin:center center}.video-frame{position:relative;border-radius:24px;overflow:hidden;background:#ffffff;padding:6px;box-shadow:0 20px 60px rgba(26,39,68,0.08),0 4px 16px rgba(26,39,68,0.04);max-width:900px;margin:0 auto}.video-glow{position:absolute;inset:-2px;border-radius:26px;background:linear-gradient(135deg,rgba(255,154,46,0.2),rgba(255,106,0,0.08),rgba(26,109,212,0.12));opacity:0;transition:opacity 0.6s ease;z-index:0}.video-frame:hover .video-glow{opacity:1}.video-wrapper{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background-color:#000;z-index:1}.video-wrapper video{width:100%;height:100%;object-fit:contain;background-color:#000}.about-content-col{position:relative;width:700px;max-width:calc(100% - 40px);margin:-100px auto 0;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.6);border-radius:20px;padding:30px 35px;box-shadow:0 12px 40px rgba(26,39,68,0.08),0 4px 16px rgba(26,39,68,0.04);z-index:5;transition:transform 0.3s ease,box-shadow 0.3s ease}.ac-reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}.ac-reveal.revealed{opacity:1;transform:translateY(0)}.ac-reveal.revealed[data-delay="0"]{transition-delay:0.1s}.ac-reveal.revealed[data-delay="1"]{transition-delay:0.25s}.ac-reveal.revealed[data-delay="2"]{transition-delay:0.4s}.ac-reveal.revealed[data-delay="3"]{transition-delay:0.55s}.features-list-modern .ac-reveal{transform:translateY(20px) scale(0.97)}.features-list-modern .ac-reveal.revealed{transform:translateY(0) scale(1)}.about-heading.ac-reveal{transform:translateY(25px);opacity:0}.about-heading.ac-reveal.revealed{transform:translateY(0);opacity:1}.about-buttons.ac-reveal{transform:translateY(20px) scale(0.95)}.about-buttons.ac-reveal.revealed{transform:translateY(0) scale(1)}.about-content-col:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(255,106,0,0.10),0 4px 16px rgba(26,39,68,0.04)}.about-content-col .about-heading{font-size:clamp(1.5rem,2vw,1.8rem);margin-bottom:12px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-content-col .about-desc{font-size:clamp(1.15rem,1.5vw,1.3rem);margin-bottom:18px;line-height:1.6;color:var(--text-secondary)}.about-content-col .features-list-modern{gap:10px;margin-bottom:20px}.about-content-col .feature-item{padding:12px 16px;border-radius:12px;background:rgba(255,255,255,0.5)}.about-content-col .feature-item:hover{transform:translateX(6px)}.about-content-col .feature-icon{width:36px;height:36px;min-width:36px;font-size:1.1rem;border-radius:10px}.about-content-col .feature-text h4{font-size:1.25rem}.about-content-col .feature-text p{font-size:1.1rem}.about-content-col .about-buttons{gap:10px}.about-content-col .about-btn{padding:10px 22px;font-size:1.25rem}.about-row::after{content:'';display:block;width:80%;max-width:600px;height:2px;margin:40px auto 0;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0.3}.about-heading{font-size:clamp(2rem,2.8vw,2.8rem);color:var(--text-primary);font-weight:800;line-height:1.25;margin-bottom:18px;letter-spacing:-0.015em}.about-desc{font-size:clamp(1.35rem,1.1vw,1.5rem);color:var(--text-secondary);line-height:1.75;margin-bottom:28px}.features-list-modern{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}.feature-item{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:16px;transition:background-color 0.4s,border-color 0.4s,box-shadow 0.4s,transform 0.4s;background:rgba(255,255,255,0.5);border:1px solid rgba(26,109,212,0.05);position:relative;overflow:hidden}.feature-item::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background:var(--accent-gradient);opacity:0;transition:opacity 0.4s ease}.feature-item:hover{background:#ffffff;border-color:rgba(255,125,0,0.1);box-shadow:0 8px 24px rgba(26,39,68,0.05);transform:translateX(8px)}.feature-item:hover::before{opacity:1}.feature-icon{width:48px;height:48px;min-width:48px;background:rgba(255,125,0,0.08);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent);transition:background-color 0.4s,color 0.4s,transform 0.4s}.feature-item:hover .feature-icon{background:var(--accent-gradient);color:#fff;transform:scale(1.05) rotate(-5deg)}.feature-text h4{font-size:1.5rem;color:var(--text-primary);font-weight:700;margin-bottom:3px}.feature-text p{font-size:1.3rem;color:var(--text-secondary);line-height:1.5;margin:0}.about-buttons{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.about-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:50px;font-family:var(--font-title);font-size:1.45rem;font-weight:600;cursor:pointer;transition:background-color 0.4s,color 0.4s,transform 0.4s,box-shadow 0.4s;text-decoration:none;border:none}.about-btn-outline{background:#ffffff;border:1.5px solid rgba(26,109,212,0.12);color:var(--text-primary);box-shadow:0 4px 12px rgba(26,39,68,0.02)}.about-btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px rgba(255,106,0,0.1)}.about-btn-outline i{transition:transform 0.3s ease}.about-btn-outline:hover i{transform:translateX(4px)}#btn-about-more{background:var(--accent-gradient);color:#ffffff;font-weight:700;gap:14px;padding:16px 36px;box-shadow:0 8px 28px var(--accent-glow);position:relative;overflow:hidden;border:none;z-index:1}#btn-about-more::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.15) 0%,transparent 50%);z-index:-1}#btn-about-more::after{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transform:skewX(-20deg);z-index:-1;animation:about-btn-shine 3s ease-in-out infinite}@keyframes about-btn-shine{0%{left:-75%}30%{left:125%}100%{left:125%}}#btn-about-more i{font-size:1.15rem;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1);animation:about-btn-arrow 2s ease-in-out infinite}@keyframes about-btn-arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}#btn-about-more:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(255,106,0,0.35)}#btn-about-more:hover i{animation:none;transform:translateX(10px) scale(1.2)}#btn-about-more:active{transform:translateY(-1px)}.about-btn-primary{background:var(--accent-blue-gradient);color:#ffffff;box-shadow:0 6px 20px var(--accent-blue-glow)}.about-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 28px var(--accent-blue-glow)}.stats-section{position:relative;padding:50px 0 80px;overflow:hidden}.stats-section::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background:var(--bg-tertiary);z-index:0;opacity:0.5}.stats-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.stats-blob{position:absolute;border-radius:50%;filter:blur(70px)}.stats-blob-1{top:-20%;right:-5%;width:350px;height:350px;background:radial-gradient(circle,rgba(255,154,46,0.06) 0%,transparent 70%);animation:stats-float 15s ease-in-out infinite}.stats-blob-2{bottom:-10%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(26,109,212,0.05) 0%,transparent 70%);animation:stats-float 18s ease-in-out infinite reverse}@keyframes stats-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-20px) scale(1.03)}}.stats-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{background:rgba(255,255,255,0.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.85);padding:28px 16px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 30px rgba(26,39,68,0.04);transition:transform 0.4s,background-color 0.4s,box-shadow 0.4s,border-color 0.4s;position:relative;overflow:hidden;z-index:1;animation:floatingWave 6s ease-in-out infinite}.stat-card:nth-child(1){animation-delay:0s;border-radius:40px 10px 40px 10px}.stat-card:nth-child(1):hover{border-radius:30px 20px 30px 20px}.stat-card:nth-child(2){animation-delay:1.5s;border-radius:10px 40px 10px 40px}.stat-card:nth-child(2):hover{border-radius:20px 30px 20px 30px}.stat-card:nth-child(3){animation-delay:3s;border-radius:40px 10px 40px 10px}.stat-card:nth-child(3):hover{border-radius:30px 20px 30px 20px}.stat-card:nth-child(4){animation-delay:4.5s;border-radius:10px 40px 10px 40px}.stat-card:nth-child(4):hover{border-radius:20px 30px 20px 30px}.stat-card *{position:relative;z-index:2}.stat-card::before{content:'';position:absolute;left:-50%;bottom:-155%;width:200%;height:200%;border-radius:42%;transition:bottom 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1),background 0.8s;z-index:0;transform:rotate(0deg);pointer-events:none}.stat-card:hover{animation:none;transform:translateY(-16px);background:rgba(255,255,255,0.92);box-shadow:0 16px 40px rgba(26,39,68,0.08)}.stat-card:hover::before{bottom:-35%;transform:rotate(180deg)}.stat-card:nth-child(1):hover::before{background:linear-gradient(135deg,rgba(255,125,0,0.08) 0%,rgba(255,159,28,0.15) 100%)}.stat-card:nth-child(1):hover{border-color:rgba(255,125,0,0.2)}.stat-card:nth-child(2):hover::before{background:linear-gradient(135deg,rgba(26,109,212,0.08) 0%,rgba(59,141,232,0.15) 100%)}.stat-card:nth-child(2):hover{border-color:rgba(26,109,212,0.2)}.stat-card:nth-child(3):hover::before{background:linear-gradient(135deg,rgba(16,185,129,0.08) 0%,rgba(52,211,153,0.15) 100%)}.stat-card:nth-child(3):hover{border-color:rgba(16,185,129,0.2)}.stat-card:nth-child(4):hover::before{background:linear-gradient(135deg,rgba(245,158,11,0.08) 0%,rgba(251,191,36,0.15) 100%)}.stat-card:nth-child(4):hover{border-color:rgba(245,158,11,0.2)}.stat-icon-box{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:14px;background:rgba(255,125,0,0.08);color:var(--accent);transition:background-color 0.4s,color 0.4s,transform 0.4s,box-shadow 0.4s}.stat-card:nth-child(2) .stat-icon-box{background:rgba(26,109,212,0.08);color:var(--accent-blue)}.stat-card:nth-child(3) .stat-icon-box{background:rgba(16,185,129,0.08);color:var(--accent-green)}.stat-card:nth-child(4) .stat-icon-box{background:rgba(245,158,11,0.08);color:var(--accent-amber)}.stat-card:hover .stat-icon-box{transform:scale(1.08) rotate(-5deg)}.stat-card:nth-child(1):hover .stat-icon-box{background:var(--accent-gradient);color:#fff;box-shadow:0 6px 16px var(--accent-glow)}.stat-card:nth-child(2):hover .stat-icon-box{background:var(--accent-blue-gradient);color:#fff;box-shadow:0 6px 16px var(--accent-blue-glow)}.stat-card:nth-child(3):hover .stat-icon-box{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark));color:#fff;box-shadow:0 6px 16px rgba(16,185,129,0.3)}.stat-card:nth-child(4):hover .stat-icon-box{background:linear-gradient(135deg,var(--accent-amber),var(--accent-amber-dark));color:#fff;box-shadow:0 6px 16px rgba(245,158,11,0.3)}.stat-number-wrap{display:flex;align-items:flex-start;margin-bottom:4px}.stat-number-wrap h3{font-size:clamp(2.4rem,3.5vw,3.2rem);font-weight:800;color:var(--text-primary);line-height:1}.plus-sign{font-size:clamp(1.4rem,1.8vw,1.8rem);font-weight:800;color:var(--accent);line-height:1;margin-left:2px}.stat-label{font-size:1.1rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;text-align:center;line-height:1.4;margin:0}@keyframes floatingWave{0%,100%{transform:translateY(0)}50%{transform:translateY(-35px)}}.video-play-btn,.video-fullscreen-btn,.video-sound-btn{position:absolute;z-index:30;opacity:0;pointer-events:none;transition:opacity 0.3s,transform 0.3s}.video-wrapper:hover .video-play-btn,.video-wrapper:hover .video-fullscreen-btn,.video-wrapper:hover .video-sound-btn{opacity:1;pointer-events:auto}.video-wrapper.paused .video-play-btn{opacity:1;pointer-events:auto}.video-sound-btn{opacity:1;pointer-events:auto}.video-overlay{pointer-events:none}.video-play-btn{top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(3,10,22,0.7);border:2px solid rgba(255,255,255,0.5);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.4rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 30px rgba(0,0,0,0.3)}.video-play-btn:hover{background:var(--accent-gradient);border-color:transparent;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 10px 30px var(--accent-glow)}.video-fullscreen-btn{top:16px;right:16px;background:rgba(3,10,22,0.5);border:1px solid rgba(255,255,255,0.15);width:40px;height:40px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px rgba(0,0,0,0.15)}.video-fullscreen-btn:hover{background:var(--accent-gradient);border-color:transparent;transform:scale(1.1);box-shadow:0 8px 20px var(--accent-glow)}.video-sound-btn{bottom:16px;right:16px;background:rgba(3,10,22,0.6);border:1px solid rgba(255,255,255,0.2);width:38px;height:38px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px rgba(0,0,0,0.15);transition:background-color 0.3s,border-color 0.3s,transform 0.3s,box-shadow 0.3s}.video-sound-btn:hover{background:var(--accent-gradient);border-color:transparent;transform:scale(1.1);box-shadow:0 8px 20px var(--accent-glow)}.video-sound-btn.muted{color:rgba(255,255,255,0.5)}.video-sound-btn.muted i::before{content:'\f6a9'}@media (max-width:1024px){.about-content-col{width:calc(100% - 32px);max-width:calc(100% - 32px);margin:-60px auto 0;padding:24px 26px;border-radius:16px}.about-content-col .about-heading{font-size:1.5rem}.about-content-col .about-desc{font-size:1.2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.history-image{min-height:250px}.timeline{padding-left:16px}.timeline::before{left:16px}.timeline-item,.timeline-item:nth-child(even){padding-left:32px;padding-bottom:32px}.timeline-item::before,.timeline-item:nth-child(even)::before{left:8px;width:16px;height:16px}.timeline-content h3{font-size:1.6rem}.timeline-content p{font-size:1.35rem}.team-grid{grid-template-columns:1fr;gap:32px}.team-member{max-width:320px;margin:0 auto}.value-card{padding:28px 20px}.value-card h3{font-size:1.7rem}.value-card p{font-size:1.35rem}.about-content-col .about-desc{font-size:1.1rem;margin-bottom:14px}.about-content-col .feature-item{padding:10px 12px}.about-content-col .feature-icon{width:30px;height:30px;min-width:30px;font-size:0.95rem}.about-content-col .feature-text h4{font-size:1.1rem}.about-content-col .feature-text p{font-size:0.95rem}.about-content-col .about-buttons{flex-direction:column;width:100%}.about-content-col .about-btn{width:100%;justify-content:center;padding:10px 18px;font-size:1.1rem}.feature-item::before{display:none}.video-frame{padding:4px;border-radius:18px}.video-wrapper{border-radius:14px}}:root{--bg-primary:#f4f7fb;--bg-secondary:#ffffff;--bg-tertiary:#eaf0fb;--accent:#ff7d00;--accent-hover:#ea6c00;--accent-light:#ffb347;--accent-gradient:linear-gradient(135deg,#ff9a2e 0%,#ff6a00 100%);--accent-glow:rgba(255,125,0,0.25);--accent-gold:#ff9f1c;--accent-gold-dark:#ff6b00;--accent-blue:#1a6dd4;--accent-blue-gradient:linear-gradient(135deg,#3b8de8 0%,#1a5fb4 100%);--accent-blue-glow:rgba(26,109,212,0.2);--accent-green:#10b981;--accent-green-dark:#059669;--accent-amber:#f59e0b;--accent-amber-dark:#d97706;--accent-purple:#8b5cf6;--accent-purple-dark:#5f1ec3;--hero-bg:#030a16;--hero-text-muted:#abbcd0;--footer-bg:#0a1931;--footer-text:#8899b4;--footer-text-heading:#ffffff;--footer-text-bottom:rgba(255,255,255,0.3);--footer-border:rgba(255,255,255,0.06);--wa-color:#25d366;--wa-color-dark:#1da851;--wa-gradient:linear-gradient(135deg,#25d366 0%,#1ebe57 100%);--wa-glow:rgba(37,211,102,0.4);--wa-bubble-bg:#f0f4f8;--text-primary:#1a2744;--text-secondary:#4a5b75;--text-muted:#7b8da6;--border-color:rgba(26,109,212,0.1);--border-hover:rgba(26,109,212,0.3);--glass-bg:rgba(255,255,255,0.92);--glass-blur:blur(16px);--shadow-sm:0 2px 8px rgba(26,39,68,0.06);--shadow-md:0 4px 20px rgba(26,39,68,0.09);--shadow-lg:0 8px 36px rgba(26,39,68,0.12);--scrollbar-color:#c5d0de;--mobile-border:#f1f3f4;--font-title:'Plus Jakarta Sans','Inter',sans-serif;--font-body:'Inter',sans-serif;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--transition:background-color 0.4s,backdrop-filter 0.4s,box-shadow 0.4s,border-color 0.4s,transform 0.4s,opacity 0.4s,color 0.4s,width 0.4s}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;background-color:#020617;min-height:100vh}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);font-size:1.6rem;line-height:1.7;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}::selection{background:var(--accent-blue);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border:2px solid var(--bg-primary);border-radius:10px;transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-primary);font-weight:700;line-height:1.25}a{text-decoration:none;color:inherit;transition:var(--transition)}img,video,iframe{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px !important}.section{padding:100px 0;position:relative}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-title{font-size:3.8rem;font-weight:800;margin-bottom:16px;letter-spacing:-0.02em;background:linear-gradient(135deg,#1a2744 30%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-title span{color:var(--accent);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:1.8rem;color:var(--text-secondary);font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-family:var(--font-title);font-size:1.5rem;font-weight:600;border-radius:30px;border:1px solid transparent;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;z-index:1}.btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.1);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease;z-index:-1}.btn:hover::after{width:300px;height:300px}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--accent-glow)}.btn-outline{background:transparent;border-color:var(--border-color);color:var(--text-primary);backdrop-filter:var(--glass-blur)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px);box-shadow:0 4px 15px rgba(255,106,0,0.15)}.highlight{color:var(--accent)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-blue{background:linear-gradient(135deg,#1a2744 30%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-aos]{transition-property:transform,opacity}#preloader{position:fixed;inset:0;background-color:var(--bg-primary);z-index:99999;display:flex;align-items:center;justify-content:center;transition:opacity 0.6s ease,visibility 0.6s}#preloader.fade-out{opacity:0;visibility:hidden}.loader-dots{display:flex;gap:10px}.loader-dots span{width:14px;height:14px;background:var(--accent-gradient);border-radius:50%;animation:bounce 0.6s infinite alternate}.loader-dots span:nth-child(2){animation-delay:0.2s}.loader-dots span:nth-child(3){animation-delay:0.4s}@keyframes bounce{to{transform:translateY(-16px);opacity:0.4}}.hero-preloader{display:none}input,textarea,[contenteditable]{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.back-link{color:rgba(255,255,255,0.8);text-decoration:none;font-size:14px;font-weight:600;font-family:'Plus Jakarta Sans','Inter',sans-serif;transition:color 0.3s;padding:6px 0}.back-link:hover{color:#ffb347}.back-link-wrap{display:flex;align-items:center;gap:12px}.glass-card{background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.9);border-radius:20px;padding:28px;box-shadow:0 4px 20px rgba(26,39,68,0.06)}.city-badge{background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.9);border-radius:12px;padding:16px;text-align:center}.testimonial-card{background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.9);border-radius:20px;padding:28px;box-shadow:0 4px 20px rgba(26,39,68,0.06)}.avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,125,0,0.2)}.testimonial-avatar-initial{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:#fff;font-size:1.2rem;font-weight:700;font-family:var(--font-heading);flex-shrink:0;box-shadow:0 4px 16px rgba(26,39,68,0.1)}.tav-blue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.tav-green{background:linear-gradient(135deg,#16a34a,#22c55e)}.tav-purple{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.tav-rose{background:linear-gradient(135deg,#e11d48,#fb7185)}.tav-teal{background:linear-gradient(135deg,#0d9488,#2dd4bf)}.tav-indigo{background:linear-gradient(135deg,#4f46e5,#818cf8)}.tav-pink{background:linear-gradient(135deg,#db2777,#f472b6)}.tav-amber{background:linear-gradient(135deg,#d97706,#fbbf24)}.popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.35);display:flex;align-items:center;justify-content:center;z-index:9999}.popup-box{background:var(--bg-primary,#fff);padding:2.2rem;border-radius:12px;text-align:center;font-size:1.5rem}.popup-box b{display:block}.popup-close{margin-top:15px;padding:8px 20px;background:var(--accent,#ff7d00);color:#fff;border:none;border-radius:6px;cursor:pointer}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity 0.5s ease,visibility 0.5s ease}.loader-dots{display:flex;gap:10px}.loader-dots span{width:18px;height:18px;background-color:var(--accent,#ff7d00);border-radius:50%;animation:bounce 0.5s alternate infinite ease-in-out}.loader-dots span:nth-child(1){animation-delay:0s}.loader-dots span:nth-child(2){animation-delay:0.15s}.loader-dots span:nth-child(3){animation-delay:0.3s}@keyframes bounce{0%{transform:translateY(0)}100%{transform:translateY(-20px)}}.services{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0% 0%,rgba(255,154,46,0.03) 0%,transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(26,109,212,0.03) 0%,transparent 60%)}.services-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.services-bg::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,154,46,0.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(26,109,212,0.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,106,0,0.03) 0%,transparent 60%)}.services-bg::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(26,109,212,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(26,109,212,0.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 30%,transparent 70%)}.services-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.services-blob-1{top:-15%;left:-8%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,154,46,0.08) 0%,transparent 70%);animation:services-float-1 18s ease-in-out infinite}.services-blob-2{bottom:-20%;right:-10%;width:550px;height:550px;background:radial-gradient(circle,rgba(26,109,212,0.07) 0%,transparent 70%);animation:services-float-2 22s ease-in-out infinite reverse}@keyframes services-float-1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-15px,15px) scale(0.97)}}@keyframes services-float-2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-25px,20px) scale(1.06)}66%{transform:translate(20px,-25px) scale(0.98)}}.services-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-gradient);color:#fff;font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:7px 20px;border-radius:20px;margin-bottom:16px;box-shadow:0 4px 14px var(--accent-glow);position:relative}.services-badge::before{content:'';position:absolute;inset:-1px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,0.4),transparent);opacity:0.5;pointer-events:none}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:1;perspective:1200px}.service-card{border-radius:24px;padding:0;transition:transform 0.6s cubic-bezier(0.23,1,0.32,1),box-shadow 0.6s cubic-bezier(0.23,1,0.32,1);position:relative;overflow:hidden;height:100%;transform-style:preserve-3d;background:transparent}.service-card-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:36px 28px 32px;background:rgba(255,255,255,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.8);border-radius:24px;transition:transform 0.6s cubic-bezier(0.23,1,0.32,1),background-color 0.6s,box-shadow 0.6s;box-shadow:0 2px 20px rgba(10,25,49,0.04),0 1px 4px rgba(10,25,49,0.02)}.service-card-inner::before{content:'';position:absolute;inset:-1px;border-radius:25px;background:conic-gradient( from 0deg at 50% 50%,transparent 0deg,rgba(255,154,46,0.3) 90deg,rgba(255,106,0,0.15) 180deg,rgba(26,109,212,0.25) 270deg,transparent 360deg );opacity:0;transition:opacity 0.6s ease;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;pointer-events:none;z-index:-1}.service-card:hover .service-card-inner::before{opacity:1}.service-card-inner::after{content:'';position:absolute;inset:0;border-radius:24px;background:linear-gradient( 135deg,rgba(255,154,46,0.03) 0%,rgba(26,109,212,0.03) 50%,transparent 100% );opacity:0;transition:opacity 0.6s ease;pointer-events:none;z-index:-1}.service-card:hover .service-card-inner{transform:translateY(-12px);background:rgba(255,255,255,0.95);box-shadow:0 30px 70px rgba(26,39,68,0.1),0 10px 24px rgba(26,39,68,0.05),0 0 0 1px rgba(255,106,0,0.1)}.service-card:hover .service-card-inner::after{opacity:1}.service-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(255,255,255,1),rgba(244,247,251,0.8));border:1px solid rgba(26,109,212,0.08);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:background-color 0.6s,border-color 0.6s,transform 0.6s,box-shadow 0.6s;position:relative;box-shadow:0 2px 8px rgba(10,25,49,0.03);cursor:pointer}.service-icon::after{content:'';position:absolute;inset:-3px;border-radius:22px;background:var(--accent-gradient);opacity:0;transition:opacity 0.5s ease;z-index:-1;filter:blur(4px)}.service-card:hover .service-icon{background:#ffffff;border-color:transparent;transform:translateY(-6px) scale(1.08);box-shadow:0 16px 40px rgba(255,106,0,0.18)}.service-card:hover .service-icon::after{opacity:0.6}.service-icon img{width:38px;height:auto;transition:filter 0.6s cubic-bezier(0.23,1,0.32,1),transform 0.6s cubic-bezier(0.23,1,0.32,1);position:relative;z-index:1}.service-card:hover .service-icon img{filter:drop-shadow(0 4px 12px rgba(255,106,0,0.3));transform:scale(1.15) rotate(-3deg)}.service-card-inner h3{font-size:1.85rem;margin-bottom:12px;font-weight:800;line-height:1.3;transition:transform 0.4s,background 0.4s;position:relative}.service-card:hover .service-card-inner h3{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:translateX(4px)}.service-card-inner p{color:var(--text-secondary);font-size:1.4rem;margin-bottom:20px;line-height:1.7;flex:1;transition:color 0.4s}.service-card:hover .service-card-inner p{color:var(--text-primary)}.service-link{font-family:var(--font-title);font-size:1.4rem;font-weight:600;color:var(--text-primary);display:inline-flex;align-items:center;gap:10px;padding:8px 0;position:relative;width:fit-content;overflow:hidden}.service-link::before{content:'';position:absolute;bottom:5px;left:0;width:100%;height:2px;background:rgba(26,109,212,0.08);transition:background 0.4s cubic-bezier(0.23,1,0.32,1)}.service-link::after{content:'';position:absolute;bottom:5px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width 0.5s cubic-bezier(0.23,1,0.32,1)}.service-card:hover .service-link::after{width:100%}.service-link span{transition:color 0.3s,transform 0.3s}.service-card:hover .service-link span{color:var(--accent);transform:translateX(4px)}.service-link i{font-size:1rem;transition:transform 0.5s cubic-bezier(0.23,1,0.32,1),color 0.5s;color:var(--text-muted)}.service-card:hover .service-link i{transform:translateX(10px) scale(1.25);color:var(--accent)}.services-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0.15;pointer-events:none;animation:particle-float 8s ease-in-out infinite}.services-particle:nth-child(1){top:10%;left:5%;width:4px;height:4px;animation-delay:0s}.services-particle:nth-child(2){top:20%;left:90%;width:6px;height:6px;animation-delay:1.5s;opacity:0.1;background:var(--accent-blue)}.services-particle:nth-child(3){top:70%;left:15%;width:5px;height:5px;animation-delay:3s}.services-particle:nth-child(4){top:80%;left:80%;width:7px;height:7px;animation-delay:4.5s;opacity:0.12;background:var(--accent-blue)}.services-particle:nth-child(5){top:40%;left:95%;width:3px;height:3px;animation-delay:2s}.services-particle:nth-child(6){top:50%;left:2%;width:5px;height:5px;animation-delay:6s;opacity:0.1;background:var(--accent-blue)}@keyframes particle-float{0%,100%{transform:translateY(0) scale(1);opacity:0.15}50%{transform:translateY(-40px) scale(1.5);opacity:0.3}}@media (max-width:991px){.services-grid{grid-template-columns:repeat(2,1fr);gap:24px}.service-card-inner{padding:32px 24px 28px}.service-num{font-size:4.5rem;top:14px;right:18px}.service-icon{width:80px;height:80px;border-radius:20px}.service-icon img{width:38px}}@media (max-width:575px){.services-grid{grid-template-columns:1fr;gap:24px}.service-icon{width:76px;height:76px}.service-icon img{width:36px}.service-card-inner h3{font-size:2rem}.services-badge{font-size:1.15rem}}.lay-wrap h1{font-size:2.5em;margin-bottom:20px;color:var(--text-primary)}.lay-wrap h2{font-size:1.8em;margin-bottom:20px;color:var(--text-primary)}.lay-wrap h3{font-size:1.3em;margin-bottom:15px;color:var(--text-primary)}.lay-wrap p{color:var(--text-secondary);line-height:1.8}.lay-wrap .icon-accent{color:var(--accent);margin-right:10px}.lay-wrap .list-line{padding:10px 0;border-bottom:1px solid var(--border-color);display:flex;align-items:center}.lay-wrap .cta-gradient{background:var(--accent-gradient);padding:40px;border-radius:10px;color:white}.lay-wrap .card-white{background:white;padding:30px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.lay-wrap .card-white.card-sm{padding:25px}.lay-wrap .card-white.card-center{text-align:center}.lay-wrap .card-white h4{color:var(--accent);margin-bottom:15px}.lay-wrap .card-white p{color:var(--text-secondary);margin-bottom:15px}.lay-wrap .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.lay-wrap .grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.lay-wrap .section-pad{padding:60px 0}.lay-wrap .section-pad-gray{padding:60px 0;background:var(--bg-tertiary)}.lay-wrap .link-accent{color:var(--accent);text-decoration:none;font-weight:600}.lay-wrap .text-center{text-align:center}.lay-wrap .container-inner{padding-left:20px;padding-right:20px}.lay-wrap .lay-cta-h2{font-size:2em;margin-bottom:20px}.lay-wrap .lay-cta-p{font-size:1.1em;margin-bottom:30px}.lay-wrap .step-circle{background:var(--accent);color:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5em;margin:0 auto 15px}.lay-wrap .gradient-table-header{background:var(--accent-gradient);color:white}.lay-wrap .gradient-card-subtle{background:linear-gradient(135deg,rgba(255,125,0,0.1),rgba(255,165,0,0.1));padding:30px;border-radius:8px;text-align:center}.lay-wrap .lay-accent{color:var(--accent)}.lay-wrap .lay-accent-mr{color:var(--accent);margin-right:10px}.lay-wrap ul.lay-list{list-style:none;padding:0}.lay-wrap .cta-gradient ul{padding-left:20px;line-height:2}.lay-wrap .cta-gradient li{margin-bottom:10px}.lay-wrap .section-pad-gray table{background:white;border-collapse:collapse;width:100%;border-radius:8px;overflow:hidden}.lay-wrap .section-pad-gray th,.lay-wrap .section-pad-gray td{padding:15px;border:1px solid var(--border-color);text-align:left}.lay-wrap .section-pad-gray tr:nth-child(even){background:var(--bg-tertiary)}.lay-wrap .tab-wrap{overflow-x:auto}.lay-wrap .step-card{background:white;border-left:5px solid var(--accent);padding:30px;margin-bottom:20px;border-radius:5px}.lay-wrap .step-card h4{color:var(--text-primary);margin-bottom:10px}.lay-wrap .step-card p{color:var(--text-secondary);margin-bottom:0}.lay-wrap .info-box{margin-top:30px;font-size:0.95em;border-top:1px solid rgba(255,255,255,0.3);padding-top:20px}.lay-wrap .pricing-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.lay-wrap .price-tier{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.lay-wrap .content-narrow{max-width:900px;margin:0 auto}.service-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(248,249,251,0.85);backdrop-filter:blur(16px);border-bottom:1px solid rgba(26,109,212,0.04);height:56px;display:flex;align-items:center}.service-header > .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.service-breadcrumb{margin-top:56px;padding:16px 0;position:relative}.service-breadcrumb > .container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:8px;font-size:1.1rem}.service-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color 0.3s ease;font-weight:500}.service-breadcrumb a:hover{color:var(--accent)}.service-breadcrumb span{color:var(--text-secondary)}.service-breadcrumb .sep{color:var(--text-muted);opacity:0.4;font-size:0.75rem}.service-hero{padding:60px 0;position:relative;overflow:hidden}.service-hero::before{content:'';position:absolute;inset:0;opacity:0.08;pointer-events:none}.service-hero h1{font-family:var(--font-title);font-size:2.8rem;font-weight:800;margin-bottom:16px;line-height:1.2}.service-hero p{font-size:1.2rem;line-height:1.7;max-width:700px}.service-hero > .container{max-width:1200px;margin:0 auto;padding:0 24px}.service-cta{padding:60px 0;text-align:center;position:relative;overflow:hidden}.service-cta > .container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.service-cta h2{font-family:var(--font-title);font-size:2.2rem;font-weight:800;margin-bottom:14px;color:#fff}.service-cta p{font-size:1.15rem;margin-bottom:28px;color:rgba(255,255,255,0.85)}.service-cta .btn-wa{display:inline-flex;align-items:center;gap:10px;background:#fff;padding:14px 36px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:transform 0.4s,box-shadow 0.4s;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.service-cta .btn-wa:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.15)}body[data-theme="ember"] .service-hero{background:linear-gradient(135deg,rgba(231,76,60,0.06),rgba(192,57,43,0.04))}body[data-theme="ember"] .service-hero h1{color:#c0392b}body[data-theme="ember"] .service-hero::before{background:radial-gradient(circle at 30% 40%,#e74c3c 0%,transparent 50%)}body[data-theme="ember"] .service-cta{background:linear-gradient(135deg,#e74c3c,#c0392b)}body[data-theme="ember"] .service-cta .btn-wa{color:#e74c3c}body[data-theme="ocean"] .service-hero{background:linear-gradient(135deg,rgba(26,109,212,0.06),rgba(14,75,140,0.04))}body[data-theme="ocean"] .service-hero h1{color:#0e4b8c}body[data-theme="ocean"] .service-hero::before{background:radial-gradient(circle at 30% 40%,#1a6dd4 0%,transparent 50%)}body[data-theme="ocean"] .service-cta{background:linear-gradient(135deg,#1a6dd4,#0e4b8c)}body[data-theme="ocean"] .service-cta .btn-wa{color:#1a6dd4}body[data-theme="forest"] .service-hero{background:linear-gradient(135deg,rgba(39,174,96,0.06),rgba(30,132,73,0.04))}body[data-theme="forest"] .service-hero h1{color:#1e8449}body[data-theme="forest"] .service-hero::before{background:radial-gradient(circle at 30% 40%,#27ae60 0%,transparent 50%)}body[data-theme="forest"] .service-cta{background:linear-gradient(135deg,#27ae60,#1e8449)}body[data-theme="forest"] .service-cta .btn-wa{color:#27ae60}body[data-theme="sunset"] .service-hero{background:linear-gradient(135deg,rgba(243,156,18,0.06),rgba(214,137,16,0.04))}body[data-theme="sunset"] .service-hero h1{color:#d68910}body[data-theme="sunset"] .service-hero::before{background:radial-gradient(circle at 30% 40%,#f39c12 0%,transparent 50%)}body[data-theme="sunset"] .service-cta{background:linear-gradient(135deg,#f39c12,#d68910)}body[data-theme="sunset"] .service-cta .btn-wa{color:#f39c12}body[data-theme="plum"] .service-hero{background:linear-gradient(135deg,rgba(142,68,173,0.06),rgba(108,52,131,0.04))}body[data-theme="plum"] .service-hero h1{color:#6c3483}body[data-theme="plum"] .service-hero::before{background:radial-gradient(circle at 30% 40%,#8e44ad 0%,transparent 50%)}body[data-theme="plum"] .service-cta{background:linear-gradient(135deg,#8e44ad,#6c3483)}body[data-theme="plum"] .service-cta .btn-wa{color:#8e44ad}body[data-theme="steel"] .service-hero{background:linear-gradient(135deg,rgba(44,62,80,0.06),rgba(26,37,47,0.04))}body[data-theme="steel"] .service-hero h1{color:#1a252f}body[data-theme="steel"] .service-hero::before{background:radial-gradient(circle at 30% 40%,#2c3e50 0%,transparent 50%)}body[data-theme="steel"] .service-cta{background:linear-gradient(135deg,#2c3e50,#1a252f)}body[data-theme="steel"] .service-cta .btn-wa{color:#2c3e50}body[data-theme="coral"] .service-hero{background:linear-gradient(135deg,rgba(255,107,107,0.06),rgba(238,90,36,0.04))}body[data-theme="coral"] .service-hero h1{color:#ee5a24}body[data-theme="coral"] .service-hero::before{background:radial-gradient(circle at 30% 40%,#ff6b6b 0%,transparent 50%)}body[data-theme="coral"] .service-cta{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}body[data-theme="coral"] .service-cta .btn-wa{color:#ff6b6b}body[data-theme="teal"] .service-hero{background:linear-gradient(135deg,rgba(0,184,148,0.06),rgba(0,163,129,0.04))}body[data-theme="teal"] .service-hero h1{color:#00a381}body[data-theme="teal"] .service-hero::before{background:radial-gradient(circle at 30% 40%,#00b894 0%,transparent 50%)}body[data-theme="teal"] .service-cta{background:linear-gradient(135deg,#00b894,#00a381)}body[data-theme="teal"] .service-cta .btn-wa{color:#00b894}body[data-theme="royal"] .service-hero{background:linear-gradient(135deg,rgba(108,92,231,0.06),rgba(74,61,184,0.04))}body[data-theme="royal"] .service-hero h1{color:#4a3db8}body[data-theme="royal"] .service-hero::before{background:radial-gradient(circle at 30% 40%,#6c5ce7 0%,transparent 50%)}body[data-theme="royal"] .service-cta{background:linear-gradient(135deg,#6c5ce7,#4a3db8)}body[data-theme="royal"] .service-cta .btn-wa{color:#6c5ce7}@media (max-width:768px){.service-header{height:48px}.service-breadcrumb{margin-top:48px;padding:12px 0}.service-breadcrumb > .container{font-size:1rem;padding:0 16px}.service-hero{padding:40px 0}.service-hero h1{font-size:2rem}.service-hero > .container{padding:0 16px}.service-cta{padding:40px 16px}.service-cta h2{font-size:1.7rem}}.projects{position:relative;overflow:hidden}.projects-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.projects-bg::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 30% 20%,rgba(255,154,46,0.04) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(26,109,212,0.04) 0%,transparent 50%)}.projects-bg::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(26,109,212,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(26,109,212,0.015) 1px,transparent 1px);background-size:50px 50px}.projects-blob{position:absolute;border-radius:50%;filter:blur(80px)}.projects-blob-1{top:-10%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,154,46,0.06) 0%,transparent 70%);animation:projects-float 16s ease-in-out infinite}.projects-blob-2{bottom:-15%;right:-8%;width:450px;height:450px;background:radial-gradient(circle,rgba(26,109,212,0.05) 0%,transparent 70%);animation:projects-float 20s ease-in-out infinite reverse}@keyframes projects-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(25px,-25px) scale(1.05)}}.projects-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-gradient);color:#fff;font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:7px 20px;border-radius:20px;margin-bottom:16px;box-shadow:0 4px 14px var(--accent-glow)}.project-tabs{display:flex;justify-content:flex-start;align-items:stretch;background:rgba(255,255,255,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.25);border-radius:16px 16px 0 0;margin-bottom:0;overflow:visible;position:relative;z-index:2;box-shadow:0 8px 32px rgba(26,39,68,0.06),inset 0 1px 0 rgba(255,255,255,0.6);animation:tab-bar-enter 0.8s cubic-bezier(0.16,1,0.3,1) forwards}@keyframes tab-bar-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-tab{background:transparent;border:none;color:#64748b;padding:18px 28px;font-family:var(--font-title);font-size:1.35rem;font-weight:600;cursor:pointer;transition:color 0.4s,box-shadow 0.4s,background-color 0.4s;text-align:center;position:relative;flex-grow:1;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;margin:6px}.project-tab:nth-child(1){animation:tab-enter 0.5s 0.1s both ease-out}.project-tab:nth-child(2){animation:tab-enter 0.5s 0.2s both ease-out}.project-tab:nth-child(3){animation:tab-enter 0.5s 0.3s both ease-out}.project-tab:nth-child(4){animation:tab-enter 0.5s 0.4s both ease-out}@keyframes tab-enter{from{opacity:0;transform:translateY(12px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.project-tab.active{color:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.1);overflow:hidden}.project-tab.active::before{content:'';position:absolute;inset:0;background:linear-gradient( 105deg,transparent 25%,rgba(255,255,255,0.25) 40%,rgba(255,255,255,0.45) 50%,rgba(255,255,255,0.25) 60%,transparent 75% );background-size:300% 100%;animation:tab-shine 3s ease-in-out infinite;pointer-events:none;border-radius:inherit;mix-blend-mode:screen}@keyframes tab-shine{0%{background-position:300% 0}50%{background-position:-100% 0}100%{background-position:-100% 0}}.project-tab i{font-size:1.2rem;opacity:0.5;transition:opacity 0.4s,transform 0.4s}.project-tab:hover{color:#0f172a}.project-tab:hover i{opacity:0.8;transform:scale(1.1)}.project-tab[data-tab="custom"].active{background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-dark));box-shadow:0 4px 16px rgba(255,107,0,0.35)}.project-tab[data-tab="custom"].active i{color:#fff;opacity:1}.project-tab[data-tab="pemasangan"].active{background:var(--accent-blue-gradient);box-shadow:0 4px 16px var(--accent-blue-glow)}.project-tab[data-tab="pemasangan"].active i{color:#fff;opacity:1}.project-tab[data-tab="perawatan"].active{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark));box-shadow:0 4px 16px rgba(16,185,129,0.35)}.project-tab[data-tab="perawatan"].active i{color:#fff;opacity:1}.project-tab[data-tab="sukucadang"].active{background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-dark));box-shadow:0 4px 16px rgba(139,92,246,0.35)}.project-tab[data-tab="sukucadang"].active i{color:#fff;opacity:1}.project-tab-content{background:rgba(255,255,255,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(26,109,212,0.06);border-top:none;border-radius:0 0 20px 20px;padding:36px 28px;position:relative;z-index:2;box-shadow:0 15px 40px rgba(26,39,68,0.03),0 1px 4px rgba(26,39,68,0.02)}.project-tab-content .tab-pane{display:none}.project-tab-content .tab-pane.active{display:block;animation:fadeInPane 0.5s cubic-bezier(0.16,1,0.3,1) forwards}@keyframes fadeInPane{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.box-container{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.box-container .box{position:relative;border-radius:18px;overflow:hidden;display:block;background-color:#030a16;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1),box-shadow 0.6s cubic-bezier(0.16,1,0.3,1);z-index:1;aspect-ratio:4/3;box-shadow:0 4px 20px rgba(26,39,68,0.03),0 1px 4px rgba(26,39,68,0.02)}.box-container .box::before{content:'';position:absolute;inset:-1px;border-radius:19px;background:conic-gradient( from 0deg at 50% 50%,transparent 0deg,rgba(255,154,46,0.25) 90deg,rgba(255,106,0,0.15) 180deg,rgba(26,109,212,0.2) 270deg,transparent 360deg );opacity:0;transition:opacity 0.6s ease;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;animation:project-conic-rotate 3s linear infinite;pointer-events:none;z-index:5}@keyframes project-conic-rotate{to{transform:rotate(360deg)}}.box-container .box:hover::before{opacity:1}.box-container .box:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 24px 50px rgba(26,39,68,0.1),0 8px 20px rgba(26,39,68,0.06)}.box-container .box .image{width:100%;height:100%}.box-container .box .image img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s cubic-bezier(0.16,1,0.3,1)}.box-container .box:hover .image img{transform:scale(1.08)}.box-container .box > .category-badge{position:absolute;top:14px;left:14px;padding:5px 12px;font-family:var(--font-title);font-size:0.95rem;font-weight:600;text-transform:uppercase;letter-spacing:0.6px;border-radius:6px;color:#fff;z-index:10;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.15);pointer-events:none;transition:transform 0.4s,box-shadow 0.4s;opacity:1;transform:translateY(0)}.box-container .box:hover > .category-badge{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.25)}#custom .box > .category-badge{background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-dark))}#pemasangan .box > .category-badge{background:var(--accent-blue-gradient)}#perawatan .box > .category-badge{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark))}#sukucadang .box > .category-badge{background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-dark))}.box-container .box .content{position:absolute;inset:0;background:linear-gradient( to top,rgba(3,10,22,0.92) 0%,rgba(3,10,22,0.25) 55%,rgba(3,10,22,0) 100% );display:flex;align-items:flex-end;justify-content:space-between;padding:22px 22px 26px;z-index:2;transition:background 0.5s cubic-bezier(0.16,1,0.3,1),padding 0.5s cubic-bezier(0.16,1,0.3,1)}.box-container .box:hover .content{background:linear-gradient( to top,rgba(3,10,22,0.97) 0%,rgba(3,10,22,0.35) 55%,rgba(3,10,22,0) 100% );padding-bottom:30px}.box-container .box .info h3{font-size:1.7rem;font-weight:700;color:#fff;margin-bottom:4px;font-family:var(--font-title);letter-spacing:-0.01em;transition:transform 0.4s}.box-container .box:hover .info h3{transform:translateY(-2px)}.box-container .box .info p{font-size:1.25rem;color:rgba(255,255,255,0.7);font-weight:500;transition:color 0.4s}.box-container .box:hover .info p{color:rgba(255,255,255,0.9)}.box-container .box .content i{width:42px;height:42px;background:var(--accent-gradient);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 4px 12px var(--accent-glow);transition:transform 0.5s cubic-bezier(0.16,1,0.3,1),box-shadow 0.5s;transform:scale(0.9);flex-shrink:0}.box-container .box:hover .content i{transform:rotate(90deg) scale(1.1);box-shadow:0 8px 24px var(--accent-glow)}.projects .text-center{position:relative;z-index:2;margin-top:36px}.projects .btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--accent-gradient);color:#fff;padding:14px 34px;border-radius:50px;font-family:var(--font-title);font-size:1.5rem;font-weight:700;border:none;cursor:pointer;text-decoration:none;transition:transform 0.4s,box-shadow 0.4s;box-shadow:0 6px 20px var(--accent-glow)}.projects .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px var(--accent-glow)}.projects .btn-primary i{transition:transform 0.4s ease}.projects .btn-primary:hover i{transform:translateX(6px)}@media (max-width:991px){.box-container{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.project-tabs{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none}.project-tabs::-webkit-scrollbar{display:none}.project-tab{flex:0 0 auto;padding:12px 16px;font-size:1.25rem;gap:8px;margin:4px}.project-tab i{font-size:1rem}.project-tab-content{padding:24px 14px}.box-container{gap:16px}.box-container .box > .category-badge{top:10px;left:10px;font-size:0.85rem;padding:3px 10px}.box-container .box .content{padding:16px 16px 20px}.box-container .box .info h3{font-size:1.5rem}.box-container .box .info p{font-size:1.15rem}.box-container .box .content i{width:36px;height:36px;font-size:1.1rem}}@media (max-width:575px){.box-container{grid-template-columns:1fr}}.blogs{position:relative;overflow:hidden}.blogs-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.blogs-bg::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 30% 20%,rgba(255,154,46,0.04) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(26,109,212,0.04) 0%,transparent 50%)}.blogs-bg::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(26,109,212,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(26,109,212,0.015) 1px,transparent 1px);background-size:50px 50px}.blogs-blob{position:absolute;border-radius:50%;filter:blur(80px)}.blogs-blob-1{top:-10%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(26,109,212,0.06) 0%,transparent 70%);animation:blogs-float 18s ease-in-out infinite}.blogs-blob-2{bottom:-15%;left:-8%;width:350px;height:350px;background:radial-gradient(circle,rgba(255,154,46,0.05) 0%,transparent 70%);animation:blogs-float 14s ease-in-out infinite reverse 2s}@keyframes blogs-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-25px) scale(1.05)}}.blogs-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-gradient);color:#fff;font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:7px 20px;border-radius:20px;margin-bottom:16px;box-shadow:0 4px 14px var(--accent-glow)}#blogs-swiper{position:relative;padding-bottom:4rem;z-index:1}.blog-card{background:rgba(255,255,255,0.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.5);border-radius:20px;overflow:hidden;height:100%;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1),background-color 0.6s,box-shadow 0.6s;box-shadow:0 2px 20px rgba(10,25,49,0.04),0 1px 4px rgba(10,25,49,0.02);position:relative}.blog-card::before{content:'';position:absolute;inset:-1px;border-radius:21px;background:conic-gradient( from 0deg at 50% 50%,transparent 0deg,rgba(255,154,46,0.3) 90deg,rgba(26,109,212,0.25) 180deg,rgba(255,106,0,0.2) 270deg,transparent 360deg );opacity:0;transition:opacity 0.6s ease;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;animation:blog-conic-rotate 3s linear infinite;pointer-events:none;z-index:5}@keyframes blog-conic-rotate{to{transform:rotate(360deg)}}.blog-card:hover::before{opacity:1}.blog-card:hover{transform:translateY(-10px);background:rgba(255,255,255,0.97);box-shadow:0 24px 50px rgba(26,39,68,0.08),0 8px 20px rgba(26,39,68,0.04)}.blog-image{width:100%;height:220px;overflow:hidden;position:relative}.blog-image::after{content:'';position:absolute;inset:0;background:linear-gradient( to bottom,transparent 60%,rgba(3,10,22,0.1) 100% );z-index:1;opacity:0;transition:opacity 0.5s ease}.blog-card:hover .blog-image::after{opacity:1}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s cubic-bezier(0.16,1,0.3,1)}.blog-card:hover .blog-image img{transform:scale(1.08)}.blog-content{padding:26px 28px 30px;position:relative;z-index:2;display:flex;flex-direction:column;flex:1}.blog-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(255,125,0,0.1),rgba(255,154,46,0.08));color:var(--accent);padding:5px 14px;border-radius:20px;font-size:1.1rem;font-weight:700;text-transform:uppercase;margin-bottom:14px;border:1px solid rgba(255,125,0,0.15);width:fit-content;transition:background-color 0.4s,color 0.4s,border-color 0.4s,box-shadow 0.4s}.blog-card:hover .blog-badge{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 12px var(--accent-glow)}.blog-title{font-size:1.8rem;font-weight:700;line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:background 0.4s}.blog-card:hover .blog-title{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-card-date{font-size:1.2rem;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:6px}.blog-card-date i{font-size:1rem;color:var(--accent)}.blog-desc{color:var(--text-secondary);font-size:1.35rem;line-height:1.7;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;transition:color 0.4s ease}.blog-card:hover .blog-desc{color:var(--text-primary)}.blog-link{font-family:var(--font-title);font-size:1.35rem;font-weight:600;color:var(--text-primary);display:inline-flex;align-items:center;gap:8px;transition:background-color 0.4s,color 0.4s,border-color 0.4s,box-shadow 0.4s;width:fit-content;position:relative;padding-bottom:2px}.blog-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width 0.4s cubic-bezier(0.16,1,0.3,1)}.blog-card:hover .blog-link::after{width:100%}.blog-link i{font-size:1.1rem;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.blog-card:hover .blog-link{color:var(--accent)}.blog-card:hover .blog-link i{transform:translateX(6px)}.blogs-swiper-pagination{position:relative;text-align:center;margin-top:20px}.blogs-swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:rgba(26,109,212,0.15);opacity:1;transition:width 0.4s,background 0.4s,border-radius 0.4s}.blogs-swiper-pagination .swiper-pagination-bullet-active{background:var(--accent-gradient);width:28px;border-radius:5px;box-shadow:0 2px 8px var(--accent-glow)}.blogs .swiper-button-next,.blogs .swiper-button-prev{position:absolute;top:50%;width:36px;height:36px;background:transparent;color:var(--accent) !important;transition:opacity 0.4s,transform 0.4s;z-index:10;opacity:0.5}.blogs .swiper-button-next:hover,.blogs .swiper-button-prev:hover{opacity:1;transform:scale(1.2)}.blogs .swiper-button-next::after,.blogs .swiper-button-prev::after{font-family:'Font Awesome 6 Free';font-weight:900;font-size:1.6rem}.blogs .swiper-button-next::after{content:'\f054'}.blogs .swiper-button-prev::after{content:'\f053'}@media (max-width:768px){.blog-image{height:180px}.blog-content{padding:20px 22px 24px}.blog-title{font-size:1.6rem}.blog-desc{font-size:1.3rem}.blog-badge{font-size:1rem}.blogs .swiper-button-next,.blogs .swiper-button-prev{width:30px;height:30px}.blogs .swiper-button-next::after,.blogs .swiper-button-prev::after{font-size:1.3rem}}.blogs-actions{text-align:center;margin-top:20px;position:relative;z-index:2}.btn-lihat-semua{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:60px;padding:0;background:transparent;font-family:'Plus Jakarta Sans','Inter',sans-serif;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.btn-lihat-semua:hover{transform:translateY(-3px)}.btn-ls-bg{position:absolute;inset:0;border-radius:60px;background:var(--accent-gradient);box-shadow:0 6px 24px var(--accent-glow);transition:box-shadow 0.4s}.btn-lihat-semua:hover .btn-ls-bg{box-shadow:0 10px 36px var(--accent-glow),0 0 0 3px rgba(255,125,0,0.15)}.btn-ls-content{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 36px;color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:0.02em;z-index:1}.btn-ls-content i:first-child{font-size:1.2rem;opacity:0.85}.btn-ls-arrow{transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.btn-lihat-semua:hover .btn-ls-arrow{transform:translateX(6px)}.all-blogs-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.5s,visibility 0.5s}.all-blogs-modal.open{opacity:1;visibility:visible}.all-blogs-overlay{position:absolute;inset:0;background:rgba(3,10,22,0.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.all-blogs-panel{position:relative;width:96%;max-width:1240px;max-height:90vh;background:rgba(255,255,255,0.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;border:1px solid rgba(255,255,255,0.25);box-shadow:0 40px 100px rgba(3,10,22,0.25),0 8px 32px rgba(3,10,22,0.1);display:flex;flex-direction:column;transform:translateY(30px) scale(0.97);transition:transform 0.5s cubic-bezier(0.16,1,0.3,1);overflow:hidden}.all-blogs-modal.open .all-blogs-panel{transform:translateY(0) scale(1)}.all-blogs-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:none;background:rgba(26,39,68,0.06);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s,color 0.3s,transform 0.3s,box-shadow 0.3s;z-index:10}.all-blogs-close svg{width:20px;height:20px}.all-blogs-close:hover{background:var(--accent-gradient);color:#fff;transform:rotate(90deg);box-shadow:0 4px 14px var(--accent-glow)}.all-blogs-header{padding:36px 40px 24px;flex-shrink:0;border-bottom:1px solid rgba(26,39,68,0.06)}.all-blogs-title{font-size:2.2rem;font-weight:800;font-family:'Plus Jakarta Sans','Inter',sans-serif;margin:0 0 6px;color:var(--text-primary)}.all-blogs-title span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.all-blogs-subtitle{color:var(--text-muted);font-size:1.15rem;margin:0 0 18px}.all-blogs-filters{display:flex;flex-wrap:wrap;gap:8px}.ab-filter{padding:8px 20px;border-radius:30px;border:1px solid rgba(26,39,68,0.08);background:transparent;color:var(--text-secondary);font-size:1.1rem;font-weight:600;cursor:pointer;transition:border-color 0.35s,color 0.35s,background-color 0.35s,box-shadow 0.35s;font-family:inherit}.ab-filter:hover{border-color:rgba(255,125,0,0.2);color:var(--accent);background:rgba(255,125,0,0.04)}.ab-filter.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 14px var(--accent-glow)}.all-blogs-scroll{overflow-y:auto;padding:24px 40px 40px;flex:1}.all-blogs-scroll::-webkit-scrollbar{width:6px}.all-blogs-scroll::-webkit-scrollbar-track{background:transparent}.all-blogs-scroll::-webkit-scrollbar-thumb{background:rgba(26,39,68,0.12);border-radius:10px}.all-blogs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.all-blogs-grid .ab-card{display:flex;background:rgba(255,255,255,0.8);border:1px solid rgba(26,39,68,0.06);border-radius:18px;overflow:hidden;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1),border-color 0.5s,box-shadow 0.5s;text-decoration:none;color:inherit;opacity:0;transform:translateY(20px);animation:ab-card-in 0.6s cubic-bezier(0.16,1,0.3,1) forwards;box-shadow:0 2px 12px rgba(26,39,68,0.03);position:relative}.all-blogs-grid .ab-card::before{content:'';position:absolute;inset:-1px;border-radius:19px;background:conic-gradient( from 0deg at 50% 50%,transparent 0deg,rgba(255,154,46,0.25) 90deg,rgba(26,109,212,0.2) 180deg,rgba(255,106,0,0.15) 270deg,transparent 360deg );opacity:0;transition:opacity 0.5s ease;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;animation:ab-card-conic 3s linear infinite;pointer-events:none}@keyframes ab-card-conic{to{transform:rotate(360deg)}}.all-blogs-grid .ab-card:hover::before{opacity:1}.all-blogs-grid .ab-card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 20px 48px rgba(26,39,68,0.08),0 6px 16px rgba(26,39,68,0.04)}@keyframes ab-card-in{to{opacity:1;transform:translateY(0)}}.ab-card-image{width:180px;min-height:160px;flex-shrink:0;overflow:hidden;position:relative}.ab-card-image::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(3,10,22,0.06))}.ab-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1)}.ab-card:hover .ab-card-image img{transform:scale(1.08)}.ab-card-body{flex:1;padding:20px 22px;display:flex;flex-direction:column;justify-content:center;gap:8px}.ab-card-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(255,125,0,0.08),rgba(255,154,46,0.06));color:var(--accent);padding:4px 12px;border-radius:16px;font-size:1rem;font-weight:700;text-transform:uppercase;border:1px solid rgba(255,125,0,0.12);width:fit-content;transition:background-color 0.4s,color 0.4s,border-color 0.4s,box-shadow 0.4s}.ab-card:hover .ab-card-badge{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 3px 10px var(--accent-glow)}.ab-card-title{font-size:1.45rem;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.4s ease;margin:0}.ab-card:hover .ab-card-title{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ab-card-date{font-size:1.05rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.ab-card-date i{color:var(--accent);font-size:0.95rem}.ab-card-excerpt{font-size:1.15rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.ab-card-link{display:inline-flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:600;color:var(--accent);transition:gap 0.3s ease}.ab-card:hover .ab-card-link{gap:10px}@media (max-width:900px){.article-header{padding:40px 0}.article-title{font-size:2.8rem}.article-meta{font-size:1.15rem}.article-meta span{gap:8px}.article-content{font-size:1.55rem}.article-content h2{font-size:2.2rem}.article-content h3{font-size:1.8rem}.table-of-contents{margin:24px 0;padding:24px}.table-of-contents ul li a{font-size:1.4rem}}@media (max-width:500px){.all-blogs-panel{width:100%;max-height:100vh;border-radius:0}.ab-card{flex-direction:column}.ab-card-image{width:100%;height:180px;min-height:auto}}.article-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(248,249,251,0.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(26,109,212,0.04);height:56px;display:flex;align-items:center}.article-header > .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.article-logo{display:flex;align-items:center;text-decoration:none;opacity:0.7;transition:opacity 0.3s ease}.article-logo:hover{opacity:1}.article-logo img{display:block}.article-back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:0.9rem;font-weight:600;color:var(--text-secondary);padding:6px 14px;border-radius:8px;transition:background-color 0.3s,color 0.3s,box-shadow 0.3s,transform 0.3s;background:rgba(26,39,68,0.03)}.article-back:hover{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px var(--accent-glow);transform:translateX(-2px)}.article-back i{font-size:0.8rem;transition:transform 0.3s ease}.article-back:hover i{transform:translateX(-3px)}@media (max-width:768px){.article-header{height:48px}.article-header > .container{padding:0 16px}.article-back span{display:none}.article-back{padding:6px 10px;font-size:0.85rem}}.reading-progress{position:fixed;top:0;left:0;width:0;height:4px;background:linear-gradient(90deg,var(--accent-gold-dark),var(--accent-gold),var(--accent-gold-dark));background-size:200% 100%;animation:progress-glow 2s ease-in-out infinite;z-index:9999;border-radius:0 2px 2px 0;box-shadow:0 0 12px rgba(255,107,0,0.4)}@keyframes progress-glow{0%,100%{background-position:0% 0}50%{background-position:100% 0}}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0.1s}.reveal-delay-2{transition-delay:0.2s}.reveal-delay-3{transition-delay:0.3s}.article-share-float{position:fixed;left:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:100;opacity:0;animation:share-fade-in 0.8s 0.5s forwards}@keyframes share-fade-in{to{opacity:1}}.article-share-float a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);border:1px solid rgba(26,109,212,0.08);color:var(--text-secondary);font-size:1.2rem;text-decoration:none;transition:transform 0.4s,box-shadow 0.4s,background-color 0.4s,color 0.4s;box-shadow:0 2px 12px rgba(26,39,68,0.04)}.article-share-float a:hover{transform:scale(1.15);box-shadow:0 6px 20px rgba(26,39,68,0.08)}.article-share-float .share-wa:hover{background:#25D366;color:#fff}.article-share-float .share-fb:hover{background:#1877F2;color:#fff}.article-share-float .share-twitter:hover{background:#1DA1F2;color:#fff}.article-share-float .share-copy:hover{background:var(--accent-gradient);color:#fff}.article-share-float .share-label{writing-mode:vertical-rl;font-size:0.85rem;font-weight:600;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;text-align:center;margin-bottom:4px;opacity:0.6}.article-breadcrumb{max-width:780px;margin:0 auto 20px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:1.2rem;color:var(--text-muted)}.article-breadcrumb a{color:var(--accent-blue);text-decoration:none;font-weight:500;transition:color 0.3s ease}.article-breadcrumb a:hover{color:var(--accent)}.article-breadcrumb span{color:var(--text-muted)}.article-breadcrumb i{font-size:0.7rem;opacity:0.4}.read-mode-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);border:1px solid rgba(26,109,212,0.08);color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:background-color 0.4s,color 0.4s,border-color 0.4s,box-shadow 0.4s,transform 0.4s;box-shadow:0 2px 12px rgba(26,39,68,0.04);margin-top:4px}.read-mode-toggle:hover{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 6px 20px var(--accent-glow);transform:scale(1.1)}.read-mode-overlay{position:fixed;inset:0;z-index:99998;background:#f8f9fb;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity 0.5s,visibility 0.5s}.read-mode-overlay.active{opacity:1;visibility:visible}.read-mode-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:rgba(255,255,255,0.85);backdrop-filter:blur(16px);border-bottom:1px solid rgba(26,109,212,0.06)}.read-mode-label{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:0.3px}.read-mode-label i{color:var(--accent);font-size:1.2rem}.read-mode-exit{width:40px;height:40px;border-radius:50%;border:none;background:rgba(26,39,68,0.06);color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:background-color 0.3s,color 0.3s,transform 0.3s;display:flex;align-items:center;justify-content:center}.read-mode-exit:hover{background:var(--accent-gradient);color:#fff;transform:rotate(90deg)}.read-mode-content{max-width:720px;margin:0 auto;padding:48px 24px 80px;font-size:1.35rem;line-height:1.9;color:var(--text-secondary)}.read-mode-content h1{font-family:var(--font-title);font-size:2.6rem;font-weight:800;color:var(--text-primary);margin-bottom:12px;line-height:1.2}.read-mode-content .read-mode-meta{display:flex;gap:20px;font-size:1rem;color:var(--text-muted);margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid rgba(26,109,212,0.06)}.read-mode-content .read-mode-meta span{display:flex;align-items:center;gap:6px}.read-mode-content .read-mode-meta i{color:var(--accent)}.read-mode-content h2{font-size:2rem;font-weight:800;color:var(--text-primary);margin:40px 0 16px;line-height:1.3;font-family:var(--font-title)}.read-mode-content h3{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:32px 0 12px;line-height:1.3;font-family:var(--font-title)}.read-mode-content p{margin-bottom:20px}.read-mode-content ul,.read-mode-content ol{margin:16px 0 20px 24px}.read-mode-content li{margin-bottom:8px}.read-mode-content li::marker{color:var(--accent)}.read-mode-content strong{color:var(--text-primary)}.read-mode-content a{color:var(--accent-blue);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:color 0.3s,border-color 0.3s}.read-mode-content a:hover{color:var(--accent);border-bottom-color:var(--accent)}.read-mode-content blockquote{position:relative;padding:24px 28px;margin:28px 0;background:linear-gradient(135deg,rgba(255,154,46,0.05),rgba(26,109,212,0.05));border-radius:16px;font-style:italic;color:var(--text-primary);border-left:4px solid var(--accent)}.read-mode-content blockquote::before{content:'\201C';font-size:4rem;line-height:1;color:var(--accent);opacity:0.1;position:absolute;top:4px;left:12px;font-family:serif;pointer-events:none}.read-mode-content img{max-width:100%;height:auto;border-radius:16px;margin:28px 0;box-shadow:0 8px 30px rgba(26,39,68,0.06)}.read-mode-content pre{background:#1a2744;border-radius:16px;padding:20px 24px;overflow-x:auto;margin:24px 0;box-shadow:0 8px 24px rgba(26,39,68,0.08)}.read-mode-content pre code{background:none;padding:0;border:none;color:#e2e8f0;font-size:0.85em;line-height:1.7}.read-mode-content table{width:100%;border-collapse:collapse;margin:24px 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(26,39,68,0.04)}.read-mode-content table th{background:var(--accent-gradient);color:#fff;font-weight:700;padding:12px 16px;text-align:left}.read-mode-content table td{padding:10px 16px;border-bottom:1px solid rgba(26,109,212,0.06)}@media (max-width:768px){.read-mode-toggle{width:38px;height:38px;font-size:0.95rem}.read-mode-header{padding:12px 16px}.read-mode-content{padding:32px 16px 60px;font-size:1.2rem}.read-mode-content h1{font-size:2rem}}.article-body img{cursor:zoom-in;transition:transform 0.4s ease,box-shadow 0.4s ease}.article-body img:active{transform:scale(1.02)}.image-lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(12px);z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;cursor:zoom-out}.image-lightbox.active{opacity:1}.image-lightbox img{max-width:90vw;max-height:85vh;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,0.4);transform:scale(0.9);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.image-lightbox.active img{transform:scale(1)}.article-hero{position:relative;overflow:hidden;padding:100px 0 60px;margin-top:56px;text-align:center}.article-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,154,46,0.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(26,109,212,0.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,106,0,0.02) 0%,transparent 60%);pointer-events:none}.article-hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(26,109,212,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(26,109,212,0.015) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.article-hero > .container{position:relative;z-index:1}.article-hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-gradient);color:#fff;font-size:0.95rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 18px;border-radius:20px;margin-bottom:20px;box-shadow:0 4px 12px var(--accent-glow)}.article-hero h1{font-family:var(--font-title);font-size:3rem;font-weight:800;margin-bottom:24px;line-height:1.2;background:linear-gradient(135deg,#1a2744 30%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;max-width:800px;margin-left:auto;margin-right:auto}.article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 28px;font-size:1.35rem;color:var(--text-secondary)}.article-meta span{display:inline-flex;align-items:center;gap:6px}.article-meta span i{color:var(--accent);font-size:1.2rem}.article-featured{padding:0 0 50px;position:relative}.article-featured > .container{position:relative}.article-featured .featured-frame{position:relative;max-width:860px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(26,39,68,0.08),0 8px 20px rgba(26,39,68,0.04)}.article-featured .featured-frame::before{content:'';position:absolute;inset:-1px;border-radius:21px;background:conic-gradient( from 0deg at 50% 50%,transparent 0deg,rgba(255,154,46,0.2) 90deg,rgba(26,109,212,0.15) 180deg,rgba(255,106,0,0.12) 270deg,transparent 360deg );-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;animation:featured-conic 4s linear infinite;pointer-events:none;z-index:2}@keyframes featured-conic{to{transform:rotate(360deg)}}.article-featured .featured-glow{position:absolute;top:50%;left:50%;width:80%;height:60%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);filter:blur(40px);opacity:0.3;pointer-events:none;z-index:0}.article-featured img{width:100%;height:auto;display:block;position:relative;z-index:1}.article-content{padding:50px 0 60px;position:relative}.article-body{max-width:780px;margin:0 auto;font-size:1.7rem;line-height:1.9;color:var(--text-secondary)}.article-body h2{font-family:var(--font-title);font-size:2.4rem;font-weight:800;color:var(--text-primary);margin:50px 0 20px;line-height:1.3;letter-spacing:-0.01em}.article-body h3{font-family:var(--font-title);font-size:1.9rem;font-weight:700;color:var(--text-primary);margin:36px 0 16px;line-height:1.3}.article-body p{margin-bottom:22px}.article-body ul,.article-body ol{margin:20px 0 24px 24px}.article-body li{margin-bottom:10px;padding-left:4px}.article-body li::marker{color:var(--accent)}.article-body strong{color:var(--text-primary);font-weight:700}.article-body a{color:var(--accent-blue);text-decoration:none;font-weight:600;transition:color 0.3s,border-color 0.3s;border-bottom:1px solid transparent}.article-body a:hover{color:var(--accent);border-bottom-color:var(--accent)}.article-body blockquote{position:relative;border:none;padding:32px 36px;margin:40px 0;background:linear-gradient(135deg,rgba(255,154,46,0.05),rgba(26,109,212,0.05));border-radius:18px;font-style:italic;color:var(--text-primary);font-size:1.65rem;overflow:hidden}.article-body blockquote::before{content:'';position:absolute;inset:-2px;border-radius:20px;background:conic-gradient( from 0deg at 50% 50%,transparent 0deg,rgba(255,154,46,0.35) 90deg,rgba(26,109,212,0.3) 180deg,rgba(255,106,0,0.25) 270deg,transparent 360deg );-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;animation:blockquote-border 4s linear infinite}@keyframes blockquote-border{to{transform:rotate(360deg)}}.article-body blockquote::after{content:'\201C';font-size:5rem;line-height:1;color:var(--accent);opacity:0.12;position:absolute;top:8px;left:16px;font-family:serif;pointer-events:none}.article-body code{background:rgba(26,109,212,0.06);padding:2px 8px;border-radius:6px;font-family:'Courier New',monospace;font-size:0.85em;color:var(--accent);border:1px solid rgba(26,109,212,0.08)}.article-body pre{background:#1a2744;border-radius:16px;padding:24px 28px;overflow-x:auto;margin:28px 0;box-shadow:0 8px 24px rgba(26,39,68,0.08)}.article-body pre code{background:none;padding:0;border:none;color:#e2e8f0;font-size:0.85em;line-height:1.7}.article-body img{max-width:100%;height:auto;border-radius:16px;margin:36px 0;box-shadow:0 8px 30px rgba(26,39,68,0.06)}.article-body table{width:100%;border-collapse:collapse;margin:28px 0;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(26,39,68,0.04)}.article-body table th{background:var(--accent-gradient);color:#fff;font-weight:700;padding:14px 18px;text-align:left;font-size:1.4rem}.article-body table td{padding:12px 18px;border-bottom:1px solid rgba(26,109,212,0.06);font-size:1.4rem}.article-body table tr:last-child td{border-bottom:none}.article-body table tr:nth-child(even) td{background:rgba(244,247,251,0.5)}.article-tags{max-width:780px;margin:50px auto;padding:24px 0;border-top:1px solid rgba(26,109,212,0.06);border-bottom:1px solid rgba(26,109,212,0.06);display:flex;flex-wrap:wrap;gap:10px}.article-tags span{display:inline-flex;align-items:center;gap:6px;background:rgba(26,109,212,0.06);color:var(--accent-blue);padding:6px 16px;border-radius:20px;font-size:1.2rem;font-weight:600;transition:background-color 0.3s,color 0.3s,border-color 0.3s,transform 0.3s,box-shadow 0.3s;border:1px solid rgba(26,109,212,0.08)}.article-tags span:hover{background:var(--accent-gradient);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.article-tags span i{font-size:1rem}.article-author{max-width:780px;margin:60px auto;padding:32px;background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(26,109,212,0.06);border-radius:20px;display:flex;gap:24px;align-items:flex-start;box-shadow:0 4px 20px rgba(26,39,68,0.04),0 1px 4px rgba(26,39,68,0.02);transition:box-shadow 0.4s,transform 0.4s;position:relative;overflow:hidden}.article-author::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-gradient);border-radius:0 2px 2px 0}.article-author:hover{border-color:rgba(255,125,0,0.12);box-shadow:0 8px 30px rgba(26,39,68,0.06),0 2px 8px rgba(26,39,68,0.03);transform:translateY(-2px)}.article-author img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;margin:0;border:3px solid rgba(255,125,0,0.12);box-shadow:0 4px 12px rgba(255,125,0,0.06)}.article-author h4{font-family:var(--font-title);font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.article-author p{font-size:1.35rem;color:var(--text-secondary);margin-bottom:14px;line-height:1.6}.whatsapp-link{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#25D366,#1da851);color:#fff;padding:10px 22px;border-radius:50px;text-decoration:none;font-size:1.3rem;font-weight:600;transition:transform 0.4s,box-shadow 0.4s;box-shadow:0 4px 14px rgba(37,211,102,0.2)}.whatsapp-link:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(37,211,102,0.3)}.whatsapp-link i{font-size:1.3rem}.related-articles{position:relative;overflow:hidden;padding:80px 0}.related-articles::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(255,154,46,0.05) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(26,109,212,0.05) 0%,transparent 60%);pointer-events:none}.related-articles > .container{position:relative;z-index:1;max-width:100%;padding:0}.related-articles .related-header{max-width:1200px;margin:0 auto 40px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.related-articles h2{font-family:var(--font-title);font-size:2.4rem;font-weight:800;color:var(--text-primary);position:relative;display:inline-block}.related-articles h2::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:var(--accent-gradient);border-radius:2px;transform:scaleX(0.3);transform-origin:left;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}.related-articles:hover h2::after{transform:scaleX(1)}.rel-nav-btn{position:absolute;z-index:15;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,0.6);background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);font-size:1.1rem;cursor:pointer;transition:background-color 0.4s,color 0.4s,box-shadow 0.4s,transform 0.4s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,0.06);right:12px}.rel-nav-prev{bottom:calc(50% + 6px)}.rel-nav-next{top:calc(50% + 6px)}.rel-nav-btn:hover{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 8px 28px var(--accent-glow);transform:scale(1.1)}.rel-nav-btn:active{transform:scale(0.92)}.rel-track-wrap{overflow:hidden;padding:10px 70px 20px 24px;position:relative}.rel-track-wrap::before,.rel-track-wrap::after{content:'';position:absolute;top:0;bottom:20px;width:80px;z-index:10;pointer-events:none}.rel-track-wrap::before{left:0;background:linear-gradient(90deg,#f4f7fb 0%,transparent 100%)}.rel-track-wrap::after{right:0;background:linear-gradient(270deg,#f4f7fb 0%,transparent 100%)}.rel-track{display:flex;gap:28px;padding:0 48px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:10px}.rel-track::-webkit-scrollbar{height:4px}.rel-track::-webkit-scrollbar-track{background:rgba(26,39,68,0.04);border-radius:2px}.rel-track::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:2px}.rel-card{flex:0 0 calc(33.333% - 19px);min-width:320px;scroll-snap-align:start;position:relative;border-radius:24px;overflow:hidden;transition:transform 0.6s cubic-bezier(0.23,1,0.32,1),box-shadow 0.6s cubic-bezier(0.23,1,0.32,1);transform-style:preserve-3d;perspective:1000px;aspect-ratio:3 / 4}@media (max-width:900px){.rel-card{flex:0 0 calc(50% - 14px);min-width:280px}}@media (max-width:600px){.rel-card{flex:0 0 85%;min-width:0;aspect-ratio:4 / 5}.rel-track-wrap::before,.rel-track-wrap::after{display:none}.rel-track-wrap{padding:10px 0 20px}.rel-track{padding:0 16px;gap:16px}.rel-nav-btn{display:none}}.rel-card-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;position:relative;z-index:1}.rel-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 0.8s cubic-bezier(0.23,1,0.32,1);z-index:0}.rel-card:hover .rel-card-bg{transform:scale(1.1)}.rel-card-overlay{position:absolute;inset:0;background:linear-gradient( 180deg,transparent 20%,rgba(26,39,68,0.4) 50%,rgba(26,39,68,0.85) 85%,#1a2744 100% );z-index:1;transition:opacity 0.5s ease}.rel-card:hover .rel-card-overlay{opacity:0.85}.rel-card-body{position:absolute;bottom:0;left:0;right:0;padding:28px 28px 32px;z-index:2;transform:translateY(0);transition:transform 0.6s cubic-bezier(0.23,1,0.32,1)}.rel-card:hover .rel-card-body{transform:translateY(-8px)}.rel-card-badge{display:inline-block;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);color:#fff;padding:4px 14px;border-radius:20px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px;border:1px solid rgba(255,255,255,0.12);transition:background-color 0.4s,border-color 0.4s,box-shadow 0.4s}.rel-card:hover .rel-card-badge{background:var(--accent-gradient);border-color:transparent;box-shadow:0 4px 14px var(--accent-glow)}.rel-card-title{font-family:var(--font-title);font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.35;text-shadow:0 2px 8px rgba(0,0,0,0.15);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rel-card-excerpt{font-size:0.95rem;color:rgba(255,255,255,0.75);margin-bottom:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rel-card-cta{display:inline-flex;align-items:center;gap:8px;font-size:0.9rem;font-weight:700;color:#fff;opacity:0;transform:translateY(8px);transition:opacity 0.5s,transform 0.5s;letter-spacing:0.3px}.rel-card:hover .rel-card-cta{opacity:1;transform:translateY(0)}.rel-card-cta i{font-size:0.8rem;transition:transform 0.3s ease}.rel-card:hover .rel-card-cta i{transform:translateX(4px)}@media (hover:hover){.rel-card{transition:transform 0.4s ease,box-shadow 0.4s ease}.rel-card.active-tilt{box-shadow:0 30px 60px rgba(26,39,68,0.15),0 0 40px rgba(255,125,0,0.08)}}.article-cta{position:relative;overflow:hidden;padding:80px 0;text-align:center}.article-cta::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,154,46,0.04) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(26,109,212,0.04) 0%,transparent 50%);pointer-events:none}.article-cta > .container{position:relative;z-index:1}.article-cta h2{font-family:var(--font-title);font-size:2.6rem;font-weight:800;color:var(--text-primary);margin-bottom:14px}.article-cta p{font-size:1.7rem;color:var(--text-secondary);margin-bottom:32px}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-buttons .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.5rem;font-family:var(--font-title);transition:transform 0.4s,box-shadow 0.4s;border:none;cursor:pointer}.cta-buttons .btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 6px 20px var(--accent-glow)}.cta-buttons .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px var(--accent-glow)}.cta-buttons .btn-success{background:linear-gradient(135deg,#25D366,#1da851);color:#fff;box-shadow:0 6px 20px rgba(37,211,102,0.25)}.cta-buttons .btn-success:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(37,211,102,0.35)}@media (max-width:768px){.article-hero{padding:100px 0 50px}.article-hero h1{font-size:2.2rem}.article-meta{font-size:1.2rem;gap:12px 18px}.article-body{font-size:1.5rem;padding:0 4px}.article-body h2{font-size:2rem}.article-body h3{font-size:1.7rem}.article-body blockquote{padding:20px 24px;font-size:1.45rem}.article-author{flex-direction:column;text-align:center;padding:24px}.article-author::before{width:100%;height:4px;border-radius:0 0 2px 2px}.article-author img{margin:0 auto}.article-cta h2{font-size:2.2rem}.article-cta p{font-size:1.5rem}.cta-buttons .btn{width:100%;justify-content:center}.article-featured .featured-frame{border-radius:14px}.article-share-float{left:50%;top:auto;bottom:20px;transform:translateX(-50%);flex-direction:row;gap:8px;background:rgba(255,255,255,0.95);backdrop-filter:blur(16px);padding:8px 16px;border-radius:50px;box-shadow:0 4px 20px rgba(26,39,68,0.1);border:1px solid rgba(255,255,255,0.5)}.article-share-float a{width:38px;height:38px;font-size:1rem}.article-share-float .share-label{writing-mode:horizontal-tb;font-size:0.75rem;margin-bottom:0;margin-right:4px}}.contact-section{position:relative;background:var(--bg-primary);overflow:hidden}.contact-bg-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden}.contact-bg-decor::before{content:'';position:absolute;top:-30%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,154,46,0.07) 0%,transparent 70%);border-radius:50%}.contact-bg-decor::after{content:'';position:absolute;bottom:-20%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(26,109,212,0.05) 0%,transparent 70%);border-radius:50%}.contact-grid{display:grid;grid-template-columns:7fr 5fr;gap:40px;margin-bottom:40px;position:relative;z-index:1}.contact-form-wrap{position:relative}.contact-form{background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.9);border-radius:24px;padding:40px 36px;box-shadow:0 4px 16px rgba(26,39,68,0.04),0 12px 40px rgba(26,39,68,0.06)}.form-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(26,109,212,0.06)}.form-header i{font-size:2.8rem;color:var(--accent);background:rgba(255,106,0,0.1);width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.form-header h3{font-size:2rem;font-weight:800;margin-bottom:6px}.form-header p{font-size:1.35rem;color:var(--text-secondary);margin:0}.contact-form .form-group{margin-bottom:20px;position:relative}.contact-form .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.3rem;z-index:2;pointer-events:none;transition:var(--transition)}.contact-form .form-group:focus-within .input-icon{color:var(--accent)}.contact-form input,.contact-form textarea{width:100%;background:rgba(244,247,251,0.7);border:1.5px solid rgba(26,109,212,0.08);border-radius:12px;padding:15px 16px 15px 44px;font-family:var(--font-body);font-size:1.45rem;color:var(--text-primary);transition:border-color 0.3s,background-color 0.3s,box-shadow 0.3s}.contact-form textarea{padding-top:15px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent);background:#ffffff;box-shadow:0 0 0 3px rgba(255,106,0,0.08)}.btn-submit{width:100%;padding:16px 28px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}.btn-submit i{font-size:1.2rem;transition:transform 0.3s ease}.btn-submit:hover i{transform:translateX(4px)}.contact-info{display:flex;flex-direction:column;gap:16px}.info-item{background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.9);border-radius:20px;padding:22px 24px;display:flex;gap:18px;align-items:center;box-shadow:0 2px 8px rgba(26,39,68,0.03),0 8px 24px rgba(26,39,68,0.04);transition:transform 0.4s,box-shadow 0.4s;position:relative;overflow:hidden}.info-item::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background:var(--accent-gradient);opacity:0;transition:opacity 0.4s ease}.info-item:hover{transform:translateX(6px);box-shadow:0 4px 12px rgba(26,39,68,0.04),0 12px 32px rgba(26,39,68,0.06)}.info-item:hover::before{opacity:1}.info-icon{width:48px;height:48px;min-width:48px;border-radius:14px;background:rgba(255,106,0,0.08);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--accent);transition:background-color 0.4s,color 0.4s,transform 0.4s}.info-item:hover .info-icon{background:var(--accent-gradient);color:#fff;transform:scale(1.05) rotate(-3deg)}.info-text{flex:1}.info-text h3{font-size:1.45rem;font-weight:700;margin-bottom:3px}.info-text p{font-size:1.35rem;color:var(--text-secondary);margin:0;line-height:1.5}.info-text p a{color:var(--text-secondary)}.info-text p a:hover{color:var(--accent)}.contact-social{background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.9);border-radius:20px;padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px rgba(26,39,68,0.03),0 8px 24px rgba(26,39,68,0.04)}.social-label{font-size:1.3rem;font-weight:600;color:var(--text-secondary);margin:0;white-space:nowrap}.social-icons{display:flex;gap:8px}.social-icon{width:40px;height:40px;border-radius:12px;background:rgba(244,247,251,0.8);border:1px solid rgba(26,109,212,0.06);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.4rem;transition:background-color 0.3s,color 0.3s,border-color 0.3s,transform 0.3s,box-shadow 0.3s}.social-icon:hover{background:var(--accent-gradient);color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 6px 16px var(--accent-glow)}.social-icon.wa-icon{color:#25d366}.social-icon.wa-icon:hover{background:#25d366;color:#fff;border-color:#25d366;box-shadow:0 6px 16px rgba(37,211,102,0.35)}.contact-map{grid-column:1 / -1;border-radius:24px;overflow:hidden;height:380px;position:relative;box-shadow:0 4px 16px rgba(26,39,68,0.04),0 12px 40px rgba(26,39,68,0.06);border:1px solid rgba(255,255,255,0.9)}.contact-map iframe{width:100%;height:100%}.map-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.15)}@media (max-width:991px){.contact-grid{grid-template-columns:1fr;gap:30px}.contact-form{padding:32px 28px}.contact-map{height:300px}}@media (max-width:575px){.contact-form{padding:24px 20px}.contact-social{flex-direction:column;align-items:flex-start}.contact-map{height:240px}}.testimonials{background:var(--bg-primary);padding:100px 0;position:relative}.testimonials .container{position:relative}.testimonials-wrapper{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 60px;z-index:2}.testimonials-slider{padding:20px 10px 70px 10px;overflow:hidden}.testimonial-item{background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.9);border-radius:24px;padding:40px 32px;text-align:left;box-shadow:0 4px 16px rgba(26,39,68,0.04),0 12px 32px rgba(26,39,68,0.03);opacity:0.7;transform:scale(0.95);transition:opacity 0.6s cubic-bezier(0.16,1,0.3,1),transform 0.6s cubic-bezier(0.16,1,0.3,1),border-color 0.6s,background-color 0.6s,box-shadow 0.6s;display:flex;flex-direction:column;justify-content:space-between;position:relative}.testimonials-slider .swiper-slide-active{opacity:1;transform:scale(1);border:1px solid rgba(255,106,0,0.15);background:rgba(255,255,255,0.98);box-shadow:0 8px 28px rgba(26,39,68,0.06),0 24px 48px rgba(26,39,68,0.04)}.testimonial-icon{margin-bottom:14px;font-size:2.6rem;line-height:1;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0.2;transition:opacity 0.4s ease}.testimonials-slider .swiper-slide-active .testimonial-icon{opacity:0.35}.testimonial-content{font-size:1.5rem;font-style:normal;line-height:1.75;color:var(--text-secondary);margin-bottom:24px;position:relative;flex:1}.testimonial-content p{margin:0;position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;gap:16px;border-top:1px solid rgba(26,109,212,0.06);padding-top:20px;margin-top:auto;position:relative}.testimonial-author img{width:56px;height:56px;border-radius:50%;object-fit:cover;position:relative;box-shadow:0 4px 16px rgba(26,39,68,0.1)}.author-info{text-align:left;flex:1}.author-info h4{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 2px;display:flex;align-items:center;gap:6px}.verified-badge{color:var(--accent-green);font-size:1.2rem;display:inline-flex;align-items:center}.author-role{display:block;font-size:1.2rem;color:var(--text-secondary);margin-bottom:4px}.author-info .rating{display:flex;gap:2px;font-size:1.1rem}.author-info .rating i{background:linear-gradient(135deg,var(--accent-amber),#ffb800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(245,158,11,0.2))}.testimonials .swiper-button-next,.testimonials .swiper-button-prev{width:44px;height:44px;background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;border:1px solid rgba(255,255,255,0.6);color:var(--text-primary);box-shadow:0 4px 16px rgba(26,39,68,0.06);transition:background-color 0.3s,border-color 0.3s,color 0.3s,transform 0.3s,box-shadow 0.3s;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;outline:none;font-size:1.1rem}.testimonials .swiper-button-next::after,.testimonials .swiper-button-prev::after{display:none}.testimonials .swiper-button-next{right:0}.testimonials .swiper-button-prev{left:0}.testimonials .swiper-button-next:hover,.testimonials .swiper-button-prev:hover{background:var(--accent-gradient);border-color:transparent;color:#ffffff;transform:translateY(-50%) scale(1.1);box-shadow:0 8px 24px var(--accent-glow)}.testimonials .swiper-button-next:active,.testimonials .swiper-button-prev:active{transform:translateY(-50%) scale(0.95)}.testimonials .swiper-pagination{bottom:0 !important;display:flex;align-items:center;justify-content:center;width:100%;gap:6px}.testimonials .swiper-pagination-bullet{width:8px;height:8px;background:rgba(26,109,212,0.15);opacity:1;margin:0 !important;border-radius:50%;transition:width 0.5s,background 0.5s,border-radius 0.5s;cursor:pointer}.testimonials .swiper-pagination-bullet-active{background:var(--accent-gradient);width:28px;border-radius:4px;box-shadow:0 2px 10px var(--accent-glow)}@media (max-width:991px){.testimonials-wrapper{padding:0 40px}.testimonial-item{opacity:0.6;transform:scale(0.97)}.testimonials-slider .swiper-slide-active{transform:scale(1);opacity:1}}@media (max-width:768px){.testimonials{padding:85px 0}.testimonials-wrapper{padding:0 24px}.testimonials-slider{padding:14px 0 60px 0}.testimonial-item{padding:36px 24px;opacity:1;transform:scale(1);border-radius:18px;background:rgba(255,255,255,0.95)}.testimonials-slider .swiper-slide-active{transform:scale(1);border:1px solid rgba(255,106,0,0.12)}.testimonial-icon{font-size:2.6rem}.testimonial-content{font-size:1.6rem}.testimonial-author{padding-top:16px;margin-top:20px}.testimonial-author img{width:48px;height:48px}.author-info h4{font-size:1.4rem;flex-wrap:wrap}.author-role{font-size:1.1rem}.testimonials .swiper-button-next,.testimonials .swiper-button-prev{width:38px;height:38px;font-size:1rem;background:rgba(255,255,255,0.95)}.testimonials .swiper-button-next{right:0}.testimonials .swiper-button-prev{left:0}}.logo-clients{position:relative;padding:90px 0 100px;overflow:hidden}.logo-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.logo-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(255,154,46,0.05) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(26,109,212,0.04) 0%,transparent 70%)}.logo-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(26,109,212,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(26,109,212,0.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 70%)}.logo-orb{position:absolute;border-radius:50%}.logo-orb-1{top:-15%;right:-8%;width:450px;height:450px;background:radial-gradient(circle,rgba(255,154,46,0.06) 0%,transparent 70%);filter:blur(70px);animation:logo-orb-drift 16s ease-in-out infinite}.logo-orb-2{bottom:-20%;left:-5%;width:380px;height:380px;background:radial-gradient(circle,rgba(26,109,212,0.05) 0%,transparent 70%);filter:blur(60px);animation:logo-orb-drift 20s ease-in-out infinite reverse}@keyframes logo-orb-drift{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(40px,-30px) scale(1.06)}50%{transform:translate(-25px,20px) scale(0.95)}75%{transform:translate(20px,-15px) scale(1.03)}}.logo-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(255,125,0,0.08),rgba(26,109,212,0.05));border:1px solid rgba(255,125,0,0.15);color:var(--accent);font-size:clamp(0.7rem,0.9vw,0.85rem);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:6px 18px;border-radius:30px;margin-bottom:16px}.logo-badge i{font-size:0.6rem;opacity:0.6}.logo-track-wrap{position:relative;background:rgba(255,255,255,0.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.6);border-radius:18px;padding:6px 0;box-shadow:0 2px 12px rgba(26,39,68,0.03),inset 0 1px 0 rgba(255,255,255,0.7);overflow:visible}.logo-track-corner{position:absolute;width:20px;height:20px;border-color:rgba(255,125,0,0.2);border-style:solid;z-index:3;pointer-events:none;opacity:0;animation:logo-corner-in 0.8s ease forwards 0.3s}@keyframes logo-corner-in{to{opacity:1}}.logo-track-tl{top:-1px;left:-1px;border-width:2px 0 0 2px;border-radius:18px 0 0 0}.logo-track-tr{top:-1px;right:-1px;border-width:2px 2px 0 0;border-radius:0 18px 0 0}.logo-track-bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px;border-radius:0 0 0 18px}.logo-track-br{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-radius:0 0 18px 0}.logo-slider{padding:0}.logo-slider .swiper-wrapper{transition-timing-function:linear !important}.logo-slider .swiper-slide{display:flex;align-items:center;justify-content:center;width:auto;height:auto;padding:6px 10px;position:relative;z-index:1}.logo-item{display:flex;align-items:center;justify-content:center;width:clamp(90px,11vw,130px);height:clamp(54px,6.5vw,72px);background:rgba(255,255,255,0.35);border-radius:12px;border:1px solid rgba(255,255,255,0.4);position:relative;transition:background-color 0.55s,border-color 0.55s,transform 0.55s,box-shadow 0.55s;z-index:1;overflow:visible;transform-origin:center bottom}.logo-item img{max-width:clamp(80px,12vw,130px);max-height:clamp(34px,5vw,56px);width:auto;height:auto;opacity:0.35;object-fit:contain;position:relative;z-index:2;transition:opacity 0.55s,filter 0.55s,transform 0.55s,box-shadow 0.55s;pointer-events:auto;filter:none;opacity:0.8;will-change:transform}.logo-slider .swiper-slide:hover .logo-item{z-index:10;background:rgba(255,255,255,0.85);border-color:rgba(255,255,255,0.8);transform:scale(1);box-shadow:0 20px 60px rgba(0,0,0,0.1),0 0 0 3px rgba(255,255,255,0.6)}.logo-slider .swiper-slide:hover .logo-item img{opacity:1;filter:none;transform:scale(1);box-shadow:0 clamp(50px,10vw,110px) clamp(80px,14vw,180px) rgba(0,0,0,0.15),0 0 0 clamp(6px,1vw,10px) rgba(255,255,255,0.95);border-radius:8px}.logo-slider .swiper-slide:active .logo-item{z-index:10;background:rgba(255,255,255,0.85);border-color:rgba(255,255,255,0.8);transform:scale(1);box-shadow:0 20px 60px rgba(0,0,0,0.1),0 0 0 3px rgba(255,255,255,0.6)}.logo-slider .swiper-slide:active .logo-item img{opacity:1;filter:none;transform:scale(1);box-shadow:0 clamp(50px,10vw,110px) clamp(80px,14vw,180px) rgba(0,0,0,0.15),0 0 0 clamp(6px,1vw,10px) rgba(255,255,255,0.95);border-radius:8px}.logo-trust{display:flex;align-items:center;gap:20px;max-width:560px;margin:40px auto 0}.logo-trust-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(26,109,212,0.12),transparent)}.logo-trust-content{display:flex;align-items:center;gap:10px;white-space:nowrap}.logo-trust-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);border-radius:50%;color:#fff;font-size:0.75rem;flex-shrink:0}.logo-trust-text{font-size:clamp(1.2rem,1.4vw,1.5rem);color:var(--text-secondary);font-weight:400}.logo-trust-text strong{color:var(--accent);font-weight:700}@media (max-width:768px){.logo-clients{padding:65px 0 75px}.logo-track-wrap{border-radius:16px;padding:6px 0}.logo-item{width:110px;height:64px}.logo-item img{max-width:85px;max-height:36px}.logo-trust{gap:14px;margin-top:30px}.logo-trust-icon{width:30px;height:30px;font-size:0.65rem}.logo-track-tl,.logo-track-tr,.logo-track-bl,.logo-track-br{width:14px;height:14px}}@media (max-width:480px){.logo-clients{padding:50px 0 60px}.logo-track-wrap{border-radius:10px;padding:2px 0}.logo-item{width:100px;height:58px;border-radius:10px}.logo-item img{max-width:75px;max-height:30px;opacity:0.7}.logo-trust{gap:10px;margin-top:24px}.logo-trust-icon{width:26px;height:26px;font-size:0.55rem}.logo-trust-text{font-size:1.1rem}.logo-track-tl,.logo-track-tr,.logo-track-bl,.logo-track-br{width:10px;height:10px}}.footer--article{background-color:var(--footer-bg);padding:50px 0 30px}.footer--article .footer-content{gap:28px;margin-bottom:36px}.footer--article .footer-section h4{font-size:1.1rem;color:var(--footer-text-heading);margin-bottom:14px}.footer--article .footer-section p,.footer--article .footer-section li a{font-size:1rem;color:var(--footer-text)}.footer--article .footer-bottom{padding-top:20px;font-size:1rem}.footer--article .footer-section .social-links a{width:32px;height:32px;font-size:1.1rem}.footer{background:var(--footer-bg);padding:80px 0 40px;color:var(--footer-text);position:relative;overflow:hidden}.footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%);opacity:0.25}.footer::after{content:'';position:absolute;top:-200px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(255,125,0,0.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:footer-orb 12s ease-in-out infinite}@keyframes footer-orb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,30px) scale(1.1)}}.footer-content{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.2fr;gap:40px;margin-bottom:50px;position:relative;z-index:1}.footer-about .footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px;text-decoration:none}.footer-logo img{width:40px;height:auto;filter:drop-shadow(0 0 16px rgba(255,125,0,0.2))}.footer-logo span{font-size:1.8rem;font-weight:800;color:var(--footer-text-heading);letter-spacing:-0.02em;background:linear-gradient(135deg,#fff 30%,rgba(255,255,255,0.6) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-about p{color:var(--footer-text);font-size:1.4rem;line-height:1.7;margin-bottom:24px;max-width:400px}.footer-about .social-links{display:flex;gap:10px}.footer-about .social-links a{width:44px;height:44px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--footer-text);font-size:1.4rem;text-decoration:none;transition:background-color 0.4s,color 0.4s,border-color 0.4s,transform 0.4s,box-shadow 0.4s}.footer-about .social-links a:hover{background:var(--accent-gradient);color:#fff;border-color:transparent;transform:translateY(-5px) scale(1.08);box-shadow:0 10px 28px rgba(255,125,0,0.35)}.footer-links h3,.footer-contact h3{font-size:1.5rem;font-weight:700;color:var(--footer-text-heading);margin-bottom:24px;position:relative;padding-bottom:12px}.footer-links h3::after,.footer-contact h3::after{content:'';position:absolute;bottom:0;left:0;width:32px;height:2px;background:var(--accent-gradient);border-radius:2px}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:12px;padding:0;margin:0}.footer-links ul a{color:var(--footer-text);font-size:1.4rem;text-decoration:none;transition:color 0.3s,transform 0.3s;display:inline-block}.footer-links ul a::before{content:'\203A';margin-right:8px;color:var(--accent);opacity:0;transition:opacity 0.3s;font-weight:700}.footer-links ul a:hover{color:var(--accent);transform:translateX(6px)}.footer-links ul a:hover::before{opacity:1}.footer-contact ul{list-style:none;display:flex;flex-direction:column;gap:16px;padding:0;margin:0}.footer-contact li{display:flex;gap:14px;color:var(--footer-text);font-size:1.4rem;line-height:1.5}.footer-contact li i{color:var(--accent);font-size:1.4rem;margin-top:3px;width:20px;text-align:center}.footer-contact li a{color:var(--footer-text);text-decoration:none;transition:color 0.3s ease}.footer-contact li a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--footer-border);padding-top:30px;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--footer-text-bottom);font-size:1.35rem;gap:8px;position:relative;z-index:1}.footer-bottom a{color:rgba(255,255,255,0.4);font-weight:600;text-decoration:none;transition:color 0.3s ease}.footer-bottom a:hover{color:var(--accent)}.footer-bottom .mca-highlight{color:var(--accent) !important}@media (max-width:991px){.footer-content{grid-template-columns:1fr 1fr;gap:36px}.footer-about{grid-column:1 / -1}}@media (max-width:575px){.footer-content{grid-template-columns:1fr;gap:36px}.footer{padding:75px 0 40px}}.wa-float{position:fixed;bottom:30px;right:30px;width:68px;height:68px;background:var(--wa-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3.2rem;cursor:pointer;z-index:999;box-shadow:0 8px 25px var(--wa-glow),0 0 0 0 rgba(37,211,102,0.3);transition:transform 0.3s,box-shadow 0.3s;animation:wa-bounce 2.5s infinite cubic-bezier(0.34,1.56,0.64,1)}.wa-float::before{content:'';position:absolute;inset:-5px;border-radius:50%;border:2.5px solid rgba(37,211,102,0.25);animation:wa-ring 2.5s infinite cubic-bezier(0.34,1.56,0.64,1)}.wa-float::after{content:'';position:absolute;inset:-12px;border-radius:50%;border:1.5px solid rgba(37,211,102,0.1);animation:wa-ring-outer 2.5s infinite cubic-bezier(0.34,1.56,0.64,1) 0.3s}.wa-float:hover{animation-play-state:paused;transform:scale(1.15) rotate(-8deg);box-shadow:0 16px 40px rgba(37,211,102,0.5),0 0 0 8px rgba(37,211,102,0.08)}.wa-float:hover::before,.wa-float:hover::after{animation-play-state:paused}@keyframes wa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.08) translateY(-4px)}20%{transform:scale(0.95) translateY(2px)}30%{transform:scale(1.04) translateY(-2px)}40%{transform:scale(0.98) translateY(0)}50%{transform:scale(1) translateY(-6px)}65%{transform:scale(0.96) translateY(3px)}80%{transform:scale(1.02) translateY(-1px)}100%{transform:scale(1) translateY(0)}}@keyframes wa-ring{0%{transform:scale(1);opacity:0.6}40%{transform:scale(1.25);opacity:0}100%{transform:scale(1.25);opacity:0}}@keyframes wa-ring-outer{0%{transform:scale(1);opacity:0.4}40%{transform:scale(1.4);opacity:0}100%{transform:scale(1.4);opacity:0}}.wa-popup{position:fixed;bottom:30px;right:105px;width:360px;background:#ffffff;border-radius:16px;box-shadow:0 8px 40px rgba(10,25,49,0.15);overflow:hidden;z-index:9999;opacity:0;visibility:hidden;transform:translateY(10px) scale(0.96);transition:opacity 0.4s,visibility 0.4s,transform 0.4s;transform-origin:bottom right}.wa-popup.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}@media (max-width:575px){.wa-popup{right:20px;bottom:120px;width:calc(100% - 40px);transform:translateY(20px) scale(0.96)}.wa-popup.active{transform:translateY(0) scale(1)}}.wa-popup-header{background:var(--wa-gradient);color:#fff;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.wa-header-left{display:flex;align-items:center;gap:12px}.wa-avatar{width:40px;height:40px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.wa-header-title{font-family:var(--font-title);font-weight:700;font-size:1.5rem;display:block}.wa-header-status{font-size:1.1rem;opacity:0.85;display:block;margin-top:1px}.wa-header-status::before{content:'';display:inline-block;width:7px;height:7px;background:#fff;border-radius:50%;margin-right:6px;vertical-align:middle;animation:wa-dot 1.5s infinite}@keyframes wa-dot{0%,100%{opacity:1}50%{opacity:0.3}}#wa-close{background:rgba(255,255,255,0.15);border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:2rem;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease}#wa-close:hover{background:rgba(255,255,255,0.3)}.wa-popup-body{padding:20px}.wa-bubble{display:flex;gap:10px;margin-bottom:20px;animation:wa-slide-up 0.5s ease}@keyframes wa-slide-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wa-bubble-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;overflow:hidden}.wa-bubble-avatar img{width:100%;height:100%;object-fit:cover}.wa-bubble-text{background:var(--wa-bubble-bg);padding:12px 16px;border-radius:8px 16px 16px 16px;font-size:1.35rem;color:var(--text-primary);line-height:1.5;position:relative}.wa-popup-send{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--wa-gradient);color:#fff;padding:14px;border-radius:12px;font-family:var(--font-title);font-size:1.45rem;font-weight:700;box-shadow:0 4px 15px var(--wa-glow);transition:transform 0.3s,box-shadow 0.3s}.wa-popup-send:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--wa-glow)}.back-to-top{position:fixed;bottom:105px;right:36px;width:48px;height:48px;background:var(--accent-gradient);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;cursor:pointer;z-index:998;box-shadow:0 4px 15px var(--accent-glow);opacity:0;visibility:hidden;transition:opacity 0.4s,visibility 0.4s,transform 0.4s,box-shadow 0.4s;text-align:center;line-height:1}.back-to-top.active{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-6px);box-shadow:0 8px 25px var(--accent-glow)}.back-to-top:active{transform:translateY(-2px)}.about-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.5s,visibility 0.5s}.about-modal.active{opacity:1;visibility:visible}.about-modal-overlay{position:absolute;inset:0;background:rgba(10,25,49,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.about-modal-container{position:relative;background:#ffffff;border-radius:24px;width:92%;max-width:880px;max-height:85vh;overflow-y:auto;padding:36px 40px;z-index:1;box-shadow:0 8px 40px rgba(10,25,49,0.12),0 2px 10px rgba(10,25,49,0.06);transform:scale(0.92) translateY(20px);transition:transform 0.5s cubic-bezier(0.16,1,0.3,1)}.about-modal.active .about-modal-container{transform:scale(1) translateY(0)}.modal-blob{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.modal-blob-1{top:-80px;right:-60px;width:260px;height:260px;background:radial-gradient(circle,rgba(255,125,0,0.08) 0%,transparent 70%);animation:modal-blob-float 8s ease-in-out infinite}.modal-blob-2{bottom:-40px;left:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(26,109,212,0.06) 0%,transparent 70%);animation:modal-blob-float 10s ease-in-out infinite reverse}.modal-blob-3{top:40%;left:-20px;width:120px;height:120px;background:radial-gradient(circle,rgba(255,125,0,0.04) 0%,transparent 70%);animation:modal-blob-float 7s ease-in-out infinite 1s}@keyframes modal-blob-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(15px,-20px) scale(1.1)}}.about-modal-close{position:absolute;top:20px;right:20px;background:rgba(244,247,251,0.8);border:none;color:var(--text-secondary);width:36px;height:36px;border-radius:50%;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s,color 0.3s,transform 0.3s,box-shadow 0.3s;z-index:5}.about-modal-close:hover{background:var(--accent-gradient);color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 14px var(--accent-glow)}.about-modal-header{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(26,109,212,0.08);position:relative;z-index:1}.modal-logo-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.modal-logo-icon{width:44px;height:44px;background:rgba(255,125,0,0.08);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,125,0,0.12)}.modal-logo-icon img{width:28px;height:auto}.modal-logo-title span{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#1a2744 30%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-modal-tabs{display:flex;gap:4px;background:rgba(244,247,251,0.6);padding:4px;border-radius:14px;position:relative}.modal-tab-indicator{position:absolute;top:4px;left:4px;height:calc(100% - 8px);background:#ffffff;border-radius:10px;box-shadow:0 2px 8px rgba(10,25,49,0.06);transition:left 0.4s cubic-bezier(0.16,1,0.3,1),width 0.4s cubic-bezier(0.16,1,0.3,1);z-index:0;pointer-events:none}.modal-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-title);font-size:1.4rem;font-weight:600;padding:11px 16px;cursor:pointer;border-radius:10px;transition:color 0.3s,background-color 0.3s;white-space:nowrap;position:relative;z-index:1}.modal-tab-btn i{font-size:1.3rem;transition:transform 0.3s ease}.modal-tab-btn.active i{color:var(--accent)}.modal-tab-btn:hover:not(.active) i{transform:scale(1.15)}.about-modal-body{margin-top:0;position:relative;z-index:1}.modal-tab-content{display:none}.modal-tab-content.active{display:block;animation:modal-fade-in 0.4s cubic-bezier(0.16,1,0.3,1)}@keyframes modal-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-grid-two{display:grid;grid-template-columns:1.2fr 0.8fr;gap:36px;align-items:start}.modal-text-content h3{font-size:2rem;font-weight:800;margin-bottom:14px;line-height:1.3;background:linear-gradient(135deg,#1a2744 30%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-text-content p{color:var(--text-secondary);margin-bottom:14px;font-size:1.45rem;line-height:1.7}.modal-image-decor{display:flex;flex-direction:column;gap:16px}.decor-card{background:linear-gradient(135deg,rgba(255,125,0,0.03) 0%,rgba(255,154,46,0.06) 100%);border:1px solid rgba(255,125,0,0.1);border-radius:16px;padding:22px;transition:transform 0.4s,border-color 0.4s,box-shadow 0.4s;position:relative;overflow:hidden}.decor-card::after{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-gradient);opacity:0;transition:opacity 0.3s ease}.decor-card:hover{transform:translateX(6px);border-color:rgba(255,125,0,0.25);box-shadow:0 8px 24px rgba(255,125,0,0.08),0 2px 6px rgba(255,125,0,0.04)}.decor-card:hover::after{opacity:1}.decor-card-icon{width:44px;height:44px;background:var(--accent-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;margin-bottom:14px;transition:transform 0.3s,box-shadow 0.3s}.decor-card:hover .decor-card-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 4px 14px var(--accent-glow)}.decor-card h4{font-size:1.5rem;font-weight:700;margin-bottom:6px}.decor-card p{font-size:1.3rem;color:var(--text-muted);line-height:1.5;margin-bottom:0}.vision-box,.mission-box{background:rgba(244,247,251,0.5);border:1px solid rgba(26,109,212,0.08);border-radius:18px;padding:30px;transition:border-color 0.3s,box-shadow 0.3s}.vision-box:hover,.mission-box:hover{border-color:rgba(26,109,212,0.15);box-shadow:0 4px 20px rgba(26,109,212,0.04)}.badge-title{display:inline-flex;align-items:center;gap:6px;background:var(--accent-gradient);color:#fff;padding:5px 14px;border-radius:20px;font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:14px;box-shadow:0 4px 12px var(--accent-glow)}.badge-title i{font-size:0.9rem}.vision-box h3{font-size:1.9rem;font-weight:800;margin-bottom:12px;line-height:1.3}.vision-box p{color:var(--text-secondary);font-size:1.4rem;margin-bottom:0;line-height:1.7}.mission-list{list-style:none;display:flex;flex-direction:column;gap:14px}.mission-list li{display:flex;gap:14px;align-items:flex-start;transition:transform 0.3s}.mission-list li:hover{transform:translateX(4px)}.mission-list li .num{width:28px;height:28px;min-width:28px;background:var(--accent-gradient);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 10px var(--accent-glow);transition:transform 0.3s}.mission-list li:hover .num{transform:scale(1.15)}.mission-list li p{color:var(--text-secondary);font-size:1.35rem;margin-bottom:0;line-height:1.6}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.value-card{background:rgba(244,247,251,0.5);border:1px solid rgba(26,109,212,0.06);border-radius:18px;padding:24px;transition:transform 0.4s,box-shadow 0.4s,border-color 0.4s;position:relative;overflow:hidden}.value-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent-gradient);opacity:0;transition:opacity 0.3s ease}.value-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,125,0,0.02) 0%,transparent 50%);opacity:0;transition:opacity 0.4s ease}.value-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(10,25,49,0.08),0 4px 12px rgba(255,125,0,0.04);border-color:rgba(255,125,0,0.15)}.value-card:hover::before{opacity:1}.value-card:hover::after{opacity:1}.value-card-icon{width:48px;height:48px;background:rgba(255,125,0,0.08);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--accent);margin-bottom:14px;transition:background-color 0.4s,color 0.4s,transform 0.4s,box-shadow 0.4s;position:relative;z-index:1}.value-card:hover .value-card-icon{background:var(--accent-gradient);color:#fff;transform:scale(1.08) rotate(-6deg);box-shadow:0 6px 20px var(--accent-glow)}.value-card h4{font-size:1.6rem;font-weight:700;margin-bottom:8px;position:relative;z-index:1}.value-card p{font-size:1.3rem;color:var(--text-secondary);margin-bottom:0;line-height:1.6;position:relative;z-index:1}.about-modal-container::-webkit-scrollbar{width:6px}.about-modal-container::-webkit-scrollbar-track{background:transparent}.about-modal-container::-webkit-scrollbar-thumb{background:rgba(255,125,0,0.2);border-radius:3px}.about-modal-container::-webkit-scrollbar-thumb:hover{background:rgba(255,125,0,0.35)}@media (max-width:768px){.about-modal-container{padding:32px 28px;width:95%}.modal-grid-two{grid-template-columns:1fr;gap:28px}.modal-logo-title span{font-size:1.7rem}.about-modal-tabs{overflow-x:auto}.modal-tab-btn{font-size:1.4rem;padding:10px 16px;white-space:nowrap}.values-grid{grid-template-columns:1fr}}@media (max-width:575px){.about-modal-container{padding:24px 20px}.modal-logo-title img{width:32px}.modal-logo-title span{font-size:1.5rem}}:root{--fluid-h1:clamp(2.2rem,5.5vw,5.5rem);--fluid-h2:clamp(1.8rem,3.8vw,3.6rem);--fluid-h3:clamp(1.5rem,2.5vw,2.4rem);--fluid-body:clamp(1.4rem,1.6vw,1.6rem);--fluid-small:clamp(1.2rem,1.3vw,1.4rem)}@media (max-width:1400px){.container{max-width:1140px}}@media (max-width:1199px){.container{max-width:960px}.about .row{gap:40px}.stats-grid{grid-template-columns:repeat(2,1fr);margin-top:30px}.services-grid{grid-template-columns:repeat(2,1fr)}.box-container{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr 1fr}}@media (max-width:1024px){.about-content-col{width:calc(100% - 32px);max-width:calc(100% - 32px);margin:-60px auto 0;padding:24px 26px;border-radius:16px}.about-content-col .about-heading{font-size:1.5rem}.about-content-col .about-desc{font-size:1.2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.container{max-width:720px}.section{padding:70px 0}.about .row{grid-template-columns:1fr;gap:40px}.about-media{max-width:600px;margin:0 auto}.contact-grid{grid-template-columns:1fr}.services-grid{gap:20px}.project-filters{gap:8px}.filter-btn{padding:8px 16px;font-size:1.2rem}.testimonial-item{padding:28px 24px}.testimonials-slider{padding:20px 0}}@media (max-width:900px){.section{padding:60px 0}.services-grid{gap:16px}.testimonial-item{padding:24px 20px}.blog-card .blog-content{padding:18px 16px}#gondolafirdaus-header .nav-link.active{background:linear-gradient(135deg,rgba(255,125,0,0.08) 0%,rgba(255,125,0,0.02) 100%);border-left:3px solid var(--accent);padding-left:12px;border-bottom:1px solid #f1f3f4}}@media (max-width:768px){.container{max-width:100%;padding:0 24px}.section{padding:70px 0}.about{padding:65px 0 75px}.about-video-wrapper{border-radius:18px}.about-content-col{width:calc(100% - 28px);max-width:calc(100% - 28px);margin-top:-55px;padding:28px 24px;border-radius:16px}.about-content-col .about-heading{font-size:1.7rem}.about-content-col .about-desc{font-size:1.35rem}.about-features{grid-template-columns:1fr;gap:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.stat-card{padding:30px 20px 28px}.stat-number-wrap h3{font-size:2.8rem}.plus-sign{font-size:1.7rem}.stat-label{font-size:1.15rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:18px}.service-card{padding:30px 22px}.service-card-inner{padding:28px 20px 24px !important}.service-icon{width:64px !important;height:64px !important;margin-bottom:16px !important}.service-icon img{width:30px !important}.service-card .service-card-inner h3{font-size:1.8rem;margin-bottom:8px}.service-card .service-card-inner p{font-size:1.4rem;margin-bottom:14px}.box-container{grid-template-columns:repeat(2,1fr);gap:18px}.box-container .box .content{padding:18px 16px 20px}.box-container .box > .category-badge{top:12px;left:12px;font-size:1.05rem;padding:5px 14px}.box-container .box .info h3{font-size:1.7rem}.box-container .box .info p{font-size:1.4rem}.project-filters{overflow-x:auto;flex-wrap:nowrap;gap:8px;padding-bottom:6px}.project-filters::-webkit-scrollbar{height:2px}.filter-btn{flex-shrink:0;padding:10px 20px;font-size:1.35rem}.testimonials{padding:65px 0}.testimonial-item{padding:32px 28px}.testimonial-content p{font-size:1.55rem}.author-info h4{font-size:1.7rem}.author-info span{font-size:1.4rem}.testimonial-author img{width:54px;height:54px}.testimonials-slider{padding:18px 0}.blog-card .blog-content{padding:22px 20px}.blog-card .blog-content .blog-title{font-size:1.75rem}.blog-card .blog-content .blog-desc{font-size:1.4rem}.contact{padding:65px 0}.contact-form{padding:28px 24px}.footer-content{grid-template-columns:1fr 1fr;gap:28px}#gondolafirdaus-footer .footer-bottom{padding:24px 0}#gondolafirdaus-footer .footer-bottom-inner{flex-direction:column;gap:10px;text-align:center}.about-modal-container{padding:32px 28px;width:95%}.modal-grid-two{grid-template-columns:1fr;gap:28px}.modal-logo-title span{font-size:1.7rem}.about-modal-tabs{overflow-x:auto}.modal-tab-btn{font-size:1.4rem;padding:10px 16px;white-space:nowrap}.values-grid{grid-template-columns:1fr}.section-title{font-size:2.7rem}.section-subtitle{font-size:1.55rem}}@media (min-width:481px) and (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:18px}.services-grid{grid-template-columns:repeat(2,1fr);gap:18px}.box-container{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width:600px){.section{padding:60px 0}.about{padding:60px 0 70px}.about-content-col{width:calc(100% - 24px);max-width:calc(100% - 24px);margin-top:-45px;padding:24px 20px;border-radius:15px}.about-content-col .about-heading{font-size:1.6rem}.about-content-col .about-desc{font-size:1.3rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:26px 16px 24px}.stat-number-wrap h3{font-size:2.6rem}.plus-sign{font-size:1.6rem}.stat-label{font-size:1.1rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:16px}.service-card{padding:26px 18px}.service-card-inner{padding:24px 16px 20px !important}.service-icon{width:56px !important;height:56px !important;margin-bottom:14px !important}.service-icon img{width:26px !important}.service-card .service-card-inner h3{font-size:1.7rem;margin-bottom:6px}.service-card .service-card-inner p{font-size:1.35rem;margin-bottom:12px}.box-container{grid-template-columns:repeat(2,1fr);gap:16px}.box-container .box .content{padding:16px 14px 18px}.box-container .box .info h3{font-size:1.6rem}.box-container .box .info p{font-size:1.3rem}.testimonial-item{padding:28px 22px}.testimonial-content p{font-size:1.45rem}.blog-card .blog-content{padding:20px 18px}.blog-card .blog-content .blog-title{font-size:1.65rem}.blog-card .blog-content .blog-desc{font-size:1.35rem}.contact-form{padding:26px 22px}.footer-content{grid-template-columns:1fr 1fr;gap:24px}.section-title{font-size:2.5rem}.section-subtitle{font-size:1.5rem}}@media (max-width:576px){.about{padding:55px 0 65px}.about-content-col{width:calc(100% - 20px);max-width:calc(100% - 20px);margin-top:-40px;padding:22px 18px;border-radius:14px}.about-content-col .about-heading{font-size:1.5rem}.about-content-col .about-desc{font-size:1.25rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:14px}.stat-card{padding:24px 14px 22px}.stat-number-wrap h3{font-size:2.7rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:14px}.service-card{padding:22px 14px}.service-card-inner{padding:20px 14px 18px !important}.service-icon{width:50px !important;height:50px !important;margin-bottom:12px !important;border-radius:14px !important}.service-icon img{width:22px !important}.service-card .service-card-inner h3{font-size:1.6rem;margin-bottom:6px}.service-card .service-card-inner p{font-size:1.3rem;margin-bottom:10px}.box-container{grid-template-columns:repeat(2,1fr);gap:14px}.box-container .box .content{padding:14px 12px 16px}.box-container .box .info h3{font-size:1.55rem}.box-container .box .info p{font-size:1.25rem}.testimonial-item{padding:26px 20px}.testimonial-author img{width:50px;height:50px}.testimonial-content p{font-size:1.4rem}.testimonials .swiper-button-next,.testimonials .swiper-button-prev{width:40px;height:40px}.blog-card .blog-content{padding:18px 16px}.blog-card .blog-content .blog-title{font-size:1.6rem}.contact-form{padding:24px 20px}.contact-form input,.contact-form textarea{font-size:1.6rem}.footer-content{grid-template-columns:1fr;gap:36px}#gondolafirdaus-footer .footer-bottom{padding:20px 0}#gondolafirdaus-footer .footer-links{flex-direction:column;gap:10px;align-items:center}.about-modal-container{padding:24px 20px}.modal-logo-title img{width:32px}.modal-logo-title span{font-size:1.5rem}.section-title{font-size:2.4rem}.section-subtitle{font-size:1.4rem}#gondolafirdaus-header .anti-text{display:none}.btn{padding:14px 28px;font-size:1.55rem}}@media (max-width:480px){.stat-number-wrap h3{font-size:2.8rem}.stat-label{font-size:1.15rem}.service-card .service-card-inner h3{font-size:1.8rem}.section-title{font-size:2.3rem}.btn{padding:15px 28px}.container{padding:0 18px}}@media (max-width:400px){.stat-number-wrap h3{font-size:2.6rem}.stat-label{font-size:1.1rem}.service-card .service-card-inner h3{font-size:1.7rem}.section-title{font-size:2.2rem}.btn{padding:16px 24px;width:100%;text-align:center}}@media (max-width:360px){.logo-item{width:95px;height:58px}.logo-item img{max-width:85px;max-height:38px}.logo-slider .swiper-slide:active .logo-item{transform:scale(1) !important}.logo-slider .swiper-slide:active .logo-item img{transform:scale(1) !important}#gondolafirdaus-header .navbar{width:280px}#gondolafirdaus-header .nav-link{font-size:16px}.container{padding:0 16px}.section-title{font-size:2rem}}.btn:active,.service-card:active,.filter-btn:active,.nav-link:active,.box-container .box:active,.blog-card:active,.testimonial-item:active{transform:scale(0.97);transition:transform 0.1s ease}.btn{position:relative;overflow:hidden}.btn::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,0.3) 0%,transparent 60%);opacity:0;transition:opacity 0.3s;pointer-events:none}.btn:hover::after{opacity:1}.service-card:nth-child(1){transition-delay:0.05s}.service-card:nth-child(2){transition-delay:0.1s}.service-card:nth-child(3){transition-delay:0.15s}.service-card:nth-child(4){transition-delay:0.2s}.service-card:nth-child(5){transition-delay:0.25s}.service-card:nth-child(6){transition-delay:0.3s}.box-container .box:nth-child(1){transition-delay:0.05s}.box-container .box:nth-child(2){transition-delay:0.1s}.box-container .box:nth-child(3){transition-delay:0.15s}.box-container .box:nth-child(4){transition-delay:0.2s}.box-container .box:nth-child(5){transition-delay:0.25s}.box-container .box:nth-child(6){transition-delay:0.3s}body.menu-open::after{content:'';position:fixed;inset:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:998;animation:menuBackdropFade 0.3s ease}@keyframes menuBackdropFade{from{opacity:0}to{opacity:1}}.about-modal-container{-webkit-overflow-scrolling:touch}@media (hover:none){.service-card:hover,.box-container .box:hover,.blog-card:hover,.testimonial-item:hover{transform:none !important}.service-card:active,.box-container .box:active,.blog-card:active,.testimonial-item:active{transform:scale(0.97) !important}.logo-slider .swiper-slide:active .logo-item{transform:scale(1) !important}.logo-slider .swiper-slide:active .logo-item img{transform:scale(1) !important}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.nav-link,.btn,.filter-btn,.custom-nav,.hamburger-btn,.download-btn{min-height:44px;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.swiper-horizontal > .swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:8px}.swiper-pagination-bullet{width:6px;height:6px;margin:0 4px !important}}.section{transition:padding 0.3s ease}img{max-width:100%;height:auto}body,html{overflow-x:hidden;width:100%}@media (max-width:992px){#gondolafirdaus-header .nav-link.active{background:linear-gradient(135deg,rgba(255,125,0,0.08) 0%,rgba(255,125,0,0.02) 100%);border-left:3px solid var(--accent);padding-left:12px;border-bottom:1px solid #f1f3f4}}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@keyframes fadeInUpModern{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInDownModern{0%{opacity:0;transform:translateY(-40px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInLeftModern{0%{opacity:0;transform:translateX(-40px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInRightModern{0%{opacity:0;transform:translateX(40px)}100%{opacity:1;transform:translateX(0)}}@keyframes scaleInModern{0%{opacity:0;transform:scale(0.85)}100%{opacity:1;transform:scale(1)}}.animate-fadeInUpModern{animation:fadeInUpModern 0.9s cubic-bezier(.77,0,.18,1) both}.animate-fadeInDownModern{animation:fadeInDownModern 0.9s cubic-bezier(.77,0,.18,1) both}.animate-fadeInLeftModern{animation:fadeInLeftModern 0.9s cubic-bezier(.77,0,.18,1) both}.animate-fadeInRightModern{animation:fadeInRightModern 0.9s cubic-bezier(.77,0,.18,1) both}.animate-scaleInModern{animation:scaleInModern 0.7s cubic-bezier(.77,0,.18,1) both}.animate-delay-1{animation-delay:0.15s}.animate-delay-2{animation-delay:0.3s}.animate-delay-3{animation-delay:0.45s}.animate-delay-4{animation-delay:0.6s}.animate-delay-5{animation-delay:0.75s}.fadeInUp{animation-name:fadeInUp;animation-duration:1s;animation-fill-mode:both}@keyframes fadeInUpModern{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInDownModern{0%{opacity:0;transform:translateY(-40px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInLeftModern{0%{opacity:0;transform:translateX(-40px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInRightModern{0%{opacity:0;transform:translateX(40px)}100%{opacity:1;transform:translateX(0)}}@keyframes scaleInModern{0%{opacity:0;transform:scale(0.85)}100%{opacity:1;transform:scale(1)}}.animate-fadeInUpModern{animation:fadeInUpModern 0.9s cubic-bezier(.77,0,.18,1) both}.animate-fadeInDownModern{animation:fadeInDownModern 0.9s cubic-bezier(.77,0,.18,1) both}.animate-fadeInLeftModern{animation:fadeInLeftModern 0.9s cubic-bezier(.77,0,.18,1) both}.animate-fadeInRightModern{animation:fadeInRightModern 0.9s cubic-bezier(.77,0,.18,1) both}.animate-scaleInModern{animation:scaleInModern 0.7s cubic-bezier(.77,0,.18,1) both}.animate-delay-1{animation-delay:0.15s}.animate-delay-2{animation-delay:0.3s}.animate-delay-3{animation-delay:0.45s}.animate-delay-4{animation-delay:0.6s}.animate-delay-5{animation-delay:0.75s}.fadeInUp{animation-name:fadeInUp;animation-duration:1s;animation-fill-mode:both} .back-to-top i{display:flex;align-items:center;justify-content:center;width:100%;height:100%}