.hero{min-height:660px;background:var(--ink) url('../assets/images/hero-teknisi.png') center/cover no-repeat;color:#fff;position:relative;overflow:hidden}.hero:before,.cta:before{content:"";position:absolute;inset:auto -10% -22% 0;height:45%;background:repeating-linear-gradient(135deg,transparent 0 45px,rgba(18,178,79,.22) 46px 50px);transform:skewY(-6deg)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,20,.98) 0%,rgba(4,25,20,.74) 43%,rgba(4,25,20,.12) 75%)}.hero-inner{position:relative;min-height:660px;display:flex;align-items:center}.hero-copy{width:58%;padding:65px 0 110px}.hero h1{font-size:clamp(4rem,7.5vw,7.2rem);letter-spacing:-.02em;margin:14px 0 16px;text-shadow:0 3px 14px #000}.hero h1 em{color:#19d865;font-style:italic}.hero-lead{font-size:1.35rem}.hero-lead strong{font-style:italic}.micro-features{display:flex;gap:34px;margin:28px 0}.micro-features span{display:flex;align-items:center;gap:10px;font-size:1.5rem;color:#1cde69}.micro-features b{font-size:.78rem;color:#fff}.hero-actions{display:flex;gap:14px}.hero-chips{position:absolute;right:0;top:115px;display:grid;gap:16px}.hero-chips a{background:rgba(2,20,15,.7);border:1px solid rgba(255,255,255,.45);padding:7px 13px;border-radius:20px;font-size:.78rem;animation:float 4s ease-in-out infinite}.hero-chips a:nth-child(2){transform:translateX(35px);animation-delay:.6s}.hero-chips a:nth-child(3){transform:translateX(8px);animation-delay:1.2s}.vertical-note{position:absolute;right:-86px;top:80px;writing-mode:vertical-rl;letter-spacing:.3em;font-size:.7rem}.advantages{position:relative;margin-top:-56px;background:#fff;border-radius:14px;box-shadow:var(--shadow);z-index:3;display:grid;grid-template-columns:repeat(4,1fr);padding:25px 30px}.advantages article{display:flex;gap:16px;padding:5px 24px;border-right:1px solid var(--line)}.advantages article:last-child{border:0}.advantages i,.stat-icon{font-style:normal;color:var(--green2);font-size:2rem}.advantages h3{font-family:Inter;font-size:.95rem;margin:2px 0 5px}.advantages p{font-size:.72rem;color:var(--muted);margin:0}.stats-section{background:linear-gradient(120deg,#fff,#f0f6f3)}.stats-layout{display:grid;grid-template-columns:1.15fr 3fr;gap:40px;align-items:center}.section-intro p{color:var(--muted);max-width:360px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats-grid article{background:#fff;border:1px solid #eaf0ed;padding:24px 15px;text-align:center;border-radius:10px;box-shadow:0 10px 30px rgba(10,42,34,.06)}.stats-grid strong{font:800 2rem/1 "Barlow Condensed"}.stats-grid p{font-size:.78rem;color:var(--muted)}.stats-grid .small-stat{font-size:1.25rem}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.why-photo{position:relative;height:380px;overflow:hidden;border-radius:16px}.why-photo img{width:100%;height:100%;object-fit:cover;object-position:62% center}.why-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,20,.4),transparent)}.why-photo strong{position:absolute;left:25px;bottom:25px;z-index:2;color:#fff;font:800 2rem/.85 "Barlow Condensed"}.why-copy p{color:var(--muted)}.why-copy ul{list-style:none;padding:0;margin:20px 0}.why-copy li{margin:9px 0}.why-copy li:before{content:"✓";display:inline-grid;place-items:center;background:var(--green2);color:#fff;width:20px;height:20px;border-radius:50%;margin-right:9px;font-size:.75rem}.products{background:#f5f8f7}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-grid article{background:#fff;border:1px solid #e4ece8;border-radius:12px;display:grid;grid-template-columns:45% 55%;overflow:hidden;min-height:210px}.product-grid article>div:last-child{padding:28px 20px 22px}.product-grid h3{font-size:1.75rem}.product-grid p{font-size:.8rem;color:var(--muted);min-height:55px}.product-grid .btn{padding:8px 13px;min-height:38px;font-size:.8rem}.product-visual{background-image:linear-gradient(135deg,rgba(5,40,30,.08),rgba(18,178,79,.18)),url('../assets/images/hero-teknisi.png');background-size:auto 100%;background-repeat:no-repeat}.pv-tools{background-position:74% center}.pv-abrasive{background-position:88% center}.pv-oil{background-position:99% center}.services{padding-top:45px;padding-bottom:45px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service-grid a{border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;align-items:center;gap:13px;min-height:84px;transition:.25s}.service-grid a:hover{transform:translateY(-5px);box-shadow:var(--shadow);color:var(--green2)}.service-grid i{font-style:normal;font-size:1.8rem;color:var(--green2)}.service-grid b{font-size:.8rem}.industries{background:#f7faf8;padding-top:42px}.industry-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.industry-grid article{background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.industry-img{height:150px;background-image:linear-gradient(0deg,rgba(10,42,34,.4),transparent),url('../assets/images/hero-teknisi.png');background-size:cover;transition:.35s}.i1{background-position:10%}.i2{background-position:30%}.i3{background-position:50%}.i4{background-position:70%}.i5{background-position:90%}.industry-grid article:hover .industry-img{transform:scale(1.05);filter:hue-rotate(5deg)}.industry-grid b{display:block;padding:12px;color:#20372f;font-size:.75rem}.dark-benefits{background:#071d18;color:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit-grid article{border:1px solid var(--green);border-radius:10px;padding:24px;display:flex;gap:14px}.benefit-grid i{font-style:normal;color:#22dc70;font-size:2.2rem}.benefit-grid h3{font-family:Inter;font-size:.9rem;margin-bottom:6px}.benefit-grid p{font-size:.75rem;color:#b7c8c1;margin:0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{display:grid;grid-template-columns:40% 60%;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;min-height:150px}.article-thumb{background:url('../assets/images/hero-teknisi.png') center/cover}.article-card div:last-child{padding:18px}.article-card h3{font-family:Inter;font-size:.88rem;line-height:1.35}.article-card p{font-size:.68rem;color:var(--muted);margin-top:18px}.cta{position:relative;overflow:hidden;background:linear-gradient(100deg,#063f28,#0fa84a,#073623);color:#fff;padding:45px 0}.cta .container{position:relative;display:flex;align-items:center;justify-content:space-between}.cta h2{font-size:3rem}.cta h2 em{color:#fff}.cta p{margin:8px 0 0}@keyframes float{50%{translate:0 -8px}}
