/* 
Theme Name: V2D Tech Theme
Theme URI: https://v2dtech.rs
Author: V2D Tech
Author URI: https://v2dtech.rs
Description: Custom WordPress theme converted from static HTML template.
Version: 1.0.0
Text Domain: v2dtech
*/
:root{
      --bg: #f8fafc; /* slate-50 */
      --ink:#0f172a; /* slate-900 */
      --muted:#475569; /* slate-600 */
      --line:#e2e8f0; /* slate-200 */
      --card:#ffffff;
      --accent:#0f172a; /* primary */
      --accent-ink:#ffffff;
      --radius: 1.25rem; /* 20px */
      --shadow: 0 10px 30px rgba(2,6,23,.06);
    }
    *{box-sizing:border-box}
    html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
    img{max-width:100%;display:block}
    a{color:inherit;text-decoration:none}
    .container{max-width:1120px;margin:auto;padding:0 16px}
    .btn{display:inline-block;border-radius:16px;padding:12px 18px;font-weight:700}
    .btn-primary{background:var(--accent);color:var(--accent-ink)}
    .btn-outline{border:1px solid var(--line);background:#fff}
    .pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:#fff;padding:6px 12px;border-radius:999px;font-size:12px;color:#334155}
    .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
    .grid{display:grid;gap:24px}
    .grid-2{grid-template-columns:repeat(1,minmax(0,1fr))}
    .grid-3{grid-template-columns:repeat(1,minmax(0,1fr))}
    .grid-4{grid-template-columns:repeat(1,minmax(0,1fr))}
    @media(min-width:900px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
    header.sticky{position:sticky;top:0;backdrop-filter:saturate(180%) blur(8px);background:rgba(255,255,255,.8);border-bottom:1px solid var(--line);z-index:40}
    nav a{font-size:14px;padding:10px 12px;border-radius:10px}
    nav a:hover{background:#f1f5f9}
    .hero{position:relative;overflow:hidden}
    .hero::before{content:"";position:absolute;inset:-20%;background:radial-gradient(600px 300px at 80% 10%, #dcfce7 0, rgba(220,252,231,0.2) 35%, transparent 70%)}
    .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .stat{text-align:center}
    .stat .val{font-size:28px;font-weight:800}
    .stat .lab{font-size:12px;color:var(--muted)}
    .feature, .service{padding:20px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
    .service ul{margin:0;padding-left:22px}
    .service li{margin:6px 0}
    .section{padding:64px 0}
    .section h2{font-size:32px;margin:0 0 8px}
    .muted{color:var(--muted)}
    .cta{background:linear-gradient(135deg,#0f172a,#334155);color:#fff;border-radius:24px;padding:32px}
    footer{border-top:1px solid var(--line);background:#fff}
    .badge{display:inline-block;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:#334155;background:#fff}
    .hidden{display:none}