:root{
  --red:#00E5FF; --red-2:#00CED1; --red-dark:#00A3C4; --on-acc:#041018;
  --black:#070B10; --ink:#0D131B; --panel:#111923; --line:#1E2A38;
  --white:#FFFFFF; --muted:#9A9AA2; --soft:#EDEDED; --yellow:#FFCB05;
  --r:18px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--black);color:var(--white);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1200px,92%);margin:0 auto}
.display{font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:.5px;line-height:.95}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:"Barlow Condensed";font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:3px;color:var(--red);font-size:15px}
.eyebrow::before{content:"";width:34px;height:3px;background:var(--red);transform:skewX(-20deg)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 30px;font-weight:700;font-size:15px;border-radius:999px;transition:.25s;cursor:pointer;border:0;font-family:inherit}
.btn-red{background:var(--red);color:#fff;box-shadow:0 10px 30px -8px rgba(0,229,255,.6)}
.btn-red:hover{background:var(--red-dark);transform:translateY(-2px)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.25);color:#fff}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.btn svg{width:18px;height:18px}

/* NAV */
header{position:fixed;inset:0 0 auto;z-index:50;transition:.3s}
header.scrolled{background:rgba(7,11,16,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:86px}
.nav .logo img{height:54px;width:auto}
.nav ul{display:flex;gap:36px;list-style:none}
.nav ul a{font-weight:600;font-size:15px;color:#d8d8dc;position:relative;padding:6px 0}
.nav ul a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:.25s}
.nav ul a:hover{color:#fff}.nav ul a:hover::after{width:100%}
.burger{display:none;background:none;border:0;color:#fff;cursor:pointer}
.burger svg{width:30px;height:30px}

/* HERO */
.hero{position:relative;min-height:min(100vh,940px);display:flex;align-items:center;padding:120px 0 80px;overflow:hidden;
  background:radial-gradient(1000px 600px at 85% 30%,rgba(0,229,255,.28),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(0,229,255,.12),transparent 60%),var(--black)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
.slash{position:absolute;right:-10%;top:-20%;width:55%;height:140%;background:linear-gradient(180deg,var(--red),var(--red-dark));transform:skewX(-18deg);opacity:.9;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}
.slash.s2{right:-2%;width:8%;opacity:.35;background:#fff}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.hero h1{font-size:clamp(48px,7.2vw,104px);margin:22px 0 24px}
.hero h1 span{color:var(--red);display:block}
.hero p.lead{font-size:19px;color:#c6c6cc;max-width:560px;margin-bottom:38px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.badge-guarantee{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;font-size:14px;font-weight:600}
.badge-guarantee i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--red)}
.badge-guarantee svg{width:16px;height:16px}
.hero-card{position:relative;background:rgba(13,19,27,.75);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:34px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.hero-card img{width:100%;margin-bottom:26px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 10px;text-align:center}
.stat b{display:block;font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:38px;color:var(--red);line-height:1}
.stat span{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}
.hours-mini{margin-top:18px;display:flex;align-items:center;gap:12px;font-size:14px;color:#c6c6cc}
.dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.2);flex:none}

/* MARQUEE */
.marquee{background:var(--red);padding:18px 0;overflow:hidden;transform:rotate(-1.5deg);margin:-20px -2% 0;position:relative;z-index:3;border-block:3px solid var(--black)}
.marquee-track{display:flex;gap:50px;width:max-content;animation:scroll 30s linear infinite}
.marquee span{font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:28px;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;gap:50px}
.marquee span::after{content:"✦";color:var(--black)}
@keyframes scroll{to{transform:translateX(-50%)}}

/* SECTIONS */
section{padding:120px 0}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:60px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(40px,5vw,68px);margin-top:14px}
.sec-head h2 em{color:var(--red);font-style:italic}
.sec-head p{color:var(--muted);max-width:420px}

/* SERVICES */
.services{background:var(--ink)}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.svc{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:34px 28px;overflow:hidden;transition:.35s;min-height:280px;display:flex;flex-direction:column}
.svc::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,var(--red),var(--red-dark));opacity:0;transition:.35s}
.svc>*{position:relative}
.svc:hover{transform:translateY(-6px);border-color:var(--red)}
.svc:hover::before{opacity:1}
.svc .ic{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;background:rgba(0,229,255,.12);color:var(--red);margin-bottom:26px;transition:.35s}
.svc:hover .ic{background:#fff;color:var(--red)}
.svc .ic svg{width:32px;height:32px}
.svc h3{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-size:27px;text-transform:uppercase;line-height:1.05;margin-bottom:12px}
.svc p{color:var(--muted);font-size:14.5px;transition:.35s}
.svc:hover p{color:rgba(255,255,255,.9)}
.svc .num{position:absolute;top:22px;right:24px;font-family:"Barlow Condensed";font-weight:900;font-style:italic;font-size:44px;color:rgba(255,255,255,.06)}
.svc:hover .num{color:rgba(255,255,255,.2)}
.svc.featured{grid-column:span 2;background:linear-gradient(135deg,#15202c,#0d131b);justify-content:space-between}
.svc.featured h3{font-size:44px}
.svc.featured .tag{display:inline-block;background:var(--yellow);color:#000;font-weight:800;font-size:12px;letter-spacing:1.5px;padding:6px 12px;border-radius:6px;margin-bottom:18px;text-transform:uppercase;width:max-content}
.svc.featured a{margin-top:22px;font-weight:700;display:inline-flex;gap:8px;align-items:center;color:var(--red)}
.svc.featured:hover a{color:#fff}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-visual{position:relative;aspect-ratio:1/1;border-radius:28px;background:radial-gradient(circle at 30% 30%,#06222c,#0f0f11 70%);border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}
.gear{position:absolute;color:var(--red);opacity:.9;animation:spin 24s linear infinite}
.gear.g1{width:78%;opacity:.14}
.gear.g2{width:34%;right:-6%;bottom:-6%;opacity:.35;animation-direction:reverse;animation-duration:14s}
@keyframes spin{to{transform:rotate(360deg)}}
.years{position:relative;text-align:center}
.years b{display:block;font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:clamp(120px,15vw,200px);line-height:.8;background:linear-gradient(180deg,#fff,#888);-webkit-background-clip:text;background-clip:text;color:transparent}
.years span{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-size:26px;letter-spacing:2px;text-transform:uppercase;color:var(--red)}
.about h2{font-size:clamp(40px,5vw,64px);margin:14px 0 22px}
.about h2 em{color:var(--red);font-style:italic}
.about p{color:#bdbdc4;margin-bottom:28px;font-size:17px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:36px}
.checks li{list-style:none;display:flex;gap:12px;align-items:center;font-weight:600;font-size:15px}
.checks li i{flex:none;width:26px;height:26px;border-radius:8px;background:var(--red);display:grid;place-items:center}
.checks svg{width:14px;height:14px}

/* PROCESS */
.process{background:var(--ink)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.step{padding:30px;border-top:3px solid var(--line);position:relative;transition:.3s}
.step:hover{border-color:var(--red)}
.step::before{counter-increment:s;content:"0" counter(s);font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:56px;color:var(--red);line-height:1;display:block;margin-bottom:12px}
.step h4{font-size:19px;margin-bottom:8px}
.step p{color:var(--muted);font-size:14.5px}

/* TESTIMONIALS */
.t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.t-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:34px;position:relative;transition:.3s}
.t-card:hover{border-color:rgba(0,229,255,.5);transform:translateY(-4px)}
.t-card .q{position:absolute;top:18px;right:26px;font-family:Georgia,serif;font-size:90px;line-height:1;color:var(--red);opacity:.25}
.stars{color:var(--yellow);letter-spacing:3px;margin-bottom:16px}
.t-card p{color:#d0d0d6;margin-bottom:26px;font-size:15.5px}
.who{display:flex;align-items:center;gap:14px}
.av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red-dark));display:grid;place-items:center;font-weight:800}
.who b{display:block}.who small{color:var(--muted)}

/* CTA BAND */
.cta-band{padding:0}
.cta-inner{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--red),var(--red-dark));border-radius:30px;padding:70px 60px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.cta-inner::after{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:320px;border:40px solid rgba(255,255,255,.08);border-radius:50%}
.cta-inner h2{font-size:clamp(36px,4.5vw,60px);max-width:640px;position:relative}
.cta-inner .btn{background:#fff;color:var(--black);position:relative}
.cta-inner .btn:hover{background:var(--black);color:#fff}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}
.info{display:grid;gap:16px}
.info-item{display:flex;gap:18px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:.3s}
.info-item:hover{border-color:var(--red)}
.info-item i{flex:none;width:52px;height:52px;border-radius:14px;background:rgba(0,229,255,.12);color:var(--red);display:grid;place-items:center}
.info-item svg{width:24px;height:24px}
.info-item small{display:block;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:4px}
.info-item b{font-size:17px;font-weight:600}
form{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:40px}
form h3{font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:36px;text-transform:uppercase;margin-bottom:6px}
form>p{color:var(--muted);margin-bottom:28px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:16px}
.field label{display:block;font-size:13px;font-weight:600;color:#c6c6cc;margin-bottom:8px}
.field label em{color:var(--red);font-style:normal}
.field input,.field textarea,.field select{width:100%;background:var(--black);border:1.5px solid var(--line);border-radius:12px;padding:15px 16px;color:#fff;font-family:inherit;font-size:15px;transition:.2s}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 4px rgba(0,229,255,.15)}
form .btn{width:100%;justify-content:center;margin-top:8px}
.form-ok{display:none;margin-top:16px;padding:14px;border-radius:12px;background:rgba(34,197,94,.12);color:#4ade80;font-weight:600;text-align:center}

/* FOOTER */
footer{border-top:1px solid var(--line);padding:70px 0 30px;background:#05080c}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}
.f-grid img{height:60px;width:auto;margin-bottom:18px}
.f-grid p{color:var(--muted);font-size:14.5px}
.f-grid h5{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-size:20px;text-transform:uppercase;margin-bottom:18px}
.f-grid ul{list-style:none;display:grid;gap:10px}
.f-grid ul a,.f-grid ul li{color:var(--muted);font-size:14.5px}
.f-grid ul a:hover{color:var(--red)}
.f-bottom{border-top:1px solid var(--line);padding-top:26px;display:flex;justify-content:space-between;color:var(--muted);font-size:13.5px;flex-wrap:wrap;gap:10px}
.f-bottom b{color:#fff}

/* FLOATING */
.float-call{position:fixed;right:22px;bottom:22px;z-index:60;width:62px;height:62px;border-radius:50%;background:var(--red);display:grid;place-items:center;box-shadow:0 12px 30px -6px rgba(0,229,255,.7);animation:pulse 2.4s infinite}
.float-call svg{width:26px;height:26px}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,229,255,.6)}70%{box-shadow:0 0 0 20px rgba(0,229,255,0)}100%{box-shadow:0 0 0 0 rgba(0,229,255,0)}}

/* REVEAL */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}

/* RESPONSIVE */
@media(max-width:1024px){
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr 1fr}
  .slash{width:70%;opacity:.35}
}
@media(max-width:760px){
  section{padding:84px 0}
  .nav ul{position:fixed;inset:86px 0 auto;flex-direction:column;gap:0;background:rgba(7,11,16,.97);border-bottom:1px solid var(--line);padding:10px 4%;transform:translateY(-130%);transition:.35s}
  .nav ul.open{transform:none}
  .nav ul a{display:block;padding:16px 0;border-bottom:1px solid var(--line)}
  .nav .btn-red{display:none}
  .burger{display:block}
  .nav .logo img{height:44px}
  .svc-grid,.t-grid,.steps,.row,.checks{grid-template-columns:1fr}
  .svc.featured{grid-column:auto}
  .svc{min-height:0}
  .cta-inner{padding:50px 30px}
  form{padding:28px}
  .f-grid{grid-template-columns:1fr}
}

/* ===== SUBPAGES ===== */
.nav ul a.active{color:#fff}.nav ul a.active::after{width:100%}
.page-hero{position:relative;padding:190px 0 110px;overflow:hidden;background:radial-gradient(900px 500px at 90% 0%,rgba(0,229,255,.3),transparent 60%),var(--black);border-bottom:1px solid var(--line)}
.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 70% 0%,#000 20%,transparent 70%)}
.page-hero .slash{width:32%;opacity:.85}
.page-hero .container{position:relative}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:18px;font-weight:600}
.crumbs a:hover{color:var(--red)}.crumbs b{color:var(--red)}
.page-hero h1{font-size:clamp(50px,7vw,96px);max-width:900px}
.page-hero h1 em{color:var(--red);font-style:italic}
.page-hero p{color:#c6c6cc;font-size:19px;max-width:620px;margin-top:22px}
.svc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.svc-row{display:flex;gap:26px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:34px;transition:.3s;position:relative;overflow:hidden}
.svc-row:hover{border-color:var(--red);transform:translateY(-4px)}
.svc-row::after{content:attr(data-n);position:absolute;right:24px;bottom:-14px;font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:110px;color:rgba(255,255,255,.035);line-height:1}
.svc-row .ic{flex:none;width:70px;height:70px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--red),var(--red-dark));color:#fff;box-shadow:0 12px 30px -10px rgba(0,229,255,.7)}
.svc-row .ic svg{width:34px;height:34px}
.svc-row h3{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-size:30px;text-transform:uppercase;line-height:1.05;margin-bottom:12px}
.svc-row p{color:#bdbdc4;font-size:15.5px;margin-bottom:16px}
.svc-row ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
.svc-row li{font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:rgba(0,229,255,.1);color:#7ff2ff;border:1px solid rgba(0,229,255,.25)}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.value{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:36px;transition:.3s}
.value:hover{border-color:var(--red);transform:translateY(-4px)}
.value .ic{width:60px;height:60px;border-radius:16px;background:rgba(0,229,255,.12);color:var(--red);display:grid;place-items:center;margin-bottom:22px}
.value .ic svg{width:30px;height:30px}
.value h3{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-size:28px;text-transform:uppercase;line-height:1.05;margin-bottom:12px}
.value p{color:var(--muted);font-size:15px}
.value.hl{background:linear-gradient(150deg,var(--red),var(--red-dark));border-color:transparent}
.value.hl .ic{background:#fff}.value.hl p{color:rgba(255,255,255,.9)}
.story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.story p{color:#bdbdc4;font-size:17px;margin-bottom:20px}
.story h2{font-size:clamp(38px,4.6vw,60px);margin:14px 0 24px}
.story h2 em{color:var(--red);font-style:italic}
.big-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.big-stats .stat{padding:34px 20px;border-radius:20px}
.big-stats .stat b{font-size:64px}
.faq{max-width:860px;margin:0 auto;display:grid;gap:14px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:0 26px;transition:.3s}
.faq details[open]{border-color:var(--red)}
.faq summary{cursor:pointer;list-style:none;padding:22px 0;font-weight:700;font-size:17px;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--red);font-size:26px;line-height:1;transition:.3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);padding-bottom:22px}
.more-link{text-align:center;margin-top:50px}
@media(max-width:1024px){.values{grid-template-columns:1fr 1fr}.svc-list,.story{grid-template-columns:1fr}}
@media(max-width:760px){.values{grid-template-columns:1fr}.svc-row{flex-direction:column;padding:28px}.page-hero{padding:150px 0 80px}}

/* ===== PHOTOS ===== */
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 58%;transform:scale(1.04);animation:heroZoom 18s ease-out forwards}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,16,.96) 0%,rgba(7,11,16,.78) 42%,rgba(7,11,16,.25) 100%),linear-gradient(0deg,var(--black) 0%,transparent 35%),linear-gradient(180deg,rgba(7,11,16,.7) 0%,transparent 25%)}
@keyframes heroZoom{to{transform:scale(1)}}
.hero .slash{opacity:.22;mix-blend-mode:screen}
.hero .slash.s2{opacity:.08}
.hero-card{background:rgba(10,16,22,.55);backdrop-filter:blur(16px) saturate(140%)}
.page-hero{background:linear-gradient(90deg,rgba(7,11,16,.97) 0%,rgba(7,11,16,.8) 45%,rgba(7,11,16,.3) 100%),linear-gradient(0deg,rgba(7,11,16,.9) 0%,transparent 40%),var(--bg,none) center 60%/cover,var(--black)}
.page-hero .slash{opacity:.35;mix-blend-mode:screen}
.about-visual{background:linear-gradient(180deg,rgba(7,11,16,.2) 0%,rgba(7,11,16,.88) 100%),url(img/lathe-workshop.jpg) center/cover}
.about-visual .gear.g1{opacity:.18}
.years b{background:linear-gradient(180deg,#fff,#bbb);-webkit-background-clip:text;background-clip:text}
.cta-inner{background:linear-gradient(110deg,rgba(0,229,255,.97) 0%,rgba(0,190,220,.88) 45%,rgba(0,70,110,.55) 100%),url(img/welder.jpg) center 40%/cover}
.photo-band{position:relative;padding:170px 0;background:linear-gradient(90deg,rgba(7,11,16,.97) 0%,rgba(7,11,16,.8) 38%,rgba(7,11,16,.15) 75%),linear-gradient(0deg,var(--black),transparent 22%,transparent 80%,var(--ink)),url(img/laser-sparks.jpg) 70% center/cover}
.photo-band .container>div{max-width:640px}
.photo-band h2{font-size:clamp(42px,5.6vw,80px);max-width:720px;margin:16px 0 22px}
.photo-band h2 em{color:var(--red);font-style:italic}
.photo-band p{color:#d0d0d6;font-size:18px;max-width:520px;margin-bottom:34px}
.story-img{border-radius:22px;aspect-ratio:16/10;background-size:cover;background-position:center;margin-bottom:18px;border:1px solid var(--line);position:relative;overflow:hidden}
.story-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,16,.6),transparent 50%)}
.credits{font-size:11.5px;color:#5e5e66;margin-top:14px;width:100%}
.credits a{color:#77777f;text-decoration:underline}
@media(max-width:1024px){.photo-band{padding:120px 0;background:linear-gradient(0deg,rgba(7,11,16,.92),rgba(7,11,16,.55)),url(img/laser-sparks.jpg) 70% center/cover}}
@media(max-width:760px){.hero-bg{background-position:62% center}.hero-bg::after{background:linear-gradient(180deg,rgba(7,11,16,.75),rgba(7,11,16,.92))}}

.hero-grid{grid-template-columns:minmax(0,1fr)}
.hero-grid>div{max-width:680px}
.hero-bg{background-position:right center}
.hero-stats{display:flex;gap:40px;margin-top:48px;padding-top:30px;border-top:1px solid rgba(255,255,255,.12);max-width:560px}
.hero-stats b{display:block;font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:46px;color:var(--red);line-height:1}
.hero-stats span{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:1.5px}
@media(max-width:760px){.hero-stats{gap:24px}.hero-stats b{font-size:36px}}
.hero-bg::after{background:linear-gradient(90deg,rgba(7,11,16,.97) 0%,rgba(7,11,16,.8) 35%,rgba(7,11,16,0) 65%),linear-gradient(0deg,var(--black) 0%,transparent 30%)}
.hero-bg{filter:brightness(1.35) contrast(1.1)}
.hero .slash{opacity:.12}
.hero .slash.s2{opacity:.05}
.about-visual{background:radial-gradient(circle at 50% 55%,rgba(7,11,16,.8) 0%,rgba(7,11,16,.45) 60%,rgba(7,11,16,.25) 100%),linear-gradient(0deg,rgba(7,11,16,.7),transparent 50%),url(img/lathe-workshop.jpg) center/cover}
.about-visual .gear.g1{opacity:.07}
.about-visual .gear.g2{opacity:.5}
.years{filter:drop-shadow(0 8px 30px rgba(0,0,0,.8))}
.years b{background:linear-gradient(180deg,#fff 30%,#d6d6d6);-webkit-background-clip:text;background-clip:text}
.logo-panel{position:relative;aspect-ratio:16/10;border-radius:24px;overflow:hidden;margin-bottom:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:40px;
  background:radial-gradient(circle at 50% 45%,rgba(0,229,255,.32) 0%,rgba(0,229,255,.08) 40%,transparent 70%),linear-gradient(145deg,#121b26,#080d13);border:1px solid var(--line);box-shadow:0 30px 70px -30px rgba(0,229,255,.35)}
.logo-panel::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%)}
.logo-panel::after{content:"";position:absolute;left:-20%;bottom:-35%;width:140%;height:60%;background:linear-gradient(90deg,transparent,rgba(0,229,255,.5),transparent);transform:rotate(-8deg);filter:blur(40px);opacity:.5}
.logo-panel img{position:relative;z-index:2;width:82%;filter:drop-shadow(0 12px 30px rgba(0,0,0,.7));transition:transform .5s}
.logo-panel:hover img{transform:scale(1.04)}
.logo-panel .gear{position:absolute;color:var(--red);z-index:1}
.lp-g1{width:62%;right:-18%;top:-22%;opacity:.1;animation:spin 30s linear infinite}
.lp-g2{width:28%;left:-7%;bottom:-10%;opacity:.18;animation:spin 18s linear infinite reverse}
.lp-corner{position:absolute;width:44px;height:44px;border:3px solid var(--red);z-index:2}
.lp-corner.tl{top:18px;left:18px;border-right:0;border-bottom:0;border-top-left-radius:10px}
.lp-corner.br{bottom:18px;right:18px;border-left:0;border-top:0;border-bottom-right-radius:10px}
.lp-tag{position:relative;z-index:2;display:flex;align-items:center;gap:14px;font-family:"Barlow Condensed";font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:3px;font-size:16px;color:#d8d8dc}
.lp-tag i{width:6px;height:6px;background:var(--red);transform:rotate(45deg)}
@media(max-width:760px){.lp-tag{font-size:13px;gap:10px;letter-spacing:2px}}
.lp-g1{opacity:.06}
.float-wa{position:fixed;right:22px;bottom:96px;z-index:60;width:62px;height:62px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 12px 30px -6px rgba(37,211,102,.6);transition:.25s}
.float-wa:hover{transform:scale(1.08)}
.float-wa svg{width:30px;height:30px}
.map-sec{padding-top:0}
.map-wrap{position:relative;border-radius:26px;overflow:hidden;border:1px solid var(--line);height:460px}
.map-wrap iframe{width:100%;height:100%;border:0;filter:grayscale(1) invert(.92) contrast(.9) hue-rotate(180deg)}
.map-card{position:absolute;left:30px;top:30px;background:rgba(10,16,22,.9);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:20px;padding:26px;max-width:320px}
.map-card img{width:190px;margin-bottom:14px}
.map-card p{color:#c6c6cc;margin-bottom:18px;font-weight:500}
@media(max-width:760px){.map-card{position:static;max-width:none;border-radius:0}.map-wrap{height:auto}.map-wrap iframe{height:320px}}

/* ===== OPAC: açık mavi dolgular üstünde koyu yazı ===== */
.btn-red{color:var(--on-acc)}
.btn-red:hover{background:#fff;color:var(--on-acc)}
.svc:hover h3,.svc:hover .num{color:var(--on-acc)}
.svc:hover p{color:rgba(4,16,24,.85)}
.svc:hover .ic{background:var(--on-acc);color:var(--red)}
.svc.featured:hover a{color:var(--on-acc)}
.marquee span{color:var(--on-acc)}
.checks li i,.badge-guarantee i,.av{color:var(--on-acc)}
.checks svg path,.badge-guarantee svg path{stroke:var(--on-acc)}
.value.hl{color:var(--on-acc)}.value.hl p{color:rgba(4,16,24,.85)}.value.hl .ic{background:var(--on-acc);color:var(--red)}
.cta-inner h2{color:var(--on-acc)}
.cta-inner .btn{background:var(--on-acc);color:#fff}.cta-inner .btn:hover{background:#fff;color:var(--on-acc)}
.svc-row .ic{color:var(--on-acc)}
.float-call svg path{stroke:var(--on-acc)}
.cta-inner{background:linear-gradient(110deg,rgba(0,229,255,.96) 0%,rgba(0,200,230,.88) 45%,rgba(0,90,130,.55) 100%),url(img/welder.jpg) center 40%/cover}
.nav .logo img{height:38px}
.f-grid img{height:40px}
.map-card img{width:170px}
.logo-panel img{width:74%}

/* ===== OPAC: açılır sektör menüsü ===== */
.nav ul li{position:relative}
.dd>a::before{content:"";position:absolute;right:-14px;top:50%;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg)}
.dd-menu{position:absolute;top:100%;left:-20px;min-width:230px;background:rgba(10,16,22,.97);border:1px solid var(--line);border-radius:14px;padding:10px;list-style:none;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;display:grid!important;gap:0!important;backdrop-filter:blur(12px)}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:none}
.dd-menu a{display:block;padding:10px 12px!important;border-radius:8px;font-size:14.5px!important}
.dd-menu a:hover{background:rgba(0,229,255,.08)}.dd-menu a::after{display:none}
.nav ul{gap:30px}

/* ===== OPAC: sektör sayfası ===== */
.problem{background:var(--ink)}
.problem-box{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:start;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:22px;padding:44px}
.problem-box .ic{width:70px;height:70px;border-radius:18px;background:rgba(0,229,255,.1);color:var(--red);display:grid;place-items:center}
.problem-box .ic svg{width:34px;height:34px}
.problem-box h2{font-size:clamp(34px,4.2vw,56px);margin:10px 0 16px}.problem-box h2 em{color:var(--red)}
.problem-box p{color:#c3ccd6;font-size:17.5px;max-width:820px}
.outs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.out{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px;transition:.3s}
.out:hover{border-color:var(--red);transform:translateY(-4px)}
.out b{display:block;font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:44px;color:var(--red);line-height:1;margin-bottom:12px;text-transform:uppercase}
.out p{color:var(--muted);font-size:15px}
.sector-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sector-card{position:relative;border-radius:22px;overflow:hidden;min-height:380px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border:1px solid var(--line);isolation:isolate;transition:.35s}
.sector-card::before{content:"";position:absolute;inset:0;background:var(--img) center/cover;z-index:-2;transition:transform .6s}
.sector-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,16,.97) 20%,rgba(7,11,16,.35) 70%,rgba(7,11,16,.15));z-index:-1}
.sector-card:hover{border-color:var(--red);transform:translateY(-6px)}
.sector-card:hover::before{transform:scale(1.08)}
.sector-card .num{font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:22px;color:var(--red);margin-bottom:auto}
.sector-card h3{font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:34px;text-transform:uppercase;line-height:1;margin-bottom:10px}
.sector-card p{color:#c3ccd6;font-size:14px;margin-bottom:16px}
.sector-card span.go{color:var(--red);font-weight:700;font-size:14px;display:inline-flex;gap:8px;align-items:center}
.sector-card span.go svg{width:16px;height:16px}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.plan{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:38px 32px;display:flex;flex-direction:column;transition:.3s;position:relative}
.plan:hover{border-color:var(--red);transform:translateY(-4px)}
.plan.hl{border-color:var(--red);box-shadow:0 30px 60px -30px rgba(0,229,255,.45)}
.plan .tag{display:inline-block;align-self:flex-start;background:rgba(0,229,255,.12);color:var(--red);font-weight:800;font-size:12px;letter-spacing:1.5px;padding:6px 12px;border-radius:6px;margin-bottom:18px;text-transform:uppercase}
.plan.hl .tag{background:var(--red);color:var(--on-acc)}
.plan h3{font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:38px;text-transform:uppercase;line-height:1;margin-bottom:10px}
.plan>p{color:var(--muted);margin-bottom:22px;font-size:15px}
.plan ul{list-style:none;display:grid;gap:10px;margin-bottom:26px}
.plan li{display:flex;gap:10px;font-size:14.5px;color:#d3dae2}
.plan li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:5px;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23041018' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.plan .meta{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-bottom:20px;font-size:13px;color:var(--muted)}
.plan .meta b{display:block;color:#fff;font-size:16px}
.plan .btn{justify-content:center}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}
.timeline::before{content:"";position:absolute;left:0;right:0;top:34px;height:2px;background:linear-gradient(90deg,var(--red),transparent)}
.tl-item{position:relative;padding-top:64px}
.tl-item::before{content:"";position:absolute;top:26px;left:0;width:18px;height:18px;border-radius:50%;background:var(--black);border:3px solid var(--red)}
.tl-item b{font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:40px;color:var(--red);line-height:1}
.tl-item h4{font-size:18px;margin:8px 0}.tl-item p{color:var(--muted);font-size:14.5px}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.case{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px;transition:.3s}
.case:hover{border-color:var(--red);transform:translateY(-4px)}
.case .n{font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:40px;color:rgba(0,229,255,.25);line-height:1;margin-bottom:10px}
.case p{color:#c9d1da;font-size:15.5px}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chips span{padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-weight:600;font-size:14.5px;color:#c9d1da}
.chips span.on{border-color:rgba(0,229,255,.5);color:var(--red)}
/* blog */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:32px;display:flex;flex-direction:column;transition:.3s}
.post-card:hover{border-color:var(--red);transform:translateY(-5px)}
.post-card .cat{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--red);background:rgba(0,229,255,.1);padding:6px 12px;border-radius:6px;margin-bottom:18px}
.post-card h3{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-size:28px;text-transform:uppercase;line-height:1.05;margin-bottom:12px}
.post-card p{color:var(--muted);font-size:14.5px;margin-bottom:22px}
.post-card .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}
.post-card .foot b{color:var(--red);display:inline-flex;gap:6px;align-items:center}.post-card .foot svg{width:15px;height:15px}
.post-meta{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:22px;color:#aab4bf;font-size:14.5px}
.post-meta b{color:#fff}
.prose{max-width:780px;margin:0 auto;font-size:17.5px;color:#c9d1da;line-height:1.8}
.prose>*+*{margin-top:1.1em}
.prose h2{font-family:"Barlow Condensed";font-style:italic;font-weight:900;text-transform:uppercase;font-size:40px;line-height:1.05;color:#fff;margin-top:1.8em}
.prose h3{font-size:21px;color:#fff;margin-top:1.6em}
.prose strong{color:#fff}
.prose a{color:var(--red);text-decoration:underline}
.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.45em 0}.prose li::marker{color:var(--red)}
.prose blockquote{border-left:4px solid var(--red);background:var(--panel);padding:20px 26px;border-radius:0 14px 14px 0;font-style:italic;color:#e3e8ee}
.prose table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--line);padding:12px 14px;text-align:left}
.prose th{background:var(--panel);color:#fff}
.key-takeaway{background:linear-gradient(135deg,rgba(0,229,255,.1),rgba(0,229,255,.02));border:1px solid rgba(0,229,255,.35);border-radius:18px;padding:26px 30px}
.key-takeaway h4{font-family:"Barlow Condensed";font-style:italic;font-weight:900;text-transform:uppercase;font-size:24px;color:var(--red);margin-bottom:6px}
@media(max-width:1024px){.sector-cards,.cases,.posts{grid-template-columns:1fr 1fr}.plan-grid,.outs{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr;row-gap:10px}.timeline::before{display:none}}
@media(max-width:760px){.sector-cards,.cases,.posts{grid-template-columns:1fr}.problem-box{grid-template-columns:1fr;padding:30px}.timeline{grid-template-columns:1fr}
  .dd-menu{position:static;opacity:1;visibility:visible;transform:none;background:none;border:0;padding:0 0 0 14px}.dd>a::before{display:none}.prose h2{font-size:32px}}
.page-hero .slash{opacity:.16}
.page-hero .hero-stats b{font-size:38px;white-space:nowrap}
.values.v4{grid-template-columns:repeat(4,1fr)}
.values.v4 .value{padding:30px 26px}.values.v4 .value h3{font-size:24px}
@media(max-width:1024px){.values.v4{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.values.v4{grid-template-columns:1fr}}
.case-sec{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.case h4{font-size:17px;color:#fff;margin-bottom:8px;line-height:1.35}
.case p{color:var(--muted);font-size:14.5px}
.years b{font-size:clamp(90px,11vw,150px)}

/* ===== OPAC: Brand Core (anasayfa kurumsal görseli) ===== */
.brand-core{position:relative;aspect-ratio:1/1;border-radius:28px;overflow:hidden;border:1px solid var(--line);
  background:radial-gradient(circle at 50% 50%,rgba(0,229,255,.10),transparent 60%),linear-gradient(145deg,#0f1823,#070b10);
  box-shadow:0 40px 90px -40px rgba(0,229,255,.35)}
.brand-core::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:30px 30px;mask-image:radial-gradient(circle at center,#000 25%,transparent 72%)}
.brand-core svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.brand-core .lp-corner{position:absolute;width:40px;height:40px;border:3px solid var(--red);z-index:2}
.brand-core .lp-corner.tl{top:18px;left:18px;border-right:0;border-bottom:0;border-top-left-radius:10px}
.brand-core .lp-corner.br{bottom:18px;right:18px;border-left:0;border-top:0;border-bottom-right-radius:10px}
.brand-core .bc-cap{padding-right:74px;padding-left:24px}
.bc-ring{fill:none;stroke:rgba(0,229,255,.22);stroke-width:1.2}
.bc-ring.dash{stroke-dasharray:3 9;stroke:rgba(0,229,255,.35)}
.bc-ring.dot{stroke-dasharray:1 7;stroke-linecap:round;stroke-width:2;stroke:rgba(255,255,255,.18)}
.bc-arc{fill:none;stroke:url(#bcArc);stroke-width:3;stroke-linecap:round}
.bc-spin{transform-box:view-box;transform-origin:330px 330px;animation:spin 36s linear infinite}
.bc-spin.rev{animation-direction:reverse;animation-duration:60s}
.bc-spin.slow{animation-duration:14s}
.bc-orb{fill:var(--red);filter:drop-shadow(0 0 6px var(--red))}
.bc-flow{stroke:rgba(0,229,255,.55);stroke-width:1.4;stroke-dasharray:3 9;animation:bcflow 1.4s linear infinite}
@keyframes bcflow{to{stroke-dashoffset:-24}}
.bc-halo{fill:rgba(0,229,255,.08);stroke:rgba(0,229,255,.35);stroke-width:1}
.bc-dot{fill:var(--red);filter:drop-shadow(0 0 8px var(--red))}
.bc-node{animation:bcpulse 3s ease-in-out infinite}
@keyframes bcpulse{50%{opacity:.45}}
.bc-lab{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-size:22px;letter-spacing:1.5px;text-transform:uppercase;fill:#d8e2ec}
.bc-core{fill:#0a121b;stroke:rgba(0,229,255,.55);stroke-width:1.5;filter:drop-shadow(0 0 30px rgba(0,229,255,.45))}
.bc-mark{filter:drop-shadow(0 0 14px rgba(0,229,255,.55))}
.bc-cap{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:10px;padding:16px 24px;
  font-family:"Barlow Condensed";font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:14px;color:#8fa2b5;
  background:linear-gradient(0deg,rgba(7,11,16,.9),transparent)}
.bc-cap b{color:var(--red)}
@media(max-width:760px){.bc-cap{font-size:11px;letter-spacing:1px;padding:12px 16px}.bc-cap span:last-child{display:none}}

/* ===== OPAC: Uyumluluk & Sertifikasyon ===== */
.compliance{background:linear-gradient(180deg,var(--black),#08111a 50%,var(--black));position:relative}
.compliance::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,229,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 70%);pointer-events:none}
.compliance .container{position:relative}
.certs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cert{position:relative;background:linear-gradient(160deg,#122030,#0c141d);border:1px solid rgba(0,229,255,.22);border-radius:22px;padding:34px 30px;overflow:hidden;transition:.3s}
.cert::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border:28px solid rgba(0,229,255,.06);border-radius:50%}
.cert:hover{border-color:var(--red);transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(0,229,255,.4)}
.cert-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.cert-top b{font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-size:40px;line-height:1;color:var(--red);text-transform:uppercase}
.cert-top span{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--on-acc);background:var(--red);padding:5px 10px;border-radius:6px}
.cert h4{font-size:15px;color:#c9d6e2;font-weight:600;margin:14px 0 18px}
.cert ul{list-style:none;display:grid;gap:10px}
.cert li{display:flex;gap:10px;font-size:14.5px;color:#d3dae2}
.cert li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:5px;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23041018' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.f-comp{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:-20px 0 30px}
.f-comp span{font-family:"Barlow Condensed";font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:14px;color:var(--red);border:1px solid rgba(0,229,255,.35);padding:6px 12px;border-radius:8px}
.f-comp em{font-style:normal;color:var(--muted);font-size:13.5px}
@media(max-width:1024px){.certs{grid-template-columns:1fr}}
/* anasayfa hero: parlak robot fotoğrafı için okunabilirlik */
.hero .hero-bg{filter:brightness(.78) contrast(1.08) saturate(.9)}
.hero .hero-bg::after{background:linear-gradient(90deg,rgba(7,11,16,.97) 0%,rgba(7,11,16,.88) 32%,rgba(7,11,16,.35) 62%,rgba(7,11,16,.1) 100%),linear-gradient(180deg,rgba(7,11,16,.75) 0%,transparent 22%),linear-gradient(0deg,var(--black) 0%,transparent 30%)}
.cert-top{flex-direction:column;align-items:flex-start;gap:12px}.cert-top b{font-size:36px}
.hero .hero-bg{background-position:center center}

/* ===== OPAC: Hero HUD (teknolojik katman) ===== */
.hud{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-grid{z-index:2}
.hud-dots{position:absolute;left:45%;right:0;top:0;bottom:0;background-image:radial-gradient(rgba(0,229,255,.28) 1px,transparent 1.4px);background-size:22px 22px;
  mask-image:radial-gradient(ellipse at 60% 50%,#000 10%,transparent 70%);opacity:.55}
.hud-scan{position:absolute;left:46%;right:0;height:120px;top:0;background:linear-gradient(180deg,transparent,rgba(0,229,255,.10) 70%,rgba(0,229,255,.55) 99%,transparent);
  border-bottom:1px solid rgba(0,229,255,.7);animation:hudscan 6s cubic-bezier(.45,.05,.55,.95) infinite;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
@keyframes hudscan{0%{transform:translateY(-140px);opacity:0}8%{opacity:1}90%{opacity:1}100%{transform:translateY(calc(100vh + 40px));opacity:0}}
.hud-reticle{position:absolute;left:68%;top:52%;width:440px;height:440px;transform:translate(-50%,-50%)}
.hud-reticle svg{width:100%;height:100%;overflow:visible}
.r-dash{fill:none;stroke:rgba(0,229,255,.55);stroke-width:1.2;stroke-dasharray:2 10 40 10}
.r-thin{fill:none;stroke:rgba(0,229,255,.18);stroke-width:1}
.r-ticks line{stroke:rgba(0,229,255,.5);stroke-width:1.2}
.r-corner{fill:none;stroke:var(--red);stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(0,229,255,.7))}
.r-cross{stroke:rgba(0,229,255,.9);stroke-width:1.6}
.r-dot{fill:var(--red);animation:bcpulse 1.6s ease-in-out infinite}
.r-spin{transform-box:view-box;transform-origin:210px 210px;animation:spin 30s linear infinite}
.r-spin.rev{animation-direction:reverse;animation-duration:50s}
.hud-reticle{animation:hudlock 7s ease-in-out infinite}
@keyframes hudlock{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}
.hud-tag{position:absolute;font:600 11.5px/1 "Inter",sans-serif;letter-spacing:1.6px;color:#bff7ff;background:rgba(7,11,16,.65);border:1px solid rgba(0,229,255,.45);
  padding:7px 10px;border-radius:6px;white-space:nowrap;backdrop-filter:blur(6px);display:flex;align-items:center;gap:8px}
.hud-tag i{width:6px;height:6px;background:var(--red);border-radius:50%;box-shadow:0 0 8px var(--red)}
.hud-tag.t1{left:2%;top:-3%}
.hud-tag.t2{left:-18%;bottom:10%}
.hud-card{position:absolute;width:236px;background:linear-gradient(160deg,rgba(14,24,35,.78),rgba(7,11,16,.72));border:1px solid rgba(0,229,255,.3);border-radius:14px;
  padding:14px 16px;backdrop-filter:blur(10px) saturate(140%);box-shadow:0 20px 50px -20px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05);animation:hudfloat 8s ease-in-out infinite}
.hud-card::before{content:"";position:absolute;left:14px;right:14px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent)}
.hud-card.c1{right:3.5%;top:17%}
.hud-card.c2{right:5%;bottom:13%;animation-delay:-4s}
@keyframes hudfloat{50%{transform:translateY(-8px)}}
.hc-h{font:800 11px/1 "Inter",sans-serif;letter-spacing:2px;color:var(--red);display:flex;align-items:center;gap:8px;margin-bottom:12px}
.live{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:livep 1.8s infinite}
@keyframes livep{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.hc-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:12.5px;color:#9fb0c1}
.hc-row b{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-size:20px;color:#fff;letter-spacing:.5px}
.hc-row b.tick{animation:hudtick .6s}
@keyframes hudtick{0%{color:var(--red)}100%{color:#fff}}
.hc-bars{display:flex;align-items:flex-end;gap:4px;height:34px;margin-top:12px}
.hc-bars i{flex:1;background:linear-gradient(0deg,rgba(0,229,255,.25),var(--red));border-radius:2px 2px 0 0;transform-origin:bottom;animation:hudbar 2.4s ease-in-out infinite}
.hc-bars i:nth-child(odd){animation-duration:3.1s}.hc-bars i:nth-child(3n){animation-duration:1.9s}
.hc-bars i:nth-child(1){height:40%}.hc-bars i:nth-child(2){height:65%}.hc-bars i:nth-child(3){height:50%}.hc-bars i:nth-child(4){height:80%}.hc-bars i:nth-child(5){height:60%}.hc-bars i:nth-child(6){height:90%}
.hc-bars i:nth-child(7){height:70%}.hc-bars i:nth-child(8){height:55%}.hc-bars i:nth-child(9){height:85%}.hc-bars i:nth-child(10){height:75%}.hc-bars i:nth-child(11){height:95%}.hc-bars i:nth-child(12){height:68%}
@keyframes hudbar{50%{transform:scaleY(.6)}}
.hc-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:10.5px;color:#9fb0c1;text-align:center}
.hc-chain span{padding:6px 0;border:1px solid rgba(0,229,255,.25);border-radius:6px;animation:hcstep 6s infinite}
.hc-chain span:nth-child(2){animation-delay:.9s}.hc-chain span:nth-child(3){animation-delay:1.8s}.hc-chain span:nth-child(4){animation-delay:2.7s}
@keyframes hcstep{0%,10%{background:transparent;color:#9fb0c1}20%,85%{background:rgba(0,229,255,.16);color:#fff;border-color:rgba(0,229,255,.6)}100%{background:transparent}}
.hc-prog{height:4px;border-radius:4px;background:rgba(255,255,255,.08);margin:12px 0 10px;overflow:hidden}
.hc-prog i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--red-dark),var(--red));transform-origin:left;animation:hcprog 6s infinite}
@keyframes hcprog{0%{transform:scaleX(0)}55%,88%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
.hc-foot{font-size:11.5px;color:#7ff2ff;display:flex;align-items:center;gap:6px}
.hc-foot::before{content:"✓";font-weight:800}
@media(max-width:1100px){.hud-card,.hud-tag{display:none}.hud-reticle{left:75%;width:320px;height:320px;opacity:.6}}
@media(max-width:760px){.hud{display:none}}
@media(prefers-reduced-motion:reduce){.hud *{animation:none!important}}


/* ===== OPAC: Hero amblem sahnesi (fotoğraf yerine) ===== */
.hero-bg.tech{background:radial-gradient(640px 520px at 68% 50%,rgba(0,229,255,.20),transparent 62%),radial-gradient(900px 600px at 100% 0%,rgba(0,110,170,.28),transparent 60%),
  radial-gradient(700px 500px at 0% 100%,rgba(0,229,255,.06),transparent 60%),linear-gradient(180deg,#05090e,#0a1420 70%,#070b10);filter:none!important;animation:none!important;transform:none}
.hero-bg.tech::after{display:none}
.hero .slash{opacity:.07}
.emblem{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 22px rgba(0,229,255,.75)) drop-shadow(0 0 60px rgba(0,229,255,.35));animation:emfloat 6s ease-in-out infinite}
@keyframes emfloat{50%{transform:translate(-50%,-56%)}}
:root{--mark:url(data:image/png;base64,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)}
.em-mark,.em-echo,.em-sweep{position:absolute;inset:0;-webkit-mask:var(--mark) center/contain no-repeat;mask:var(--mark) center/contain no-repeat}
.em-mark{background:linear-gradient(155deg,#ffffff 15%,#bdf8ff 45%,#00E5FF 80%,#00a3c4)}
.em-echo{background:#00E5FF;animation:emecho 3.2s ease-out infinite}
.em-echo.e2{animation-delay:1.6s}
@keyframes emecho{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.45);opacity:0}}
.em-sweep{background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%);background-size:260% 100%;animation:emsweep 4s ease-in-out infinite;mix-blend-mode:screen}
@keyframes emsweep{0%{background-position:160% 0}55%,100%{background-position:-60% 0}}
.em-reflect{position:absolute;left:50%;top:calc(50% + 200px);width:190px;height:190px;transform:translate(-50%,-50%) scaleY(-1);opacity:.22;
  -webkit-mask-image:linear-gradient(0deg,#000,transparent 55%);mask-image:linear-gradient(0deg,#000,transparent 55%);filter:blur(1.5px)}
.em-reflect .em-mark{background:linear-gradient(0deg,#00E5FF,#bdf8ff)}
.hud-floor{position:absolute;left:38%;right:-20%;bottom:-6%;height:52%;background-image:linear-gradient(rgba(0,229,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.35) 1px,transparent 1px);
  background-size:64px 64px;transform:perspective(520px) rotateX(64deg);transform-origin:50% 100%;
  -webkit-mask-image:linear-gradient(0deg,#000 5%,transparent 80%);mask-image:linear-gradient(0deg,#000 5%,transparent 80%);animation:hfloor 2.6s linear infinite;opacity:.8}
@keyframes hfloor{to{background-position:0 64px}}
.hud-pts{position:absolute;left:46%;right:0;top:0;bottom:0}
.hud-pts i{position:absolute;bottom:8%;width:2px;height:14px;border-radius:2px;background:linear-gradient(0deg,transparent,var(--red));box-shadow:0 0 8px var(--red);opacity:0;animation:hrise 7s linear infinite}
@keyframes hrise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-70vh);opacity:0}}
.hud-reticle{top:48%}
@media(max-width:1100px){.emblem{width:140px;height:140px}.em-reflect{display:none}}
@keyframes emecho{0%{transform:scale(1.04);opacity:.3}100%{transform:scale(1.5);opacity:0}}
.hud-floor{transform:perspective(520px) rotateX(58deg);opacity:1;background-image:linear-gradient(rgba(0,229,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.5) 1px,transparent 1px)}
.em-reflect{opacity:.3}

/* =====================================================================
   OPAC: Site geneli mikro etkileşimler
   ===================================================================== */
/* 8) bölüm üst başlığında terminal imleci */
.eyebrow::after{content:"_";margin-left:-6px;animation:caret 1.1s steps(1) infinite;color:var(--red)}
@keyframes caret{50%{opacity:0}}

/* 1) alt sayfa başlıklarında HUD */
.ph-hud{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.page-hero .container{z-index:2}
.ph-dots{position:absolute;left:50%;right:0;top:0;bottom:0;background-image:radial-gradient(rgba(0,229,255,.3) 1px,transparent 1.4px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse at 75% 45%,#000 5%,transparent 65%);mask-image:radial-gradient(ellipse at 75% 45%,#000 5%,transparent 65%);opacity:.6}
.ph-scan{position:absolute;left:50%;right:0;height:90px;top:0;background:linear-gradient(180deg,transparent,rgba(0,229,255,.08) 70%,rgba(0,229,255,.45) 99%,transparent);
  border-bottom:1px solid rgba(0,229,255,.6);animation:hudscan 7s cubic-bezier(.45,.05,.55,.95) infinite;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.ph-chip{position:absolute;right:4%;bottom:26px;display:flex;align-items:center;gap:8px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.5px;
  color:#bff7ff;background:rgba(7,11,16,.7);border:1px solid rgba(0,229,255,.4);padding:9px 12px;border-radius:8px;backdrop-filter:blur(6px)}
.ph-chip i{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:livep 1.8s infinite}
.ph-chip b{color:var(--red);animation:caret 1s steps(1) infinite;font-weight:700}

/* 3) kartlarda fareyi izleyen ışık */
.value:not(.hl),.case,.post-card,.plan,.out,.info-item,.step{background-image:radial-gradient(380px circle at var(--mx,-999px) var(--my,-999px),rgba(0,229,255,.12),transparent 55%)}
.cert{background:radial-gradient(380px circle at var(--mx,-999px) var(--my,-999px),rgba(0,229,255,.14),transparent 55%),linear-gradient(160deg,#122030,#0c141d)}

/* 4) sektör kartında hedefleme köşeleri + tarama */
.sc-hud{position:absolute;inset:14px;z-index:0;pointer-events:none;opacity:0;transform:scale(1.06);transition:.35s;
  background:linear-gradient(var(--red),var(--red)) left top/24px 2px,linear-gradient(var(--red),var(--red)) left top/2px 24px,
    linear-gradient(var(--red),var(--red)) right top/24px 2px,linear-gradient(var(--red),var(--red)) right top/2px 24px,
    linear-gradient(var(--red),var(--red)) left bottom/24px 2px,linear-gradient(var(--red),var(--red)) left bottom/2px 24px,
    linear-gradient(var(--red),var(--red)) right bottom/24px 2px,linear-gradient(var(--red),var(--red)) right bottom/2px 24px;background-repeat:no-repeat;
  filter:drop-shadow(0 0 6px rgba(0,229,255,.8))}
.sc-hud::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 0 12px var(--red);opacity:0}
.sector-card:hover .sc-hud{opacity:1;transform:none}
.sector-card:hover .sc-hud::after{animation:scscan 1.6s ease-in-out infinite}
@keyframes scscan{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}
.sector-card>*:not(.sc-hud){position:relative;z-index:1}

/* 5) uygulama adımlarında akan veri ışığı */
.step{overflow:hidden}
.step::after{content:"";position:absolute;top:-3px;left:-30%;width:30%;height:3px;background:linear-gradient(90deg,transparent,var(--red));box-shadow:0 0 12px var(--red);animation:steppulse 6s linear infinite}
.step:nth-child(2)::after{animation-delay:1s}.step:nth-child(3)::after{animation-delay:2s}.step:nth-child(4)::after{animation-delay:3s}.step:nth-child(5)::after{animation-delay:4s}.step:nth-child(6)::after{animation-delay:5s}
@keyframes steppulse{0%{left:-30%}16%,100%{left:100%}}

/* 6) uyumluluk: onay maddeleri sırayla + dönen mühür */
.cert.reveal li{opacity:0;transform:translateX(-8px);transition:.45s}
.cert.reveal.in li{opacity:1;transform:none}
.cert.reveal.in li:nth-child(1){transition-delay:.25s}.cert.reveal.in li:nth-child(2){transition-delay:.4s}.cert.reveal.in li:nth-child(3){transition-delay:.55s}
.cert.reveal.in li:nth-child(4){transition-delay:.7s}.cert.reveal.in li:nth-child(5){transition-delay:.85s}.cert.reveal.in li:nth-child(6){transition-delay:1s}
.cert::after{border:2px dashed rgba(0,229,255,.18);width:170px;height:170px;right:-50px;top:-50px;animation:spin 40s linear infinite}

/* 9) sektörel zorluk: uyarı nabzı */
.problem-box .ic{position:relative}
.problem-box .ic::after{content:"";position:absolute;inset:0;border-radius:18px;border:2px solid var(--red);animation:alertp 2.2s ease-out infinite}
@keyframes alertp{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}

/* 10) kapanış bandında ışık parıltısı */
.cta-inner::before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);animation:ctashine 5s ease-in-out infinite}
@keyframes ctashine{0%{left:-40%}45%,100%{left:130%}}

/* 11) zaman çizelgesi noktaları */
.tl-item::before{animation:tlp 5s infinite}
.tl-item:nth-child(2)::before{animation-delay:1s}.tl-item:nth-child(3)::before{animation-delay:2s}.tl-item:nth-child(4)::before{animation-delay:3s}.tl-item:nth-child(5)::before{animation-delay:4s}
@keyframes tlp{0%,20%{box-shadow:0 0 0 0 rgba(0,229,255,.7);background:var(--red)}40%,100%{box-shadow:0 0 0 12px rgba(0,229,255,0);background:var(--black)}}

/* 12) blog okuma ilerlemesi */
.read-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:70;background:linear-gradient(90deg,var(--red-dark),var(--red));transform-origin:left;transform:scaleX(0);box-shadow:0 0 12px var(--red)}

/* 13) footer durum ışığı */
.sys{display:inline-flex;align-items:center;gap:8px;color:#8fd9a8}
.sys i{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:livep 1.8s infinite}

/* karşılaştırma tablosu: opac sütunu vurgusu */
.prose table td:nth-child(2){color:#e6fbff;background:rgba(0,229,255,.05)}
.prose table tr:hover td{background:rgba(0,229,255,.08)}

@media(max-width:760px){.ph-chip{display:none}.ph-scan{display:none}}
@media(prefers-reduced-motion:reduce){.eyebrow::after,.ph-scan,.step::after,.cta-inner::before,.cert::after,.tl-item::before,.problem-box .ic::after{animation:none!important}}