{"id":377,"date":"2026-06-04T14:13:43","date_gmt":"2026-06-04T14:13:43","guid":{"rendered":"https:\/\/test.okite.com\/?page_id=377"},"modified":"2026-07-10T08:14:35","modified_gmt":"2026-07-10T08:14:35","slug":"produzione","status":"publish","type":"page","link":"https:\/\/test.okite.com\/?page_id=377","title":{"rendered":"Produzione"},"content":{"rendered":"<style>.kb-row-layout-id377_36e0a1-7c > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id377_36e0a1-7c > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id377_36e0a1-7c > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id377_36e0a1-7c > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id377_36e0a1-7c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id377_36e0a1-7c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id377_36e0a1-7c alignfull wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column377_74fd6f-c1 > .kt-inside-inner-col,.kadence-column377_74fd6f-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column377_74fd6f-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column377_74fd6f-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column377_74fd6f-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column377_74fd6f-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column377_74fd6f-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column377_74fd6f-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column377_74fd6f-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column377_74fd6f-c1\"><div class=\"kt-inside-inner-col\">\n<style>\n:root{\n  --rosso: #c62828;\n  --nero: #171614;\n}\n\n\/* ============ HERO STICKY FULL-BLEED ============ *\/\n.gc-hero-wrap{\n  position: relative;\n  width: 100vw;\n  max-width: 100vw;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  margin-top:-70px;\n  height: 115vh; \/* prima era 170vh: ora l'immagine resta fissa solo per altri 15vh di scroll *\/\n}\n@media (max-width: 800px){\n  .gc-hero-wrap{ height: 108vh; }\n}\n\n.gc-hero{\n  position: sticky;\n  top: 0;\n  width: 100%;\n  height: 100vh;\n  overflow: hidden;\n  z-index: 1;\n}\n.gc-hero img{\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.gc-hero::after{\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(90deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.1) 45%, rgba(0,0,0,0.65) 100%);\n}\n.gc-hero-text{\n  position: absolute;\n  right: 6%;\n  bottom: 10%;\n  max-width: 560px;\n  text-align: right;\n  z-index: 2;\n}\n.gc-hero-text h2{\n  color: #fff;\n  font-family: Arial, sans-serif;\n  font-weight: 900;\n  font-size: clamp(24px, 3vw, 36px);\n  line-height: 1.25;\n  text-transform: uppercase;\n  margin: 0;\n}\n\n\/* ============ CONTENT (sale sopra l'immagine mentre scrolli) ============ *\/\n.gc-content-wrap{\n  position: relative;\n  z-index: 5;\n  background: #fff;\n  border-top-left-radius: 24px;\n  border-top-right-radius: 24px;\n  box-shadow: 0 -20px 40px rgba(0,0,0,0.15);\n}\n\n.gc-content{\n  display: grid;\n  grid-template-columns: 1.3fr 1fr;\n  gap: 60px;\n  align-items: center;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 90px 6%;\n  font-family: Arial, sans-serif;\n}\n@media (max-width: 800px){\n  .gc-content{ grid-template-columns: 1fr; padding: 60px 8%; }\n}\n\n\/* REVEAL ON SCROLL *\/\n.reveal{\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.7,.2,1);\n}\n.reveal.is-visible{\n  opacity: 1;\n  transform: translateY(0);\n}\n.gc-content .reveal:nth-child(2){ transition-delay: 0.15s; }\n\n\/* LEFT: INFO CARD *\/\n.gc-info{\n  position: relative;\n  padding-left: 24px;\n  border-left: 3px solid var(--rosso);\n}\n.gc-eyebrow{\n  display: inline-block;\n  color: var(--rosso);\n  font-weight: 800;\n  font-size: 14px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n  position: relative;\n}\n.gc-eyebrow::after{\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -6px;\n  width: 30px;\n  height: 2px;\n  background: var(--rosso);\n  transition: width 0.4s ease;\n}\n.gc-info:hover .gc-eyebrow::after{\n  width: 100%;\n}\n.gc-desc{\n  color: #222;\n  font-size: 16px;\n  line-height: 1.75;\n  margin: 0;\n  transition: transform 0.3s ease;\n}\n.gc-info:hover .gc-desc{\n  transform: translateX(4px);\n}\n\n\/* RIGHT: STAT \/ COUNTER *\/\n.gc-stat{\n  text-align: center;\n  padding: 30px;\n}\n.gc-stat-label{\n  font-weight: 700;\n  font-size: 16px;\n  color: var(--nero);\n  margin: 0 0 10px 0;\n}\n.gc-counter{\n  font-size: 64px;\n  font-weight: 900;\n  color: var(--rosso);\n  line-height: 1;\n  margin-bottom: 18px;\n}\n.gc-counter span{\n  font-size: 40px;\n}\n.gc-bar{\n  width: 100%;\n  height: 6px;\n  background: rgba(198,40,40,0.15);\n  border-radius: 10px;\n  overflow: hidden;\n}\n.gc-bar-fill{\n  width: 0%;\n  height: 100%;\n  background: var(--rosso);\n  border-radius: 10px;\n  transition: width 1.6s cubic-bezier(.2,.7,.2,1);\n}\n<\/style>\n\n<div class=\"gc-hero-wrap\">\n  <div class=\"gc-hero\">\n    <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/produzion_enhanced.png\" alt=\"General Contractor - soluzione chiavi in mano\">\n    <div class=\"gc-hero-text\">\n      <h2>General Contractor:<br>la soluzione chiavi in mano<\/h2>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"gc-content-wrap\">\n  <div class=\"gc-content\">\n\n    <div class=\"gc-info reveal\">\n      <span class=\"gc-eyebrow\">Cos&#8217;\u00e8?<\/span>\n      <p class=\"gc-desc\">\n        Il General Contractor \u00e8 il partner che assume la responsabilit\u00e0 complessiva dell&#8217;intervento.\n        Coordiniamo ogni fase del processo, dalla progettazione alla realizzazione finale, integrando\n        competenze tecniche, organizzative e operative per garantire qualit\u00e0, efficienza e rispetto\n        degli obiettivi condivisi.\n      <\/p>\n    <\/div>\n\n    <div class=\"gc-stat reveal\" id=\"gcStat\">\n      <p class=\"gc-stat-label\">Il tuo progetto, nei tempi richiesti<\/p>\n      <div class=\"gc-counter\"><span id=\"gcCounterNum\">0<\/span>%<\/div>\n      <div class=\"gc-bar\"><div class=\"gc-bar-fill\" id=\"gcBarFill\"><\/div><\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  const revealEls = document.querySelectorAll('.reveal');\n  const statEl = document.getElementById('gcStat');\n  const numEl = document.getElementById('gcCounterNum');\n  const barEl = document.getElementById('gcBarFill');\n  const target = 100;\n  let started = false;\n\n  function animateCount(){\n    if (started) return;\n    started = true;\n    barEl.style.width = target + '%';\n\n    const duration = 1600;\n    const startTime = performance.now();\n\n    function step(now){\n      const progress = Math.min((now - startTime) \/ duration, 1);\n      const eased = 1 - Math.pow(1 - progress, 3);\n      numEl.textContent = Math.round(eased * target);\n      if (progress < 1) requestAnimationFrame(step);\n    }\n    requestAnimationFrame(step);\n  }\n\n  const revealObserver = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting){\n        entry.target.classList.add('is-visible');\n        if (entry.target === statEl) animateCount();\n      }\n    });\n  }, { threshold: 0.3 });\n\n  revealEls.forEach(el => revealObserver.observe(el));\n})();\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<div style=\"height:37px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<style>.kb-row-layout-id377_8bfb81-45 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id377_8bfb81-45 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id377_8bfb81-45 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id377_8bfb81-45 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id377_8bfb81-45 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id377_8bfb81-45 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id377_8bfb81-45 alignfull wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column377_5bca05-dd > .kt-inside-inner-col,.kadence-column377_5bca05-dd > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column377_5bca05-dd > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column377_5bca05-dd > .kt-inside-inner-col{flex-direction:column;}.kadence-column377_5bca05-dd > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column377_5bca05-dd > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column377_5bca05-dd{position:relative;}@media all and (max-width: 1024px){.kadence-column377_5bca05-dd > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column377_5bca05-dd > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column377_5bca05-dd\"><div class=\"kt-inside-inner-col\">\n<style>\n\n*{\n    box-sizing:border-box;\n}\n\n.vantaggi-slider-section{\n    position:relative;\n    height:250vh;\n    background:#f5f5f5;\n}\n\n.vantaggi-sticky{\n    position:sticky;\n    top:90px;\n    height:calc(100vh - 90px);\n    overflow:hidden;\n    display:flex;\n    align-items:center;\n}\n\n.vantaggi-track{\n    display:flex;\n    gap:20px;\n    padding-left:30px;\n    align-items:center;\n    will-change:transform;\n}\n\n.card-vantaggio{\n    position:relative;\n    width:29vw;\n    height:68vh;\n    flex-shrink:0;\n    overflow:hidden;\n    border-radius:4px;\n}\n\n.card-vantaggio img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n}\n\n.overlay{\n    position:absolute;\n    inset:0;\n    background:rgba(0,0,0,.40);\n}\n\n.content{\n    position:absolute;\n    top:35px;\n    left:30px;\n    z-index:2;\n    color:white;\n}\n\n.numero{\n    font-size:52px;\n    font-weight:300;\n    margin-bottom:20px;\n    opacity:.9;\n}\n\n.linea{\n    width:90px;\n    height:4px;\n    background:#c62828;\n    margin-bottom:22px;\n}\n\n.titolo{\n    font-size:28px;\n    line-height:1.1;\n    max-width:220px;\n    margin-bottom:18px;\n    font-weight:300;\n    text-transform:uppercase;\n}\n\n.testo{\n    max-width:250px;\n    line-height:1.7;\n    font-size:15px;\n}\n\n.header-vantaggi{\n    position:absolute;\n    top:20px;\n    left:30px;\n    z-index:20;\n    color:#000000;\n    font-size:15px;\n    text-transform:uppercase;\n    letter-spacing:2px;\n    font-weight:700;\n}\n\n.header-vantaggi::after{\n    content:'';\n    display:block;\n    width:70px;\n    height:4px;\n    background:#c62828;\n    margin-top:15px;\n}\n\n@media(max-width:1200px){\n\n.card-vantaggio{\n    width:45vw;\n}\n\n}\n\n@media(max-width:1024px){\n\n.vantaggi-slider-section{\n    height:auto;\n}\n\n.vantaggi-sticky{\n    position:relative;\n    top:0;\n    height:auto;\n    overflow:visible;\n}\n\n.vantaggi-track{\n    flex-direction:column;\n    transform:none !important;\n    padding:100px 20px 40px;\n}\n\n.card-vantaggio{\n    width:100%;\n    height:500px;\n}\n\n}\n\n<\/style>\n\n<section class=\"vantaggi-slider-section\">\n\n    <div class=\"vantaggi-sticky\">\n\n        <div class=\"header-vantaggi\">\n            I VANTAGGI DEL MODELLO\n        <\/div>\n\n        <div class=\"vantaggi-track\">\n\n            <div class=\"card-vantaggio\">\n\n                <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/seieffe_unico_interlocutore_v2.png\">\n\n                <div class=\"overlay\"><\/div>\n\n                <div class=\"content\">\n                    <div class=\"numero\">01<\/div>\n                    <div class=\"linea\"><\/div>\n                    <div class=\"titolo\">UNICO INTERLOCUTORE<\/div>\n                    <div class=\"testo\">\n                        Un referente unico coordina tutte le attivit\u00e0 del progetto, dalla progettazione alla consegna finale.\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"card-vantaggio\">\n\n                <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/seieffe_controllo_tempi_v2.png\">\n\n                <div class=\"overlay\"><\/div>\n\n                <div class=\"content\">\n                    <div class=\"numero\">02<\/div>\n                    <div class=\"linea\"><\/div>\n                    <div class=\"titolo\">CONTROLLO DEI TEMPI<\/div>\n                    <div class=\"testo\">\n                        Pianificazione rigorosa e processi industrializzati permettono il rispetto delle scadenze.\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"card-vantaggio\">\n\n                <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/seieffe_ottimizzazione_costi_v2.png\">\n\n                <div class=\"overlay\"><\/div>\n\n                <div class=\"content\">\n                    <div class=\"numero\">03<\/div>\n                    <div class=\"linea\"><\/div>\n                    <div class=\"titolo\">OTTIMIZZAZIONE DEI COSTI<\/div>\n                    <div class=\"testo\">\n                        Efficienza operativa e riduzione degli sprechi per massimizzare il valore dell&#8217;investimento.\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"card-vantaggio\">\n\n                <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/seieffe_qualita_garantita_v2.png\">\n\n                <div class=\"overlay\"><\/div>\n\n                <div class=\"content\">\n                    <div class=\"numero\">04<\/div>\n                    <div class=\"linea\"><\/div>\n                    <div class=\"titolo\">QUALIT\u00c0 GARANTITA<\/div>\n                    <div class=\"testo\">\n                        Materiali certificati, controlli costanti e standard elevati assicurano risultati affidabili e duraturi.\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n\nconst section = document.querySelector('.vantaggi-slider-section');\nconst track = document.querySelector('.vantaggi-track');\n\nwindow.addEventListener('scroll', () => {\n\n    const rect = section.getBoundingClientRect();\n\n    const total = section.offsetHeight - window.innerHeight;\n\n    let progress = (-rect.top) \/ total;\n\n    progress = Math.max(0, Math.min(1, progress));\n\n    const move = progress * 35;\n\n    track.style.transform = `translateX(-${move}vw)`;\n\n});\n\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"433\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/stabilimento_1-1024x433.jpg\" alt=\"\" class=\"wp-image-542\" srcset=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/stabilimento_1-1024x433.jpg 1024w, https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/stabilimento_1-300x127.jpg 300w, https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/stabilimento_1-768x325.jpg 768w, https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/stabilimento_1-1536x649.jpg 1536w, https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/stabilimento_1.jpg 1800w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center alignfull has-medium-gray-color has-vivid-red-background-color has-text-color has-background has-link-color has-xx-large-font-size wp-elements-1\">REPARTI PRODUTTIVI<\/h2>\n\n\n\n<div style=\"height:88px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/blockquote>\n\n\n<style>.kb-row-layout-id377_eac19f-ad > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id377_eac19f-ad > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id377_eac19f-ad > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id377_eac19f-ad > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id377_eac19f-ad > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id377_eac19f-ad > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id377_eac19f-ad alignfull wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column377_b5b501-a9 > .kt-inside-inner-col,.kadence-column377_b5b501-a9 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column377_b5b501-a9 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column377_b5b501-a9 > .kt-inside-inner-col{flex-direction:column;}.kadence-column377_b5b501-a9 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column377_b5b501-a9 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column377_b5b501-a9{position:relative;}@media all and (max-width: 1024px){.kadence-column377_b5b501-a9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column377_b5b501-a9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column377_b5b501-a9\"><div class=\"kt-inside-inner-col\">\n<section class=\"sf-company-map\">\n\n    <div class=\"sf-header\">\n\n        <h2>\n            <span class=\"black\">La nostra<\/span>\n            <span class=\"red\">Mappa Aziendale<\/span>\n        <\/h2>\n\n        <div class=\"sf-subtitle\">\n            Il cuore della nostra azienda\n        <\/div>\n\n        <p>\n\n            Un ecosistema produttivo integrato dove progettazione,\n            innovazione e produzione collaborano per realizzare\n            soluzioni prefabbricate ad alte prestazioni.\n\n        <\/p>\n\n    <\/div>\n\n    <div class=\"sf-map-container\">\n\n        <div class=\"sf-circle\">\n\n            <div class=\"sf-center\">\n\n                <span>SEIEFFE<\/span>\n\n            <\/div>\n\n            <!-- PRODUZIONE -->\n\n            <div class=\"sf-card c1\">\n\n                <h3>Produzione ed Elementi Strutturali<\/h3>\n\n                <p>\n                    Prefabbricazione e realizzazione di elementi\n                    strutturali ad alte prestazioni.\n                <\/p>\n\n                <div class=\"sf-kpi\">\n\n                    <div>\n                        <strong>40.000 m\u00b2<\/strong>\n                        <span>Area produttiva<\/span>\n                    <\/div>\n\n                    <div>\n                        <strong>85.000 m\u00b3<\/strong>\n                        <span>Produzione annua<\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- SOLAI -->\n\n            <div class=\"sf-card c2\">\n\n                <h3>Solai e Nuove Tecnologie<\/h3>\n\n                <p>\n                    Soluzioni innovative e sviluppo\n                    di sistemi costruttivi evoluti.\n                <\/p>\n\n                <div class=\"sf-kpi\">\n\n                    <div>\n                        <strong>12<\/strong>\n                        <span>Linee dedicate<\/span>\n                    <\/div>\n\n                    <div>\n                        <strong>100%<\/strong>\n                        <span>Innovazione interna<\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- FINITURE -->\n\n            <div class=\"sf-card c3\">\n\n                <h3>Finiture<\/h3>\n\n                <p>\n                    Personalizzazioni estetiche e\n                    architettoniche avanzate.\n                <\/p>\n\n                <div class=\"sf-kpi\">\n\n                    <div>\n                        <strong>50+<\/strong>\n                        <span>Varianti<\/span>\n                    <\/div>\n\n                    <div>\n                        <strong>100%<\/strong>\n                        <span>Personalizzabili<\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- INFRASTRUTTURE -->\n\n            <div class=\"sf-card c4\">\n\n                <h3>Infrastrutture e Sicurezza Stradale<\/h3>\n\n                <p>\n                    Produzione di opere dedicate\n                    al settore infrastrutturale.\n                <\/p>\n\n                <div class=\"sf-kpi\">\n\n                    <div>\n                        <strong>300+<\/strong>\n                        <span>Interventi<\/span>\n                    <\/div>\n\n                    <div>\n                        <strong>24\/7<\/strong>\n                        <span>Supporto tecnico<\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- UFFICIO TECNICO -->\n\n            <div class=\"sf-card c5\">\n\n                <h3>Ufficio Tecnico<\/h3>\n\n                <p>\n                    Ingegneria strutturale,\n                    BIM e progettazione avanzata.\n                <\/p>\n\n                <div class=\"sf-kpi\">\n\n                    <div>\n                        <strong>15<\/strong>\n                        <span>Progettisti<\/span>\n                    <\/div>\n\n                    <div>\n                        <strong>100%<\/strong>\n                        <span>BIM<\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- RICERCA -->\n\n            <div class=\"sf-card c6\">\n\n                <h3>Ricerca e Sviluppo<\/h3>\n\n                <p>\n                    Studio di nuove tecnologie,\n                    materiali e processi produttivi.\n                <\/p>\n\n                <div class=\"sf-kpi\">\n\n                    <div>\n                        <strong>8<\/strong>\n                        <span>Brevetti<\/span>\n                    <\/div>\n\n                    <div>\n                        <strong>25+<\/strong>\n                        <span>Progetti R&amp;D<\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n.sf-company-map{\n\n    width:100%;\n    background:#;\n    padding:120px 3\n\n}\n\n.sf-header{\n\n    text-align:center;\n    max-width:1000px;\n    margin:auto auto 100px;\n\n}\n\n.sf-header h2{\n\n    margin:0;\n\n    font-size:clamp(55px,5vw,95px);\n    font-weight:900;\n\n}\n\n.black{\n    color:#111;\n}\n\n.red{\n    color:#d71920;\n}\n\n.sf-subtitle{\n\n    margin:20px 0;\n\n    font-size:32px;\n    font-weight:700;\n\n    color:#555;\n\n}\n\n.sf-header p{\n\n    color:#666;\n\n    line-height:1.8;\n\n    font-size:20px;\n\n}\n\n\/* AREA MAPPA *\/\n\n.sf-map-container{\n\n    display:flex;\n    justify-content:center;\n\n}\n\n.sf-circle{\n\n    position:relative;\n\n    width:1400px;\n    height:1400px;\n\n}\n\n.sf-circle::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:850px;\n    height:850px;\n\n    border-radius:50%;\n\n    border:2px dashed rgba(215,25,32,.25);\n\n    left:50%;\n    top:50%;\n\n    transform:translate(-50%,-50%);\n\n}\n\n\/* CENTRO *\/\n\n.sf-center{\n\n    position:absolute;\n\n    width:260px;\n    height:260px;\n\n    background:#111;\n\n    border-radius:50%;\n\n    left:50%;\n    top:50%;\n\n    transform:translate(-50%,-50%);\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    z-index:20;\n\n}\n\n.sf-center span{\n\n    color:white;\n\n    font-size:44px;\n    font-weight:900;\n\n}\n\n\/* CARD *\/\n\n.sf-card{\n\n    position:absolute;\n\n    width:340px;\n\n    background:white;\n\n    border:2px solid #d71920;\n\n    border-radius:24px;\n\n    padding:30px;\n\n    transition:.35s ease;\n\n    cursor:pointer;\n\n    box-shadow:\n    0 15px 40px rgba(0,0,0,.08);\n\n}\n\n.sf-card:hover{\n\n    background:#d71920;\n\n}\n\n.sf-card:hover h3,\n.sf-card:hover p{\n\n    color:white;\n\n}\n\n.sf-card h3{\n\n    margin:0 0 15px;\n\n    color:#111;\n\n    font-size:24px;\n\n}\n\n.sf-card p{\n\n    color:#666;\n\n    line-height:1.7;\n\n    margin-bottom:25px;\n\n}\n\n\/* KPI *\/\n\n.sf-kpi{\n\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:15px;\n\n}\n\n.sf-kpi div{\n\n    background:#f7f7f7;\n\n    border-radius:14px;\n\n    padding:18px;\n\n    text-align:center;\n\n    transition:.35s;\n\n}\n\n.sf-kpi strong{\n\n    display:block;\n\n    color:#d71920;\n\n    font-size:26px;\n\n    font-weight:900;\n\n    margin-bottom:6px;\n\n}\n\n.sf-kpi span{\n\n    color:#555;\n\n    font-size:13px;\n\n}\n\n.sf-card:hover .sf-kpi div{\n\n    background:white;\n\n}\n\n.sf-card:hover .sf-kpi strong{\n\n    color:#d71920;\n\n}\n\n.sf-card:hover .sf-kpi span{\n\n    color:#111;\n\n}\n\n\/* POSIZIONAMENTO *\/\n\n.c1{\n    top:0;\n    left:50%;\n    transform:translateX(-50%);\n}\n\n.c2{\n    top:220px;\n    right:0;\n}\n\n.c3{\n    bottom:220px;\n    right:0;\n}\n\n.c4{\n    bottom:0;\n    left:50%;\n    transform:translateX(-50%);\n}\n\n.c5{\n    bottom:220px;\n    left:0;\n}\n\n.c6{\n    top:220px;\n    left:0;\n}\n\n\/* RESPONSIVE *\/\n\n@media(max-width:1400px){\n\n    .sf-circle{\n\n        width:100%;\n        height:auto;\n\n        display:grid;\n        gap:25px;\n\n    }\n\n    .sf-circle::before{\n        display:none;\n    }\n\n    .sf-center{\n\n        position:relative;\n\n        left:auto;\n        top:auto;\n\n        transform:none;\n\n        margin:auto;\n    }\n\n    .sf-card{\n\n        position:relative !important;\n\n        width:100%;\n\n        top:auto !important;\n        bottom:auto !important;\n        left:auto !important;\n        right:auto !important;\n\n        transform:none !important;\n\n    }\n\n}\n\n<\/style>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<div style=\"height:114px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<style>.kb-row-layout-id377_c36c34-29 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id377_c36c34-29 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id377_c36c34-29 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id377_c36c34-29 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id377_c36c34-29 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id377_c36c34-29 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id377_c36c34-29 alignfull wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column377_5f8562-66 > .kt-inside-inner-col,.kadence-column377_5f8562-66 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column377_5f8562-66 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column377_5f8562-66 > .kt-inside-inner-col{flex-direction:column;}.kadence-column377_5f8562-66 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column377_5f8562-66 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column377_5f8562-66{position:relative;}@media all and (max-width: 1024px){.kadence-column377_5f8562-66 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column377_5f8562-66 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column377_5f8562-66\"><div class=\"kt-inside-inner-col\">\n<!-- ===== OKITE - FILIERA PRODUZIONE ===== -->\n<section class=\"okf-section\">\n  <div class=\"okf-header okf-reveal\">\n    <h2>LA NOSTRA FILIERA COMPLETA<\/h2>\n    <p>PER SODDISFARE LE VOSTRE ESIGENZE<\/p>\n  <\/div>\n\n  <div class=\"okf-timeline\">\n\n    <!-- FASE 01 -->\n    <div class=\"okf-step okf-reveal\">\n      <div class=\"okf-num\">01<\/div>\n      <div class=\"okf-card\">\n        <div class=\"okf-media\">\n          <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/prod-3.jpg\" alt=\"Progettazione interna\" loading=\"lazy\">\n        <\/div>\n        <div class=\"okf-content\">\n          <span class=\"okf-tag\">Fase 1<\/span>\n          <h3>PROGETTAZIONE INTERNA<\/h3>\n          <p>\u00c8 la fase di startup tecnico. Il nostro ufficio integrato analizza l&#8217;idea progettuale e la traduce in un modello BIM avanzato. Attraverso software di calcolo evoluti, ingegnerizziamo i singoli elementi prefabbricati per ottimizzare i costi e garantire la conformit\u00e0 normativa. Risolviamo ogni nodo strutturale e sismico in ambiente digitale, garantendo un inizio cantiere senza sorprese.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- FASE 02 -->\n    <div class=\"okf-step okf-step--rev okf-reveal\">\n      <div class=\"okf-num\">02<\/div>\n      <div class=\"okf-card okf-card--rev\">\n        <div class=\"okf-media\">\n          <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/prod-2-1.jpg\" alt=\"Produzione\" loading=\"lazy\">\n        <\/div>\n        <div class=\"okf-content\">\n          <span class=\"okf-tag\">Fase 2<\/span>\n          <h3>PRODUZIONE<\/h3>\n          <p>\u00c8 la fase di realizzazione fisica dei componenti. All&#8217;interno del nostro polo produttivo di Benevento, trasformiamo i dati di progetto in elementi prefabbricati (travi, pilastri e il sistema brevettato SOLID\u00ae). Grazie ad ambienti automatizzati, materie prime selezionate e calcestruzzi ad alta resistenza, ogni pezzo rispetta rigidi protocolli interni e vanta la Marcatura CE, superando gli standard industriali tradizionali.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- FASE 03 -->\n    <div class=\"okf-step okf-reveal\">\n      <div class=\"okf-num\">03<\/div>\n      <div class=\"okf-card\">\n        <div class=\"okf-media\">\n          <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/fondazione_1.jpg\" alt=\"Fase 3\" loading=\"lazy\">\n        <\/div>\n        <div class=\"okf-content\">\n          <span class=\"okf-tag\">Fase 3<\/span>\n          <h3>FASE 3<\/h3>\n          <p>\u00c8 la fase di trasferimento in cantiere. Con la flotta interna SEIEFFE Trasporti Speciali, gestiamo direttamente la logistica senza affidarci a trasportatori esterni, annullando il rischio di ritardi. I nostri mezzi sono attrezzati per la movimentazione di carichi eccezionali, elementi pesanti e grandi luci. Una pianificazione strategica dei percorsi assicura consegne puntuali, protette e coordinate con le esigenze del cantiere.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- FASE 04 -->\n    <div class=\"okf-step okf-step--rev okf-reveal\">\n      <div class=\"okf-num\">04<\/div>\n      <div class=\"okf-card okf-card--rev\">\n        <div class=\"okf-media\">\n          <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_u1masvu1masvu1ma-1-scaled.png\" alt=\"Montaggio\" loading=\"lazy\">\n        <\/div>\n        <div class=\"okf-content\">\n          <span class=\"okf-tag\">Fase 4<\/span>\n          <h3>MONTAGGIO<\/h3>\n          <p>\u00c8 la fase di completamento dell&#8217;opera grezza. I nostri montatori specializzati gestiscono l&#8217;assemblaggio finale dei componenti attraverso autogr\u00f9 ad altissima portata e sistemi di fissaggio ingegnerizzati. Come General Contractor dell&#8217;opera strutturale, garantiamo tempi record, massima sicurezza e un&#8217;esecuzione perfetta, sollevando il cliente da ogni onere di gestione e coordinamento in cantiere.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.okf-section{\n  background:#0a;\n  color:#fff;\n  padding:80px 6vw 100px;\n  font-family: inherit;\n  overflow:hidden;\n}\n.okf-header{\n  text-align:center;\n  max-width:760px;\n  margin:0 auto 90px;\n}\n.okf-header h2{\n  font-size:clamp(28px,4vw,44px);\n  font-weight:800;\n  letter-spacing:.5px;\n  margin:0 0 10px;\n  color:#000000;\n  text-transform:uppercase;\n}\n.okf-header p{\n  font-size:clamp(14px,1.6vw,18px);\n  color:#e10600;\n  font-weight:700;\n  letter-spacing:1px;\n  margin:0;\n  text-transform:uppercase;\n}\n\n.okf-timeline{\n  position:relative;\n  max-width:1180px;\n  margin:0 auto;\n  display:flex;\n  flex-direction:column;\n  gap:70px;\n}\n\/* linea centrale *\/\n.okf-timeline::before{\n  content:\"\";\n  position:absolute;\n  top:0;\n  bottom:0;\n  left:50%;\n  width:2px;\n  background:linear-gradient(180deg, transparent, #e10600 10%, #e10600 90%, transparent);\n  transform:translateX(-50%);\n  z-index:0;\n}\n\n.okf-step{\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n.okf-num{\n  position:absolute;\n  left:50%;\n  top:-8px;\n  transform:translateX(-50%);\n  width:52px;\n  height:52px;\n  border-radius:50%;\n  background:#e10600;\n  color:#fff;\n  font-weight:800;\n  font-size:18px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  z-index:2;\n  box-shadow:0 0 0 6px #0a0a0a, 0 0 20px rgba(225,6,0,.5);\n}\n\n.okf-card{\n  position:relative;\n  z-index:1;\n  width:100%;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:50px;\n  align-items:center;\n  background:#141414;\n  border:1px solid #232323;\n  border-radius:16px;\n  padding:36px;\n  margin-top:40px;\n}\n.okf-card--rev{\n  direction:rtl;\n}\n.okf-card--rev > *{\n  direction:ltr;\n}\n\n.okf-media{\n  border-radius:12px;\n  overflow:hidden;\n  aspect-ratio:4\/3;\n  background:#000;\n}\n.okf-media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n  transition:transform .6s ease;\n}\n.okf-card:hover .okf-media img{\n  transform:scale(1.06);\n}\n\n.okf-content .okf-tag{\n  display:inline-block;\n  color:#e10600;\n  font-weight:700;\n  font-size:13px;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  margin-bottom:12px;\n}\n.okf-content h3{\n  font-size:clamp(20px,2.4vw,28px);\n  font-weight:800;\n  color:#fff;\n  margin:0 0 16px;\n  text-transform:uppercase;\n  position:relative;\n  padding-bottom:14px;\n}\n.okf-content h3::after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:0;\n  width:46px;\n  height:3px;\n  background:#e10600;\n}\n.okf-content p{\n  color:#c9c9c9;\n  font-size:15.5px;\n  line-height:1.7;\n  margin:0;\n}\n\n\/* ===== animazioni scroll ===== *\/\n.okf-reveal{\n  opacity:0;\n  transform:translateY(50px);\n  transition:opacity .8s ease, transform .8s ease;\n}\n.okf-reveal.okf-visible{\n  opacity:1;\n  transform:translateY(0);\n}\n.okf-num{\n  opacity:0;\n  transform:translateX(-50%) scale(.4);\n  transition:opacity .5s ease .2s, transform .5s ease .2s;\n}\n.okf-step.okf-visible .okf-num{\n  opacity:1;\n  transform:translateX(-50%) scale(1);\n}\n\n\/* ===== responsive ===== *\/\n@media (max-width:860px){\n  .okf-timeline::before{ left:26px; }\n  .okf-num{ left:26px; width:44px; height:44px; font-size:15px; top:-4px; }\n  .okf-card, .okf-card--rev{\n    grid-template-columns:1fr;\n    direction:ltr;\n    margin-left:56px;\n    margin-top:34px;\n    padding:24px;\n    gap:22px;\n  }\n  .okf-step{ justify-content:flex-start; }\n}\n<\/style>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('.okf-reveal, .okf-step');\n  if(!('IntersectionObserver' in window)){\n    els.forEach(function(el){ el.classList.add('okf-visible'); });\n    return;\n  }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if(entry.isIntersecting){\n        entry.target.classList.add('okf-visible');\n        io.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2, rootMargin: '0px 0px -60px 0px' });\n  els.forEach(function(el){ io.observe(el); });\n})();\n<\/script>\n<!-- ===== \/OKITE - FILIERA PRODUZIONE ===== -->\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id377_843e87-be > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id377_843e87-be > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id377_843e87-be > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id377_843e87-be > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id377_843e87-be > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id377_843e87-be > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id377_843e87-be alignfull wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column377_a6850d-fd > .kt-inside-inner-col,.kadence-column377_a6850d-fd > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column377_a6850d-fd > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column377_a6850d-fd > .kt-inside-inner-col{flex-direction:column;}.kadence-column377_a6850d-fd > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column377_a6850d-fd > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column377_a6850d-fd{position:relative;}@media all and (max-width: 1024px){.kadence-column377_a6850d-fd > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column377_a6850d-fd > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column377_a6850d-fd\"><div class=\"kt-inside-inner-col\">\n<section class=\"production-stats\">\n  <div class=\"stats-container\">\n\n    <div class=\"stats-content\">\n      <span class=\"eyebrow\">I NUMERI DI RIFERIMENTO<\/span>\n\n      <h2>\n        UNA CAPACIT\u00c0 PRODUTTIVA COSTRUITA IN OLTRE\n        <strong>65 ANNI DI ESPERIENZA<\/strong>\n      <\/h2>\n\n      <p>\n        Strutture moderne, presenza internazionale e un impegno costante verso\n        la qualit\u00e0. I nostri numeri raccontano la solidit\u00e0 di un&#8217;organizzazione\n        che opera ogni giorno al servizio dei clienti in tutto il mondo.\n      <\/p>\n    <\/div>\n\n    <div class=\"stats-grid\">\n\n      <div class=\"stat-card stat-large\">\n        <div class=\"number\">170.000<\/div>\n        <div class=\"label\">mq di area produttiva<\/div>\n      <\/div>\n\n      <div class=\"stat-card\">\n        <div class=\"number\">90<\/div>\n        <div class=\"label\">Paesi serviti<\/div>\n      <\/div>\n\n      <div class=\"stat-card\">\n        <div class=\"number\">100%<\/div>\n        <div class=\"label\">Qualit\u00e0<\/div>\n      <\/div>\n\n      <div class=\"stat-card stat-wide\">\n        <div class=\"number\">700+<\/div>\n        <div class=\"label\">Clienti nel mondo<\/div>\n      <\/div>\n\n      <div class=\"stat-card\">\n        <div class=\"number\">65<\/div>\n        <div class=\"label\">Anni di esperienza<\/div>\n      <\/div>\n\n      <div class=\"stat-card\">\n        <div class=\"number\">60<\/div>\n        <div class=\"label\">Dipendenti<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.production-stats{\n  padding:70px 0;\n  background:#f8f8f8;\n}\n\n\/* layout *\/\n.stats-container{\n  max-width:1280px;\n  margin:auto;\n  padding:0 30px;\n  display:grid;\n  grid-template-columns:42% 58%;\n  gap:45px;\n  align-items:center;\n}\n\n\/* LEFT SIDE *\/\n.stats-content .eyebrow{\n  display:inline-block;\n  margin-bottom:14px;\n  font-size:11px\n  font-weight:800;\n  letter-spacing:2px;\n  color:#c62828; \/* arancione *\/\n}\n\n.stats-content h2{\n  font-size:clamp(1.6rem,3vw,3rem);\n  line-height:1.1;\n  margin:0 0 18px;\n  color:#000000; \/* blu *\/\n  font-weight:400; \/* non bold *\/\n  text-transform:uppercase;\n}\n\n.stats-content h2 strong{\n  font-weight:400; \/* niente grassetto extra *\/\n}\n\n.stats-content p{\n  font-size:1rem;\n  line-height:1.7;\n  color:#2C3E50;\n  max-width:500px;\n}\n\n\/* GRID *\/\n.stats-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:16px;\n}\n\n\/* CARDS *\/\n.stat-card{\n  background:#000000; \/* nero *\/\n  padding:26px;\n  border-radius:18px;\n  border:1px solid rgba(255,255,255,.08);\n  box-shadow:0 10px 25px rgba(0,0,0,.08);\n  transition:all .3s ease;\n}\n\n.stat-card:hover{\n  transform:translateY(-4px);\n  box-shadow:0 18px 36px rgba(0,0,0,.12);\n}\n\n.stat-large{\n  grid-column:span 2;\n  padding:30px;\n}\n\n.stat-wide{\n  grid-column:span 2;\n}\n\n\/* NUMERI *\/\n.number{\n  font-size:clamp(2rem,3.2vw,4rem);\n  font-weight:800;\n  line-height:1;\n  color:#c62828; \/* rosso *\/\n  margin-bottom:10px;\n}\n\n\/* LABEL *\/\n.label{\n  font-size:0.85rem;\n  text-transform:uppercase;\n  letter-spacing:1px;\n  color:#ffffff; \/* bianco *\/\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 992px){\n  .stats-container{\n    grid-template-columns:1fr;\n    gap:30px;\n  }\n\n  .stats-grid{\n    grid-template-columns:1fr;\n  }\n\n  .stat-large,\n  .stat-wide{\n    grid-column:auto;\n  }\n}\n<\/style>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\" style=\"min-height:657px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" class=\"wp-block-cover__image-background wp-image-165 size-large\" alt=\"\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/progettazione-1-1024x536.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/progettazione-1-1024x536.jpg 1024w, https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/progettazione-1-300x157.jpg 300w, https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/progettazione-1-768x402.jpg 768w, https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/progettazione-1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-10 has-background-dim\" style=\"background-color:#949088\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\"><\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<style>.kb-row-layout-id377_769397-da > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id377_769397-da > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id377_769397-da > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id377_769397-da > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id377_769397-da > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id377_769397-da > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id377_769397-da alignfull wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column377_d23f46-63 > .kt-inside-inner-col,.kadence-column377_d23f46-63 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column377_d23f46-63 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column377_d23f46-63 > .kt-inside-inner-col{flex-direction:column;}.kadence-column377_d23f46-63 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column377_d23f46-63 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column377_d23f46-63{position:relative;}@media all and (max-width: 1024px){.kadence-column377_d23f46-63 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column377_d23f46-63 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column377_d23f46-63\"><div class=\"kt-inside-inner-col\">\n<style>\n\n\/* =========================\n   R&S CLEAN CORPORATE STYLE\n========================= *\/\n\n.rs-section {\n  background: #FFFFFF;\n  color: #000000;\n  padding: 100px 10%;\n  font-family: Arial, sans-serif;\n}\n\n\/* CENTERED TITLE *\/\n.rs-title {\n  font-size: 44px;\n  margin-bottom: 25px;\n  text-align: center;\n  color: #000000;\n  transition: color 0.3s ease, transform 0.3s ease;\n  cursor: default;\n  position: relative;\n  display: inline-block;\n}\n\n\/* center wrapper effect *\/\n.rs-title-wrapper {\n  text-align: center;\n}\n\n\/* red hover title *\/\n.rs-title-wrapper:hover .rs-title {\n  color: #c62828;\n  transform: scale(1.03);\n}\n\n\/* underline animation *\/\n.rs-title::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  bottom: -8px;\n  width: 0%;\n  height: 2px;\n  background: #c62828;\n  transition: all 0.3s ease;\n  transform: translateX(-50%);\n}\n\n.rs-title-wrapper:hover .rs-title::after {\n  width: 60%;\n}\n\n\/* INTRO TEXT *\/\n.rs-paragraph {\n  max-width: 950px;\n  line-height: 1.8;\n  color: rgba(0,0,0,0.75);\n  margin: 20px auto 60px auto;\n  text-align: left;\n}\n\n\/* BLOCKS *\/\n.rs-blocks {\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n}\n\n\/* ITEM *\/\n.rs-item {\n  padding: 14px 18px;\n  border-left: 3px solid rgba(0,0,0,0.15);\n  border-radius: 4px;\n  transition: all 0.3s ease;\n  cursor: pointer;\n}\n\n\/* TITLE ITEM *\/\n.rs-item h3 {\n  margin: 0 0 8px 0;\n  font-size: 20px;\n  color: #000000;\n  transition: color 0.3s ease;\n}\n\n\/* TEXT *\/\n.rs-item p {\n  margin: 0;\n  color: rgba(0,0,0,0.7);\n  line-height: 1.7;\n  font-size: 15px;\n}\n\n\/* =========================\n   HOVER RED EFFECT ITEMS\n========================= *\/\n\n.rs-item:hover {\n  border-left-color: #c62828;\n  background: rgba(198, 40, 40, 0.05);\n  box-shadow: 0 6px 18px rgba(198, 40, 40, 0.15);\n  transform: translateX(8px);\n}\n\n.rs-item:hover h3 {\n  color: #c62828;\n}\n\n.rs-item:hover p {\n  color: rgba(0,0,0,0.85);\n}\n\n\/* FADE IN *\/\n.rs-item {\n  opacity: 0;\n  transform: translateY(15px);\n  animation: fadeUp 0.6s ease forwards;\n}\n\n.rs-item:nth-child(1) { animation-delay: 0.1s; }\n.rs-item:nth-child(2) { animation-delay: 0.2s; }\n.rs-item:nth-child(3) { animation-delay: 0.3s; }\n\n@keyframes fadeUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n<\/style>\n\n<section class=\"rs-section\">\n\n  <!-- WRAPPER PER CENTRO + HOVER -->\n  <div class=\"rs-title-wrapper\">\n    <h1 class=\"rs-title\">Ricerca e Sviluppo<\/h1>\n  <\/div>\n\n  <p class=\"rs-paragraph\">\n    Per onorare questo sforzo di rinnovamento, miglioramento ed ampliamento della gamma prodotti,\n    l&#8217;azienda si avvale di un team di tecnici specializzati di riconosciuta esperienza nel settore\n    delle strutture prefabbricate. L&#8217;implementazione di sistemi costruttivi all&#8217;avanguardia nasce da\n    sperimentazioni avanzate presso laboratori universitari ed enti certificati, consentendo il\n    deposito di numerosi brevetti.\n  <\/p>\n\n  <div class=\"rs-blocks\">\n\n    <div class=\"rs-item\">\n      <h3>Tecnologia e Innovazione<\/h3>\n      <p>\n        Sviluppo di sistemi costruttivi avanzati che anticipano le esigenze del mercato,\n        migliorando efficienza, qualit\u00e0 e prestazioni delle soluzioni prefabbricate.\n      <\/p>\n    <\/div>\n\n    <div class=\"rs-item\">\n      <h3>Sicurezza<\/h3>\n      <p>\n        Le soluzioni progettuali rispettano le normative sismiche, termiche e acustiche\n        pi\u00f9 aggiornate, grazie a test e verifiche presso enti certificati.\n      <\/p>\n    <\/div>\n\n    <div class=\"rs-item\">\n      <h3>Sostenibilit\u00e0<\/h3>\n      <p>\n        Ottimizzazione dei materiali e dei processi produttivi per ridurre l&#8217;impatto ambientale,\n        integrando innovazione e responsabilit\u00e0 industriale.\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>General Contractor:la soluzione chiavi in mano Cos&#8217;\u00e8? Il General Contractor \u00e8 il partner che assume la responsabilit\u00e0 complessiva dell&#8217;intervento. Coordiniamo ogni fase del processo, dalla progettazione alla realizzazione finale, integrando competenze tecniche, organizzative e operative per garantire qualit\u00e0, efficienza e rispetto degli obiettivi condivisi. Il tuo progetto, nei tempi richiesti 0% I VANTAGGI DEL MODELLO [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":389,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/align-wide-fix-trasparent.php","meta":{"footnotes":""},"class_list":["post-377","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.okite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=377"}],"version-history":[{"count":131,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/377\/revisions"}],"predecessor-version":[{"id":1229,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/377\/revisions\/1229"}],"up":[{"embeddable":true,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/389"}],"wp:attachment":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}