/* ===== INTRO: URS DE FOC PRIN CORTINA ===== */
  html.intro-lock{overflow:hidden}
  #introFx{position:fixed;inset:0;z-index:99999;display:none}
  #introFx.active{display:block}
  .intro-half{
    position:fixed;top:0;bottom:0;width:52%;
    background:
      radial-gradient(circle at 50% 45%,rgba(232,163,61,.09),transparent 62%),
      linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),
      #05070a;
    transition:transform .68s cubic-bezier(.7,0,.18,1);
  }
  .intro-half.l{left:0;transform:translateX(0)}
  .intro-half.r{right:0;transform:translateX(0)}
  #introFx.out .intro-half.l{transform:translateX(-101%)}
  #introFx.out .intro-half.r{transform:translateX(101%)}
  .intro-bear{
    position:fixed;left:50%;top:50%;width:min(62vw,460px);
    opacity:0;transform:translate(-50%,-50%) scale(.55) rotate(-6deg);
  }
  .intro-bear img{display:block;width:100%;filter:drop-shadow(0 0 50px rgba(232,163,61,.55))}
  .intro-bear-glow{
    position:absolute;left:50%;top:50%;width:130%;aspect-ratio:1;z-index:-1;
    transform:translate(-50%,-50%);border-radius:50%;filter:blur(30px);
    background:radial-gradient(circle,rgba(245,182,84,.35),rgba(245,182,84,.06) 55%,transparent 72%);
    animation:breathe 2.4s ease-in-out infinite;
  }
  .impact-point{position:absolute;left:78%;top:75%;width:1px;height:1px}

  @keyframes bearLunge{
    0%{opacity:0;transform:translate(-64%,-34%) scale(1.9) rotate(-12deg);filter:blur(6px)}
    55%{opacity:1;transform:translate(-50%,-50%) scale(.92) rotate(2deg);filter:blur(0)}
    72%{transform:translate(-50%,-50%) scale(1.07) rotate(-1deg)}
    86%{transform:translate(-50%,-50%) scale(.98) rotate(0deg)}
    100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}
  }
  #introFx.in .intro-bear{animation:bearLunge .62s cubic-bezier(.22,.9,.25,1) forwards}
  #introFx.out .intro-bear{
    animation:none;opacity:0;
    transform:translate(-50%,-50%) scale(1.4) rotate(8deg);
    transition:transform .42s cubic-bezier(.4,0,.7,1),opacity .32s ease;
  }

  @keyframes introShake{
    0%,100%{transform:translate(0,0)}
    20%{transform:translate(-8px,5px)}
    40%{transform:translate(7px,-6px)}
    60%{transform:translate(-6px,3px)}
    80%{transform:translate(4px,-2px)}
  }
  #introFx.impact{animation:introShake .32s ease}

  .impact-flash{
    position:fixed;inset:0;z-index:100000;pointer-events:none;
    background:radial-gradient(circle at var(--ix,78%) var(--iy,75%),rgba(255,244,214,.95),rgba(245,182,84,.25) 35%,transparent 60%);
    opacity:0;animation:flashPulse .5s ease forwards;
  }
  @keyframes flashPulse{0%{opacity:0}14%{opacity:1}100%{opacity:0}}
  .impact-ring{
    position:fixed;z-index:100000;width:16px;height:16px;border-radius:50%;pointer-events:none;
    border:3px solid rgba(255,224,160,.95);box-shadow:0 0 26px rgba(245,182,84,.85);
    transform:translate(-50%,-50%) scale(1);animation:ringOut .5s cubic-bezier(.2,.8,.3,1) forwards;
  }
  @keyframes ringOut{to{transform:translate(-50%,-50%) scale(10);opacity:0}}
  .impact-shard{
    position:fixed;z-index:100000;width:7px;height:7px;pointer-events:none;
    background:linear-gradient(135deg,#ffcf85,#e8622f);
    transform:translate(-50%,-50%) rotate(45deg);
    animation:shardOut .55s ease-out forwards;
  }
  @keyframes shardOut{to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(45deg) scale(.2);opacity:0}}

  @media(prefers-reduced-motion:reduce){
    #introFx{display:none!important}
  }

  :root{
    --bg:#070a0f;
    --bg-2:#0b0f16;
    --panel:#0e141d;
    --line:rgba(255,255,255,.08);
    --line-strong:rgba(255,255,255,.14);
    --txt:#e8edf5;
    --muted:#8c99ad;
    --accent:#e8a33d;
    --accent-soft:rgba(232,163,61,.12);
    --cyan:#4fd1c5;
    --red:#f2555a;
    --green:#3ddc97;
    --radius:16px;
    --max:1180px;
    --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    background:var(--bg);color:var(--txt);font-family:var(--font);
    line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  }
  body::before{
    content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
    background:
      radial-gradient(900px 500px at 78% -8%,rgba(232,163,61,.11),transparent 60%),
      radial-gradient(720px 520px at 6% 14%,rgba(79,209,197,.08),transparent 62%),
      linear-gradient(180deg,rgba(255,255,255,.018),transparent 28%);
  }
  .grid-bg{
    position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.35;
    background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 72%);
    -webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 72%);
  }
  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px;position:relative;z-index:1}
  a{color:inherit;text-decoration:none}
  section{position:relative;z-index:1;padding:110px 0}

  header{
    position:sticky;top:0;z-index:50;
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    background:rgba(7,10,15,.72);border-bottom:1px solid transparent;transition:border-color .3s,background .3s;
  }
  header.scrolled{border-bottom-color:var(--line);background:rgba(7,10,15,.9)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  .brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.02em;font-size:19px}
  .brand svg{width:34px;height:34px;flex:none}
  .brand span i{color:var(--accent);font-style:normal}
  .nav-links{display:flex;gap:30px;align-items:center}
  .nav-links a{font-size:14.5px;color:var(--muted);transition:color .2s}
  .nav-links a:hover{color:var(--txt)}
  .nav-right{display:flex;align-items:center;gap:14px}
  .lang{display:flex;border:1px solid var(--line-strong);border-radius:999px;overflow:hidden}
  .lang button{
    background:none;border:0;color:var(--muted);font:600 12px/1 var(--font);
    padding:8px 12px;cursor:pointer;transition:.2s;letter-spacing:.06em
  }
  .lang button.on{background:var(--accent-soft);color:var(--accent)}
  .btn{
    display:inline-flex;align-items:center;gap:9px;border-radius:10px;
    padding:12px 20px;font-size:14.5px;font-weight:600;cursor:pointer;border:1px solid transparent;
    transition:transform .18s,box-shadow .25s,background .2s,border-color .2s;white-space:nowrap
  }
  .btn-primary{background:var(--accent);color:#171004;box-shadow:0 6px 26px rgba(232,163,61,.24)}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(232,163,61,.34)}
  .btn-ghost{border-color:var(--line-strong);color:var(--txt);background:rgba(255,255,255,.02)}
  .btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
  .burger{display:none;background:none;border:0;cursor:pointer;padding:6px}
  .burger span{display:block;width:22px;height:2px;background:var(--txt);margin:4px 0;transition:.25s}

  .hero{padding:78px 0 88px}
  .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
  .pill{
    display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:500;color:var(--muted);
    border:1px solid var(--line-strong);border-radius:999px;padding:7px 14px;margin-bottom:26px;
    background:rgba(255,255,255,.02)
  }
  .dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2.4s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(61,220,151,.5)}70%{box-shadow:0 0 0 9px rgba(61,220,151,0)}100%{box-shadow:0 0 0 0 rgba(61,220,151,0)}}
  h1{font-size:clamp(38px,5.1vw,60px);line-height:1.06;letter-spacing:-.035em;font-weight:800;margin-bottom:22px}
  h1 em{font-style:normal;background:linear-gradient(100deg,var(--accent),#ffd89b 60%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
  .lead{font-size:17.5px;color:var(--muted);max-width:520px;margin-bottom:34px}
  .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:38px}
  .hero-meta{display:flex;gap:30px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}
  .hero-meta div{display:flex;align-items:center;gap:8px}
  .hero-meta svg{width:15px;height:15px;stroke:var(--accent);flex:none}
  .trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;max-width:590px}
  .trust-item{border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:rgba(255,255,255,.018)}
  .trust-item b{display:block;font:700 17px var(--mono);color:var(--txt);letter-spacing:-.02em}
  .trust-item span{display:block;margin-top:3px;font-size:11.5px;color:var(--muted);line-height:1.35}

  .dash{
    background:linear-gradient(180deg,rgba(20,27,38,.9),rgba(11,15,22,.94));
    border:1px solid var(--line-strong);border-radius:20px;overflow:hidden;
    box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.02) inset;
    animation:float 7s ease-in-out infinite;
  }
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
  .dash-top{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.015)}
  .tl{width:10px;height:10px;border-radius:50%}
  .dash-title{font:600 12px var(--mono);color:var(--muted);margin-left:8px;letter-spacing:.04em}
  .live{margin-left:auto;font:600 10.5px var(--mono);color:var(--green);display:flex;align-items:center;gap:6px;letter-spacing:.1em}
  .dash-body{padding:18px}
  .coverage{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
  .coverage span{border:1px solid var(--line);border-radius:999px;padding:7px 8px;text-align:center;font:600 10px var(--mono);color:#aeb9c8;background:rgba(255,255,255,.02);letter-spacing:.04em}
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
  .stat{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:12px;padding:12px 13px}
  .stat b{display:block;font:700 22px var(--mono);letter-spacing:-.02em}
  .stat small{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}
  .stat.ok b{color:var(--green)} .stat.warn b{color:var(--accent)} .stat.crit b{color:var(--red)}
  .chart{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:12px;padding:12px 13px;margin-bottom:16px}
  .chart-h{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}
  .chart svg{display:block;width:100%;height:76px}
  .feed-h{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:9px}
  .feed{list-style:none;display:flex;flex-direction:column;gap:7px;min-height:158px}
  .feed li{
    display:flex;align-items:center;gap:10px;font:500 11.5px var(--mono);
    background:rgba(255,255,255,.022);border:1px solid var(--line);border-left-width:2px;
    border-radius:8px;padding:9px 11px;animation:slide .45s ease both
  }
  @keyframes slide{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
  .feed li .sev{font-size:9.5px;font-weight:700;letter-spacing:.08em;padding:2px 6px;border-radius:4px;flex:none}
  .feed li .t{margin-left:auto;color:#5d6a7d;font-size:10px;flex:none}
  .feed li .m{color:#b9c4d4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sev-high{background:rgba(242,85,90,.14);color:var(--red)}
  .sev-med{background:rgba(232,163,61,.14);color:var(--accent)}
  .sev-low{background:rgba(79,209,197,.13);color:var(--cyan)}
  .sev-res{background:rgba(61,220,151,.13);color:var(--green)}
  li.b-high{border-left-color:var(--red)} li.b-med{border-left-color:var(--accent)}
  li.b-low{border-left-color:var(--cyan)} li.b-res{border-left-color:var(--green)}

  .eyebrow{font:600 12px var(--mono);color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
  h2{font-size:clamp(28px,3.6vw,41px);line-height:1.13;letter-spacing:-.03em;font-weight:800;margin-bottom:16px}
  .sec-lead{color:var(--muted);font-size:16.5px;max-width:600px}
  .sec-head{margin-bottom:52px}
  .sec-head.center{text-align:center;margin-left:auto;margin-right:auto}
  .sec-head.center .sec-lead{margin:0 auto}
  .divider{height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}

  .prob{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .prob-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008))}
  .prob-card .num{font:800 42px/1 var(--font);letter-spacing:-.04em;color:var(--accent);margin-bottom:12px}
  .prob-card p{color:var(--muted);font-size:14.5px}

  .svc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .card{
    border:1px solid var(--line);border-radius:10px;padding:28px 26px;
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.007));
    transition:transform .28s,border-color .28s;position:relative;overflow:hidden
  }
  .card:hover{transform:translateY(-5px);border-color:rgba(232,163,61,.4)}
  .ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:18px;background:var(--accent-soft);border:1px solid rgba(232,163,61,.22)}
  .ic svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .card h3{font-size:17.5px;font-weight:700;margin-bottom:9px;letter-spacing:-.015em}
  .card p{color:var(--muted);font-size:14.5px}

  .risk-lab{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:stretch}
  .score-panel,.check-panel{
    border:1px solid rgba(255,255,255,.1);border-radius:14px;
    background:
      linear-gradient(135deg,rgba(79,209,197,.075),transparent 34%),
      linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.009));
    padding:28px;position:relative;overflow:hidden
  }
  .score-panel::before,.check-panel::before{
    content:'';position:absolute;inset:0 0 auto;height:1px;
    background:linear-gradient(90deg,transparent,rgba(79,209,197,.55),transparent)
  }
  .score-panel::after,.check-panel::after{
    content:'';position:absolute;inset:-80px -120px auto auto;width:260px;height:260px;border-radius:50%;
    border:1px solid rgba(232,163,61,.16);box-shadow:0 0 70px rgba(232,163,61,.06) inset;
    pointer-events:none
  }
  .score-ring{
    width:min(292px,100%);aspect-ratio:1;margin:0 auto 24px;border-radius:50%;
    display:grid;place-items:center;position:relative;isolation:isolate;
    background:
      conic-gradient(var(--accent) var(--score-pct,38%),rgba(255,255,255,.07) 0),
      radial-gradient(circle at 50% 50%,#0b0f16 0 61%,transparent 62%);
    box-shadow:0 0 40px -18px rgba(232,163,61,.8),0 0 0 1px rgba(255,255,255,.06) inset
  }
  .score-ring.low{--score-color:var(--red)}
  .score-ring.mid{--score-color:var(--accent)}
  .score-ring.high{--score-color:var(--green)}
  .score-ring.low,.score-ring.mid,.score-ring.high{
    background:
      conic-gradient(var(--score-color) var(--score-pct,38%),rgba(255,255,255,.07) 0),
      radial-gradient(circle at 50% 50%,#0b0f16 0 61%,transparent 62%)
  }
  .score-badge.low{color:var(--red);border-color:rgba(242,85,90,.32);background:rgba(242,85,90,.1)}
  .score-badge.high{color:var(--green);border-color:rgba(61,220,151,.32);background:rgba(61,220,151,.1)}
  .score-ring::before{
    content:'';position:absolute;inset:-14px;border-radius:50%;
    background:
      repeating-conic-gradient(from -6deg,rgba(232,163,61,.32) 0 1.4deg,transparent 1.4deg 9deg);
    -webkit-mask:radial-gradient(circle,transparent 61%,#000 62% 68%,transparent 69%);
    mask:radial-gradient(circle,transparent 61%,#000 62% 68%,transparent 69%);
    animation:spin 30s linear infinite;z-index:-1
  }
  .score-ring::after{
    content:'';position:absolute;inset:17px;border-radius:50%;
    background:linear-gradient(90deg,transparent,rgba(79,209,197,.35),transparent);
    transform-origin:50% 50%;animation:spin 4.8s linear infinite;opacity:.75;
    -webkit-mask:linear-gradient(#000 0 0) center/100% 2px no-repeat;
    mask:linear-gradient(#000 0 0) center/100% 2px no-repeat
  }
  .score-core{
    width:72%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;
    background:
      radial-gradient(circle at 50% 20%,rgba(232,163,61,.09),transparent 42%),
      rgba(7,10,15,.94);
    border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px -28px #000 inset
  }
  .score-core b{font:800 54px/1 var(--font);letter-spacing:-.05em;color:var(--txt)}
  .score-core span{font:700 10.5px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:6px}
  .score-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
  .score-status b{font-size:20px;letter-spacing:-.02em}
  .score-badge{border:1px solid rgba(232,163,61,.32);border-radius:999px;padding:6px 10px;color:var(--accent);font:700 10.5px var(--mono);letter-spacing:.11em;text-transform:uppercase;background:var(--accent-soft);box-shadow:0 0 22px rgba(232,163,61,.12)}
  .score-panel p{color:var(--muted);font-size:14.5px}
  .score-bars{display:grid;gap:9px;margin-top:22px}
  .score-bar{display:grid;grid-template-columns:92px 1fr 34px;gap:10px;align-items:center;font:600 11px var(--mono);color:#99a6b9}
  .score-bar i{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset}
  .score-bar i span{display:block;height:100%;width:var(--w);border-radius:999px;background:linear-gradient(90deg,var(--red),var(--accent),var(--green));transition:width .35s ease;box-shadow:0 0 14px rgba(232,163,61,.35)}
  .check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .risk-check{
    display:flex;align-items:flex-start;gap:11px;border:1px solid var(--line);border-radius:10px;
    padding:13px;background:rgba(255,255,255,.022);transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;
    position:relative;overflow:hidden
  }
  .risk-check::before{
    content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:rgba(255,255,255,.08);
    transition:background .2s,box-shadow .2s
  }
  .risk-check:hover{border-color:rgba(232,163,61,.34);transform:translateY(-2px);box-shadow:0 18px 36px -30px rgba(232,163,61,.75)}
  .risk-check:has(input:checked){border-color:rgba(61,220,151,.34);background:rgba(61,220,151,.045)}
  .risk-check:has(input:checked)::before{background:var(--green);box-shadow:0 0 16px rgba(61,220,151,.7)}
  .risk-check input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--accent);position:relative;z-index:1}
  .risk-check span{display:block;font-size:14px;font-weight:700;color:#d8e0eb;line-height:1.25}
  .risk-check small{display:block;color:var(--muted);font-size:12.5px;line-height:1.35;margin-top:4px}
  .risk-result{
    margin-top:18px;border:1px solid rgba(79,209,197,.22);border-radius:12px;
    padding:16px;background:linear-gradient(90deg,rgba(79,209,197,.085),rgba(255,255,255,.018));
    font-size:14px;color:#c6d1de;box-shadow:0 20px 48px -42px rgba(79,209,197,.8)
  }
  .risk-result b{color:var(--cyan)}

  .soc-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:22px}
  .soc-modal.open{display:flex}
  .soc-backdrop{position:absolute;inset:0;background:rgba(3,5,9,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .soc-dialog{
    position:relative;z-index:1;width:min(820px,100%);max-height:min(760px,92vh);overflow:auto;
    border:1px solid rgba(232,163,61,.32);border-radius:16px;
    background:
      radial-gradient(600px 240px at 12% 0%,rgba(242,85,90,.12),transparent 60%),
      radial-gradient(520px 260px at 90% 0%,rgba(79,209,197,.12),transparent 58%),
      linear-gradient(180deg,rgba(18,25,36,.98),rgba(8,12,18,.98));
    box-shadow:0 44px 120px -40px rgba(0,0,0,.95)
  }
  .soc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line)}
  .soc-kicker{font:700 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:7px}
  .soc-head h3{font-size:22px;line-height:1.2;letter-spacing:-.03em}
  .soc-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--txt);font-size:24px;line-height:1;cursor:pointer}
  .soc-body{padding:24px;display:grid;gap:18px}
  .soc-map{
    border:1px solid var(--line);border-radius:14px;min-height:160px;position:relative;overflow:hidden;
    background:
      radial-gradient(circle at 24% 52%,rgba(242,85,90,.2),transparent 9%),
      radial-gradient(circle at 74% 48%,rgba(61,220,151,.18),transparent 10%),
      linear-gradient(var(--line) 1px,transparent 1px),
      linear-gradient(90deg,var(--line) 1px,transparent 1px),
      rgba(255,255,255,.018);
    background-size:auto,auto,34px 34px,34px 34px,auto
  }
  .soc-map::before{
    content:'';position:absolute;left:22%;right:24%;top:50%;height:2px;
    background:linear-gradient(90deg,var(--red),var(--accent),var(--green));
    box-shadow:0 0 18px rgba(232,163,61,.55)
  }
  .soc-map::after{
    content:'';position:absolute;left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,transparent,rgba(79,209,197,.85),transparent);
    animation:socSweep 2.8s ease-in-out infinite
  }
  @keyframes socSweep{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(160px);opacity:0}}
  .soc-node{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(8,12,18,.82);padding:8px 11px;font:700 11px var(--mono);letter-spacing:.08em}
  .soc-node.bad{left:8%;top:42%;color:var(--red);box-shadow:0 0 24px rgba(242,85,90,.18)}
  .soc-node.mid{left:44%;top:18%;color:var(--accent)}
  .soc-node.good{right:8%;top:40%;color:var(--green);box-shadow:0 0 24px rgba(61,220,151,.18)}
  .soc-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .soc-meta div{border:1px solid var(--line);border-radius:10px;padding:12px;background:rgba(255,255,255,.022)}
  .soc-meta small{display:block;color:var(--muted);font:700 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
  .soc-meta b{font-size:13.5px;color:#dbe4f0}
  .soc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .soc-step{border:1px solid var(--line);border-radius:10px;padding:14px;background:rgba(255,255,255,.02);position:relative;overflow:hidden}
  .soc-step::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}
  .soc-step b{display:block;color:var(--accent);font:800 18px var(--mono);margin-bottom:7px}
  .soc-step span{font-size:13px;color:#bdc8d6;line-height:1.35}
  .soc-reco{border:1px solid rgba(61,220,151,.22);border-radius:12px;padding:16px;background:rgba(61,220,151,.055);color:#c7d5df;font-size:14px}
  .feed li{cursor:pointer}

  .pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
  .pkg{position:relative;border:1px solid var(--line);border-radius:12px;padding:32px 28px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.006));display:flex;flex-direction:column;height:100%}
  .pkg.featured{border-color:rgba(232,163,61,.45);background:linear-gradient(180deg,rgba(232,163,61,.07),rgba(255,255,255,.01));box-shadow:0 28px 70px -32px rgba(232,163,61,.5)}
  .pkg-tag{position:absolute;top:0;right:24px;transform:translateY(-50%);background:var(--accent);color:#171004;font:700 10.5px var(--font);letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
  .pkg h3{font-size:20px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
  .pkg-price{display:flex;align-items:baseline;gap:8px;margin:12px 0 16px}
  .pkg-price b{font:800 28px/1 var(--font);letter-spacing:-.04em;color:var(--txt)}
  .pkg-price span{font-size:12.5px;color:var(--muted)}
  .pkg .for{font-size:13.5px;color:var(--muted);margin-bottom:22px;min-height:42px}
  .pkg ul{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:28px;flex:1}
  .pkg li{display:flex;gap:10px;font-size:14.2px;color:#c3cddb}
  .pkg li svg{width:16px;height:16px;flex:none;margin-top:3px;stroke:var(--accent);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .pkg .btn{width:100%;justify-content:center}
  .quote-lab{margin-top:26px;border:1px solid rgba(79,209,197,.18);border-radius:16px;background:linear-gradient(180deg,rgba(79,209,197,.045),rgba(255,255,255,.012));padding:24px;display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:stretch}
  .quote-controls{display:grid;gap:18px}
  .range-field{display:grid;gap:9px}
  .range-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
  .range-top label{font-size:12px;color:#a8b3c4;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
  .range-top b{font:800 24px/1 var(--mono);color:var(--accent)}
  input[type="range"]{accent-color:var(--accent);padding:0;height:8px;background:rgba(255,255,255,.1);border:0;border-radius:999px}
  .quote-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .quote-modes label{margin:0;min-height:46px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);display:grid;place-items:center;color:#b8c3d2;font-size:12.5px;font-weight:800;cursor:pointer;transition:.2s}
  .quote-modes input{position:absolute;opacity:0;pointer-events:none}
  .quote-modes label:has(input:checked){border-color:rgba(79,209,197,.5);background:rgba(79,209,197,.11);color:var(--cyan)}
  .quote-output{border:1px solid rgba(232,163,61,.22);border-radius:14px;background:rgba(6,10,16,.55);padding:22px;display:grid;gap:16px}
  .quote-output-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
  .quote-output small{font:700 10.5px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--cyan)}
  .quote-output h3{font-size:24px;letter-spacing:-.03em;margin-top:4px}
  .quote-pill{border:1px solid rgba(232,163,61,.35);border-radius:999px;color:var(--accent);font:800 11px var(--mono);padding:7px 10px;white-space:nowrap;background:rgba(232,163,61,.08)}
  .quote-price{display:flex;align-items:baseline;gap:10px}
  .quote-price b{font:800 34px/1 var(--font);letter-spacing:-.04em}
  .quote-price span{color:var(--muted);font-size:13px}
  .quote-meter{height:9px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
  .quote-meter span{display:block;height:100%;width:var(--quote-w);background:linear-gradient(90deg,var(--green),var(--cyan),var(--accent));border-radius:inherit;transition:width .25s}
  .quote-next{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .quote-next div{border:1px solid var(--line);border-radius:10px;padding:12px;background:rgba(255,255,255,.018)}
  .quote-next b{display:block;font:800 15px var(--mono);color:#dbe5f0}
  .quote-next span{display:block;margin-top:3px;color:var(--muted);font-size:11.5px;line-height:1.3}
  .quote-actions{display:flex;gap:12px;flex-wrap:wrap}
  .quote-actions .btn{justify-content:center}

  .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative}
  .steps::before{content:'';position:absolute;top:21px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),var(--line-strong),transparent)}
  .step{text-align:center;position:relative}
  .step .n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:var(--bg-2);border:1px solid rgba(232,163,61,.35);color:var(--accent);font:700 15px var(--mono);position:relative;z-index:1}
  .step h4{font-size:15.5px;font-weight:700;margin-bottom:7px}
  .step p{font-size:13.4px;color:var(--muted)}

  .aud{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
  .aud ul{list-style:none;display:flex;flex-direction:column;gap:14px}
  .aud li{display:flex;gap:13px;font-size:15.5px;color:#c3cddb;align-items:flex-start}
  .aud li svg{width:19px;height:19px;flex:none;margin-top:3px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .quote{border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:var(--radius);padding:32px;background:rgba(255,255,255,.022)}
  .quote p{font-size:18px;line-height:1.55;letter-spacing:-.01em;margin-bottom:18px}
  .quote small{color:var(--muted);font-size:13.5px}

  .faq{max-width:820px;margin:0 auto}
  .q{border-bottom:1px solid var(--line)}
  .q button{width:100%;background:none;border:0;color:var(--txt);text-align:left;cursor:pointer;padding:22px 44px 22px 0;font:600 16.5px var(--font);position:relative;letter-spacing:-.01em}
  .q button::after{content:'+';position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:22px;font-weight:400;transition:transform .25s}
  .q.open button::after{transform:translateY(-50%) rotate(45deg)}
  .q .a{max-height:0;overflow:hidden;transition:max-height .35s ease}
  .q .a p{color:var(--muted);font-size:15px;padding-bottom:22px;max-width:92%}

  .band{border:1px solid rgba(232,163,61,.3);border-radius:22px;padding:56px 48px;text-align:center;background:linear-gradient(140deg,rgba(232,163,61,.1),rgba(11,15,22,.6) 55%);box-shadow:0 30px 80px -40px rgba(232,163,61,.5)}
  .band h2{margin-bottom:14px}
  .band p{color:var(--muted);max-width:560px;margin:0 auto 30px;font-size:16.5px}

  .contact{display:grid;grid-template-columns:.88fr 1.12fr;gap:52px;align-items:start}
  .contact-panel{
    border:1px solid rgba(232,163,61,.24);border-radius:18px;padding:26px;
    background:
      linear-gradient(160deg,rgba(232,163,61,.09),transparent 34%),
      linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
    box-shadow:0 34px 90px -48px rgba(232,163,61,.65),0 1px 0 rgba(255,255,255,.05) inset;
    position:relative;overflow:hidden
  }
  .contact-panel::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(79,209,197,.12),transparent);
    height:1px;top:0
  }
  .form-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
  .form-kicker{font:700 11px var(--mono);color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px}
  .form-top h3{font-size:22px;line-height:1.15;letter-spacing:-.03em;margin:0}
  .form-status{
    flex:none;border:1px solid rgba(61,220,151,.24);border-radius:999px;
    padding:7px 11px;color:var(--green);font:700 10.5px var(--mono);
    letter-spacing:.1em;text-transform:uppercase;background:rgba(61,220,151,.08)
  }
  form{display:grid;gap:16px}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:15px}
  .field label{font-size:12px;color:#a8b3c4;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:8px}
  .field{position:relative}
  input,select,textarea{
    width:100%;background:rgba(4,8,14,.58);border:1px solid rgba(255,255,255,.13);
    border-radius:11px;padding:14px 15px;color:var(--txt);font:500 14.5px var(--font);
    transition:border-color .2s,background .2s,box-shadow .2s,transform .2s
  }
  input::placeholder,textarea::placeholder{color:#58667a}
  input:hover,select:hover,textarea:hover{border-color:rgba(255,255,255,.22);background:rgba(8,13,21,.72)}
  input:focus,select:focus,textarea:focus{
    outline:none;border-color:var(--accent);background:rgba(232,163,61,.055);
    box-shadow:0 0 0 4px rgba(232,163,61,.09),0 14px 34px -28px rgba(232,163,61,.9)
  }
  select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%238c99ad' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
  select option{background:#0e141d}
  textarea{resize:vertical;min-height:142px}
  .quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .quick-row label{
    margin:0;display:flex;align-items:center;justify-content:center;min-height:42px;
    border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.025);
    color:#b8c3d2;font-size:12.5px;font-weight:700;letter-spacing:0;text-transform:none;
    transition:border-color .2s,background .2s,color .2s,transform .2s
  }
  .quick-row input{position:absolute;opacity:0;pointer-events:none}
  .quick-row label:has(input:checked){border-color:rgba(232,163,61,.55);background:rgba(232,163,61,.12);color:var(--accent)}
  .quick-row label:hover{transform:translateY(-2px);border-color:rgba(232,163,61,.34)}
  .intake-context{border:1px solid rgba(79,209,197,.18);border-radius:12px;padding:14px;background:rgba(79,209,197,.045);display:grid;gap:12px}
  .intake-context.urgent{border-color:rgba(242,85,90,.28);background:rgba(242,85,90,.055)}
  .intake-copy{display:flex;gap:10px;align-items:flex-start;color:#aab7c8;font-size:13px;line-height:1.45}
  .intake-copy b{display:block;color:var(--txt);font-size:13.5px;margin-bottom:2px}
  .intake-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px rgba(79,209,197,.75);margin-top:7px;flex:none}
  .intake-context.urgent .intake-dot{background:var(--red);box-shadow:0 0 16px rgba(242,85,90,.75)}
  .conditional-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .conditional-fields[hidden]{display:none}
  .submit-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:2px}
  .submit-row .btn{justify-content:center;min-width:178px}
  .micro-proof{display:flex;gap:10px;align-items:flex-start;color:#7f8ca0;font-size:12.5px;line-height:1.45}
  .micro-proof svg{width:17px;height:17px;flex:none;margin-top:1px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .note{font-size:12.5px;color:#67728a}
  .cinfo{display:flex;flex-direction:column;gap:20px}
  .cbox{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:rgba(255,255,255,.022)}
  .cbox h4{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.11em;margin-bottom:8px;font-weight:600}
  .cbox p,.cbox a{font-size:15.5px;color:var(--txt)}
  .cbox a:hover{color:var(--accent)}

  footer{border-top:1px solid var(--line);padding:44px 0;position:relative;z-index:1}
  .foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}
  .foot-links{display:flex;gap:22px}
  .foot-links a:hover{color:var(--accent)}

  /* ===== CURSOR: LABA DE URS ===== */
  @media (pointer:fine){
    body{
      cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cg stroke='%23120c03' stroke-width='2.4' stroke-linejoin='round'%3E%3Cellipse cx='9.5' cy='12' rx='3.5' ry='4.6' transform='rotate(-26 9.5 12)' fill='%23e8a33d'/%3E%3Cellipse cx='17.6' cy='7.6' rx='3.6' ry='4.8' transform='rotate(-9 17.6 7.6)' fill='%23e8a33d'/%3E%3Cellipse cx='26.2' cy='8.4' rx='3.6' ry='4.7' transform='rotate(10 26.2 8.4)' fill='%23e8a33d'/%3E%3Cellipse cx='33.4' cy='14.2' rx='3.3' ry='4.2' transform='rotate(28 33.4 14.2)' fill='%23e8a33d'/%3E%3Cpath d='M21 37c-7.7 0-12.6-4.3-12.6-9.4C8.4 21.9 14 17.6 21 17.6s12.6 4.3 12.6 10C33.6 32.7 28.7 37 21 37z' fill='%23e8a33d'/%3E%3C/g%3E%3Cg fill='none' stroke='%23fff2da' stroke-width='1.5' stroke-linecap='round' opacity='.55'%3E%3Cpath d='M15.5 25.5c1.6-1.4 3.6-2.1 5.5-2.1s3.9.7 5.5 2.1'/%3E%3C/g%3E%3C/svg%3E") 21 22, auto;
    }
    a, button, .btn, select, .q button, .lang button, label{
      cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cg stroke='%23120c03' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5l3.6 5.2-3.2 2.4z' fill='%23fff2da'/%3E%3Cpath d='M15.6 .8l1.8 6-4 .6z' fill='%23fff2da'/%3E%3Cpath d='M26.8 1.2l-.8 6.2 3.9.2z' fill='%23fff2da'/%3E%3Cpath d='M35.8 5.6l-3.2 5.4 3.4 1.8z' fill='%23fff2da'/%3E%3Cellipse cx='9.5' cy='12.6' rx='3.5' ry='4.6' transform='rotate(-26 9.5 12.6)' fill='%23f5b654'/%3E%3Cellipse cx='17.6' cy='8.2' rx='3.6' ry='4.8' transform='rotate(-9 17.6 8.2)' fill='%23f5b654'/%3E%3Cellipse cx='26.2' cy='9' rx='3.6' ry='4.7' transform='rotate(10 26.2 9)' fill='%23f5b654'/%3E%3Cellipse cx='33.4' cy='14.6' rx='3.3' ry='4.2' transform='rotate(28 33.4 14.6)' fill='%23f5b654'/%3E%3Cpath d='M21 37.4c-7.7 0-12.6-4.3-12.6-9.4 0-5.7 5.6-10 12.6-10s12.6 4.3 12.6 10c0 5.1-4.9 9.4-12.6 9.4z' fill='%23f5b654'/%3E%3C/g%3E%3C/svg%3E") 21 22, pointer;
    }
    input, textarea{cursor:text}
  }
  #clawfx{position:fixed;inset:0;pointer-events:none;z-index:9998;overflow:hidden}
  .scratch{position:absolute;width:150px;height:150px;margin:-75px 0 0 -75px;animation:scratchOut .68s ease forwards}
  .scratch path{
    stroke:#fff3dd;fill:none;stroke-linecap:round;
    filter:drop-shadow(0 0 7px rgba(232,163,61,.95));
    stroke-dasharray:150;stroke-dashoffset:150;animation:scratchIn .15s ease forwards
  }
  .scratch path:nth-child(2){animation-delay:.025s}
  .scratch path:nth-child(3){animation-delay:.05s}
  .scratch path:nth-child(4){animation-delay:.075s}
  @keyframes scratchIn{to{stroke-dashoffset:0}}
  @keyframes scratchOut{0%{opacity:1;transform:scale(.94)}30%{opacity:1}100%{opacity:0;transform:scale(1.2)}}

  /* ===== INTERACTIUNI CARDURI ===== */
  .svc,.pkgs,.prob,.cinfo,.aud,.steps{perspective:1200px}
  .tiltable{position:relative;transform-style:preserve-3d;will-change:transform;
    transition:transform .35s cubic-bezier(.2,.7,.3,1),border-color .3s,box-shadow .35s}
  .tiltable>.sheen{
    content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
    background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%),rgba(232,163,61,.16),transparent 62%);
    opacity:0;transition:opacity .35s
  }
  .tiltable:hover>.sheen{opacity:1}
  .tiltable>.scan{
    position:absolute;left:6px;right:6px;height:2px;top:0;pointer-events:none;z-index:1;opacity:0;
    background:linear-gradient(90deg,transparent,rgba(79,209,197,.75),transparent);
    box-shadow:0 0 12px rgba(79,209,197,.6)
  }
  .tiltable:hover>.scan{animation:cardScan 1.15s cubic-bezier(.4,0,.3,1)}
  @keyframes cardScan{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
  .tiltable>*:not(.sheen):not(.scan){position:relative;z-index:2}
  .card:hover{box-shadow:0 26px 60px -34px rgba(232,163,61,.65)}
  .pkg:hover{border-color:rgba(232,163,61,.55);box-shadow:0 36px 80px -34px rgba(232,163,61,.55);z-index:3}
  .card:hover .ic{animation:icPop .6s cubic-bezier(.3,1.4,.4,1)}
  .card:hover .ic svg{animation:icSpin .7s ease}
  @keyframes icPop{0%{transform:scale(1)}45%{transform:scale(1.18) rotate(-7deg)}100%{transform:scale(1)}}
  @keyframes icSpin{0%{transform:rotate(0)}60%{transform:rotate(9deg) scale(1.1)}100%{transform:rotate(0)}}
  .pkg li{transition:transform .25s ease,color .25s}
  .pkg:hover li{color:#e2e9f2}
  .pkg:hover li svg{animation:tick .45s ease}
  @keyframes tick{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1)}}
  .prob-card:hover .num{animation:numGlitch .5s steps(2) 2}
  @keyframes numGlitch{0%{transform:none;text-shadow:none}
    50%{transform:translateX(-2px);text-shadow:2px 0 rgba(79,209,197,.8),-2px 0 rgba(242,85,90,.7)}
    100%{transform:none;text-shadow:none}}

  /* butoane: shine + ripple */
  .btn{position:relative;overflow:hidden;isolation:isolate}
  .btn::before{
    content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;z-index:-1;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);
    transition:left .6s ease
  }
  .btn:hover::before{left:130%}
  .rip{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);
    transform:translate(-50%,-50%) scale(0);animation:rip .55s ease-out forwards;pointer-events:none;z-index:-1}
  @keyframes rip{to{transform:translate(-50%,-50%) scale(9);opacity:0}}

  /* nav underline */
  .nav-links a{position:relative;padding-bottom:3px}
  .nav-links a::after{
    content:'';position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--accent);
    box-shadow:0 0 8px rgba(232,163,61,.8);transition:width .28s ease
  }
  .nav-links a:hover::after{width:100%}

  /* logo mai mare + reactiv */
  .brand{font-size:23px;gap:13px}
  .brand svg{width:46px;height:46px;transition:transform .4s cubic-bezier(.3,1.4,.4,1);filter:drop-shadow(0 0 10px rgba(232,163,61,.35))}
  .brand:hover svg{transform:scale(1.09) rotate(-5deg)}
  .brand span{position:relative}
  .brand:hover span i{animation:numGlitch .4s steps(2) 2}
  .nav{height:84px}
  .nav-links.open{top:84px!important}

  /* eyebrow: cursor clipitor de terminal */
  .eyebrow::after{content:'▌';margin-left:5px;opacity:.85;animation:caret 1.05s steps(1) infinite}
  @keyframes caret{0%,49%{opacity:.85}50%,100%{opacity:0}}

  /* titlu hero: aparitie curata, fara caractere aiurea */
  h1 span,h1 em{display:inline-block;animation:hIn .95s cubic-bezier(.2,.7,.3,1) both}
  h1 em{animation-delay:.14s}
  .hero .lead{animation:hIn .95s cubic-bezier(.2,.7,.3,1) .26s both}
  .hero .cta-row{animation:hIn .95s cubic-bezier(.2,.7,.3,1) .36s both}
  .hero .hero-meta{animation:hIn .95s cubic-bezier(.2,.7,.3,1) .46s both}
  .hero .pill{animation:hIn .8s cubic-bezier(.2,.7,.3,1) both}
  @keyframes hIn{
    from{opacity:0;transform:translateY(18px);filter:blur(9px)}
    to{opacity:1;transform:none;filter:blur(0)}
  }

  /* pasi proces */
  .step{transition:transform .3s ease}
  .step:hover{transform:translateY(-6px)}
  .step .n{transition:box-shadow .35s,border-color .3s,transform .35s}
  .step:hover .n{border-color:var(--accent);transform:scale(1.12);box-shadow:0 0 0 6px rgba(232,163,61,.09),0 0 26px rgba(232,163,61,.4)}
  .steps::before{transform-origin:left center;transform:scaleX(0)}
  .steps.in::before{animation:lineGrow 1.5s cubic-bezier(.3,.8,.3,1) forwards}
  @keyframes lineGrow{to{transform:scaleX(1)}}

  /* aud + faq */
  .aud li{transition:transform .25s ease,color .25s}
  .aud li:hover{transform:translateX(7px);color:#eef3fa}
  .aud li:hover svg{animation:tick .45s ease}
  .q button{transition:color .25s,padding-left .25s}
  .q button:hover{color:var(--accent);padding-left:8px}
  .cbox{transition:transform .3s ease,border-color .3s}
  .cbox:hover{border-color:rgba(232,163,61,.4)}
  input:hover,textarea:hover,select:hover{border-color:rgba(232,163,61,.45)}
  .band{transition:transform .4s cubic-bezier(.2,.7,.3,1),box-shadow .4s}
  .band:hover{transform:translateY(-4px);box-shadow:0 40px 100px -40px rgba(232,163,61,.65)}

  /* ===== BATTLE ===== */
  .battle-wrap{
    position:relative;border:1px solid var(--line-strong);border-radius:22px;overflow:hidden;
    background:radial-gradient(circle at 50% 55%,rgba(232,163,61,.09),rgba(9,13,19,.92) 60%),#080b11;
    box-shadow:0 40px 100px -50px rgba(0,0,0,.9)
  }
  .battle-wrap::after{
    content:'';position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:38px 38px;
    mask-image:radial-gradient(circle at 50% 50%,#000 10%,transparent 78%);
    -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 10%,transparent 78%)
  }
  #battle{display:block;width:100%;height:480px;position:relative;z-index:1}
  .battle-video{
    position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);
    width:min(52%,320px);aspect-ratio:1;object-fit:cover;border-radius:50%;
    filter:drop-shadow(0 0 30px rgba(232,163,61,.35));
    -webkit-mask-image:radial-gradient(circle,#000 62%,transparent 78%);
    mask-image:radial-gradient(circle,#000 62%,transparent 78%);
    z-index:0;pointer-events:none;
  }
  .hud{
    position:absolute;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;
    gap:14px;pointer-events:none;z-index:2;flex-wrap:wrap
  }
  .hud-box{
    background:rgba(8,11,17,.66);border:1px solid var(--line);border-radius:10px;padding:9px 13px;
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)
  }
  .hud-box small{display:block;font:600 9.5px var(--mono);color:var(--muted);letter-spacing:.14em;text-transform:uppercase}
  .hud-box b{font:700 19px var(--mono);letter-spacing:-.01em}
  .hud-box.g b{color:var(--green)} .hud-box.r b{color:var(--red)} .hud-box.a b{color:var(--accent)}
  .battle-actions{
    position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:12px;z-index:2;flex-wrap:wrap;padding:0 16px
  }
  .battle-hint{
    position:absolute;bottom:18px;right:20px;z-index:2;font:500 11px var(--mono);color:#5d6a7d;letter-spacing:.06em
  }
  @media(max-width:720px){
    #battle{height:380px}
    .battle-hint{display:none}
    .hud b{font-size:16px}
    .battle-video{width:min(48%,220px);top:46%}
  }
  @media(max-width:480px){
    #battle{height:320px}
    .battle-video{width:min(56%,190px)}
  }

  /* ===== GUARDIAN / BEAR ===== */
  .guardian{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
  .bear-stage{position:relative;display:grid;place-items:center;min-height:460px}
  .bear-stage svg.bear{width:100%;max-width:460px;overflow:visible}
  .guardian-video{
    position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);
    width:min(82%,380px);aspect-ratio:1;object-fit:cover;object-position:50% 30%;border-radius:50%;
    filter:drop-shadow(0 0 26px rgba(232,163,61,.4));
    -webkit-mask-image:radial-gradient(circle,#000 70%,transparent 85%);
    mask-image:radial-gradient(circle,#000 70%,transparent 85%);
    pointer-events:none;
  }
  .bear-glow{
    position:absolute;width:70%;aspect-ratio:1;border-radius:50%;
    background:radial-gradient(circle,rgba(232,163,61,.18),rgba(232,163,61,.04) 45%,transparent 70%);
    filter:blur(6px);animation:breathe 5s ease-in-out infinite
  }
  @keyframes breathe{0%,100%{transform:scale(.94);opacity:.75}50%{transform:scale(1.06);opacity:1}}
  .ring{fill:none;stroke:rgba(232,163,61,.22);stroke-width:1;stroke-dasharray:4 10;transform-origin:250px 250px}
  .ring.r1{animation:spin 26s linear infinite}
  .ring.r2{animation:spin 40s linear infinite reverse;stroke:rgba(79,209,197,.22)}
  .ring.r3{animation:spin 60s linear infinite;stroke:rgba(255,255,255,.12);stroke-dasharray:2 14}
  @keyframes spin{to{transform:rotate(360deg)}}
  .sweep{transform-origin:250px 250px;animation:spin 6s linear infinite}
  .bear-line{
    fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;
    filter:drop-shadow(0 0 7px rgba(232,163,61,.55));
    stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 3.4s ease forwards .25s
  }
  .bear-line.thin{stroke-width:1.4;opacity:.65;stroke-dasharray:700;stroke-dashoffset:700;animation-duration:3.8s;animation-delay:.6s}
  @keyframes draw{to{stroke-dashoffset:0}}
  .mesh{stroke:rgba(232,163,61,.28);stroke-width:.9;fill:none;opacity:0;animation:fadein 1.6s ease forwards 2.4s}
  @keyframes fadein{to{opacity:1}}
  .node{fill:var(--accent);opacity:0;animation:pop .5s ease forwards, twinkle 3.2s ease-in-out infinite 3s}
  @keyframes pop{to{opacity:1}}
  @keyframes twinkle{0%,100%{opacity:1}50%{opacity:.35}}
  .eye{fill:#fff2dc;filter:drop-shadow(0 0 9px rgba(232,163,61,.95));animation:blink 6s ease-in-out infinite 3.4s}
  @keyframes blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.08)}}
  .eye{transform-box:fill-box;transform-origin:center}
  .scanline{
    stroke:rgba(79,209,197,.55);stroke-width:1.2;
    animation:scan 4.5s ease-in-out infinite 3s
  }
  @keyframes scan{0%,100%{transform:translateY(-95px);opacity:0}10%{opacity:1}50%{transform:translateY(95px);opacity:1}60%{opacity:0}}
  .particle{fill:rgba(232,163,61,.7);animation:rise 7s linear infinite}
  @keyframes rise{0%{transform:translateY(20px);opacity:0}20%{opacity:.9}100%{transform:translateY(-120px);opacity:0}}
  .tagline-mono{font:600 11.5px var(--mono);color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin-top:26px}
  .g-stats{display:flex;gap:34px;margin-top:30px;flex-wrap:wrap}
  .g-stats div b{display:block;font:800 26px var(--font);color:var(--accent);letter-spacing:-.02em}
  .g-stats div span{font-size:13px;color:var(--muted)}
  @media(max-width:980px){.guardian{grid-template-columns:1fr;gap:36px}.bear-stage{min-height:340px;order:-1}}
  @media(max-width:480px){
    .bear-stage{min-height:280px}
    .guardian-video{width:min(74%,260px)}
  }
  @media(prefers-reduced-motion:reduce){*{animation:none!important}}

  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
  .reveal.in{opacity:1;transform:none}

  /* ===== FONDATOR ===== */
  .founder-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
  .founder-photo-wrap{position:relative;display:grid;place-items:center;padding:14px}
  .founder-glow{
    position:absolute;width:104%;aspect-ratio:1;border-radius:50%;z-index:-1;filter:blur(12px);
    background:radial-gradient(circle,rgba(232,163,61,.2),rgba(232,163,61,.04) 45%,transparent 70%);
    animation:breathe 5s ease-in-out infinite
  }
  .founder-photo{
    width:min(440px,100%);aspect-ratio:1;border-radius:26px;overflow:hidden;position:relative;
    border:1px solid rgba(232,163,61,.4);
    box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.03) inset;
  }
  .founder-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.12) contrast(1.05)}
  .founder-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,10,15,.9));pointer-events:none}
  .founder-frame{position:absolute;inset:0;border-radius:32px;pointer-events:none}
  .founder-frame::before,.founder-frame::after{content:'';position:absolute;width:26px;height:26px;border:2px solid var(--accent);opacity:.85}
  .founder-frame::before{top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:10px}
  .founder-frame::after{bottom:0;right:0;border-left:0;border-top:0;border-bottom-right-radius:10px}
  .founder-badge{
    position:absolute;bottom:14px;left:14px;right:14px;display:flex;align-items:center;gap:8px;
    font:700 10.5px var(--mono);color:var(--green);letter-spacing:.07em;text-transform:uppercase
  }
  .founder-chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px}
  .chip{border:1px solid var(--line-strong);border-radius:999px;padding:6px 13px;font:600 11.5px var(--mono);color:#b8c3d2;background:rgba(255,255,255,.03);transition:border-color .2s,color .2s}
  .chip:hover{border-color:rgba(232,163,61,.5);color:var(--accent)}
  .founder-certs{display:grid;gap:10px;margin-top:24px}
  .founder-cert{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#c3cddb}
  .founder-cert svg{width:16px;height:16px;flex:none;margin-top:3px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  @media(max-width:980px){.founder-grid{grid-template-columns:1fr;gap:40px}.founder-photo-wrap{order:-1}}

  @media(max-width:980px){
    .hero-grid,.aud,.contact,.risk-lab{grid-template-columns:1fr;gap:44px}
    .prob,.svc,.pkgs{grid-template-columns:1fr}
    .quote-lab{grid-template-columns:1fr}
    .soc-meta,.soc-steps{grid-template-columns:1fr 1fr}
    .steps{grid-template-columns:1fr 1fr}
    .steps::before{display:none}
    .nav-links{display:none}
    .burger{display:block}
    .nav-links.open{display:flex;flex-direction:column;position:absolute;top:74px;left:0;right:0;background:rgba(9,13,19,.98);border-bottom:1px solid var(--line);padding:22px 24px;gap:18px}
    section{padding:78px 0}
  }
  @media(max-width:560px){
    .row2,.steps{grid-template-columns:1fr}
    .quote-modes,.quote-next,.conditional-fields{grid-template-columns:1fr}
    .check-grid,.soc-meta,.soc-steps{grid-template-columns:1fr}
    .quick-row,.submit-row{grid-template-columns:1fr}
    .form-top{flex-direction:column}
    .form-status{align-self:flex-start}
    .coverage,.trust-strip{grid-template-columns:1fr 1fr}
    .trust-strip{margin-top:24px}
    .band{padding:40px 24px}
    .nav-right .btn{display:none}
  }