*,*::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; }
}

/* ============================================================
   MOBILE / ANDROID POLISH — 2026-10
   ============================================================ */
.nav-toggle{position:relative;z-index:10001}
.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Checkbox inside forms must not inherit width:100% from .qq-form input */
.kvkk-check input[type="checkbox"]{width:16px!important;height:16px!important;flex:0 0 16px!important;padding:0!important}
.kvkk-check>span{flex:1;min-width:0}

@media (max-width:768px){
    /* Section rhythm: less empty space on phones */
    .about,.services,.why-us,.process,.gallery,.faq,.blog,.quick-quote,
    .machinery,.testimonials,.refs,.video-gallery,.video-showcase,
    .catalog-page,.blog-page,.legal-page{padding-top:64px;padding-bottom:64px}
    .section-head{margin-bottom:36px}
    .section-desc{font-size:.92rem;line-height:1.65}
    .container{padding-left:20px;padding-right:20px}
    .page-hero{padding:116px 0 54px}
    .page-hero-content h1{font-size:clamp(1.8rem,8vw,2.7rem)}
    .page-hero-content p{font-size:.95rem;line-height:1.6;padding:0 4px}
    .breadcrumb{font-size:.78rem;padding:10px 0}

    /* Navbar + drawer */
    .nav-inner{padding:0 18px}
    .nav-toggle{width:44px;height:44px;align-items:center;justify-content:center;margin-left:2px;flex-shrink:0}
    .nav-toggle span{width:22px;height:2px}
    .nav-links{width:min(86vw,330px);padding:84px 18px 22px}
    .nav-links>li>a{font-size:.94rem;padding:13px 12px}
    .nav-drop-menu li a{font-size:.9rem;padding:10px 12px}
    .nav-logo img{max-height:46px;width:auto}

    /* Hero: content height, no forced 90vh */
    .hero{min-height:auto;padding:104px 20px 44px}
    .hero-title{font-size:clamp(1.95rem,9vw,2.9rem);line-height:1.08;margin-bottom:16px}
    .hero-desc{font-size:.96rem;line-height:1.65;margin-bottom:26px}
    .hero-buttons{width:100%;gap:10px}
    .hero-buttons .btn-glow,.hero-buttons .btn-outline{flex:1 1 0;min-width:0;justify-content:center;padding:13px 12px;font-size:.86rem;white-space:nowrap}
    .hero-stats{margin-top:28px;padding:16px 6px;gap:14px 0}
    .hero-stat{padding:0 9px}
    .hero-stat-num{font-size:1.4rem}
    .hero-stat-label{font-size:.62rem;letter-spacing:1px;margin-top:4px}

    /* Footer */
    .footer-top{padding:58px 0 32px}
    .footer-grid{gap:26px}
    .footer-bottom{padding:20px 0}
    .footer-bottom .container{gap:12px}
    .footer-bottom p{line-height:1.6;overflow-wrap:anywhere}
    .footer-links{flex-wrap:wrap;justify-content:center;gap:8px 18px;width:100%}
    .footer-links a{white-space:nowrap;font-size:.78rem}
    .footer-contact li{overflow-wrap:anywhere}

    /* Floating buttons: do not cover hero / content until scrolled */
    .fixed-buttons,.chat-btn{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px);transition:opacity .25s ease,transform .25s ease,visibility .25s}
    body.floats-visible .fixed-buttons,body.floats-visible .chat-btn{opacity:1;visibility:visible;pointer-events:auto;transform:none}
    .fixed-buttons{right:16px;bottom:16px;gap:10px}
    .fixed-buttons a{width:44px;height:44px;font-size:1.15rem}
    .fixed-buttons a::after{display:none}
    .chat-btn{right:16px;bottom:126px;width:50px;height:50px;font-size:1.15rem}
    .chat-panel{right:10px;bottom:186px;width:calc(100vw - 20px);max-height:calc(100vh - 200px)}
    #backToTop{left:16px;bottom:16px;width:42px;height:42px}
    .theme-toggle{bottom:68px;left:16px;width:40px;height:40px}
    .cookie{width:calc(100% - 24px);padding:14px 16px;gap:12px}
    .cookie p{font-size:.8rem}

    /* Forms: 16px stops iOS/Android focus zoom */
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,textarea{font-size:16px !important}
    .contact-form{padding:22px 18px}
    .qq-form input,.qq-form textarea,.qq-form select{padding:12px 14px}

    /* Cards / content */
    .card-body{padding:18px}
    .machinery-info{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}
    .machinery-info span{white-space:normal;line-height:1.45;max-width:100%}
    .cd-item{gap:12px}
    .cd-icon{width:42px;height:42px;font-size:1rem}
    .faq-q{padding:16px 18px}
    .faq-item.active .faq-a{padding:0 18px 16px}
    .map-wrap #map{height:240px}

    /* Hizmet modali: uzun icerik ekran disina tasmasin, iceride kaydirilsin */
    .modal{
        top:50%;left:50%;
        width:calc(100% - 24px);
        max-width:calc(100% - 24px);
        max-height:calc(100vh - 24px);
        max-height:calc(100dvh - 24px);
        padding:0;
        overflow:hidden;
    }
    .modal-inner{
        max-height:calc(100vh - 26px);
        max-height:calc(100dvh - 26px);
        padding:62px 20px calc(26px + env(safe-area-inset-bottom));
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin;
    }
    .modal-close{
        position:absolute;
        top:10px;right:12px;
        z-index:10;
        width:42px;height:42px;
        display:flex;align-items:center;justify-content:center;
        border-radius:50%;
        background:var(--card-bg);
        border:1px solid var(--card-border);
        box-shadow:0 4px 16px rgba(0,0,0,.14);
        backdrop-filter:blur(8px);
        -webkit-backdrop-filter:blur(8px);
    }
}

@media (max-width:480px){
    .container{padding-left:16px;padding-right:16px}
    .about,.services,.why-us,.process,.gallery,.faq,.blog,.quick-quote,
    .machinery,.testimonials,.refs,.video-gallery,.video-showcase,
    .catalog-page,.blog-page,.legal-page{padding-top:52px;padding-bottom:52px}
    .hero{padding-left:16px;padding-right:16px}
    .hero-title{font-size:clamp(1.8rem,9.4vw,2.5rem)}
    .hero-stats{padding:14px 4px;margin-top:24px}
    .hero-stat-num{font-size:1.25rem}
    .hero-stat-label{font-size:.58rem;letter-spacing:.8px}
    .section-head h2{font-size:1.5rem}
    .footer-links{gap:7px 14px}
    .footer-links a{font-size:.74rem}
    .chat-btn{right:14px;bottom:120px;width:46px;height:46px}
    .fixed-buttons{right:14px;bottom:14px}
    .fixed-buttons a{width:42px;height:42px}
    .chat-panel{bottom:176px;max-height:calc(100vh - 190px)}
    .cookie{width:calc(100% - 20px)}
}

/* ============================================================
   MOBILE / ANDROID POLISH 2 — 2026-10-31
   Dokunma hedefleri, güvenli alanlar ve tam ekran menü
   ============================================================ */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent}

/* [data-tooltip] kuralı sabit tema butonunun konumunu ezmesin */
.theme-toggle[data-tooltip]{position:fixed}

/* Dokunmatik cihazlarda hover'a bağlı kalan görünümler */
@media (hover:none){
    [data-tooltip]::after{display:none!important}
    .gallery-filters button:hover,
    .gv-nav:hover,
    .gv-close:hover,
    .gv-play-btn:hover,
    .hero-slider-btn:hover{transform:none}
    .card-slide-btn{opacity:.94;pointer-events:auto}
    .gallery-item:hover .watermark{opacity:.12}
}

@media (max-width:1300px){
    /* Menü katmanı: navbar'ın backdrop-filter'ından bağımsız tam ekran */
    .nav-overlay{
        height:100vh;
        height:100dvh;
        -webkit-backdrop-filter:blur(3px);
        backdrop-filter:blur(3px);
    }
    .nav-links{
        height:100vh;
        height:100dvh;
        padding-top:calc(84px + env(safe-area-inset-top));
        padding-bottom:calc(24px + env(safe-area-inset-bottom));
        overscroll-behavior:contain;
    }
    .nav-links>li>a{
        display:flex;
        align-items:center;
        min-height:48px;
    }
    .nav-drop-menu li a{
        display:flex;
        align-items:center;
        min-height:44px;
    }
    .nav-toggle,.search-toggle{
        width:46px;
        height:46px;
        min-width:46px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        padding:0;
        touch-action:manipulation;
    }
    .nav-inner{
        padding-left:max(14px,env(safe-area-inset-left));
        padding-right:max(14px,env(safe-area-inset-right));
    }
}

@media (max-width:768px){
    /* Sabit öğeler: çentik ve Android gezinme çubuğu payı */
    .fixed-buttons{
        right:max(16px,env(safe-area-inset-right));
        bottom:calc(16px + env(safe-area-inset-bottom));
    }
    .fixed-buttons a{width:46px;height:46px}
    #backToTop{
        left:max(16px,env(safe-area-inset-left));
        bottom:calc(16px + env(safe-area-inset-bottom));
        width:44px;
        height:44px;
    }
    .theme-toggle{
        left:max(16px,env(safe-area-inset-left));
        bottom:calc(68px + env(safe-area-inset-bottom));
        width:44px;
        height:44px;
    }
    .chat-btn{
        right:max(16px,env(safe-area-inset-right));
        bottom:calc(126px + env(safe-area-inset-bottom));
    }
    .chat-panel{
        right:max(10px,env(safe-area-inset-right));
        bottom:calc(186px + env(safe-area-inset-bottom));
        max-height:min(560px,calc(100dvh - 210px));
    }
    .cookie{
        left:max(12px,env(safe-area-inset-left));
        bottom:calc(12px + env(safe-area-inset-bottom));
        transform:translateY(140%);
        max-width:calc(100vw - 24px);
    }
    .cookie.active{transform:translateY(0)}
    .cookie-btns{width:100%;justify-content:center}
    .cookie-btns .btn-glow,.cookie-btns button:last-child{min-height:44px;flex:1 1 auto}

    /* Logo ve menü taşmasın */
    .nav-logo img{max-width:min(54vw,220px);max-height:44px;object-fit:contain}
    .nav-links{
        width:min(88vw,340px);
        padding-left:max(18px,env(safe-area-inset-left));
        padding-right:max(18px,env(safe-area-inset-right));
    }

    /* Arama */
    .search-toggle{width:44px;height:44px;min-width:44px}
    .search-modal{
        height:100vh;
        height:100dvh;
        overflow-y:auto;
        padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));
    }
    .search-input-wrap input{padding:14px 52px 14px 16px;font-size:16px;min-height:50px}
    .search-input-wrap .search-close-btn{
        right:4px;
        width:44px;
        height:44px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .search-results{max-height:none;padding-bottom:24px}
    .search-results a{padding:12px 14px;min-height:56px}

    /* Galeri ve slider okları */
    html{scroll-padding-top:96px}
    .gallery-filters{
        flex-wrap:nowrap;
        justify-content:flex-start;
        gap:8px;
        margin-bottom:28px;
        padding:2px 0 10px;
        overflow-x:auto;
        overflow-y:hidden;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
    }
    .gallery-filters::-webkit-scrollbar{display:none}
    .gallery-filters button{
        flex:0 0 auto;
        min-height:44px;
        padding:0 18px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        scroll-snap-align:center;
        touch-action:manipulation;
    }
    .hero-slider-btn{width:44px;height:44px;font-size:.9rem}
    .hero-slider-btn.prev{left:8px}
    .hero-slider-btn.next{right:8px}
    .card-slide-btn{width:42px;height:42px;font-size:.85rem}

    /* Tam ekran galeri görüntüleyici */
    .gv-overlay{
        padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
    }
    .gv-container{
        width:100%;
        max-height:calc(100vh - 16px);
        max-height:calc(100dvh - 16px);
        padding:12px;
        overflow-y:auto;
        overscroll-behavior:contain;
    }
    .gv-close,.gv-play-btn,.gv-nav{width:44px;height:44px;min-width:44px;touch-action:manipulation}
    .gv-top{gap:8px}
    .gv-top h3{
        min-width:0;
        overflow:hidden;
        font-size:1rem;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .gv-slider{gap:4px}
    .gv-slides{min-height:0;height:min(54dvh,360px);aspect-ratio:auto}
    .gv-thumbs{justify-content:flex-start;gap:8px;padding-bottom:6px}
    .gv-thumbs img{width:64px;height:48px}

    /* Modallar */
    .modal-close{width:44px;height:44px;font-size:1.6rem;touch-action:manipulation}
    .modal-gallery-thumbs img{width:72px;height:54px}
    .modal-gallery-thumbs{padding-bottom:6px}
    .modal-features span{min-height:32px}

    /* Formlar ve butonlar */
    .form-row,.qq-row{gap:12px}
    .kvkk-check{min-height:44px;padding:4px 0}
    .kvkk-check input{margin-top:2px}
    .qq-form button,.contact-form .btn-glow,.qq-form .btn-glow{min-height:48px;font-size:.95rem}
    .contact-form button[type="submit"]{width:100%;min-height:48px}
    textarea{min-height:120px}

    /* Footer / iç bağlantı dokunma hedefleri */
    .footer-social a{width:44px;height:44px}
    .footer-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px}
    .footer-col ul li{margin-bottom:0}
    .footer-col ul li a{display:inline-flex;align-items:center;min-height:40px}
    .footer-contact li{min-height:40px;align-items:flex-start}
    .breadcrumb a{display:inline-flex;align-items:center;min-height:40px}
    .btn-underline{min-height:44px}
    .btn-sm{min-height:44px}
    .cd-item a{display:inline-flex;align-items:center;min-height:36px}
    .lb-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.6rem}
    .chat-close-btn{width:44px;height:44px}
    .chat-input-wrap button{width:44px;height:44px}
    .chat-live-btn{min-height:32px;padding:6px 10px}
}

@media (max-width:480px){
    /* Telefonda oklar içeriği kapatmasın: kaydırma + noktalar yeterli */
    .hero-slider-btn{display:none}
}

/* Dokunmatikte basılı durum geri bildirimi */
@media (hover:none){
    .gallery-filters button:active,
    .btn-glow:active,
    .btn-outline:active,
    .gv-nav:active,
    .gv-close:active,
    .gv-play-btn:active,
    .fixed-buttons a:active,
    #backToTop:active,
    .chat-btn:active,
    .footer-social a:active,
    .nav-toggle:active,
    .search-toggle:active,
    .nav-cta:active{transform:scale(.96);transition-duration:.08s}
    .gallery-filters button:hover{transform:none;box-shadow:none}
}

@media (max-width:380px){
    .hero-buttons{flex-direction:column}
    .hero-buttons .btn-glow,.hero-buttons .btn-outline{width:100%;flex:none}
    .nav-logo img{max-width:44vw;max-height:38px}
    .nav-toggle,.search-toggle,.nav-cta{width:44px;height:44px;min-width:44px}
    .theme-toggle{width:44px;height:44px}
    .chat-panel{bottom:calc(172px + env(safe-area-inset-bottom));max-height:calc(100dvh - 190px)}
    .cookie{padding:14px 14px calc(14px + env(safe-area-inset-bottom))}
    .gv-slides{height:min(46dvh,300px)}
}

/* ============================================================
   MOBİL TAM GÖRSEL — 2026-11-02
   Android/telefonda seçilen görselin tamamı görünsün:
   hero, hizmet kartları, hakkımızda ve galeri görselleri.
   ============================================================ */
@media (max-width: 768px) {
    /* Hero: tam görsel önde, aynı görselin bulanık hali arkada */
    .hero-slide { background-size: cover; background-position: center; }
    .hero-slide::before {
        content: '';
        position: absolute;
        inset: -18px;
        background-image: inherit;
        background-size: cover;
        background-position: center;
        filter: blur(18px) brightness(.52);
        transform: scale(1.06);
        z-index: 0;
        pointer-events: none;
    }
    .hero-slide-fit {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 1;
        background-image: inherit;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        pointer-events: none;
    }

    /* Hizmet kartı görselleri: kırpma yok */
    .card-media { height: auto; aspect-ratio: 4 / 3; background: var(--bg2); }
    .card-media .card-slide { background-size: cover; background-position: center; }
    .card-media .card-slide::before {
        content: '';
        position: absolute;
        inset: -10px;
        background-image: inherit;
        background-size: cover;
        background-position: center;
        filter: blur(14px) brightness(.62);
        transform: scale(1.06);
        z-index: 0;
        pointer-events: none;
    }
    .card-media .card-slide::after {
        content: '';
        position: absolute;
        inset: 0;
        background-image: inherit;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
        pointer-events: none;
    }
    .card-media .card-single-img { object-fit: contain; background: var(--bg2); }
    .service-card:hover .card-media .card-single-img,
    .service-card:hover .card-media .card-slide.active { transform: none; }

    /* Hakkımızda görseli: doğal yükseklik, tam görünüm */
    .about-image-wrap img { height: auto; max-height: none; object-fit: contain; background: var(--bg2); }
    .about-image-wrap:hover img { transform: none; }
    .about-image-wrap::after { background: linear-gradient(180deg, transparent 68%, rgba(0,0,0,.18)); }

    /* Galeri ve büyütme penceresi */
    .gallery-item img { object-fit: contain; background: var(--bg2); }
    .modal-gallery-main img { object-fit: contain; background: var(--bg2); }

    /* Diğer içerik görselleri de kırpılmasın */
    .card-img img,
    .blog-img img,
    .modal-img img,
    .why-img img,
    .step-img img { object-fit: contain; background: var(--bg2); }
    .blog-img,
    .modal-img { background: var(--bg2); }

    /* Dokunmatikte hover büyütmesi görseli kırpmasın */
    .gallery-item:hover img,
    .blog-card:hover .blog-img img,
    .service-card:hover .card-img img { transform: none; }
}