:root{--bg:#111111;--surface:#1A1D21;--border:#2A2F37;--fg:#FFFFFF;--muted:#B8BEC7;--accent:#EF4444;--hover:#F16060;--on:#0B0B0B;--ring:#EF4444;--container:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.wrap{width:min(calc(100% - 40px),var(--container));margin:auto}.skip{position:fixed;z-index:99;top:8px;left:8px;padding:10px;background:var(--fg);color:var(--bg);transform:translateY(-160%)}.skip:focus{transform:none}header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px)}.nav{height:72px;display:flex;align-items:center;gap:24px}.brand{margin-right:auto;font:800 22px/1.1 system-ui;text-decoration:none;text-transform:uppercase}.brand::after{content:".";color:var(--accent)}nav{display:flex;gap:4px}nav a,.mobile a{display:flex;min-height:44px;align-items:center;padding:0 12px;text-decoration:none;color:var(--muted)}nav a:hover,nav a[aria-current=page]{color:var(--fg)}nav a[aria-current=page]{box-shadow:inset 0 -2px var(--accent)}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:10px 20px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:var(--on);font-weight:800;text-decoration:none}.button:hover{background:var(--hover)}.button.ghost{background:transparent;color:var(--fg);border-color:var(--fg)}.small{min-height:44px}.menu,.mobile{display:none}.hero{min-height:640px;display:grid;align-items:center;background:radial-gradient(circle at 80% 25%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 34%),linear-gradient(135deg,var(--surface),var(--bg) 55%)}.hero-inner{padding:90px 0}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.hero h1,.page-hero h1,h2{font-weight:900;line-height:1.02;text-transform:uppercase}.hero h1{max-width:900px;margin:.2em 0;font-size:clamp(48px,8vw,92px)}.lead{max-width:720px;color:var(--muted);font-size:clamp(18px,2.3vw,24px)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.chips span{padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.section{padding:88px 0}.surface{background:var(--surface)}h2{font-size:clamp(34px,5vw,56px);margin:0 0 14px}.intro{max-width:720px;margin-bottom:40px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:190px;padding:28px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.surface .card{background:var(--bg)}.card b{display:block;margin-bottom:12px;color:var(--accent);font-size:14px}.card h3{margin:0 0 8px}.card p,p{color:var(--muted)}.process{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}.process div{padding:28px;background:var(--bg)}.process div::before{counter-increment:step;content:"0" counter(step);display:block;color:var(--accent);font-size:32px;font-weight:900}.page-hero{padding:88px 0;background:var(--surface)}.page-hero h1{font-size:clamp(42px,7vw,72px);margin:0 0 12px}.prices{width:100%;border-collapse:collapse}.prices th,.prices td{padding:16px;border-bottom:1px solid var(--border);text-align:left}.prices td:last-child{text-align:right}.notice{padding:18px;border-left:4px solid var(--accent);background:var(--surface)}.form{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px}.field label{display:block;margin-bottom:7px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:12px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--fg)}.wide{grid-column:1/-1}.error{min-height:24px;color:var(--fg)}footer{padding-top:56px;border-top:1px solid var(--border);background:var(--surface)}.foot{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.legal{margin-top:40px;padding:20px 0;border-top:1px solid var(--border);color:var(--muted)}.variant-C .card{font-family:ui-monospace,monospace}.variant-B .card{min-height:260px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--accent) 12%,var(--surface)))}.variant-D{--container:1320px}.variant-D .hero{background:linear-gradient(105deg,var(--bg) 45%,color-mix(in srgb,var(--accent) 22%,var(--surface)))}.variant-E .card{border-radius:50% 8px 8px 50%}@media(max-width:900px){nav,.nav>.small{display:none}.menu{display:block;min-height:44px;border:1px solid var(--border);background:var(--surface);color:var(--fg)}.mobile.open{display:flex;flex-direction:column;padding:12px 20px 24px}.grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero{min-height:580px}.section{padding:56px 0}.grid,.process,.foot,.form{grid-template-columns:1fr}.wide{grid-column:auto}.actions{flex-direction:column}.button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Teminės nuotraukos: hero ir paslaugų kortelės */
.hero {
  position: relative;
  isolation: isolate;
  background-image: linear-gradient(90deg, rgba(11,11,11,.96) 0%, rgba(11,11,11,.82) 42%, rgba(11,11,11,.28) 76%, rgba(11,11,11,.42) 100%), url("../img/hero-dirbtuves.webp");
  background-position: center;
  background-size: cover;
}
.hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,transparent 60%,var(--bg)); pointer-events:none; }
article.card { position:relative; isolation:isolate; min-height:280px; overflow:hidden; justify-content:flex-end; background-position:center; background-size:cover; }
article.card::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(11,11,11,.08) 10%,rgba(11,11,11,.88) 58%,rgba(11,11,11,.98)); }
article.card:nth-child(6n+1) { background-image:url("../img/diagnostika.webp"); }
article.card:nth-child(6n+2) { background-image:url("../img/automobilis-remonte.webp"); }
article.card:nth-child(6n+3) { background-image:url("../img/variklio-skyrius.webp"); }
article.card:nth-child(6n+4) { background-image:url("../img/keltuvas.webp"); }
article.card:nth-child(6n+5) { background-image:url("../img/irankiai.webp"); }
article.card:nth-child(6n+6) { background-image:url("../img/ratu-darbai.webp"); }
article.card h3, article.card p, article.card b { position:relative; z-index:1; text-shadow:0 2px 12px rgba(0,0,0,.65); }
@media (hover:hover) { article.card:hover { transform:translateY(-4px); border-color:var(--accent); } }
@media (max-width:700px) { .hero { background-position:62% center; } article.card { min-height:250px; } }
@media (prefers-reduced-motion:reduce) { article.card { transition:none!important; } }

/* Tikslus paslaugų nuotraukų susiejimas */
article.card:nth-child(6n+1) { background-image:url("../img/paslaugos/diagnostika.webp"); }
article.card:nth-child(6n+2) { background-image:url("../img/paslaugos/vaziuokle.webp"); }
article.card:nth-child(6n+3) { background-image:url("../img/paslaugos/stabdziai.webp"); }
article.card:nth-child(6n+4) { background-image:url("../img/paslaugos/variklis.webp"); }
article.card:nth-child(6n+5) { background-image:url("../img/paslaugos/tepalai.webp"); }
article.card:nth-child(6n+6) { background-image:url("../img/paslaugos/ratai.webp"); }

/* Prekės ženklas ir informatyvi darbo eiga */
.brand { display:flex; width:min(260px,25vw); height:56px; align-items:center; margin-right:auto; }
.brand::after { content:none!important; }
.brand img { display:block; width:100%; height:100%; object-fit:contain; object-position:left center; }
.footer-brand img { display:block; width:min(250px,100%); height:auto; margin-bottom:12px; }
.footer-brand p { margin:0; }
.service-process-section { border-top:1px solid var(--border); background:linear-gradient(180deg,var(--surface),var(--bg)); }
.service-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.process-step { min-height:230px; padding:28px; border:1px solid var(--border); border-radius:8px; background:var(--bg); }
.process-step span { display:block; margin-bottom:28px; color:var(--accent); font-size:clamp(30px,4vw,46px); font-weight:900; line-height:1; }
.process-step h3 { margin:0 0 10px; font-size:20px; }
.process-step p { margin:0; color:var(--muted); }
@media(max-width:900px) { .brand { width:220px; } .service-process { grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px) { .brand { width:190px; height:48px; } .service-process { grid-template-columns:1fr; } .process-step { min-height:0; } }