*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#b5c2d6;--bg2:#a6b5cb;--bg3:#94a5bf;--surface:#c8d4e4;--surface2:#b5c2d6;--text:#1a202c;--text2:#475569;--text3:#64748b;--accent1:#0d9488;--accent2:#0f766e;--accent1g:rgba(13,148,136,0.15);--accent1g2:rgba(13,148,136,0.09);--accent1g3:rgba(13,148,136,0.05);--grad1:linear-gradient(135deg,#0d9488,#14b8a6);--grad2:linear-gradient(135deg,#0f766e,#0d9488);--grad3:linear-gradient(135deg,#0d9488,#0f766e);--grad4:linear-gradient(135deg,#14b8a6,#2dd4bf);--radius:12px;--rs:6px;--radius-lg:16px;--sh:0 2px 12px rgba(0,0,0,0.12);--shg:0 4px 20px rgba(13,148,136,0.18);--shg2:0 6px 24px rgba(13,148,136,0.25);--tr:all 0.3s ease;--tr-fast:all 0.2s ease;--tr-slow:all 0.6s cubic-bezier(.22,1,.36,1);--nav-bg:rgba(181,194,214,0.95);--nav-border:rgba(0,0,0,0.1);--nav-shadow:0 4px 20px rgba(0,0,0,0.12);--nav-text:#1a202c;--card-bg:#c8d4e4;--card-border:#94a5bf;--input-bg:#c8d4e4;--input-border:#8899b2;--modal-bg:rgba(200,212,228,0.95);--hero-overlay:rgba(13,148,136,0.22);--section-alt:#a6b5cb;--glow-color:rgba(13,148,136,0.3);--sh-card:0 4px 24px rgba(0,0,0,0.1);--sh-card-hover:0 12px 48px rgba(13,148,136,0.16);--grad-hero:linear-gradient(135deg,#0a2a35,#0d9488);--grad-mesh:radial-gradient(ellipse at 20% 50%,rgba(13,148,136,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(15,118,110,.06) 0%,transparent 50%)}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;position:relative}
body::before{content:'';position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.015'/%3E%3C/svg%3E");pointer-events:none;z-index:9998;mix-blend-mode:multiply}
img{transition:opacity .4s ease,filter .4s ease}img.loading{opacity:.3;filter:blur(8px)}img.loaded{opacity:1;filter:blur(0)}
::selection{background:var(--accent1);color:#fff}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg2)}
::-webkit-scrollbar-thumb{background:var(--text3);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--accent1)}
a{text-decoration:none;color:inherit;transition:var(--tr)}
ul{list-style:none}
img{max-width:100%;height:auto;display:block}
.step-img,.why-img{width:60px;height:60px;border-radius:12px;overflow:hidden;flex-shrink:0;margin-bottom:8px}
.step-img img,.why-img img{width:100%;height:100%;object-fit:cover}
.hero-slider{position:absolute;inset:0;z-index:1;overflow:hidden}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease;will-change:opacity}
.hero-slide.active{opacity:1}
.hero-slider::after{content:'';position:absolute;inset:0;background:var(--hero-overlay);z-index:2}
.hero .hero-bg{z-index:0}
.hero .hero-content{z-index:3;position:relative}
.cta[style*="background-image"]{position:relative;padding:80px 0}
.cta[style*="background-image"]::before{content:'';position:absolute;inset:0;background:rgba(13,94,99,0.6);z-index:0}
.cta[style*="background-image"]>*{position:relative;z-index:1}
.container{max-width:1200px;margin:0 auto;padding:0 24px}



.section-head{text-align:center;margin-bottom:60px;position:relative}
.section-head::after{content:'';display:block;width:60px;height:3px;background:var(--grad1);margin:20px auto 0;border-radius:2px;opacity:.6;animation:sectionLinePulse 3s ease-in-out infinite}
@keyframes sectionLinePulse{0%,100%{width:60px;opacity:.6}50%{width:80px;opacity:1}}
.section-tag{display:inline-block;padding:6px 18px;border-radius:100px;background:var(--accent1g2);color:var(--accent1);font-size:.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;border:1px solid rgba(20,184,166,.25);box-shadow:0 0 20px var(--accent1g2)}
.section-head h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15;margin-bottom:12px;letter-spacing:-.5px;position:relative}
.section-desc{color:var(--text2);font-size:.95rem;max-width:600px;margin:0 auto}
.gradient-text{background:var(--grad3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;background-size:200% 200%;animation:gradientShift 4s ease-in-out infinite}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.gradient-text::after{content:'';position:absolute;inset:-4px -8px;background:var(--grad3);background-size:200% 200%;animation:gradientShift 4s ease-in-out infinite;filter:blur(20px);opacity:.15;z-index:-1;border-radius:4px}


@keyframes sp{to{transform:rotate(360deg)}}


.progress-bar{position:fixed;top:0;left:0;width:0;height:3px;background:var(--grad1);z-index:99999;transition:width .1s}

.navbar{position:fixed;top:0;left:0;width:100%;z-index:9999;padding:4px 0;transition:var(--tr);background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--nav-border)}
.navbar.scrolled{background:var(--nav-bg);padding:2px 0;box-shadow:var(--nav-shadow);border-bottom-color:var(--nav-border)}
.nav-inner{max-width:1320px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;gap:12px;transition:var(--tr);padding:4px 0}
.nav-logo:hover{opacity:.9}
.nav-logo img{display:block}
.logo-icon{width:42px;height:42px;border-radius:12px;background:var(--grad1);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:1.4rem;color:#000;box-shadow:0 4px 20px rgba(20,184,166,.35);flex-shrink:0}
.logo-text{display:flex;flex-direction:column;line-height:1.1}
.logo-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.1rem;color:var(--text)}
.logo-sub{font-size:.65rem;color:var(--text3);letter-spacing:3px;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links>li>a{padding:8px 12px;border-radius:6px;font-size:.78rem;font-weight:700;color:var(--nav-text);transition:var(--tr);letter-spacing:.2px;text-transform:uppercase;position:relative}
.nav-links>li>a::after{content:'';position:absolute;bottom:4px;left:50%;width:0;height:2px;background:var(--grad1);border-radius:2px;transition:all .3s ease;transform:translateX(-50%)}
.nav-links>li>a:hover::after,.nav-links>li>a.active::after{width:calc(100% - 24px)}
.nav-links>li>a:hover,.nav-links>li>a.active{color:var(--accent1);background:var(--accent1g2)}
.nav-dropdown{position:relative}
.nav-drop-menu{position:absolute;top:100%;left:0;min-width:200px;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:var(--rs);padding:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--tr);z-index:100;box-shadow:0 12px 48px rgba(0,0,0,.1)}
.nav-dropdown:hover .nav-drop-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-drop-menu li a{display:block;padding:10px 14px;border-radius:6px;color:var(--nav-text);font-size:.85rem;cursor:pointer}
.nav-drop-menu li a:hover{background:var(--accent1g2);color:var(--accent1)}
.nav-cta{display:flex;align-items:center;gap:8px;padding:12px 26px;border-radius:100px;background:var(--grad1);color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 4px 25px var(--glow-color);transition:var(--tr);position:relative;overflow:hidden}
.nav-cta::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}
.nav-cta:hover::before{left:100%}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 35px var(--glow-color)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:0;border:none;cursor:pointer;padding:5px}
.nav-toggle span{width:24px;height:2px;background:var(--nav-text);border-radius:2px;transition:var(--tr)}
.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9997;opacity:0;visibility:hidden;transition:var(--tr);backdrop-filter:blur(4px)}
.nav-overlay.active{opacity:1;visibility:visible}

#particleCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}

.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:120px 24px 60px;z-index:1;background:var(--grad-hero)}
.hero-bg{position:absolute;inset:0;overflow:hidden}
.hero-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(20,184,166,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,255,255,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 0%,var(--accent1g2) 0%,transparent 40%);animation:heroGlow 8s ease-in-out infinite alternate}
@keyframes heroGlow{0%{opacity:.7}100%{opacity:1}}
.hero-bg::after{content:'';position:absolute;inset:0;background: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='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.03'/%3E%3C/svg%3E");opacity:.15;pointer-events:none}
.hero-shape{position:absolute;border-radius:50%;transform:translateZ(0);will-change:transform}
.shape-1{width:600px;height:600px;background:radial-gradient(circle,var(--accent1g2),transparent 70%);top:-20%;left:-15%;animation:float1 14s ease-in-out infinite}
.shape-2{width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.04),transparent 70%);bottom:-15%;right:-12%;animation:float2 18s ease-in-out infinite}
.shape-3{width:250px;height:250px;background:radial-gradient(circle,rgba(20,184,166,.05),transparent 70%);top:30%;right:10%;animation:float1 20s ease-in-out infinite}
.shape-4{width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.03),transparent 70%);bottom:20%;left:8%;animation:float2 16s ease-in-out infinite}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}
.hero-orb{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.06),transparent 70%);top:20%;left:50%;transform:translate(-50%,-50%);filter:blur(40px);animation:orbPulse 6s ease-in-out infinite}
@keyframes orbPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}
@keyframes float1{0%,100%{transform:translateY(0)}50%{transform:translateY(-25px)}}
@keyframes float2{0%,100%{transform:translateY(0)}50%{transform:translateY(20px)}}
.hero-content{text-align:center;position:relative;z-index:2;max-width:850px}
.hero-badge{display:inline-block;padding:8px 24px;border-radius:100px;background:var(--accent1g);border:1px solid rgba(20,184,166,.3);color:var(--accent1);font-size:.85rem;font-weight:600;margin-bottom:24px;animation:fadeUp .6s forwards;backdrop-filter:blur(4px);position:relative;overflow:hidden}
.hero-badge::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(20,184,166,.2),transparent);animation:badgeShimmer 3s ease-in-out infinite}
@keyframes badgeShimmer{0%{left:-100%}60%{left:100%}100%{left:100%}}
.hero-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;line-height:1.05;margin-bottom:20px;letter-spacing:-1px;color:#fff;text-shadow:0 2px 40px rgba(0,0,0,.2)}
.hero-title .char{display:inline-block;opacity:0;transform:translateY(40px) rotateX(-40deg);animation:charIn .5s forwards}
@keyframes charIn{to{opacity:1;transform:translateY(0) rotateX(0)}}
.hero-title .gradient-text{background:linear-gradient(135deg,#2dd4bf,#14b8a6,#0d9488);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;display:inline-block;opacity:0;animation:gradientShift 4s ease-in-out infinite,fadeUp .6s .55s forwards}
.hero-desc{font-size:1.15rem;color:rgba(255,255,255,.7);line-height:1.8;margin-bottom:36px;animation:fadeUp .6s .3s forwards;opacity:0;max-width:650px;margin-left:auto;margin-right:auto}
.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeUp .6s .45s forwards;opacity:0}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.35);font-size:.7rem;letter-spacing:3px;text-transform:uppercase;animation:bounce 2.5s infinite}

/* Hero slider controls */
.hero-slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.25);color:#fff;border:1px solid rgba(255,255,255,.1);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:var(--tr);backdrop-filter:blur(4px)}
.hero-slider-btn:hover{background:rgba(13,148,136,.6);border-color:rgba(13,148,136,.3);transform:translateY(-50%) scale(1.1)}
.hero-slider-btn.prev{left:24px}
.hero-slider-btn.next{right:24px}
.hero-dots{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:8px}
.hero-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:var(--tr);border:1px solid rgba(255,255,255,.15)}
.hero-dot.active{background:var(--accent1);border-color:var(--accent1);transform:scale(1.3)}
.scroll-arrow{width:1.5px;height:35px;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);border-radius:1px}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}

.btn-glow{display:inline-flex;align-items:center;gap:10px;padding:14px 34px;border-radius:100px;background:var(--grad1);color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 4px 20px var(--glow-color);transition:var(--tr-slow);border:none;cursor:pointer;letter-spacing:.3px;position:relative;overflow:hidden}
.btn-glow::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s}
.btn-glow:hover::before{left:100%}
.btn-glow::after{content:'';position:absolute;inset:0;border-radius:inherit;background:inherit;opacity:0;transition:opacity .4s;z-index:-1;filter:blur(12px)}
.btn-glow:hover::after{opacity:1}
.btn-glow:hover{transform:translateY(-3px);box-shadow:0 8px 40px var(--glow-color)}
.btn-glow:active{transform:translateY(-1px) scale(.98)}
.btn-outline{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:100px;border:2px solid rgba(255,255,255,.3);color:#fff;font-weight:600;font-size:.9rem;transition:var(--tr);letter-spacing:.3px;position:relative;overflow:hidden}
.btn-outline::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.05);opacity:0;transition:var(--tr)}
.btn-outline:hover::before{opacity:1}
.btn-outline:hover{background:rgba(255,255,255,.08);border-color:var(--accent1)}
.btn-underline{display:inline-flex;align-items:center;gap:8px;color:var(--accent1);font-weight:600;font-size:.95rem;transition:var(--tr)}
.btn-underline:hover{gap:14px}
.kvkk-check{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;color:var(--text2);margin:4px 0 14px;cursor:pointer;text-align:left;line-height:1.6}
.kvkk-check input{margin-top:4px;flex-shrink:0;width:16px;height:16px;accent-color:var(--accent1);cursor:pointer}
.kvkk-check a{color:var(--accent1);text-decoration:underline}
.btn-full{width:100%;justify-content:center}

.hero-stats{display:flex;justify-content:center;gap:0;margin-top:48px;padding:22px 12px;border-radius:var(--radius-lg);background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);max-width:720px;margin-left:auto;margin-right:auto;animation:fadeUp .6s .6s forwards;opacity:0;box-shadow:0 8px 32px rgba(0,0,0,.25)}
.hero-stat{flex:1;text-align:center;padding:0 18px;position:relative}
.hero-stat+.hero-stat::before{content:'';position:absolute;left:0;top:15%;height:70%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.25),transparent)}
.hero-stat-num{font-family:'Space Grotesk',sans-serif;font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.1}
.hero-stat-num span:last-child{color:#2dd4bf}
.hero-stat-label{display:block;font-size:.72rem;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;font-weight:500}
@media(max-width:640px){.hero-stats{flex-wrap:wrap;gap:16px 0;padding:18px 8px;margin-top:36px}.hero-stat{flex:0 0 50%}.hero-stat:nth-child(3)::before{display:none}.hero-stat-num{font-size:1.5rem}}

.marquee{overflow:hidden;padding:20px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:var(--bg);position:relative;z-index:1}
.marquee::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(20,184,166,.015),transparent);pointer-events:none}
.marquee-track{display:flex;gap:24px;animation:marquee 40s linear infinite;font-size:.85rem;color:var(--text3);font-weight:500;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;transform:translateZ(0);will-change:transform}
.marquee-track:hover{animation-play-state:paused}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:800px;margin:-40px auto 0;padding:32px;background:var(--grad1);border-radius:var(--radius-lg);position:relative;z-index:3;box-shadow:0 8px 32px rgba(13,148,136,.2);border:1px solid rgba(255,255,255,.15)}
.stat-item{text-align:center}
.stat-num{display:block;font-family:'Space Grotesk',sans-serif;font-size:2.5rem;font-weight:800;color:#fff;line-height:1.2;letter-spacing:-1px}
.stat-label{font-size:.8rem;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:2px;font-weight:500}
.stat-divider{width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent)}

.about{padding:100px 0;background:var(--bg2);position:relative;z-index:1}
.about::before{content:'';position:absolute;inset:0;background:var(--grad-mesh);pointer-events:none}
.about::after{content:'';position:absolute;top:-80px;left:0;width:100%;height:80px;background:linear-gradient(to bottom,transparent,var(--bg2));pointer-events:none}
.about>*{position:relative;z-index:1}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-visual{position:relative}
.about-image-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--card-border);box-shadow:var(--sh-card)}
.about-image-wrap img{width:100%;height:450px;object-fit:cover;transition:transform .7s}
.about-image-wrap:hover img{transform:scale(1.04)}
.about-image-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.3));pointer-events:none}
.about-exp{position:absolute;bottom:20px;right:20px;background:rgba(255,255,255,.95);padding:16px 24px;border-radius:var(--rs);font-family:'Space Grotesk',sans-serif;font-size:2rem;font-weight:800;color:var(--accent1);border:1px solid var(--card-border);box-shadow:0 4px 20px rgba(0,0,0,.1);backdrop-filter:blur(8px)}
.about-exp span{display:block;font-size:.8rem;color:var(--text3);font-weight:400;font-family:'Plus Jakarta Sans',sans-serif}
.about-floating-card{position:absolute;top:20px;left:-20px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.95);padding:14px 20px;border-radius:var(--rs);border:1px solid var(--card-border);box-shadow:0 4px 20px rgba(0,0,0,.08);animation:float 6s ease-in-out infinite;backdrop-filter:blur(8px)}
.about-floating-card i{font-size:1.4rem;color:var(--accent2)}
.about-floating-card strong{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;display:block;color:#222}
.about-floating-card span{font-size:.75rem;color:var(--text3)}
.about-text h2{font-family:'Space Grotesk',sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}
.about-text p{color:var(--text2);line-height:1.8;margin-bottom:30px;font-size:.95rem}
.about-capsules{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.about-capsules span{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;background:var(--surface2);border:1px solid var(--card-border);font-size:.85rem;color:var(--text2)}
.about-capsules span i{color:var(--accent1);font-size:.9rem}

.why-us{padding:100px 0;background:var(--bg);position:relative;z-index:1}
.why-us::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,rgba(20,184,166,.03),transparent 50%);pointer-events:none}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.why-card{position:relative;padding:36px 28px;border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--card-border);transition:var(--tr);text-align:center;animation:fadeUp .6s forwards;animation-delay:calc(var(--i)*.1s);opacity:0;box-shadow:var(--sh-card);perspective:1000px;transform-style:preserve-3d;overflow:hidden;will-change:transform}
.why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad1);opacity:0;transition:var(--tr);z-index:2}
.why-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(20,184,166,.03));pointer-events:none;opacity:0;transition:var(--tr)}
.why-card:hover::before{opacity:1}
.why-card:hover::after{opacity:1}
.why-card:hover{transform:translateY(-8px) rotateX(2deg);border-color:rgba(20,184,166,.2);box-shadow:var(--sh-card-hover)}
.why-card:hover h3{color:var(--accent1)}
.why-icon{width:64px;height:64px;border-radius:18px;background:var(--accent1g2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent1);margin:0 auto 20px;transition:var(--tr);position:relative}
.why-icon::after{content:'';position:absolute;inset:-3px;border-radius:inherit;border:1.5px solid var(--accent1);opacity:0;transition:var(--tr)}
.why-card:hover .why-icon{background:var(--grad1);color:#000;transform:scale(1.1)}
.why-card:hover .why-icon::after{opacity:.3;transform:scale(1.08)}
.why-card h3{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;margin-bottom:10px}
.why-card p{color:var(--text2);font-size:.85rem;line-height:1.6}

.services{padding:100px 0;background:var(--bg3);position:relative;z-index:1}
.services::before{content:'';position:absolute;inset:0;background:var(--grad-mesh);pointer-events:none}
.services::after{content:'';position:absolute;top:-80px;left:0;width:100%;height:80px;background:linear-gradient(to bottom,transparent,var(--bg3));pointer-events:none}
.services>*{position:relative;z-index:1}
.page-hero+.gallery .section-head,.page-hero+.services .section-head,.page-hero+.machinery .section-head,.page-hero+.about .section-head,.page-hero+.quick-quote .section-head{display:none}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.service-card{position:relative;padding:40px 30px;border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--card-border);overflow:hidden;transition:var(--tr-slow);cursor:pointer;animation:fadeUp .6s forwards;animation-delay:calc(var(--i)*.08s);opacity:0;box-shadow:var(--sh-card);perspective:1000px;transform-style:preserve-3d;will-change:transform}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad1);opacity:0;transition:var(--tr);z-index:2}
.service-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(20,184,166,.03));pointer-events:none;opacity:0;transition:var(--tr)}
.service-card:hover::before{opacity:1;background:linear-gradient(90deg,var(--accent1),#2dd4bf,var(--accent1));background-size:200% 100%;animation:shimmerBorder 2s linear infinite}
@keyframes shimmerBorder{0%{background-position:200% 0}100%{background-position:-200% 0}}
.service-card:hover::after{opacity:1}
.service-card:hover{transform:translateY(-8px) rotateX(2deg);border-color:rgba(20,184,166,.2);box-shadow:0 12px 48px var(--accent1g),0 0 60px rgba(20,184,166,.06)}
.card-bg{position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),var(--accent1g2),transparent 60%);transition:var(--tr);pointer-events:none;opacity:0}
.service-card:hover .card-bg{opacity:1}
.card-icon{width:60px;height:60px;border-radius:16px;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--accent1);margin-bottom:20px;border:1px solid var(--card-border);transition:var(--tr);position:relative}
.service-card:nth-child(odd) .card-icon{animation:iconFloat 4s ease-in-out infinite}
.service-card:nth-child(even) .card-icon{animation:iconFloat 4s ease-in-out infinite reverse}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.card-icon::after{content:'';position:absolute;inset:-3px;border-radius:inherit;border:1.5px solid var(--accent1);opacity:0;transition:var(--tr)}
.service-card:hover .card-icon{background:var(--accent1g2);border-color:rgba(20,184,166,.25);transform:scale(1.05)}
.service-card:hover .card-icon::after{opacity:.3;transform:scale(1.06)}
.service-card h3{font-family:'Space Grotesk',sans-serif;font-size:1.15rem;margin-bottom:10px}
.service-card p{color:var(--text2);font-size:.85rem;line-height:1.7;margin-bottom:16px}
.card-link{color:var(--text3);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px;transition:var(--tr)}
.card-link i{font-size:.7rem;transition:var(--tr)}
.card-link:hover{color:var(--accent1)}
.card-link:hover i{transform:translateX(4px)}
.svc-detail-link{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text3);text-decoration:none;margin-top:6px;transition:var(--tr-fast);opacity:.7}
.svc-detail-link:hover{color:var(--accent1);opacity:1}
.card-img{margin:-40px -30px 16px;overflow:hidden;height:200px;position:relative;z-index:0;background:var(--bg2)}
.card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:var(--tr)}
.service-card:hover .card-img img{transform:scale(1.06)}

.process{padding:100px 0;background:var(--bg2);position:relative;z-index:1}
.process::before{content:'';position:absolute;inset:0;background:var(--grad-mesh);pointer-events:none}
.process::after{content:'';position:absolute;bottom:-80px;left:0;width:100%;height:80px;background:linear-gradient(to top,transparent,var(--bg2));pointer-events:none}
.process>*{position:relative;z-index:1}
.process-steps{display:flex;justify-content:space-between;gap:0;position:relative;max-width:1000px;margin:0 auto}
.process-step{text-align:center;flex:1;padding:0 20px;position:relative;z-index:2;animation:fadeUp .6s forwards;animation-delay:calc(var(--i)*.15s);opacity:0}
.step-num{font-family:'Space Grotesk',sans-serif;font-size:3.5rem;font-weight:800;color:var(--accent1);margin-bottom:16px;line-height:1;position:relative;display:inline-block}
.step-num::after{content:'';position:absolute;inset:-10px -15px;background:var(--accent1g2);border-radius:50%;z-index:-1;opacity:.5}
.process-step h3{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;margin-bottom:8px}
.process-step p{color:var(--text2);font-size:.85rem;line-height:1.6;max-width:220px;margin:0 auto}
.process-connector{flex-shrink:0;width:80px;height:3px;background:var(--grad1);margin-top:50px;opacity:.4;border-radius:2px;position:relative;overflow:hidden}
.process-connector::after{content:'';position:absolute;top:50%;right:-4px;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--accent1);box-shadow:0 0 10px rgba(20,184,166,.5)}
.process-connector::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:connectorShimmer 2.5s ease-in-out infinite}
@keyframes connectorShimmer{0%{left:-100%}100%{left:100%}}

.video-showcase{padding:80px 0;background:var(--bg);position:relative;z-index:1}
.video-bg{border-radius:var(--radius);overflow:hidden;max-width:800px;margin:0 auto;background:var(--surface);border:1px solid var(--card-border);position:relative;cursor:pointer}
.video-placeholder{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at center,rgba(20,184,166,.04),transparent)}
.video-play-btn{width:80px;height:80px;border-radius:50%;background:var(--grad1);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#000;box-shadow:0 4px 30px var(--glow-color);transition:var(--tr);cursor:pointer}
.video-play-btn:hover{transform:scale(1.1);box-shadow:0 8px 50px var(--glow-color)}
.video-placeholder h3{font-family:'Space Grotesk',sans-serif;font-size:1.3rem}
.video-placeholder p{color:var(--text2);font-size:.9rem}

.cta{padding:80px 0;position:relative;overflow:hidden;z-index:1;background:var(--bg) url('../images/pattern-dots.svg')}
.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:350px;background:radial-gradient(ellipse,var(--accent1g2),transparent 60%);pointer-events:none;animation:ctaGlow 4s ease-in-out infinite alternate}
@keyframes ctaGlow{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}100%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}
.cta-box{text-align:center;position:relative;z-index:2;padding:64px;border-radius:var(--radius-lg);background:var(--modal-bg);border:1px solid var(--card-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 40px rgba(20,184,166,.06)}
.cta-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent1),transparent);opacity:.6}
.cta-box::after{content:'';position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--accent1),transparent 50%,var(--accent1));opacity:0;z-index:-1;transition:var(--tr-slow);filter:blur(4px)}
.cta-box:hover::after{opacity:.3}
.cta-box h2{font-family:'Space Grotesk',sans-serif;font-size:2.5rem;margin-bottom:16px}
.cta-box p{color:var(--text2);margin-bottom:32px;font-size:1.05rem}
.cta-actions{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.cta-or{color:var(--text3);font-size:.85rem}

.gallery{padding:100px 0 60px;background:var(--bg2);position:relative;z-index:1}
.gallery-filters{display:flex;justify-content:center;gap:8px;margin-bottom:36px;flex-wrap:wrap}
.gallery-filters button{padding:8px 22px;border-radius:100px;border:1px solid var(--card-border);background:transparent;color:var(--text2);font-size:.85rem;cursor:pointer;transition:var(--tr);font-family:inherit;font-weight:500;backdrop-filter:blur(4px)}
.gallery-filters button:hover{color:var(--text);border-color:var(--accent1);background:var(--accent1g3);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent1g)}
.gallery-filters .gf-active{background:var(--accent1g2);color:var(--accent1);border-color:rgba(20,184,166,.4);box-shadow:0 0 20px rgba(20,184,166,.1);transform:translateY(-2px)}
.gallery-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:0 24px}
.gallery-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;aspect-ratio:4/3;animation:fadeUp .6s forwards;animation-delay:calc(var(--i)*.1s);opacity:0;transition:transform .4s,opacity .4s;border:1px solid var(--card-border);box-shadow:var(--sh-card)}
.gallery-item::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--accent1g),transparent 50%);opacity:0;transition:var(--tr);z-index:2;pointer-events:none}
.gallery-item:hover{border-color:rgba(20,184,166,.2);box-shadow:var(--sh-card-hover);transform:translateY(-4px)}
.gallery-item:hover::after{opacity:1}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.gallery-item:hover img{transform:scale(1.12)}
.gallery-overlay{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.9));display:flex;align-items:flex-end;padding:24px;opacity:0;transition:var(--tr);pointer-events:none;z-index:3}
.gallery-item:hover .gallery-overlay{opacity:1}
.gallery-overlay h4{font-weight:600;font-size:1rem;color:#fff;transform:translateY(10px);transition:var(--tr)}
.gallery-item:hover .gallery-overlay h4{transform:translateY(0)}

.machinery{padding:100px 0;background:var(--bg);position:relative;z-index:1}
.machinery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.machinery-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);transition:var(--tr);animation:fadeUp .6s forwards;animation-delay:calc(var(--i)*.1s);opacity:0;box-shadow:var(--sh-card);perspective:1000px;transform-style:preserve-3d;will-change:transform}
.machinery-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad1);opacity:0;transition:var(--tr);z-index:1}
.machinery-item:hover::before{opacity:1}
.machinery-item:hover{transform:translateY(-8px) rotateX(2deg);border-color:rgba(20,184,166,.2);box-shadow:var(--sh-card-hover)}
.machinery-img{width:100%;height:240px;overflow:hidden;position:relative;background:var(--bg2)}
.machinery-img img{width:100%;height:100%;object-fit:contain;display:block;padding:8px}
.machinery-img .card-slider{position:absolute;inset:0}
.machinery-img .card-slide-btn{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:var(--tr-fast);opacity:0;pointer-events:none}
.machinery-item:hover .card-slide-btn{opacity:1;pointer-events:auto}
.machinery-img .card-slide-btn:hover{background:var(--accent1)}
.machinery-img .card-slide-btn.prev{left:4px}
.machinery-img .card-slide-btn.next{right:4px}
.machinery-info h4{transition:var(--tr)}
.machinery-item:hover .machinery-info h4{color:var(--accent1)}
.machinery-img .card-slider img{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;object-fit:contain;width:100%;height:100%;padding:8px}
.machinery-img .card-slider img.active{opacity:1}
.machinery-info{padding:20px;display:flex;justify-content:space-between;align-items:center}
.machinery-info h4{font-family:'Space Grotesk',sans-serif;font-size:.95rem}
.machinery-info span{font-size:.75rem;padding:4px 12px;border-radius:100px;background:rgba(20,184,166,.1);color:var(--accent1);white-space:nowrap}

.blog{padding:100px 0;background:var(--bg);position:relative;z-index:1}
.blog::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(20,184,166,.03),transparent 50%);pointer-events:none}
.blog>*{position:relative;z-index:1}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);transition:var(--tr);animation:fadeUp .6s forwards;animation-delay:calc(var(--i)*.12s);opacity:0;box-shadow:0 2px 8px rgba(0,0,0,.04);perspective:1000px;transform-style:preserve-3d}
.blog-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad1);opacity:0;transition:var(--tr);z-index:1}
.blog-card:hover::before{opacity:1}
.blog-card:hover{transform:translateY(-10px) rotateX(2deg);border-color:rgba(20,184,166,.25);box-shadow:0 16px 60px rgba(20,184,166,.12)}
.blog-img{position:relative;height:200px;overflow:hidden}
.blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-card:hover .blog-img img{transform:scale(1.05)}
.blog-date{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.6);padding:6px 14px;border-radius:100px;font-size:.75rem;color:#fff;display:flex;align-items:center;gap:6px}
.blog-body{padding:24px}
.blog-cat{display:inline-block;padding:4px 14px;border-radius:100px;background:var(--accent1g2);color:var(--accent1);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.blog-body h3{font-family:'Space Grotesk',sans-serif;font-size:1.05rem;margin-bottom:8px;line-height:1.4}
.blog-body p{color:var(--text2);font-size:.85rem;line-height:1.6;margin-bottom:16px}
.blog-body .card-link{font-size:.8rem}

.faq{padding:100px 0;background:var(--bg);position:relative;z-index:1}
.faq::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(59,130,246,.03),transparent 50%);pointer-events:none}
.faq>*{position:relative;z-index:1}
.faq-grid{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--card-bg);border-radius:var(--rs);border:1px solid var(--card-border);overflow:hidden;transition:var(--tr);box-shadow:var(--sh-card)}
.faq-item:hover{border-color:var(--accent1g)}
.faq-item.active{border-color:rgba(20,184,166,.3);box-shadow:0 4px 16px rgba(20,184,166,.06)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer}
.faq-q h3{font-size:.95rem;font-weight:600}
.faq-q i{color:var(--text3);transition:var(--tr);font-size:.85rem}
.faq-item.active .faq-q i{transform:rotate(45deg);color:var(--accent1)}
.faq-a{max-height:0;overflow:hidden;transition:all .3s;padding:0 24px}
.faq-item.active .faq-a{max-height:200px;padding:0 24px 20px}
.faq-a p{color:var(--text2);font-size:.9rem;line-height:1.7}

.contact{padding:100px 0 0;background:var(--bg2);position:relative;z-index:1}
.contact::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 40% 60%,rgba(20,184,166,.03),transparent 50%);pointer-events:none}
.contact>*{position:relative;z-index:1}

.quick-quote{padding:100px 0;background:var(--bg);position:relative;z-index:1}
.quick-quote::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(59,130,246,.04),transparent 60%);pointer-events:none}
.qq-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.qq-content h2{font-family:'Space Grotesk',sans-serif;font-size:2.2rem;margin-bottom:12px}
.qq-content>p{color:var(--text2);margin-bottom:32px;font-size:.95rem}
.qq-form{display:flex;flex-direction:column;gap:16px}
.qq-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qq-form input,.qq-form textarea,.qq-form select{width:100%;padding:14px 18px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--rs);font-family:inherit;color:var(--text);font-size:.9rem;transition:var(--tr);outline:none}
.qq-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23606090'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:20px;cursor:pointer;color:var(--text3)}
.qq-form select option{background:var(--bg);color:var(--text)}
.qq-form input:focus,.qq-form textarea:focus,.qq-form select:focus{border-color:var(--accent1);box-shadow:0 0 0 3px var(--accent1g2),0 2px 8px rgba(0,0,0,.04)}
.qq-form input::placeholder,.qq-form textarea::placeholder{color:var(--text3)}
.qq-visual{position:relative;display:flex;justify-content:center}
.qq-visual img{width:100%;max-width:380px;border-radius:var(--radius);border:1px solid var(--card-border)}
.qq-badge{position:absolute;bottom:-10px;right:-10px;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:100px;background:var(--modal-bg);border:1px solid rgba(20,184,166,.2);color:var(--accent1);font-size:.85rem;font-weight:600;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px rgba(0,0,0,.3)}
.qq-badge i{font-size:1rem}

.map-section{padding:60px 0;background:var(--bg);position:relative;z-index:1}
.map-wrap{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--card-border);max-width:900px;margin:0 auto;box-shadow:var(--sh)}
.map-overlay-btn{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2}
.map-overlay-btn .btn-sm{padding:10px 24px;font-size:14px;background:var(--surface);color:var(--accent);border:1px solid var(--accent);border-radius:30px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:600;box-shadow:0 4px 15px rgba(0,0,0,.15);transition:var(--tr);pointer-events:auto}
.map-overlay-btn .btn-sm:hover{background:var(--accent);color:#fff}
.map-wrap::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none}
#map{width:100%;height:400px;display:block;z-index:0;border-radius:var(--radius)}
.map-wrap #map{filter:grayscale(.3) sepia(.1) hue-rotate(160deg) saturate(.6)}

.catalog{padding:60px 0 80px;background:var(--bg2);position:relative;z-index:1}
.catalog-box{text-align:center;padding:60px;border-radius:var(--radius-lg);background:var(--modal-bg);border:1px solid var(--card-border);max-width:600px;margin:0 auto;box-shadow:0 8px 32px rgba(20,184,166,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.catalog-icon{width:80px;height:80px;border-radius:20px;background:var(--accent1g2);display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:var(--accent1);margin:0 auto 24px;box-shadow:0 0 30px rgba(20,184,166,.1)}
.catalog-box h2{font-family:'Space Grotesk',sans-serif;font-size:2rem;margin-bottom:12px}
.catalog-box p{color:var(--text2);margin-bottom:28px;font-size:.95rem}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.contact-info-side h2{font-family:'Space Grotesk',sans-serif;font-size:2.2rem;margin-bottom:16px}
.contact-info-side>p{color:var(--text2);margin-bottom:40px;font-size:.95rem}
.contact-details{display:flex;flex-direction:column;gap:20px}
.cd-item{display:flex;gap:16px}
.cd-icon{width:48px;height:48px;border-radius:12px;background:var(--surface);border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;color:var(--accent1);font-size:1.1rem;flex-shrink:0}
.cd-item strong{display:block;font-size:.9rem;margin-bottom:2px;color:var(--text)}
.cd-item span,.cd-item a{font-size:.85rem;color:var(--text2);line-height:1.5}
.cd-item a:hover{color:var(--accent1)}
.contact-form{background:var(--surface);padding:40px;border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:var(--sh-card)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.input-group{position:relative}
.input-err{font-size:.75rem;color:#ef4444;position:absolute;bottom:-18px;left:0;opacity:0;transition:var(--tr)}
.input-group.err .input-err{opacity:1}
.contact-form input,.contact-form textarea{width:100%;padding:14px 18px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--rs);font-family:inherit;color:var(--text);font-size:.9rem;transition:var(--tr);outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent1);box-shadow:0 0 0 3px var(--accent1g2),0 2px 8px rgba(0,0,0,.04)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text3)}
.contact-form textarea{margin-bottom:16px;resize:vertical}
.input-group.err input,.input-group.err textarea{border-color:#ef4444}

.footer-top{padding:80px 0 40px;background:var(--section-alt);position:relative}
.footer-top::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;max-width:500px;height:1px;background:linear-gradient(90deg,transparent,var(--accent1),transparent);opacity:.3}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.footer-logo img{}
.footer-brand p{color:var(--text3);font-size:.9rem;line-height:1.7;margin-bottom:24px}
.footer-social{display:flex;gap:10px}
.footer-social a{width:40px;height:40px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text2);transition:var(--tr);border:1px solid var(--card-border)}
.footer-social a:hover{background:var(--accent1);color:#000}
.footer-col h4{font-family:'Space Grotesk',sans-serif;font-size:.95rem;margin-bottom:20px;color:var(--text)}
.footer-col ul li{margin-bottom:10px}
.footer-col ul li a,.footer-col ul li{color:var(--text3);font-size:.85rem;cursor:pointer}
.footer-col ul li a:hover{color:var(--accent1)}
.footer-contact li{display:flex;gap:10px}
.footer-contact li i{color:var(--accent1);margin-top:3px}
.footer-bottom{border-top:1px solid var(--card-border);padding:24px 0;position:relative}
.footer-bottom::before{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--accent1),transparent);opacity:.4}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text3)}
.footer-links{display:flex;gap:20px}
.footer-links a{color:var(--text3)}
.footer-links a:hover{color:var(--accent1)}

.fixed-buttons{position:fixed;bottom:24px;right:24px;z-index:998;display:flex;flex-direction:column;gap:12px}
.fixed-buttons a{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:1.3rem;box-shadow:var(--sh);transition:var(--tr);position:relative}
.fb-wa{background:#25D366;animation:pulseWa 2s infinite}
@keyframes pulseWa{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}50%{box-shadow:0 0 0 12px rgba(37,211,102,.2)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.fb-call{background:#22c55e}
.fixed-buttons a:hover{transform:scale(1.1)}
.fixed-buttons a::after{content:attr(data-tip);position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--surface);color:var(--text);padding:6px 14px;border-radius:8px;font-size:.78rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:var(--tr-fast);border:1px solid var(--card-border);pointer-events:none}
.fixed-buttons a:hover::after{opacity:1;visibility:visible}
#backToTop{position:fixed;bottom:24px;left:24px;width:48px;height:48px;border-radius:50%;background:var(--modal-bg);border:1px solid var(--card-border);color:var(--text);cursor:pointer;z-index:998;font-size:1rem;opacity:0;visibility:hidden;transform:translateY(20px);transition:var(--tr);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#backToTop.visible{opacity:1;visibility:visible;transform:translateY(0)}
#backToTop:hover{background:var(--accent1);color:#000}
.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:99999;justify-content:center;align-items:center;backdrop-filter:blur(10px)}
.lightbox.active{display:flex}
.lb-content{max-width:85vw;max-height:80vh;border-radius:var(--rs)}
.lb-close{position:absolute;top:24px;right:32px;color:#fff;font-size:2.5rem;cursor:pointer;transition:var(--tr);line-height:1}
.lb-close:hover{color:var(--accent1);transform:rotate(90deg)}
.lb-caption{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 24px;border-radius:100px;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);color:#fff;font-size:.9rem}
.cookie{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(120%);background:var(--modal-bg);border:1px solid var(--card-border);padding:16px 24px;border-radius:var(--rs);display:flex;align-items:center;gap:20px;z-index:9999;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .4s;max-width:700px;box-shadow:0 8px 32px rgba(0,0,0,.3)}
.cookie.active{transform:translateX(-50%) translateY(0)}
.cookie p{font-size:.85rem;color:var(--text2)}
.cookie-btns{display:flex;gap:8px;flex-shrink:0}
.cookie-btns .btn-glow{padding:8px 20px;font-size:.8rem}
.cookie-btns button:last-child{padding:8px 16px;background:0;border:1px solid var(--card-border);border-radius:100px;color:var(--text3);cursor:pointer;font-size:.8rem;transition:var(--tr)}
.cookie-btns button:last-child:hover{border-color:var(--text2);color:var(--text)}

.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99998;opacity:0;visibility:hidden;transition:var(--tr);backdrop-filter:blur(4px)}
.modal-overlay.active{opacity:1;visibility:visible}
.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:99999;background:var(--modal-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:48px;max-width:520px;width:calc(100% - 40px);opacity:0;visibility:hidden;transition:var(--tr);box-shadow:0 24px 80px rgba(0,0,0,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:3px solid var(--grad1)}
.modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.modal-close{position:absolute;top:16px;right:20px;background:0;border:none;color:var(--text3);font-size:1.8rem;cursor:pointer;transition:var(--tr);line-height:1}
.modal-close:hover{color:var(--accent1)}
.modal-icon{width:64px;height:64px;border-radius:18px;background:var(--accent1g2);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--accent1);margin-bottom:24px}
.modal-img{border-radius:12px;overflow:hidden;margin-bottom:20px;max-height:200px}
.modal-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}
.modal h2{font-family:'Space Grotesk',sans-serif;font-size:1.6rem;margin-bottom:16px}
.modal p{color:var(--text2);font-size:.9rem;line-height:1.7;margin-bottom:24px}
.modal-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}
.modal-features span{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text2)}
.modal-features span i{color:var(--accent1);font-size:.8rem}

.load-hidden{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.load-hidden.visible{opacity:1;transform:translateY(0)}
.load-hidden-left{opacity:0;transform:translateX(-40px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.load-hidden-left.visible{opacity:1;transform:translateX(0)}
.load-hidden-right{opacity:0;transform:translateX(40px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.load-hidden-right.visible{opacity:1;transform:translateX(0)}
.load-hidden-scale{opacity:0;transform:scale(.85);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.load-hidden-scale.visible{opacity:1;transform:scale(1)}

@media(max-width:992px){
.about-grid,.contact-wrap{grid-template-columns:1fr}
.services-grid,.why-grid,.machinery-grid{grid-template-columns:repeat(2,1fr)}
.qq-wrap{grid-template-columns:1fr}
.qq-visual{display:none}
.blog-grid{grid-template-columns:repeat(2,1fr)}
.gallery-masonry{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:repeat(2,1fr)}
.process-steps{flex-wrap:wrap;gap:30px}
.process-connector{display:none}
.process-step{flex:0 0 calc(50% - 30px)}
.about-image-wrap img{height:350px}

}

@media(max-width:1300px){
.nav-links{position:fixed;top:0;right:-100%;width:75%;max-width:320px;height:100vh;background:var(--surface);flex-direction:column;padding:80px 24px 24px;transition:right .3s;z-index:9998;border-left:1px solid var(--nav-border);gap:0;overflow-y:auto}
.nav-links.open{right:0}
.nav-links>li{width:100%}
.nav-links>li>a{display:block;padding:14px 18px;border-bottom:1px solid var(--card-border);color:var(--text)}
.nav-drop-menu li a{color:var(--text)}
.nav-drop-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;max-height:0;overflow:hidden;padding:0;border:none}
.nav-dropdown.open .nav-drop-menu{max-height:300px;padding:8px}
.nav-cta span{display:none}
.nav-cta{padding:12px;width:44px;height:44px;justify-content:center}
.nav-toggle{display:flex}
}

@media(max-width:768px){

.hero-shape{display:none}
.scroll-arrow{display:none}
#particleCanvas{display:none}
.stats-strip{margin-top:-20px;padding:20px;gap:0}
.stat-num{font-size:1.8rem}
.catalog-box{padding:40px 24px}
.catalog-box h2{font-size:1.5rem}
.map-wrap #map{height:260px}
.card-media{height:180px}
.modal-gallery-main{height:220px}
.services-grid,.why-grid,.machinery-grid{grid-template-columns:1fr}
.gallery-masonry{grid-template-columns:1fr}

.blog-grid{grid-template-columns:1fr}
.form-row{grid-template-columns:1fr}
.qq-row{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr;gap:30px}
.footer-bottom .container{flex-direction:column;gap:10px;text-align:center}
.cookie{flex-direction:column;text-align:center;width:calc(100% - 40px)}
#backToTop{left:16px;bottom:16px;width:42px;height:42px}
.fixed-buttons{right:16px;bottom:16px}
.fixed-buttons a{width:46px;height:46px;font-size:1.1rem}
.hero{min-height:90vh;padding:100px 20px 40px}
.about-floating-card{left:10px;top:10px;padding:10px 14px}
.about-floating-card strong{font-size:.9rem}
.about-image-wrap img{height:300px}
.about-exp{font-size:1.4rem;padding:12px 16px}
.about-text h2{font-size:1.6rem}
.hero-title{font-size:clamp(2rem,10vw,3.2rem)}
.hero-desc{font-size:1rem}
.gallery-filters{gap:6px}
.gallery-filters button{padding:6px 16px;font-size:.8rem}
.process-step{flex:0 0 100%}
.modal{padding:32px 24px}
.modal-features{grid-template-columns:1fr}
.chat-btn{bottom:140px;right:16px;width:50px;height:50px;font-size:1.1rem}
.chat-panel{right:12px;width:calc(100vw - 24px);bottom:200px;max-height:460px}
.hero-slider-btn{width:36px;height:36px;font-size:.85rem}
.hero-slider-btn.prev{left:12px}
.hero-slider-btn.next{right:12px}
.hero-dots{bottom:75px}
}

@media(max-width:480px){
.blog-grid{grid-template-columns:1fr}

.cta-box{padding:30px}
.cta-box h2{font-size:1.8rem}
.about-text h2{font-size:1.8rem}
.about-image-wrap img{height:250px}
.contact-form{padding:24px}
.cd-item{gap:12px}
.section-head h2{font-size:1.6rem}
.catalog-box{padding:30px 20px}
.catalog-box h2{font-size:1.3rem}
.catalog-icon{width:60px;height:60px;font-size:1.6rem}
.map-wrap #map{height:220px}
.card-media{height:160px}
.modal-gallery-main{height:180px}
/* Watermark - resim koruma */
.watermark{position:absolute;inset:0;background:url('../images/logo.png') center/contain no-repeat;opacity:.12;pointer-events:none;z-index:2;user-select:none}
img{user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
.hero-bg .watermark{background-size:30%}
.gv-container{padding:12px}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
#particleCanvas{display:none}
.hero-shape{display:none}
.scroll-arrow{display:none}
.cursor-dot,.cursor-outline{display:none}
}
.page-hero{padding:140px 0 80px;background:var(--bg2);position:relative;z-index:1;overflow:hidden;text-align:center}
.page-hero::before{content:'';position:absolute;inset:0;background:var(--grad-mesh);pointer-events:none}
.page-hero::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to top,var(--bg),transparent);pointer-events:none}
.page-hero>*{position:relative;z-index:2}
.page-hero-bg{position:absolute;inset:0;overflow:hidden}
.page-hero-bg .hero-shape{width:400px;height:400px;opacity:.4}
.page-hero-content{position:relative;z-index:2;animation:fadeUp .6s ease-out}
.page-hero-content h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:12px;letter-spacing:-.5px}
.page-hero-content p{color:var(--text2);font-size:1.05rem;max-width:550px;margin:0 auto}

/* SERVICE CARD v2 */
.service-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);transition:var(--tr);cursor:pointer;display:flex;flex-direction:column}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--sh-card-hover);border-color:var(--accent1)}
.card-media{position:relative;width:100%;height:200px;overflow:hidden;background:var(--bg2)}
.card-media .card-slider{position:absolute;inset:0}
.card-media .card-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease}
.card-media .card-slide.active{opacity:1}
.card-media .card-single-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.service-card:hover .card-media .card-single-img{transform:scale(1.07)}
.card-media .card-slide{transition:opacity .8s ease,transform .6s ease}
.service-card:hover .card-media .card-slide.active{transform:scale(1.07)}
.service-card:hover .card-link{color:var(--accent1);gap:10px}
.card-slide-btn{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:var(--tr-fast);opacity:0;pointer-events:none}
.card-media:hover .card-slide-btn{opacity:1;pointer-events:auto}
.card-slide-btn:hover{background:var(--accent1)}
.card-slide-btn.prev{left:6px}
.card-slide-btn.next{right:6px}
.card-body{padding:20px;position:relative;flex:1;display:flex;flex-direction:column}
.card-icon{width:48px;height:48px;border-radius:12px;background:var(--accent1g2);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:1.2rem;color:var(--accent1);transition:var(--tr)}
.service-card:hover .card-icon{background:var(--grad1);color:#fff;transform:scale(1.1) rotate(-5deg)}
.card-body h3{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:6px}
.card-body p{color:var(--text2);font-size:.85rem;line-height:1.5;flex:1}
.card-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent1);font-weight:600;font-size:.82rem;margin-top:12px;transition:var(--tr)}
.service-card:hover .card-link{gap:10px}

/* MODAL GALLERY */
.modal-gallery{margin-bottom:16px}
.modal-gallery-main{width:100%;height:280px;border-radius:10px;overflow:hidden;margin-bottom:8px;background:var(--bg2);position:relative}
.modal-gallery-main img{width:100%;height:100%;object-fit:cover}
.modal-gal-btn{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.82rem;transition:var(--tr-fast)}
.modal-gal-btn:hover{background:var(--accent1)}
.modal-gal-btn.prev{left:8px}
.modal-gal-btn.next{right:8px}
.modal-gallery-thumbs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
.modal-gallery-thumbs img{width:70px;height:50px;border-radius:6px;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:var(--tr-fast);flex-shrink:0}
.modal-gallery-thumbs img.active,.modal-gallery-thumbs img:hover{border-color:var(--accent1)}

/* GALLERY ITEM */
.gallery-count{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.65);color:#fff;border-radius:6px;padding:3px 8px;font-size:.72rem;display:flex;align-items:center;gap:4px;z-index:3;pointer-events:none;backdrop-filter:blur(4px)}
/* GALLERY VIEWER (LIGHTBOX SLIDER) */
.gv-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.gv-container{position:relative;background:var(--card-bg);border-radius:16px;width:90vw;max-width:960px;max-height:90vh;overflow-y:auto;padding:20px;border:1px solid var(--card-border);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.gv-close{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.4);color:#fff;border:none;cursor:pointer;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:var(--tr);flex-shrink:0}
.gv-close:hover{background:var(--accent1);color:#fff}
.gv-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.gv-top h3{flex:1;font-family:'Space Grotesk',sans-serif;font-size:1.1rem;font-weight:700}
.gv-counter{color:var(--text2);font-size:.85rem}
.gv-play-btn{width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.4);color:#fff;border:none;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:var(--tr-fast);flex-shrink:0}
.gv-play-btn:hover{background:var(--accent1)}
.gv-slider{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:10px}
.gv-slides{flex:1;overflow:hidden;border-radius:10px;background:var(--bg2);position:relative;aspect-ratio:16/10;min-height:300px}
.gv-slide{position:absolute;inset:0;opacity:0;transform:scale(.92);transition:opacity .4s ease,transform .4s ease}
.gv-slide::after{content:'';position:absolute;inset:0;background:url('../images/logo.png') center/contain no-repeat;opacity:.12;pointer-events:none;z-index:2}
.gv-slide.active{opacity:1;transform:scale(1)}
.gv-slide img{width:100%;height:100%;object-fit:contain}
.gv-nav{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:var(--tr);flex-shrink:0}
.gv-nav:hover{background:var(--accent1)}
.gv-thumbs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;justify-content:center}
.gv-thumbs img{width:60px;height:45px;border-radius:6px;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:var(--tr-fast);flex-shrink:0}
.gv-thumbs img.active,.gv-thumbs img:hover{border-color:var(--accent1)}

/* Breadcrumb */
.breadcrumb{padding:12px 0;background:var(--bg2);border-bottom:1px solid var(--card-border);font-size:.85rem}
.breadcrumb a{color:var(--text2);transition:var(--tr-fast)}
.breadcrumb a:hover{color:var(--accent1)}
.breadcrumb .bc-sep{margin:0 8px;color:var(--text3)}
.breadcrumb span:last-child{color:var(--text)}

/* Share Buttons */
.share-btns{display:flex;gap:8px;align-items:center;margin-top:16px;justify-content:center}
.share-btns span{color:var(--text2);font-size:.85rem;margin-right:4px}
.share-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;transition:var(--tr-fast);text-decoration:none}
.share-btn:hover{transform:translateY(-2px)}
.share-wa{background:#25D366}
.share-fb{background:#1877F2}
.share-tw{background:#000}
.share-ln{background:#0A66C2}
.share-email{background:var(--text3)}

/* Site Search */
.search-wrap{position:relative}
.search-toggle{background:0;border:0;color:var(--nav-text);font-size:1rem;cursor:pointer;padding:8px;border-radius:8px;transition:var(--tr-fast)}
.search-toggle:hover{background:var(--accent1g2);color:var(--accent1)}
.search-modal{position:fixed;top:0;left:0;width:100%;padding:60px 20px;background:var(--modal-bg);backdrop-filter:blur(20px);z-index:99999;opacity:0;visibility:hidden;transition:var(--tr)}
.search-modal.active{opacity:1;visibility:visible}
.search-modal-inner{max-width:600px;margin:0 auto}
.search-input-wrap{display:flex;gap:12px;position:relative}
.search-input-wrap input{flex:1;padding:16px 20px;border-radius:12px;border:2px solid var(--card-border);background:var(--surface);color:var(--text);font-size:1.1rem;outline:none;transition:var(--tr-fast)}
.search-input-wrap input:focus{border-color:var(--accent1)}
.search-input-wrap .search-close-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:0;border:0;color:var(--text3);cursor:pointer;font-size:1.2rem}
.search-results{margin-top:24px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.search-results a{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;background:var(--surface2);border:1px solid var(--card-border);transition:var(--tr-fast);text-decoration:none}
.search-results a:hover{border-color:var(--accent1);background:var(--accent1g3)}
.search-results .sr-icon{width:40px;height:40px;border-radius:8px;background:var(--accent1g2);display:flex;align-items:center;justify-content:center;color:var(--accent1);font-size:1rem;flex-shrink:0}
.search-results .sr-info{flex:1;min-width:0}
.search-results .sr-title{color:var(--text);font-weight:600;font-size:.95rem}
.search-results .sr-desc{color:var(--text3);font-size:.8rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-results .sr-cat{font-size:.7rem;color:var(--accent1);font-weight:600;text-transform:uppercase;letter-spacing:1px}
.search-empty{text-align:center;padding:40px;color:var(--text3)}

/* Testimonials */
.testimonials{padding:80px 0;background:var(--section-alt);position:relative}
.testimonials::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(20,184,166,.04),transparent 50%);pointer-events:none}
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:40px}
.testimonial-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:32px;transition:var(--tr);position:relative}
.testimonial-card:hover{transform:translateY(-4px);border-color:rgba(20,184,166,.2);box-shadow:var(--sh-card-hover)}
.testimonial-text{color:var(--text2);font-style:italic;line-height:1.7;margin-bottom:24px;font-size:.95rem}
.testimonial-text::before{content:'"';color:var(--accent1);font-size:2rem;font-weight:700;line-height:0;vertical-align:-6px;margin-right:4px;opacity:.5}
.testimonial-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--card-border)}
.testimonial-author img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--accent1g2)}
.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent1g2);display:flex;align-items:center;justify-content:center;color:var(--accent1);flex-shrink:0}
.testimonial-author strong{display:block;font-size:.9rem;color:var(--text)}
.testimonial-author span{font-size:.8rem;color:var(--text3)}

/* Service Detail */
.svc-detail-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}
.svc-detail-content{padding:32px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg)}
.svc-detail-text p{color:var(--text2);line-height:1.8;font-size:1.05rem;margin-bottom:24px}
.svc-features h3{font-size:1.1rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.svc-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.svc-features-grid span{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--accent1g3);border-radius:var(--rs);color:var(--text);font-size:.9rem}
.svc-features-grid span i{color:var(--accent1)}
.svc-detail-sidebar{display:flex;flex-direction:column;gap:20px}
.svc-detail-img img{width:100%;border-radius:var(--radius);border:1px solid var(--card-border)}
.svc-detail-gallery h4{margin-bottom:10px;font-size:.95rem}
.svc-detail-thumbs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.svc-detail-thumbs img{width:70px;height:50px;border-radius:6px;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:var(--tr-fast)}
.svc-detail-thumbs img.active,.svc-detail-thumbs img:hover{border-color:var(--accent1)}
.svc-detail-cta{padding:24px;background:var(--grad2);border-radius:var(--radius-lg);text-align:center;color:#fff}
.svc-detail-cta h4{font-size:1rem;margin-bottom:6px}
.svc-detail-cta p{font-size:.85rem;opacity:.85;margin-bottom:16px}
.svc-detail-cta .btn-glow{background:#fff;color:var(--accent2);box-shadow:none;padding:12px 24px;font-size:.9rem}
.svc-detail-cta .btn-glow:hover{background:var(--accent1);color:#fff}
@media(max-width:768px){.svc-detail-grid{grid-template-columns:1fr}.svc-features-grid{grid-template-columns:1fr}}

/* Chatbot */
.chat-btn{position:fixed;bottom:170px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--grad1);color:#fff;border:none;cursor:pointer;font-size:1.3rem;box-shadow:0 4px 20px rgba(20,184,166,.4);z-index:9998;transition:var(--tr);display:flex;align-items:center;justify-content:center}
.chat-btn:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(20,184,166,.5)}
.chat-btn .cb-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;font-size:.65rem;display:flex;align-items:center;justify-content:center;font-weight:700;animation:pulse 2s infinite}
.chat-panel{position:fixed;bottom:240px;right:24px;width:360px;max-height:520px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,.3);z-index:9999;display:none;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}
.chat-panel.open{display:flex}
.chat-header{padding:16px 20px;background:var(--grad1);color:#fff;display:flex;align-items:center;gap:10px}
.chat-header h4{flex:1;font-size:.95rem;font-weight:700}
.chat-live-btn{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.15);color:#fff;text-decoration:none;font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px;transition:background .2s;white-space:nowrap}
.chat-live-btn:hover{background:rgba(255,255,255,.25);color:#fff}
.chat-close-btn{background:rgba(255,255,255,.2);border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:var(--tr-fast)}
.chat-close-btn:hover{background:rgba(255,255,255,.35)}
.chat-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;min-height:200px;max-height:340px}
.chat-msg{max-width:85%;padding:12px 16px;border-radius:14px;font-size:.88rem;line-height:1.6;animation:msgIn .3s ease;word-break:break-word;white-space:pre-wrap}
.chat-msg.bot{align-self:flex-start;background:var(--surface2);color:var(--text);border-bottom-left-radius:4px}
.chat-msg.user{align-self:flex-end;background:var(--grad1);color:#fff;border-bottom-right-radius:4px}
.chat-msg .msg-actions{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}
.chat-msg .msg-actions a{padding:6px 14px;border-radius:100px;font-size:.78rem;font-weight:600;text-decoration:none;transition:var(--tr-fast);display:inline-flex;align-items:center;gap:4px}
.chat-msg .msg-actions .btn-chat-link{background:rgba(20,184,166,.15);color:var(--accent1)}
.chat-msg .msg-actions .btn-chat-link:hover{background:rgba(20,184,166,.25)}
.chat-msg .msg-actions .btn-chat-wa{background:#25D366;color:#fff}
.chat-msg .msg-actions .btn-chat-wa:hover{opacity:.9}
.chat-msg .msg-actions .btn-chat-call{background:var(--accent2);color:#fff}
.chat-msg .msg-actions .btn-chat-call:hover{opacity:.9}
.chat-typing{display:flex;align-items:center;gap:4px;padding:12px 16px}
.chat-typing span{width:8px;height:8px;border-radius:50%;background:var(--text3);animation:typing 1.2s infinite}
.chat-typing span:nth-child(2){animation-delay:.2s}
.chat-typing span:nth-child(3){animation-delay:.4s}
.chat-input-wrap{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--card-border)}
.chat-input-wrap input{flex:1;padding:10px 14px;border-radius:100px;border:1.5px solid var(--input-border);background:var(--input-bg);color:var(--text);font-size:.88rem;outline:none;transition:var(--tr-fast)}
.chat-input-wrap input:focus{border-color:var(--accent1)}
.chat-input-wrap button{width:40px;height:40px;border-radius:50%;background:var(--grad1);color:#fff;border:none;cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:var(--tr-fast);flex-shrink:0}
.chat-input-wrap button:hover{transform:scale(1.05)}
.chat-input-wrap button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.chat-welcome{padding:16px 20px;background:var(--surface2);border-bottom:1px solid var(--card-border);font-size:.82rem;color:var(--text2);line-height:1.5}
.chat-welcome strong{color:var(--accent1)}
.quick-replies{display:flex;gap:6px;flex-wrap:wrap;padding:4px 16px 12px}
.quick-reply-btn{padding:6px 14px;border-radius:100px;border:1px solid var(--card-border);background:transparent;color:var(--text2);font-size:.78rem;cursor:pointer;transition:var(--tr-fast)}
.quick-reply-btn:hover{border-color:var(--accent1);color:var(--accent1);background:var(--accent1g3)}
@keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes typing{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}

/* Print */
@media print{nav,.footer-top,.footer-bottom,.fixed-buttons,#backToTop,.cookie,.breadcrumb,.search-toggle,.page-hero-shapes,.chat-btn,.chat-panel{display:none!important}body{background:#fff;color:#000}.container{max-width:100%}.page-hero{padding:40px 0!important;min-height:auto!important}.watermark{display:none!important}img{max-width:100%!important;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}}

/* Vibrant extras */
.section-tag{box-shadow:0 0 30px var(--accent1g2)}
.about-exp{background:rgba(255,255,255,.95);border-color:var(--accent1)}

/* === DARK MODE SUPPORT === */
[data-theme="dark"] {
    --bg: #0f172a;
    --bg2: #1e293b;
    --bg3: #1a2436;
    --surface: #1e293b;
    --surface2: #253349;
    --text: #f1f5f9;
    --text2: #94a3b8;
    --text3: #64748b;
    --accent1: #2dd4bf;
    --accent2: #14b8a6;
    --card-bg: #1e293b;
    --card-border: #334155;
    --input-bg: #1e293b;
    --input-border: #475569;
    --nav-bg: rgba(15,23,42,0.95);
    --nav-border: #1e293b;
    --nav-text: #f1f5f9;
    --modal-bg: rgba(15,23,42,0.95);
    --section-alt: #0f172a;
    --sh-card: 0 4px 24px rgba(0,0,0,0.3);
    --sh-card-hover: 0 12px 48px rgba(45,212,191,0.15);
}
[data-theme="dark"] body::before { opacity: 0.008; }
[data-theme="dark"] .hero { background: linear-gradient(135deg, #0a0f1a, #0d2925); }
[data-theme="dark"] .about-exp { background: rgba(30,41,59,0.95); }
[data-theme="dark"] .about-floating-card { background: rgba(30,41,59,0.95); }
[data-theme="dark"] .cookie { background: rgba(15,23,42,0.95); }
[data-theme="dark"] .search-modal { background: rgba(15,23,42,0.95); }
[data-theme="dark"] .chat-panel { background: #1e293b; }
[data-theme="dark"] .chat-msg.bot { background: #253349; }
[data-theme="dark"] .chat-input-wrap input { background: #253349; border-color: #475569; }
[data-theme="dark"] .modal { background: rgba(15,23,42,0.98); }
[data-theme="dark"] .gv-container { background: #1e293b; }

/* Dark mode toggle button */
.theme-toggle {
    position: fixed;
    bottom: 80px;
    left: 24px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--modal-bg);
    border: 1px solid var(--card-border);
    color: var(--text);
    cursor: pointer;
    z-index: 998;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--tr);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.theme-toggle:hover { background: var(--accent1); color: #000; transform: rotate(30deg); }
@media(max-width:768px) { .theme-toggle { bottom: 70px; left: 16px; width: 42px; height: 42px; } }

/* === SCROLL REVEAL ANIMATIONS === */
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.22,1,0.36,1); }
.reveal.revealed { opacity: 1; transform: translateY(0); }
.reveal-left { opacity: 0; transform: translateX(-30px); transition: all 0.8s cubic-bezier(0.22,1,0.36,1); }
.reveal-left.revealed { opacity: 1; transform: translateX(0); }
.reveal-right { opacity: 0; transform: translateX(30px); transition: all 0.8s cubic-bezier(0.22,1,0.36,1); }
.reveal-right.revealed { opacity: 1; transform: translateX(0); }
.reveal-scale { opacity: 0; transform: scale(0.9); transition: all 0.8s cubic-bezier(0.22,1,0.36,1); }
.reveal-scale.revealed { opacity: 1; transform: scale(1); }

/* Stagger children */
.stagger-children > * { opacity: 0; transform: translateY(20px); transition: all 0.5s cubic-bezier(0.22,1,0.36,1); }
.stagger-children.revealed > *:nth-child(1) { transition-delay: 0.05s; }
.stagger-children.revealed > *:nth-child(2) { transition-delay: 0.1s; }
.stagger-children.revealed > *:nth-child(3) { transition-delay: 0.15s; }
.stagger-children.revealed > *:nth-child(4) { transition-delay: 0.2s; }
.stagger-children.revealed > *:nth-child(5) { transition-delay: 0.25s; }
.stagger-children.revealed > *:nth-child(6) { transition-delay: 0.3s; }
.stagger-children.revealed > * { opacity: 1; transform: translateY(0); }

/* === MODERN GLASSMORPHISM CARDS === */
.glass-card {
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    transition: var(--tr);
}
.glass-card:hover {
    background: rgba(255,255,255,0.12);
    border-color: rgba(20,184,166,0.3);
    box-shadow: 0 8px 32px rgba(20,184,166,0.15);
}
[data-theme="dark"] .glass-card {
    background: rgba(30,41,59,0.6);
    border-color: rgba(255,255,255,0.08);
}

/* === FLOATING ACTION BUTTONS === */
.fab-menu {
    position: fixed;
    bottom: 80px;
    right: 24px;
    z-index: 997;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
}
.fab-item {
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0;
    transform: translateX(20px) scale(0.8);
    transition: all 0.3s cubic-bezier(0.22,1,0.36,1);
    pointer-events: none;
}
.fab-menu.active .fab-item {
    opacity: 1;
    transform: translateX(0) scale(1);
    pointer-events: auto;
}
.fab-menu.active .fab-item:nth-child(1) { transition-delay: 0.05s; }
.fab-menu.active .fab-item:nth-child(2) { transition-delay: 0.1s; }
.fab-menu.active .fab-item:nth-child(3) { transition-delay: 0.15s; }
.fab-label {
    background: var(--surface);
    color: var(--text);
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: 1px solid var(--card-border);
}
.fab-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #fff;
    transition: var(--tr);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.fab-btn:hover { transform: scale(1.1); }
.fab-toggle {
    width: 52px;
    height: 52px;
    background: var(--grad1);
    font-size: 1.3rem;
    box-shadow: 0 4px 20px rgba(20,184,166,0.4);
}
.fab-toggle:hover { transform: scale(1.1) rotate(90deg); }
.fab-wa { background: #25D366; }
.fab-mail { background: #ea4335; }
.fab-phone { background: #22c55e; }

/* === SMOOTH PAGE TRANSITIONS === */
.page-transition {
    animation: pageIn 0.5s cubic-bezier(0.22,1,0.36,1);
}
@keyframes pageIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* === LOADING SKELETON === */
.skeleton {
    background: linear-gradient(90deg, var(--surface2) 25%, var(--surface) 50%, var(--surface2) 75%);
    background-size: 200% 100%;
    animation: skeleton 1.5s infinite;
    border-radius: 8px;
}
@keyframes skeleton {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* === COUNTER ANIMATION === */
.counter-animate {
    display: inline-block;
    transition: all 0.3s;
}

/* === TOOLTIP === */
[data-tooltip] {
    position: relative;
}
[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    background: var(--surface);
    color: var(--text);
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border: 1px solid var(--card-border);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
    pointer-events: none;
    z-index: 100;
}
[data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* === IMPROVED RESPONSIVE NAVIGATION === */
@media(max-width:1300px) {
    .nav-links {
        transition: right 0.4s cubic-bezier(0.22,1,0.36,1);
    }
    .nav-links.open {
        box-shadow: -10px 0 40px rgba(0,0,0,0.2);
    }
}

/* === ANIMATED GRADIENT BORDER === */
.gradient-border {
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
}
.gradient-border::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    background: linear-gradient(135deg, var(--accent1), #2dd4bf, var(--accent2), var(--accent1));
    background-size: 300% 300%;
    animation: gradientBorder 4s ease infinite;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
@keyframes gradientBorder {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* === IMPROVED GALLERY HOVER === */
.gallery-item .gallery-overlay {
    background: linear-gradient(transparent 30%, rgba(13,148,136,0.9));
}
.gallery-item:hover .gallery-overlay h4 {
    color: #fff;
}
.gallery-item .gallery-overlay .gallery-actions {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease 0.1s;
}
.gallery-item:hover .gallery-overlay .gallery-actions {
    opacity: 1;
    transform: translateY(0);
}
.gallery-overlay .gal-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--tr-fast);
    font-size: 0.85rem;
}
.gallery-overlay .gal-btn:hover {
    background: #fff;
    color: var(--accent1);
}

/* === BACK TO TOP ANIMATION === */
#backToTop {
    transition: all 0.4s cubic-bezier(0.22,1,0.36,1);
}
#backToTop.visible {
    animation: bounceIn 0.5s;
}
@keyframes bounceIn {
    0% { transform: translateY(20px) scale(0.8); opacity: 0; }
    60% { transform: translateY(-4px) scale(1.05); }
    100% { transform: translateY(0) scale(1); opacity: 1; }
}

/* === TESTIMONIAL CAROUSEL === */
.testimonial-card {
    transition: all 0.5s cubic-bezier(0.22,1,0.36,1);
}
.testimonial-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--grad1);
    opacity: 0;
    transition: var(--tr);
}
.testimonial-card:hover::before {
    opacity: 1;
}

/* === IMPROVED CONTACT FORM === */
.contact-form .input-group {
    margin-bottom: 16px;
}
.contact-form label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 6px;
}
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
    transform: translateY(-1px);
    box-shadow: 0 0 0 3px var(--accent1g2), 0 4px 12px rgba(0,0,0,0.05);
}

/* === IMPROVED HERO SECTION === */
.hero-badge {
    animation: fadeUp 0.6s forwards, pulse 3s ease-in-out infinite 1.2s;
}
@keyframes pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(13,148,136,0.3); }
    50% { box-shadow: 0 0 0 10px rgba(13,148,136,0); }
}

/* === STATS COUNTER SECTION === */
.stats-counter {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding: 60px 0;
}
.stat-counter-item {
    text-align: center;
    padding: 32px 20px;
    background: var(--card-bg);
    border-radius: var(--radius-lg);
    border: 1px solid var(--card-border);
    transition: var(--tr);
}
.stat-counter-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--sh-card-hover);
    border-color: rgba(20,184,166,0.2);
}
.stat-counter-num {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--accent1);
    line-height: 1;
    margin-bottom: 8px;
}
.stat-counter-label {
    font-size: 0.85rem;
    color: var(--text2);
    font-weight: 500;
}
@media(max-width:768px) {
    .stats-counter { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .stat-counter-item { padding: 20px 12px; }
    .stat-counter-num { font-size: 1.8rem; }
}
@media(max-width:480px) {
    .stats-counter { grid-template-columns: 1fr 1fr; }
}

/* === IMPROVED NEWSLETTER/CTA SECTION === */
.cta-box {
    transition: all 0.5s cubic-bezier(0.22,1,0.36,1);
}
.cta-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 60px rgba(20,184,166,0.12);
}

/* === BLOG CARD IMPROVEMENTS === */
.blog-card .blog-tag {
    position: absolute;
    top: 12px;
    right: 12px;
    background: var(--grad1);
    color: #fff;
    padding: 4px 12px;
    border-radius: 100px;
    font-size: 0.7rem;
    font-weight: 600;
    z-index: 3;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* === PRINT STYLES IMPROVEMENTS === */
@media print {
    .theme-toggle { display: none !important; }
    .fab-menu { display: none !important; }
    .chat-btn { display: none !important; }
    .chat-panel { display: none !important; }
    * { box-shadow: none !important; }
    body { font-size: 12pt; line-height: 1.5; }
    h1, h2, h3 { page-break-after: avoid; color: #000 !important; }
    a { color: #000 !important; text-decoration: underline; }
}

/* === PERFORMANCE: REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
    .reveal, .reveal-left, .reveal-right, .reveal-scale { 
        transition: none; 
        opacity: 1; 
        transform: none; 
    }
    .stagger-children > * { transition: none; opacity: 1; transform: none; }
    .gradient-border::before { animation: none; }
    .hero-badge { animation: none; }
    .fab-menu.active .fab-item { transition: none; }
}