*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
    :root{
      --bg:#0a0a0a; --bg-alt:#111111; --bg-card:#0d0d0d;
      --white:#f0f0f0; --acid:#d4ff00; --acid-dim:#a3cc00;
      --gray:#666; --gray-mid:#8a8a8a; --gray-dark:#2a2a2a;
      --red:#ff3b30;
      --font-display:'Unbounded','Arial Black',sans-serif;
      --font-body:'Inter',-apple-system,'Segoe UI',sans-serif;
      --font-mono:'JetBrains Mono','Courier New',monospace;
    }
    html{ scroll-behavior:smooth; }
    body{
      background:var(--bg); color:var(--white);
      font-family:var(--font-body); line-height:1.5;
      overflow-x:hidden; cursor:crosshair;
    }
    body::before{
      content:''; position:fixed; inset:0;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
      opacity:.03; pointer-events:none; z-index:9999;
    }
    ::selection{ background:var(--acid); color:#000; }

    /* ---------- NAV ---------- */
    nav{
      position:fixed; top:0; left:0; right:0; z-index:1000;
      padding:1.1rem 2rem; display:flex; justify-content:space-between;
      align-items:center; background:var(--bg); border:none; box-shadow:none;
    }
    .nav-logo{
      font-family:var(--font-display); font-size:1.1rem; font-weight:800;
      letter-spacing:.05em; text-transform:uppercase; color:var(--white);
      text-decoration:none;
    }
    .nav-logo .slash,.nav-logo .cv{ color:var(--acid); }
    .nav-links{ display:flex; gap:1.6rem; list-style:none; align-items:center; }
    .nav-links a{
      font-family:var(--font-display); font-size:.82rem; font-weight:600;
      color:var(--white); text-decoration:none; text-transform:uppercase;
      letter-spacing:.05em; position:relative; overflow:hidden; transition:color .3s;
      padding:.2rem 0; white-space:nowrap;
    }
    .nav-links a:hover{ color:var(--acid); }
    .nav-links a.active{ color:var(--acid); }
    .nav-cta{
      font-family:var(--font-display); font-size:.78rem; font-weight:700;
      text-transform:uppercase; letter-spacing:.05em;
      background:var(--acid); color:#000; padding:.6rem 1.1rem;
      text-decoration:none; border:2px solid var(--acid); transition:all .25s;
      white-space:nowrap;
    }
    .nav-cta:hover{ background:transparent; color:var(--acid); }
    .nav-toggle{ display:none; background:none; border:none; color:var(--acid);
      font-size:1.6rem; cursor:pointer; font-family:var(--font-mono); }

    /* ---------- SCROLL PROGRESS ---------- */
    .progress{
      position:fixed; top:0; left:0; height:3px; width:0%;
      background:var(--acid); z-index:1001; transition:width .1s linear;
    }

    /* ---------- LAYOUT ---------- */
    .wrap{ max-width:1240px; margin:0 auto; padding:0 2rem; }
    section{ position:relative; }
    .pad{ padding:6rem 0; }
    .pad-sm{ padding:4rem 0; }
    .section-head{ margin-bottom:3.5rem; }
    .section-label{
      font-family:var(--font-mono); font-size:.92rem; color:var(--acid);
      text-transform:uppercase; letter-spacing:.18em; margin-bottom:1.1rem;
      display:flex; align-items:center; gap:.8rem; line-height:1.5;
    }
    .section-label::after{ content:''; flex:1; height:1px; background:var(--gray-dark); }
    .section-title{
      font-family:var(--font-display); font-weight:800;
      font-size:clamp(1.8rem,4.3vw,3.15rem); line-height:1.2;
      letter-spacing:-.025em; text-transform:uppercase; padding-top:.1em;
    }
    .section-title .acid{ color:var(--acid); }
    .section-sub{
      margin-top:1.2rem; color:var(--white); font-size:1.16rem;
      max-width:62ch; line-height:1.72;
    }
    .divider{ height:1px; background:var(--gray-dark); }

    /* ---------- HERO ---------- */
    .hero{
      min-height:100vh; display:grid; grid-template-columns:1.05fr .95fr;
      border-bottom:1px solid var(--gray-dark); position:relative;
    }
    .hero-left{
      padding:8.5rem 3rem 3.5rem; display:flex; flex-direction:column;
      justify-content:center; position:relative; z-index:2;
    }
    .hero-right{
      border-left:1px solid var(--gray-dark); background:var(--bg-alt);
      padding:8.5rem 2.6rem 3.5rem; display:flex; flex-direction:column;
      justify-content:center; position:relative; overflow:hidden;
    }
    .hero-right::after{
      content:''; position:absolute; inset:0;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2)'/%3E%3C/svg%3E");
      opacity:.05; pointer-events:none;
    }
    /* social proof #1 - iznad headlinea */
    .proof-top{
      display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.6rem;
    }
    .proof-chip{
      font-family:var(--font-mono); font-size:.84rem; text-transform:uppercase;
      letter-spacing:.08em; border:1px solid var(--gray-dark);
      padding:.55rem .9rem; color:var(--white); background:var(--bg-card);
      line-height:1.5;
    }
    .proof-chip b{ color:var(--acid); font-weight:700; }
    .hero-kicker{
      font-family:var(--font-mono); font-size:.92rem; color:var(--acid);
      text-transform:uppercase; letter-spacing:.16em; margin-bottom:1rem;
      line-height:1.55;
    }
    .hero-h1{
      font-family:var(--font-display); font-weight:800;
      font-size:clamp(2rem,4.2vw,3.5rem); line-height:1.16;
      letter-spacing:-.03em; text-transform:uppercase; margin-bottom:1.3rem;
      padding-top:.12em;
    }
    /* dijakritika (S, Z, D) treba zraka iznad reda */
    .hero-h1 .acid{ display:inline-block; padding-top:.06em; }
    .hero-h1 .acid{ color:var(--acid); }
    .hero-sub{
      font-size:1.06rem; color:var(--gray-mid); line-height:1.62;
      max-width:54ch; margin-bottom:1.9rem;
    }
    .hero-sub b{ color:var(--white); font-weight:600; }
    .hero-cta-row{ display:flex; flex-wrap:wrap; gap:.9rem; margin-bottom:1.5rem; }
    .btn{
      font-family:var(--font-display); font-weight:700; font-size:.9rem;
      text-transform:uppercase; letter-spacing:.04em; padding:1.05rem 1.7rem;
      text-decoration:none; display:inline-block; border:2px solid var(--acid);
      transition:all .25s; cursor:pointer; text-align:center;
    }
    .btn-primary{ background:var(--acid); color:#000; }
    .btn-primary:hover{ background:transparent; color:var(--acid); transform:translateY(-2px); }
    .btn-ghost{ background:transparent; color:var(--white); border-color:var(--gray-dark); }
    .btn-ghost:hover{ border-color:var(--acid); color:var(--acid); }
    .btn-lg{ font-size:1rem; padding:1.25rem 2.2rem; }
    /* FUD reduction */
    .fud{ display:flex; flex-wrap:wrap; gap:1.3rem; }
    .fud span{
      font-family:var(--font-mono); font-size:.92rem; color:var(--white);
      display:flex; align-items:center; gap:.45rem; line-height:1.5;
    }
    .fud span::before{ content:'+'; color:var(--acid); font-weight:700; }
    /* social proof #2 - ispod vizuala */
    .proof-bottom{
      margin-top:1.6rem; padding-top:1.3rem; border-top:1px solid var(--gray-dark);
      font-family:var(--font-mono); font-size:.9rem; color:var(--white);
      line-height:1.75;
    }
    .proof-bottom b{ color:var(--acid); }

    /* MOCK PROFIL (vizual koji dokazuje copy) */
    .mock{
      border:1px solid var(--gray-dark); background:var(--bg-card);
      position:relative; z-index:2;
    }
    .mock-bar{
      display:flex; align-items:center; gap:.55rem; padding:.85rem 1rem;
      border-bottom:1px solid var(--gray-dark); background:#000;
    }
    .mock-dot{ width:9px; height:9px; border-radius:50%; background:var(--gray-dark); flex-shrink:0; }
    .mock-url{
      font-family:var(--font-mono); font-size:.82rem; color:var(--gray-mid);
      margin-left:.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    }
    .mock-body{ padding:1.5rem 1.4rem; }
    .mock-row{
      display:flex; justify-content:space-between; align-items:flex-start;
      gap:1rem; padding:1.05rem 0; border-bottom:1px dashed var(--gray-dark);
    }
    .mock-row:last-child{ border-bottom:none; }
    .mock-label{
      font-family:var(--font-mono); font-size:.86rem; color:var(--gray-mid);
      text-transform:uppercase; letter-spacing:.06em; line-height:1.45;
    }
    .mock-bad{
      color:var(--red); font-family:var(--font-mono);
      font-size:.98rem; font-weight:700;
    }
    .mock-good{
      color:var(--acid); font-family:var(--font-mono);
      font-size:.98rem; font-weight:700;
    }
    .mock-val{ font-size:1rem; text-align:right; white-space:nowrap; }
    .mock-title{
      font-family:var(--font-display); font-size:1.22rem; font-weight:700;
      text-transform:uppercase; letter-spacing:.01em; margin-bottom:.3rem;
      line-height:1.35;
    }
    .mock-stars{ color:var(--acid); font-size:1.08rem; letter-spacing:.12em; }
    .mock-stars small{ color:var(--gray); font-size:.86rem; letter-spacing:0; }
    .mock-caption{
      font-family:var(--font-mono); font-size:.92rem; color:var(--gray-mid);
      margin-top:1rem; text-align:center; line-height:1.75;
    }

    /* ---------- MARQUEE ---------- */
    .marquee{
      border-top:1px solid var(--gray-dark); border-bottom:1px solid var(--gray-dark);
      background:var(--acid); overflow:hidden; padding:.75rem 0;
    }
    .marquee-track{ display:flex; width:max-content; animation:mq 32s linear infinite; }
    @keyframes mq{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
    .marquee-item{
      font-family:var(--font-display); font-size:.82rem; font-weight:700;
      text-transform:uppercase; letter-spacing:.06em; color:#000;
      padding:0 1.6rem; white-space:nowrap; display:flex; align-items:center; gap:1.6rem;
    }
    .marquee-item::after{ content:'/'; opacity:.4; }

    /* ---------- PAIN ---------- */
    .pain-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--gray-dark); }
    .pain-card{ background:var(--bg); padding:2.1rem 1.6rem; transition:background .3s; }
    .pain-card:hover{ background:var(--bg-alt); }
    .pain-num{
      font-family:var(--font-mono); font-size:.7rem; color:var(--red);
      letter-spacing:.15em; margin-bottom:.9rem;
    }
    .pain-h{
      font-family:var(--font-display); font-size:1.02rem; font-weight:700;
      text-transform:uppercase; letter-spacing:-.01em; margin-bottom:.7rem; line-height:1.42;
    }
    .pain-p{ font-size:.9rem; color:var(--gray-mid); line-height:1.65; }
    .pain-stat{
      margin-top:1rem; font-family:var(--font-mono); font-size:.88rem;
      color:var(--acid); letter-spacing:.03em; line-height:1.6;
    }
    .agitate{
      margin-top:2.5rem; border-left:3px solid var(--acid); padding:1.4rem 1.6rem;
      background:var(--bg-alt); font-size:1.02rem; line-height:1.7;
    }
    .agitate b{ color:var(--acid); }

    /* ---------- STAT STRIP ---------- */
    .stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--gray-dark); }
    .stat{ background:var(--bg); padding:2rem 1.3rem; text-align:center; }
    .stat-v{
      font-family:var(--font-display); font-size:clamp(1.7rem,3.4vw,2.7rem);
      font-weight:800; color:var(--acid); line-height:1; letter-spacing:-.03em;
    }
    .stat-l{
      font-size:.82rem; color:var(--gray-mid); margin-top:.7rem; line-height:1.5;
    }
    .stat-src{
      font-family:var(--font-mono); font-size:.62rem; color:var(--gray);
      margin-top:.6rem; letter-spacing:.06em; text-transform:uppercase;
    }

    /* ---------- LEAD MAGNET ---------- */
    .lm{
      border:2px solid var(--acid); background:var(--bg-alt);
      display:grid; grid-template-columns:1.15fr .85fr;
    }
    .lm-left{ padding:3rem 2.6rem; }
    .lm-right{
      border-left:1px solid var(--gray-dark); padding:3rem 2.2rem;
      background:var(--bg-card);
    }
    .lm-badge{
      display:inline-block; background:var(--acid); color:#000;
      font-family:var(--font-mono); font-size:.68rem; font-weight:700;
      text-transform:uppercase; letter-spacing:.14em; padding:.35rem .7rem;
      margin-bottom:1.2rem;
    }
    .lm-h{
      font-family:var(--font-display); font-weight:800;
      font-size:clamp(1.5rem,3vw,2.3rem); line-height:1.22;
      text-transform:uppercase; letter-spacing:-.025em; margin-bottom:1.1rem;
      padding-top:.1em;
    }
    .lm-h .acid{ display:inline-block; padding-top:.06em; }
    .lm-h .acid{ color:var(--acid); }
    .lm-p{ color:var(--gray-mid); line-height:1.7; margin-bottom:1.4rem; font-size:.98rem; }
    .lm-list{ list-style:none; display:flex; flex-direction:column; gap:.75rem; }
    .lm-list li{
      display:flex; gap:.7rem; align-items:flex-start; font-size:.93rem; line-height:1.55;
    }
    .lm-list li::before{
      content:'→'; color:var(--acid); font-family:var(--font-mono);
      font-weight:700; flex-shrink:0;
    }
    /* progressive disclosure forma */
    .form-step{ margin-bottom:1rem; }
    .form-hidden{
      max-height:0; opacity:0; overflow:hidden;
      transition:max-height .45s ease, opacity .35s ease, margin .3s ease;
      margin-bottom:0;
    }
    .form-hidden.open{ max-height:340px; opacity:1; margin-bottom:1rem; }
    .form-label{
      display:block; font-family:var(--font-mono); font-size:.68rem;
      text-transform:uppercase; letter-spacing:.12em; color:var(--gray-mid);
      margin-bottom:.45rem;
    }
    .form-label b{ color:var(--acid); }
    .form-input{
      width:100%; background:#000; border:1px solid var(--gray-dark);
      color:var(--white); font-family:var(--font-body); font-size:.95rem;
      padding:.85rem .9rem; transition:border-color .25s; cursor:text;
    }
    .form-input:focus{ outline:none; border-color:var(--acid); }
    .form-input::placeholder{ color:#4a4a4a; }
    select.form-input{ cursor:pointer; }
    .form-note{
      font-family:var(--font-mono); font-size:.84rem; color:var(--gray-mid);
      margin-top:1rem; line-height:1.75;
    }
    .form-btn{ width:100%; margin-top:.3rem; }
    .form-ok{
      display:none; border:1px solid var(--acid); background:rgba(212,255,0,.06);
      padding:1.4rem; text-align:center;
    }
    .form-ok.show{ display:block; }
    .form-ok h4{
      font-family:var(--font-display); color:var(--acid); text-transform:uppercase;
      font-size:1.05rem; margin-bottom:.6rem; letter-spacing:-.01em;
    }
    .form-ok p{ font-size:.88rem; color:var(--gray-mid); line-height:1.65; }
    .form-ok code{
      font-family:var(--font-mono); color:var(--acid); font-size:.82rem;
      display:block; margin-top:.8rem; word-break:break-all;
    }

    /* ---------- VALUE PROPS ---------- */
    .vp{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--gray-dark); }
    .vp-card{ background:var(--bg); padding:2.4rem 2rem; position:relative; transition:background .3s; }
    .vp-card:hover{ background:var(--bg-alt); }
    .vp-num{
      font-family:var(--font-mono); font-size:.68rem; color:var(--acid);
      letter-spacing:.18em; margin-bottom:1rem;
    }
    .vp-h{
      font-family:var(--font-display); font-size:1.18rem; font-weight:700;
      text-transform:uppercase; line-height:1.4; letter-spacing:-.015em;
      margin-bottom:.85rem;
    }
    .vp-p{ font-size:.93rem; color:var(--gray-mid); line-height:1.68; }
    .vp-p b{ color:var(--white); font-weight:600; }
    .vp-tag{
      display:inline-block; margin-top:1.1rem; font-family:var(--font-mono);
      font-size:.66rem; text-transform:uppercase; letter-spacing:.1em;
      color:var(--acid); border:1px solid var(--gray-dark); padding:.3rem .6rem;
    }

    /* ---------- HOW IT WORKS ---------- */
    .steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--gray-dark); }
    .step{ background:var(--bg); padding:2.2rem 1.5rem; position:relative; }
    .step-n{
      font-family:var(--font-display); font-size:2.6rem; font-weight:800;
      color:var(--gray-dark); line-height:1; margin-bottom:.9rem;
    }
    .step:hover .step-n{ color:var(--acid); transition:color .3s; }
    .step-h{
      font-family:var(--font-display); font-size:.98rem; font-weight:700;
      text-transform:uppercase; margin-bottom:.7rem; line-height:1.4;
    }
    .step-p{ font-size:.87rem; color:var(--gray-mid); line-height:1.62; }
    .step-t{
      margin-top:.9rem; font-family:var(--font-mono); font-size:.66rem;
      color:var(--acid); letter-spacing:.08em;
    }

    /* ---------- PRICING ---------- */
    .price-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
    .price-card{
      border:1px solid var(--gray-dark); background:var(--bg-card);
      padding:2.2rem 1.8rem; display:flex; flex-direction:column;
      transition:border-color .3s, transform .3s;
    }
    .price-card:hover{ border-color:var(--acid); transform:translateY(-4px); }
    .price-card.featured{ border:2px solid var(--acid); position:relative; }
    .price-flag{
      position:absolute; top:-1px; right:-1px; background:var(--acid); color:#000;
      font-family:var(--font-mono); font-size:.62rem; font-weight:700;
      text-transform:uppercase; letter-spacing:.12em; padding:.32rem .6rem;
    }
    .price-name{
      font-family:var(--font-display); font-size:1.08rem; font-weight:700;
      text-transform:uppercase; letter-spacing:-.01em; margin-bottom:.5rem;
      line-height:1.35;
    }
    .price-for{
      font-family:var(--font-mono); font-size:.68rem; color:var(--gray);
      text-transform:uppercase; letter-spacing:.08em; margin-bottom:1.3rem;
      min-height:2.2em; line-height:1.5;
    }
    .price-v{
      font-family:var(--font-display); font-size:2.5rem; font-weight:800;
      color:var(--acid); line-height:1; letter-spacing:-.03em;
    }
    .price-u{ font-size:.88rem; color:var(--gray-mid); margin-top:.4rem; margin-bottom:1.5rem; }
    .price-list{ list-style:none; display:flex; flex-direction:column; gap:.6rem; flex:1; margin-bottom:1.6rem; }
    .price-list li{ display:flex; gap:.6rem; font-size:.87rem; line-height:1.5; color:var(--gray-mid); }
    .price-list li::before{ content:'+'; color:var(--acid); font-weight:700; flex-shrink:0; }
    .price-list li.no{ color:#4a4a4a; }
    .price-list li.no::before{ content:'-'; color:#4a4a4a; }

    /* ---------- FAQ ---------- */
    .faq-item{ border-bottom:1px solid var(--gray-dark); }
    .faq-q{
      width:100%; background:none; border:none; color:var(--white);
      font-family:var(--font-display); font-size:1rem; font-weight:600;
      text-align:left; padding:1.35rem 2.5rem 1.35rem 0; cursor:pointer;
      position:relative; text-transform:uppercase; letter-spacing:-.01em;
      transition:color .25s; line-height:1.5;
    }
    .faq-q:hover{ color:var(--acid); }
    .faq-q::after{
      content:'+'; position:absolute; right:.4rem; top:50%; transform:translateY(-50%);
      color:var(--acid); font-family:var(--font-mono); font-size:1.4rem; font-weight:400;
      transition:transform .3s;
    }
    .faq-item.open .faq-q::after{ transform:translateY(-50%) rotate(45deg); }
    .faq-a{
      max-height:0; overflow:hidden; transition:max-height .4s ease, padding .3s ease;
      color:var(--gray-mid); font-size:.94rem; line-height:1.75;
    }
    .faq-item.open .faq-a{ max-height:420px; padding-bottom:1.4rem; }
    .faq-a b{ color:var(--white); }

    /* ---------- CLOSER ---------- */
    .closer{ background:var(--acid); color:#000; padding:5rem 0; }
    .closer-h{
      font-family:var(--font-display); font-weight:800;
      font-size:clamp(1.9rem,4.6vw,3.4rem); line-height:1.15; text-transform:uppercase;
      letter-spacing:-.03em; margin-bottom:1.2rem; max-width:20ch; padding-top:.1em;
    }
    .closer-p{ font-size:1.08rem; line-height:1.65; max-width:58ch; margin-bottom:2rem; opacity:.82; }
    .closer .btn{ border-color:#000; }
    .closer .btn-primary{ background:#000; color:var(--acid); }
    .closer .btn-primary:hover{ background:transparent; color:#000; }
    .closer-fud{ margin-top:1.6rem; display:flex; flex-wrap:wrap; gap:1.4rem; }
    .closer-fud span{ font-family:var(--font-mono); font-size:.74rem; opacity:.7; }

    /* ---------- FOOTER ---------- */
    footer{ padding:3rem 0; border-top:1px solid var(--gray-dark); }
    .foot{ display:flex; justify-content:space-between; align-items:center; gap:2rem; flex-wrap:wrap; }
    .foot-t{ font-family:var(--font-mono); font-size:.74rem; color:var(--gray); line-height:1.8; }
    .foot-t a{ color:var(--acid); text-decoration:none; }
    .foot-links{ display:flex; gap:1.5rem; }
    .foot-links a{
      font-family:var(--font-display); font-size:.78rem; font-weight:600;
      color:var(--gray-mid); text-decoration:none; text-transform:uppercase;
      letter-spacing:.05em; transition:color .25s;
    }
    .foot-links a:hover{ color:var(--acid); }

    /* ---------- O MENI ---------- */
    .me{ display:grid; grid-template-columns:.85fr 1.15fr; border:1px solid var(--gray-dark); }
    .me-photo{
      position:relative; background:#000; overflow:hidden;
      border-right:1px solid var(--gray-dark);
    }
    .me-photo img{
      width:100%; height:100%; object-fit:cover; display:block;
    }
    .me-tag{
      position:absolute; left:0; bottom:0; z-index:3;
      background:var(--acid); color:#000; font-family:var(--font-mono);
      font-size:.64rem; font-weight:700; text-transform:uppercase;
      letter-spacing:.14em; padding:.42rem .8rem;
    }
    .me-body{ padding:2.8rem 2.4rem; background:var(--bg-card); }
    .me-name{
      font-family:var(--font-display); font-weight:800;
      font-size:clamp(1.55rem,3vw,2.3rem); line-height:1.2;
      text-transform:uppercase; letter-spacing:-.025em; padding-top:.1em;
      margin-bottom:.55rem;
    }
    .me-name .acid{ display:inline-block; padding-top:.06em; }
    .me-role{
      font-family:var(--font-mono); font-size:.78rem; color:var(--acid);
      text-transform:uppercase; letter-spacing:.13em; margin-bottom:1.5rem;
      line-height:1.7;
    }
    .me-role span{ color:var(--gray-mid); }
    .me-p{ color:var(--gray-mid); line-height:1.78; margin-bottom:1.05rem; font-size:.97rem; }
    .me-p b{ color:var(--white); font-weight:600; }
    .me-facts{
      display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.6rem;
      padding-top:1.5rem; border-top:1px solid var(--gray-dark);
    }
    .me-fact{
      font-family:var(--font-mono); font-size:.67rem; text-transform:uppercase;
      letter-spacing:.1em; border:1px solid var(--gray-dark);
      padding:.45rem .75rem; color:var(--gray-mid);
    }
    .me-fact b{ color:var(--acid); font-weight:700; }

    /* ---------- REVEAL ---------- */
    .reveal{ opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; }
    .reveal.in{ opacity:1; transform:translateY(0); }

    /* ---------- RESPONSIVE ---------- */
    @media (max-width:1000px){
      .hero{ grid-template-columns:1fr; min-height:auto; }
      .hero-left{ padding:7.5rem 1.5rem 2.5rem; }
      .hero-right{ border-left:none; border-top:1px solid var(--gray-dark); padding:2.5rem 1.5rem 3rem; }
      .vp{ grid-template-columns:1fr; }
      .steps{ grid-template-columns:repeat(2,1fr); }
      .price-grid{ grid-template-columns:1fr; }
      .lm{ grid-template-columns:1fr; }
      .lm-right{ border-left:none; border-top:1px solid var(--gray-dark); }
      .pain-grid{ grid-template-columns:1fr; }
      .me{ grid-template-columns:1fr; }
      .me-photo{ border-right:none; border-bottom:1px solid var(--gray-dark); max-height:430px; }
      .me-photo img{ object-position:center 15%; }
      .me-body{ padding:2rem 1.5rem; }
      .stats{ grid-template-columns:repeat(2,1fr); }
    }
    /* meni se lomio u dva reda izmedju 760 i 1200px - ide hamburger ranije */
    @media (max-width:1180px){
      nav{ padding:1rem 1.5rem; flex-wrap:wrap; }
      .nav-links{
        display:none; width:100%; flex-direction:column; gap:0;
        padding-top:1rem; order:3; background:var(--bg);
      }
      .nav-links.open{ display:flex; }
      .nav-links a{
        padding:.85rem 0; border-bottom:1px solid var(--gray-dark);
        display:block; width:100%; font-size:.9rem;
      }
      .nav-toggle{ display:block; order:2; }
      .nav-cta{ order:1; margin-left:auto; margin-right:1rem; }
    }
    @media (max-width:760px){
      nav{ padding:.9rem 1.2rem; }
      .nav-cta{ font-size:.68rem; padding:.5rem .75rem; margin-right:.8rem; }
      .nav-logo{ font-size:1rem; }
      .wrap{ padding:0 1.2rem; }
      .pad{ padding:4rem 0; }
      .steps{ grid-template-columns:1fr; }
      .stats{ grid-template-columns:1fr; }
      .lm-left,.lm-right{ padding:2rem 1.4rem; }
      .hero-cta-row{ flex-direction:column; }
      .hero-cta-row .btn{ width:100%; }
      .fud{ gap:.7rem; flex-direction:column; }
    }
    @media print{
      nav,.progress,.marquee,.nav-toggle{ display:none !important; }
      body{ background:#fff; color:#000; cursor:auto; }
      body::before{ display:none; }
      .faq-a{ max-height:none !important; padding-bottom:1rem !important; }
      .reveal{ opacity:1 !important; transform:none !important; }
      .closer{ background:#fff; color:#000; border:2px solid #000; }
      a{ color:#000 !important; }
    }

/* WordPress integration */
body.deuspix-google-page{padding:0;margin:0}
body.deuspix-google-page .dxp-cursor{position:fixed;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(212,255,0,.08) 0%,transparent 70%);pointer-events:none;z-index:9997;transform:translate(-50%,-50%);mix-blend-mode:screen}
body.deuspix-google-page .google-nav-logo-acid{color:var(--acid)}
body.deuspix-google-page .hp-field{position:absolute!important;left:-99999px!important;opacity:0!important;pointer-events:none!important}
body.deuspix-google-page .form-ok.error{border-color:var(--red);background:rgba(255,59,48,.06)}
body.deuspix-google-page .form-ok.error h4{color:var(--red)}
body.deuspix-google-page .me-photo img{object-position:center 12%}
body.admin-bar.deuspix-google-page nav{top:32px}
body.admin-bar.deuspix-google-page .progress{top:32px}
@media(max-width:782px){body.admin-bar.deuspix-google-page nav{top:46px}body.admin-bar.deuspix-google-page .progress{top:46px}}

/* Same DEUSPIX title effect on every heading */
body.deuspix-google-page .dxp-unified-title-fx{position:relative;overflow:hidden;isolation:isolate;will-change:transform,clip-path}
body.deuspix-google-page .dxp-unified-title-fx::before{content:"";position:absolute;inset:0;left:-120%;width:100%;background:linear-gradient(90deg,transparent 0%,rgba(212,255,0,.04) 35%,rgba(212,255,0,.22) 50%,rgba(212,255,0,.04) 65%,transparent 100%);pointer-events:none;z-index:2;transition:left .62s cubic-bezier(.16,1,.3,1)}
body.deuspix-google-page .dxp-unified-title-fx:hover::before,body.deuspix-google-page .dxp-unified-title-fx:focus-within::before{left:120%}
body.deuspix-google-page .dxp-unified-title-fx:hover,body.deuspix-google-page .dxp-unified-title-fx:focus-within{animation:dxpGoogleTitleGlitch .42s ease-in-out}
@keyframes dxpGoogleTitleGlitch{0%,100%{clip-path:inset(0 0 0 0);transform:translate3d(0,0,0)}18%{clip-path:inset(12% 0 62% 0);transform:translate3d(-3px,0,0)}36%{clip-path:inset(58% 0 16% 0);transform:translate3d(3px,0,0)}54%{clip-path:inset(33% 0 41% 0);transform:translate3d(-2px,0,0)}72%{clip-path:inset(72% 0 8% 0);transform:translate3d(2px,0,0)}86%{clip-path:inset(8% 0 74% 0);transform:translate3d(-1px,0,0)}}
@media(prefers-reduced-motion:reduce){body.deuspix-google-page .dxp-unified-title-fx:hover,body.deuspix-google-page .dxp-unified-title-fx:focus-within{animation:none}body.deuspix-google-page .dxp-unified-title-fx::before{transition:none}}

/* ---------- HR / EN / DE LANGUAGE SWITCHER ---------- */
.dxp-lang-switch{
  display:flex;align-items:center;border:1px solid var(--gray-dark);background:#000;
  margin-left:auto;margin-right:.8rem;position:relative;z-index:5;flex-shrink:0;
}
.dxp-lang-switch a{
  min-width:34px;padding:.48rem .55rem;text-align:center;text-decoration:none;
  color:var(--gray-mid);font-family:var(--font-mono);font-size:.68rem;font-weight:700;
  letter-spacing:.08em;border-right:1px solid var(--gray-dark);transition:all .22s ease;
}
.dxp-lang-switch a:last-child{border-right:0}
.dxp-lang-switch a:hover{color:var(--acid);background:var(--bg-alt)}
.dxp-lang-switch a.active{background:var(--acid);color:#000}
@media(max-width:1180px){
  .dxp-lang-switch{order:1;margin-left:auto;margin-right:.65rem}
  .nav-cta{order:1;margin-left:0;margin-right:.65rem}
  .nav-toggle{order:2}
}
@media(max-width:620px){
  .nav-cta{display:none}
  .dxp-lang-switch a{min-width:30px;padding:.44rem .4rem;font-size:.62rem}
}


/* ---------- NAV FIX 0.8.0: no desktop collisions ---------- */
body.deuspix-google-page nav{
  display:flex;justify-content:flex-start;gap:clamp(.85rem,1.35vw,1.65rem);padding:1rem clamp(1.25rem,2vw,2rem);
  min-height:78px;
}
body.deuspix-google-page .nav-logo{flex:0 0 auto;white-space:nowrap;margin-right:clamp(.7rem,1.4vw,1.8rem);font-size:clamp(.92rem,1vw,1.08rem)}
body.deuspix-google-page .nav-links{flex:1 1 auto;min-width:0;justify-content:flex-start;gap:clamp(.7rem,1.15vw,1.45rem)}
body.deuspix-google-page .nav-links a{font-size:clamp(.64rem,.68vw,.78rem);letter-spacing:.035em}
body.deuspix-google-page .dxp-lang-switch{margin-left:auto;margin-right:0;flex:0 0 auto}
body.deuspix-google-page .nav-cta{margin:0;flex:0 0 auto;font-size:clamp(.66rem,.68vw,.76rem);padding:.7rem clamp(.8rem,1vw,1.15rem)}
@media(max-width:1500px){
  body.deuspix-google-page nav{flex-wrap:wrap;min-height:72px}
  body.deuspix-google-page .nav-links{display:none;width:100%;flex-direction:column;gap:0;padding:.75rem 0 1rem;order:4;background:var(--bg);border-top:1px solid var(--gray-dark)}
  body.deuspix-google-page .nav-links.open{display:flex}
  body.deuspix-google-page .nav-links a{padding:.85rem 0;border-bottom:1px solid var(--gray-dark);display:block;width:100%;font-size:.86rem}
  body.deuspix-google-page .nav-toggle{display:block;order:3;margin-left:.2rem}
  body.deuspix-google-page .nav-logo{order:0;margin-right:auto}
  body.deuspix-google-page .dxp-lang-switch{order:1;margin-left:0}
  body.deuspix-google-page .nav-cta{order:2}
}
@media(max-width:700px){body.deuspix-google-page .nav-cta{display:none}body.deuspix-google-page nav{padding:.85rem 1rem}.dxp-lang-switch a{min-width:31px}}

/* ---------- COMPLIANCE / CONSENT ---------- */
.ranking-source{margin-top:1.4rem;font-family:var(--font-mono);font-size:.74rem;line-height:1.7;color:var(--gray-mid)}
.ranking-source a{color:var(--acid);text-decoration:none;border-bottom:1px solid rgba(212,255,0,.35)}
.form-consent{display:flex;align-items:flex-start;gap:.7rem;margin:1rem 0;color:var(--gray-mid);font-family:var(--font-body);font-size:.82rem;line-height:1.55;cursor:pointer}
.form-consent input{appearance:none;width:18px;height:18px;min-width:18px;border:1px solid #505050;background:#000;margin-top:.12rem;position:relative;cursor:pointer}
.form-consent input:checked{background:var(--acid);border-color:var(--acid)}
.form-consent input:checked::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#000;font-size:13px;font-weight:900}
.form-consent input:focus-visible{outline:2px solid var(--acid);outline-offset:2px}
.form-consent a{color:var(--acid);text-decoration:none;border-bottom:1px solid rgba(212,255,0,.35)}
.form-consent-required{margin-top:1.3rem}

/* ---------- LEGAL FOOTER ---------- */
.google-business-id{font-family:var(--font-mono);font-size:.7rem;line-height:1.85;color:#777}
.google-business-id strong{color:var(--white)}
.google-business-id a{color:var(--acid);text-decoration:none}
.google-foot-links{justify-content:flex-start;margin-top:1.2rem;gap:1.25rem;flex-wrap:wrap}
.google-complaint-note{margin-top:1.15rem;font-family:var(--font-mono);font-size:.66rem;color:#666;line-height:1.7;max-width:105ch}