:root{
    --dark:#0A0E1A;
    --darker:#05070D;
    --footer:#0A0E1A;
    --light-bg:#EEF0F5;
    --body-text:#1F2937;
    --green:#F5821F; /* colore accento reale del sito (arancio Electrical) */
    --gold:#F5821F;
    --max:1280px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{font-family:'Inter',"Segoe UI",Roboto,Arial,sans-serif; color:var(--body-text); background:#fff; line-height:1.55;}
  h1,h2,h3{font-family:'Space Grotesk',Inter,sans-serif; font-weight:600; line-height:1.15;}
  a{text-decoration:none; color:inherit;}
  img{max-width:100%; display:block;}
  .wrap{max-width:var(--max); margin:0 auto; padding:0 32px;}
  /* NAV */
  .site-nav{position:fixed; top:16px; left:50%; transform:translateX(-50%); width:calc(100% - 32px); max-width:1140px; z-index:100;
    background:rgba(247,247,244,0.92); -webkit-backdrop-filter: blur(8px); backdrop-filter:blur(8px); border-radius:999px; display:flex; align-items:center; justify-content:space-between;
    padding:10px 14px 10px 22px; box-shadow:0 4px 20px rgba(0,0,0,0.08);}
  .site-nav .logo img{height:34px;}
  .nav-links{display:flex; gap:26px; align-items:center; font-size:14px; font-weight:600;}
  .nav-links a:hover{color:var(--green);}
  .nav-cta{background:var(--green); color:#fff; padding:10px 22px; border-radius:999px; font-size:14px; font-weight:700; white-space:nowrap;}
  @media(max-width:960px){ .nav-links{display:none;} }
  /* HERO */
  .om-hero{min-height:100vh; min-height:100svh; position:relative; display:flex; align-items:center; background:var(--dark);}
  .om-media-bg{position:absolute; inset:0;}
  .om-media-bg img{width:100%; height:100%; object-fit:cover;}
  .om-hero-shade{position:absolute; inset:0; background:linear-gradient(to right, rgba(10,14,26,0.92) 40%, rgba(10,14,26,0.55));}
  .om-hero-inner{position:relative; z-index:2; width:100%; display:grid; grid-template-columns:1.2fr 0.8fr; gap:40px; padding:150px 32px 70px; max-width:var(--max); margin:0 auto;}
  .eyebrow{color:var(--gold); font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:14px;}
  .om-hero h1{color:#fff; font-size:clamp(32px,5vw,60px); margin-bottom:18px;}
  .om-hero h1 span{color:var(--green);}
  .om-hero p.lead{color:#D8DCE8; font-size:17px; max-width:560px; margin-bottom:30px;}
  .hero-ctas{display:flex; gap:16px; flex-wrap:wrap;}
  .btn-primary{background:var(--green); color:#fff; padding:15px 28px; border-radius:999px; font-weight:700; font-size:15px;}
  .btn-outline{border:1.5px solid rgba(255,255,255,0.5); color:#fff; padding:15px 28px; border-radius:999px; font-weight:700; font-size:15px;}
  .hero-screening{align-self:center;}
  .hero-screening .card{background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.15); border-radius:20px; padding:26px; -webkit-backdrop-filter: blur(6px); backdrop-filter:blur(6px);}
  .hero-screening .stat{color:#fff; font-family:'Space Grotesk',sans-serif; font-size:34px; font-weight:700;}
  .hero-screening .stat-label{color:#AEB4C4; font-size:12px; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px;}
  @media(max-width:960px){ .om-hero-inner{grid-template-columns:1fr; padding:130px 24px 60px;} .hero-screening{display:none;} }
  /* MEDIA STRIP / TICKER */
  .om-media-strip{background:var(--darker); overflow:hidden; padding:16px 0;}
  .ticker-track{display:flex; gap:40px; white-space:nowrap; animation:ticker 32s linear infinite; width:max-content;}
  .om-media-strip:hover .ticker-track{animation-play-state:paused;}
  .ticker-track span{color:#8B93A8; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:0.5px;}
  .ticker-track span.sep{color:var(--green);}
  @keyframes ticker{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
  /* SCENE SPLIT */
  .om-scene-split{background:#fff; padding:90px 0;}
  .scene-inner{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; max-width:var(--max); margin:0 auto; padding:0 32px;}
  .scene-inner img{border-radius:20px;}
  .om-scene-split h2{font-size:30px; margin-bottom:16px;}
  .om-scene-split p{color:#4B5566; margin-bottom:14px;}
  @media(max-width:960px){ .scene-inner{grid-template-columns:1fr;} }
  /* SEO CONTENT */
  .om-seo-content{background:var(--light-bg); padding:90px 0;}
  .seo-cols{display:grid; grid-template-columns:1fr 1fr; gap:50px; margin-bottom:70px;}
  .seo-label{display:inline-block; background:#fff; border:1px solid #DADFE8; color:var(--green); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; padding:6px 14px; border-radius:999px; margin-bottom:16px;}
  .om-seo-content h2{font-size:26px; margin-bottom:14px;}
  .om-seo-content .seo-col p{color:#4B5566; margin-bottom:12px;}
  .seo-img-placeholder{border-radius:20px; min-height:280px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:#9AA1B2;}
  @media(max-width:960px){ .seo-cols{grid-template-columns:1fr; gap:40px;} }
  .tags-block h3{font-size:20px; margin-bottom:20px;}
  .seo-tags{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:70px;}
  .seo-tag{background:#fff; border:1.5px solid #DADFE8; border-radius:999px; padding:10px 18px; font-size:13px; font-weight:600; color:var(--body-text);}
  .seo-tag:hover{background:var(--green); border-color:var(--green); color:#fff;}
  .map-block h3{font-size:20px; margin-bottom:16px;}
  .seo-map-wrap{position:relative; border-radius:20px; overflow:hidden; height:420px; border:1px solid #DADFE8;}
  .seo-map-wrap iframe{width:100%; height:100%; border:0;}
  .map-badge{position:absolute; top:18px; left:18px; z-index:10; background:#fff; border-radius:14px; padding:12px 18px; box-shadow:0 6px 20px rgba(0,0,0,0.12); font-size:13px; font-weight:700;}
  .map-badge span{display:block; font-weight:400; color:#6B7280; font-size:12px; margin-top:2px;}
  @media(max-width:960px){ .seo-map-wrap{height:300px;} }
  /* CHAPTERS */
  .om-chapters{background:#fff; padding:90px 0;}
  .section-head{text-align:center; max-width:640px; margin:0 auto 50px;}
  .section-head h2{font-size:28px; margin-bottom:10px;}
  .section-head p{color:#6B7280;}
  .chapters-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:30px; max-width:var(--max); margin:0 auto; padding:0 32px;}
  .chapter-card{background:var(--light-bg); border-radius:20px; padding:34px;}
  .chapter-num{font-family:'Space Grotesk',sans-serif; font-size:30px; font-weight:700; color:var(--green); margin-bottom:14px;}
  .chapter-card h3{font-size:18px; margin-bottom:10px;}
  .chapter-card p{color:#4B5566; font-size:14px;}
  @media(max-width:960px){ .chapters-grid{grid-template-columns:1fr;} }
  /* SERVICES */
  .om-services{background:var(--light-bg); padding:90px 0;}
  .pills-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:var(--max); margin:0 auto; padding:0 32px;}
  .service-pill{background:#fff; border-radius:20px; padding:28px; box-shadow:0 4px 16px rgba(0,0,0,0.04);}
  .service-pill .ico{width:42px; height:42px; border-radius:12px; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-family:'Space Grotesk',sans-serif; margin-bottom:16px;}
  .service-pill h3{font-size:16px; margin-bottom:8px;}
  .service-pill p{color:#6B7280; font-size:13px;}
  @media(max-width:960px){ .pills-grid{grid-template-columns:repeat(2,1fr);} }
  @media(max-width:560px){ .pills-grid{grid-template-columns:1fr;} }
  /* CASES */
  .om-cases{background:var(--dark); padding:90px 0;}
  .om-cases .section-head h2, .om-cases .section-head p{color:#fff;}
  .om-cases .section-head p{color:#AEB4C4;}
  .cases-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:var(--max); margin:0 auto; padding:0 32px;}
  .case-card{background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12); border-radius:20px; padding:28px; color:#D8DCE8;}
  .case-card .tag{color:var(--green); font-size:12px; font-weight:700; text-transform:uppercase; margin-bottom:10px;}
  .case-card p{font-size:14px; margin-bottom:14px;}
  .case-card .res{font-family:'Space Grotesk',sans-serif; color:#fff; font-weight:700; font-size:15px;}
  @media(max-width:960px){ .cases-grid{grid-template-columns:1fr;} }
  /* CONTACT FINAL */
  .om-contact-final{background:linear-gradient(135deg,var(--dark),#131A2E); padding:90px 0; text-align:center;}
  .om-contact-final h2{color:#fff; font-size:32px; margin-bottom:14px;}
  .om-contact-final p{color:#AEB4C4; max-width:520px; margin:0 auto 30px;}
  .contact-inner{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}
  .phone-link{color:#fff; font-weight:700; align-self:center; margin-left:6px;}
  /* FOOTER */
  .site-footer{background:var(--footer); color:#9AA0C0; padding:60px 0 30px;}
  .footer-top{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; max-width:var(--max); margin:0 auto; padding:0 32px 40px;}
  .footer-brand img{height:30px; margin-bottom:14px;}
  .footer-brand p{font-size:13px; color:#7B82A0; max-width:280px;}
  .site-footer h4{color:#fff; font-size:14px; margin-bottom:16px;}
  .site-footer ul{list-style:none;}
  .site-footer li{margin-bottom:10px; font-size:13px;}
  .site-footer li a:hover{color:#fff;}
  .footer-bottom{border-top:1px solid rgba(255,255,255,0.08); max-width:var(--max); margin:0 auto; padding:24px 32px 0; font-size:12px; color:#6B7280;}
  @media(max-width:960px){ .footer-top{grid-template-columns:1fr 1fr;} .footer-brand{grid-column:1/-1;} }
  /* FAB */
  .fab-stack{position:fixed; bottom:24px; right:24px; display:flex; flex-direction:column; gap:12px; z-index:200;}
  .fab{width:54px; height:54px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-size:24px; box-shadow:0 6px 18px rgba(0,0,0,0.25); color:#fff;}
  .fab-phone{background:#DC2626;}
  .fab-whatsapp{background:#25D366;}