.elementor-220 .elementor-element.elementor-element-b57db{--display:flex;}/* Start custom CSS */<style>
    /* ====== Theme ====== */
    :root{
      --brand:#ff6b00;           /* arancione principale */
      --brand-2:#ffb800;         /* accento */
      --ink:#0e0f11;             /* testo */
      --muted:#6b7280;           /* testo secondario */
      --bg:#0b0d12;              /* fondo scuro hero */
      --card:#111319;            /* pannelli */
      --road:#2a2f3a;            /* asfalto */
      --sky-1:#0b132b;
      --sky-2:#1c2541;
      --sky-3:#3a506b;
    }
    html,body{margin:0;padding:0;color:var(--ink);font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";}
    a{color:inherit;text-decoration:none}
    .btn{display:inline-block;background:var(--brand);color:#fff;padding:.9rem 1.2rem;border-radius:14px;font-weight:700;letter-spacing:.2px}
    .btn:hover{filter:brightness(1.05)}

    /* ====== Header ====== */
    .site-header{position:sticky;top:0;z-index:50;background:rgba(11,13,18,.5);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
    .container{max-width:1100px;margin:0 auto;padding:0 20px}
    .nav{display:flex;align-items:center;justify-content:space-between;min-height:64px;color:#fff}
    .logo{display:flex;gap:.6rem;align-items:center}
    .logo-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 0 22px rgba(255,107,0,.6)}
    .logo span{font-weight:800;letter-spacing:.2px}
    .nav a{opacity:.85}
    .nav a:hover{opacity:1}

    /* ====== Scroll Stage (pinned) ====== */
    .scroll-stage{height:200vh; /* durata scroll */ background:linear-gradient(180deg,#0b0d12 0%, #0b0d12 60%, #f7f7f8 60%)}
    .scene{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(1000px 600px at 50% -200px, rgba(255,184,0,.12), transparent 60%), linear-gradient(180deg,var(--sky-1) 0%, var(--sky-2) 50%, var(--sky-3) 100%);}

    /* Sky elements */
    .stars{position:absolute;inset:0;pointer-events:none;}
    .stars i{position:absolute;width:2px;height:2px;background:rgba(255,255,255,.8);border-radius:50%;opacity:.6}
    .clouds{position:absolute;inset:0;pointer-events:none;opacity:.15}
    .clouds .cloud{position:absolute;width:240px;height:90px;background:#fff;border-radius:90px;filter:blur(1px)}

    /* City silhouette */
    .city{position:absolute;left:0;right:0;bottom:28vh;height:32vh;}
    .block{position:absolute;bottom:0;background:#18202f;border-radius:6px 6px 0 0;box-shadow:inset 0 12px 36px rgba(255,255,255,.03)}

    /* Road */
    .road-wrap{position:absolute;left:0;right:0;bottom:0;height:28vh}
    .road{position:absolute;left:-5vw;right:-5vw;bottom:0;height:18vh;background:linear-gradient(180deg,#2f3540 0%, var(--road) 100%);border-top:2px solid rgba(255,255,255,.08)}
    .lane{position:absolute;left:0;right:0;top:50%;height:4px;background:repeating-linear-gradient(90deg, rgba(255,255,255,.9) 0 70px, transparent 70px 120px);transform:translateY(-50%);opacity:.6}

    /* Truck */
    .truck{position:absolute;left:2vw;bottom:9vh;width:min(520px,70vw);aspect-ratio:16/7;will-change:transform}
    .truck svg{width:100%;height:100%;display:block}
    .wheel{transform-box:fill-box;transform-origin:50% 50%}

    /* Hero content */
    .hero-copy{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#fff;text-align:center}
    .hero-card{backdrop-filter:blur(6px);background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);padding:28px 22px;border-radius:18px;max-width:860px;box-shadow:0 10px 40px rgba(0,0,0,.35)}
    .eyebrow{font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.75);font-size:.76rem}
    h1{font-size: clamp(28px, 5vw, 56px);line-height:1.1;margin:.35rem 0 1rem;color:#fff}
    .lead{font-size: clamp(15px, 2.1vw, 20px);color:rgba(255,255,255,.85);margin:0 0 1.2rem}

    /* Sections */
    section.content{padding:70px 0;background:#f7f7f8}
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
    .card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;box-shadow:0 10px 18px rgba(0,0,0,.04)}
    .card h3{margin:.2rem 0 .4rem}
    .muted{color:var(--muted)}

    /* Footer */
    footer{background:#0d0f15;color:#d1d5db}
    footer .container{padding:28px 20px}

    /* Reduced motion */
    @media (prefers-reduced-motion: reduce){
      .clouds,.stars,.lane{display:none}
    }

    /* Optional: native scroll-timeline (progress bar) */
    @supports (animation-timeline: scroll()){
      .progress-bar{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-2));width:100%;transform-origin:0 50%;animation: grow linear both; animation-timeline: scroll(root block);
      }
      @keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
    }
  </style>/* End custom CSS */