/* Akülü Parça — Cinematic service cards (home page) */
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
.vc-grid{--red:#D82B31;--red2:#ff4d53;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-family:'Barlow Condensed',var(--display),'Arial Narrow',sans-serif}
.vc-hero{grid-column:1/-1}
.vc-card{--ty:26px;position:relative;isolation:isolate;border-radius:24px;color:#fff;opacity:0;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty));transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .8s;transition-delay:calc(var(--i)*120ms);animation:vcFail .01s 2.5s forwards}
.vc-card.in{--ty:0px;opacity:1}.vc-card.mv{transition:transform .12s linear,opacity .8s;transition-delay:0s}
.vc-card::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--a),rgba(255,255,255,.09) 0 52%,var(--red2) 78%,#fff 85%,rgba(255,255,255,.09) 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:vcSpin 8s linear infinite}
.vc-bg{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;background:repeating-linear-gradient(45deg,rgba(255,255,255,.022) 0 2px,transparent 2px 5px),linear-gradient(165deg,#191c22,#0a0c0f 75%)}
.vc-bg i{position:absolute;display:block}
.vc-slab{right:0;top:6%;width:68%;height:70%;clip-path:polygon(30% 0,100% 0,100% 82%);background:linear-gradient(135deg,#ee3a40,#8a1a1f 55%,rgba(20,22,26,0));overflow:hidden}
.vc-slab::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-130%);animation:vcGlare 7s ease-in-out infinite}
.vc-beam{left:50%;top:0;width:90%;height:72%;transform:translateX(-50%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 85%)}
.vc-glow{inset:0;background:radial-gradient(220px circle at var(--mx,70%) var(--my,20%),rgba(255,255,255,.1),transparent 62%)}
.vc-ghost{position:absolute;right:8px;top:-4px;font:700 100px/1 'Barlow Condensed',var(--display),sans-serif;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.13);transform:translate(calc(var(--px,0px)*-.9),calc(var(--py,0px)*-.9));transition:transform .4s}
.vc-st{height:2px;width:46%;left:0;background:linear-gradient(90deg,transparent,var(--red2),transparent);opacity:0;animation:vcStr 3.6s linear infinite}
.vc-num{position:absolute;left:15px;top:14px;z-index:2;display:flex;align-items:center;gap:8px;font:600 26px/1 'Barlow Condensed',var(--display),sans-serif;color:var(--red2);text-shadow:0 0 14px rgba(216,43,49,.6)}
.vc-num::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--red2);box-shadow:0 0 10px var(--red2);animation:vcPulse 2s infinite}
.vc-stage{position:relative;perspective:700px;container-type:inline-size}
.vc-ring{position:absolute;left:50%;translate:-50% 0;width:85cqw;aspect-ratio:1;bottom:calc(20px - 42.5cqw);transform:rotateX(72deg);border-radius:50%;border:1.5px solid rgba(255,77,83,.75);box-shadow:0 0 20px rgba(216,43,49,.6),inset 0 0 22px rgba(216,43,49,.4);background:radial-gradient(circle,rgba(216,43,49,.45),transparent 62%)}
.vc-ring::after{content:"";position:absolute;inset:13%;border-radius:50%;border:1px dashed rgba(255,255,255,.4);animation:vcRot 16s linear infinite}
.vc-vw{position:relative;z-index:1;height:100%;width:78%;margin:0 auto;padding-bottom:18px}
.vc-vw::after{content:"";position:absolute;left:10%;right:10%;bottom:12px;height:12px;z-index:-1;background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%)}
.vc-veh{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 5px rgba(0,0,0,.5));transform:translate(var(--px,0px),var(--py,0px)) scale(1.02);transition:transform .5s}
.vc-h2,.vc-h3{margin:0;font:700 38px/.92 'Barlow Condensed',var(--display),Impact,sans-serif;letter-spacing:0;text-transform:uppercase;background:linear-gradient(180deg,#fff 30%,#a9afb8);-webkit-background-clip:text;background-clip:text;color:transparent}
.vc-h2 i,.vc-h3 em{font-style:normal;background:linear-gradient(180deg,#ff6a70,#d82b31);-webkit-background-clip:text;background-clip:text;color:transparent}
.vc-h3{font-size:22px;line-height:1;min-height:2em;display:flex;align-items:flex-end}
.vc-chips{display:flex;gap:4px;margin:10px 0}
.vc-chips span{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0 5px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);font:600 9px 'Barlow Condensed',var(--display),sans-serif;letter-spacing:.1em;white-space:nowrap;color:#eceff2}
.vc-chips b{font-weight:inherit}
.vc-chips svg{width:22px;height:22px;padding:4.5px;border-radius:50%;color:#fff;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;background:radial-gradient(circle,#ec353b,#a81c22);box-shadow:0 0 12px rgba(216,43,49,.55)}
.vc-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 4px 4px 14px;border-radius:14px;background:linear-gradient(180deg,#f0393f,#c1232a);box-shadow:0 10px 22px -8px rgba(216,43,49,.75),inset 0 1px 0 rgba(255,255,255,.35);font:600 13px 'Barlow Condensed',var(--display),sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#fff;text-decoration:none}
.vc-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.vc-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translateX(-130%);animation:vcGlare 5s 1s ease-in-out infinite}
.vc-ar{width:30px;height:30px;border-radius:10px;background:#12090a;display:grid;place-items:center;font-size:14px;transition:transform .3s}
.vc-card:is(:hover,.act) .vc-ar{transform:translateX(3px)}
/* hero (01) */
.vc-hero{min-height:242px;padding:16px}
.vc-txts{display:grid;margin-top:36px}.vc-txt{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}.vc-txt.on{opacity:1;visibility:visible}
.vc-hero .vc-h2{width:55%}.vc-hero .vc-btn{width:60%;margin-top:14px;font-size:15px}
.vc-hero .vc-stage{position:absolute;right:-4px;top:14px;width:60%;height:174px}
.vc-hero .vc-vw{position:absolute;inset:0;width:74%;opacity:0;transition:opacity .5s}.vc-hero .vc-vw.on{opacity:1}
.vc-hero .vc-chips{margin:auto 0 0;padding-top:14px}
/* small cards (02, 03) */
.vc-sm{display:flex;flex-direction:column;padding:14px 13px}.vc-sm .vc-ghost{font-size:92px}
.vc-sm .vc-stage{height:140px;margin-top:14px}
.vc-body{display:flex;flex-direction:column;flex:1}.vc-sm .vc-btn{margin-top:auto}
@keyframes vcSpin{to{--a:360deg}}@keyframes vcRot{to{transform:rotate(360deg)}}
@keyframes vcGlare{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}@keyframes vcPulse{50%{opacity:.3}}
@keyframes vcStr{0%{transform:translateX(-120%) rotate(-24deg);opacity:0}15%{opacity:.8}60%{transform:translateX(260%) rotate(-24deg);opacity:0}100%{opacity:0}}
@keyframes vcFail{to{opacity:1;--ty:0px}}
@media (min-width:900px){
 .vc-grid{grid-template-columns:2fr 1fr 1fr;gap:16px}.vc-hero{grid-column:auto;min-height:470px;padding:28px}
 .vc-num{font-size:34px;left:24px;top:22px}.vc-ghost{font-size:170px}.vc-sm .vc-ghost{font-size:130px}
 .vc-txts{margin-top:62px}.vc-hero .vc-h2{font-size:clamp(46px,4.6vw,66px)}.vc-hero .vc-btn{font-size:19px;margin-top:22px;padding:6px 6px 6px 20px}
 .vc-hero .vc-stage{top:40px;height:280px;width:58%}.vc-sm{padding:22px 18px}.vc-sm .vc-stage{height:230px;margin-top:22px}
 .vc-h3{font-size:clamp(26px,2.5vw,34px)}.vc-chips{margin:16px 0}.vc-chips span{font-size:12px;padding:9px 0 8px}.vc-chips svg{width:28px;height:28px;padding:6px}
 .vc-sm .vc-btn{font-size:16px;padding:5px 5px 5px 16px}.vc-ar{width:36px;height:36px;font-size:16px}
}
@media (prefers-reduced-motion:reduce){.vc-card,.vc-card *,.vc-card::before{animation:none!important}.vc-card{opacity:1;--ty:0px}}