:root{--ink:#08130f;--gold:#d6a83d;--lime:#b8f34a}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0}
body{overflow:hidden;background:var(--ink)}
body:before{content:"";position:fixed;z-index:2;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#6e4806 0%,var(--gold) 22%,#fff0ad 50%,var(--gold) 78%,#6e4806 100%);box-shadow:0 2px 12px rgba(225,178,66,.45)}
.site-header{position:fixed;z-index:3;top:6px;left:0;width:100%;height:116px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,78px);border-bottom:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,rgba(3,8,6,.76),rgba(3,8,6,.18));color:#fff}
.brand{display:flex;align-items:center;height:100%}.top-logo{display:block;width:112px;height:112px;object-fit:contain}
.header-contact{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-left:clamp(14px,2vw,32px);color:#fff;font:700 clamp(10px,.72vw,12px)/1.3 Arial,sans-serif;letter-spacing:.025em;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.85)}
.header-contact a{color:inherit;text-decoration:none}.header-contact a:hover{color:var(--lime)}
.phone-label{display:inline-flex;align-items:center;gap:4px}.phone-icon{font-size:1.08em;line-height:1}
.mail-icon{display:inline-block;font-size:1.08em;line-height:1;vertical-align:-.06em}
.maps-icon{display:inline-block;font-size:1.08em;line-height:1;vertical-align:-.06em}
.header-contact>*+*{position:relative;padding-left:0}
.contact-secondary{display:flex;align-items:center;gap:clamp(10px,1.2vw,20px)}
.site-header nav{display:flex;align-items:center;gap:clamp(18px,2vw,34px);margin-left:auto;padding-left:clamp(18px,2vw,36px)}
.site-header nav a{color:#fff;text-decoration:none;font:700 12px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.site-header nav a:hover{color:var(--lime)}
.site-header nav a[aria-current="page"]{color:var(--lime)}
.menu-toggle{display:none;border:0;background:transparent;padding:10px}.menu-toggle span{display:block;width:27px;height:2px;margin:6px 0;background:#fff}
.single-page{position:relative;width:100%;height:100%;min-height:100svh}
.title-panel{position:absolute;z-index:1;top:clamp(154px,20vh,205px);left:clamp(22px,5vw,78px);padding:0;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.8)}
h1{margin:0;font-family:"Arial Black","Arial Narrow",Arial,sans-serif;font-size:clamp(32px,4.2vw,68px);font-weight:900;line-height:.9;letter-spacing:-.055em;text-transform:uppercase}
h1 span{color:var(--lime)}
.robots{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(8,19,15,.38),transparent 38%),url("hero-two-robots.png");background-position:center;background-size:cover;background-repeat:no-repeat}
.system-label{position:absolute;right:clamp(20px,3vw,48px);bottom:clamp(22px,4vw,56px);display:grid;gap:5px;padding:13px 17px;border-right:3px solid var(--lime);background:rgba(8,19,15,.72);color:#fff;font-family:"Arial Black","Arial Narrow",Arial,sans-serif;text-align:right;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(4px)}
.system-label small{font-size:10px;color:#d4d8d5}.system-label strong{font-size:clamp(19px,2vw,28px);line-height:1}.system-label span{font-size:11px;color:var(--lime)}
.system-label-left{right:auto;left:clamp(20px,3vw,48px);border-right:0;border-left:3px solid var(--lime);text-align:left}
.page-arrow{position:fixed;z-index:4;top:50%;display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(8,19,15,.66);color:#fff;text-decoration:none;font:400 31px/1 Arial,sans-serif;transform:translateY(-50%);transition:.2s}
.page-arrow:hover{background:var(--lime);border-color:var(--lime);color:var(--ink);transform:translateY(-50%) scale(1.06)}
.page-arrow-next{right:22px}.page-arrow-prev{left:22px}
.blank-page{min-height:100svh;background:#08130f}
.split-page{position:fixed;inset:0;display:grid;grid-template-columns:1fr 1fr;background:#101713}
.split-photo{min-width:0;background-color:#101713;background-position:center;background-size:cover;background-repeat:no-repeat}
.split-photo-left{background-image:url("page-2-robot.jpg");border-right:2px solid rgba(255,255,255,.5)}
.split-photo-right{background-image:url("page-3-robot-right-clean.png")}
.split-title{top:clamp(154px,20vh,205px)}
.collaborative-page{position:fixed;inset:0;background:#101713 url("page-3-robot.jpg") center center/cover no-repeat}
.gripper-page{position:fixed;inset:0;display:grid;grid-template-columns:1fr 1fr;background:#68b9e8}
.page-four-photo{min-width:0;background-color:#68b9e8;background-repeat:no-repeat}
.page-four-photo-left{background-image:url("page-4-gripper.jpg");background-position:left center;background-size:82% auto}
.page-four-photo-right{background-image:url("page-4-system.jpg");background-position:center;background-size:92% auto;border-left:1px solid rgba(255,255,255,.42)}
.page-four-title{max-width:min(48vw,700px);padding:16px 20px;background:rgba(8,19,15,.68);border-left:3px solid var(--lime);backdrop-filter:blur(4px)}
.page-four-title h1{font-size:clamp(22px,2.6vw,42px);line-height:1.02;letter-spacing:-.035em}
.page-four-system{bottom:clamp(22px,4vw,56px);max-width:min(430px,42vw)}
.page-four-system-left{right:auto;left:clamp(20px,3vw,48px);border-right:0;border-left:3px solid var(--lime);text-align:left}
.page-four-system-right{right:clamp(20px,3vw,48px)}
.programming-page{position:fixed;inset:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#08130f}
.programming-photo{position:relative;min-width:0;overflow:hidden;background:#08130f}
.programming-photo:before{content:"";position:absolute;inset:-5px;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.58;filter:blur(1.5px) saturate(.68) brightness(.78);transform:scale(1.01)}
.programming-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,19,15,.84) 0%,rgba(8,19,15,.36) 34%,rgba(8,19,15,.28) 66%,rgba(8,19,15,.78) 100%),linear-gradient(90deg,rgba(8,19,15,.58) 0%,transparent 30%,transparent 70%,rgba(8,19,15,.58) 100%)}
.programming-photo-left{border-right:1px solid rgba(255,255,255,.42)}
.programming-photo-left:before{background-image:url("page-5-schemi.png");background-size:cover}
.programming-photo-right:before{background-image:url("page-5-programmazione.png")}
.page-five-title{max-width:min(650px,58vw);padding:16px 20px;background:rgba(8,19,15,.7);border-left:3px solid var(--lime);backdrop-filter:blur(4px)}
.page-five-title h1{font-size:clamp(24px,3.2vw,50px);line-height:1.02;letter-spacing:-.04em}
.page-five-title-right{left:auto;right:clamp(22px,5vw,78px);max-width:min(42vw,650px);border-left:0;border-right:3px solid var(--lime);text-align:right}
.electrical-panel-page{position:fixed;inset:0;display:grid;grid-template-columns:1fr 1fr;background:#101713}
.electrical-panel-photo{min-width:0;background-color:#101713;background-position:center;background-size:contain;background-repeat:no-repeat}
.electrical-panel-photo-left{background-image:url("page-6-quadro-elettrico.jpeg");border-right:1px solid rgba(255,255,255,.42)}
.electrical-panel-photo-right{background-image:url("page-6-quadro-elettrico-2.jpeg")}
.page-six-title{max-width:min(780px,62vw);padding:16px 20px;background:rgba(8,19,15,.72);border-left:3px solid var(--lime);backdrop-filter:blur(4px)}
.page-six-title h1{font-size:clamp(22px,2.8vw,44px);line-height:1.02;letter-spacing:-.035em}
.machine-page{position:fixed;inset:0;display:grid;grid-template-columns:1fr 1fr;background:#101713}
.machine-photo{min-width:0;background-color:#101713;background-position:center;background-size:contain;background-repeat:no-repeat}
.machine-photo-left{background-image:url("page-7-macchinario.jpeg");border-right:1px solid rgba(255,255,255,.42)}
.machine-photo-right{background-image:url("page-7-revamping.jpeg")}
.page-seven-title{max-width:min(690px,58vw);padding:16px 20px;background:rgba(8,19,15,.72);border-left:3px solid var(--lime);backdrop-filter:blur(4px)}
.page-seven-title h1{font-size:clamp(24px,3vw,47px);line-height:1.02;letter-spacing:-.04em}
.company-page{position:relative;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;padding-top:122px;background:#08130f;overflow:auto}
.company-photo{min-height:calc(100svh - 122px);background:linear-gradient(90deg,rgba(8,19,15,.14),rgba(8,19,15,.02) 72%,rgba(8,19,15,.52)),url("sede-mc-automazione.png") center/cover no-repeat;border-right:1px solid rgba(255,255,255,.2)}
.company-content{position:relative;z-index:1;align-self:center;width:calc(100% - clamp(44px,8vw,120px));margin:clamp(34px,6vw,82px);margin-left:clamp(30px,5vw,76px);padding:clamp(24px,3.2vw,46px);border-left:4px solid var(--lime);background:rgba(8,19,15,.78);color:#fff;box-shadow:0 20px 70px rgba(0,0,0,.3);backdrop-filter:blur(5px)}
.company-content h1{margin-bottom:clamp(24px,3vw,38px);font-size:clamp(34px,4.4vw,66px);line-height:.95}
.company-content h1 span{display:block}
.company-content p{margin:0;color:#f0f4f1;font:400 clamp(16px,1.35vw,21px)/1.62 Arial,sans-serif}
.company-content p+p{margin-top:1.1em}
.contacts-page{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(360px,.78fr);align-items:center;gap:clamp(22px,3vw,44px);padding:clamp(155px,19vh,195px) clamp(24px,5vw,78px) 50px;background:linear-gradient(90deg,rgba(8,19,15,.96),rgba(8,19,15,.78)),url("hero-two-robots.png") center/cover no-repeat;overflow:auto}
.contacts-card{width:100%;padding:clamp(26px,3.2vw,48px);border-left:4px solid var(--lime);background:rgba(8,19,15,.82);color:#fff;box-shadow:0 20px 70px rgba(0,0,0,.36);backdrop-filter:blur(6px)}
.contacts-card h1{margin-bottom:clamp(28px,4vw,48px);font-size:clamp(34px,4.4vw,66px);line-height:.95}
.contacts-card h1 span{display:block}
.contacts-list{display:grid;gap:0}
.contacts-list div{display:grid;grid-template-columns:minmax(190px,.8fr) 1.35fr;gap:24px;padding:18px 4px;border-top:1px solid rgba(255,255,255,.18);font-family:Arial,sans-serif}
.contacts-list strong{color:var(--lime);font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.contacts-list a{color:#fff;font-size:clamp(16px,1.45vw,20px);text-decoration:none;overflow-wrap:anywhere}.contacts-list a:hover{color:var(--lime)}
.contacts-side{display:grid;align-content:center;gap:18px}.contacts-map{height:245px;border:1px solid rgba(255,255,255,.26);box-shadow:0 20px 70px rgba(0,0,0,.36);overflow:hidden}.contacts-map iframe{display:block;width:100%;height:100%;border:0}
.request-title{margin:2px 0 -7px;padding:14px 18px;border:1px solid rgba(214,168,61,.75);border-left:4px solid var(--lime);background:rgba(8,19,15,.76);color:#fff;font:700 clamp(22px,2.1vw,31px)/1.15 Georgia,"Times New Roman",serif;letter-spacing:.015em;box-shadow:0 10px 30px rgba(0,0,0,.24)}.request-title::first-letter{color:var(--lime)}
.contact-request{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px 16px;padding:20px;border-left:3px solid var(--lime);background:rgba(8,19,15,.84);color:#fff;box-shadow:0 14px 42px rgba(0,0,0,.3);font:700 15px/1.3 Arial,sans-serif}.contact-request label{color:var(--lime)}.contact-request input,.contact-request textarea{width:100%;min-width:0;border:0;border-bottom:1px solid rgba(255,255,255,.68);border-radius:0;background:rgba(255,255,255,.07);padding:10px 11px;color:#fff;font:400 16px/1.35 Arial,sans-serif;outline:none}.contact-request textarea{resize:vertical}.contact-request input:focus,.contact-request textarea:focus{border-bottom-color:var(--lime);box-shadow:0 1px 0 var(--lime)}
.contact-submit{grid-column:2;justify-self:end;min-width:118px;border:1px solid var(--lime);background:var(--lime);color:var(--ink);padding:11px 24px;font:900 14px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.2s}.contact-submit:hover,.contact-submit:focus-visible{background:#fff;border-color:#fff;transform:translateY(-1px)}
.sectors-body{overflow:auto}
.sectors-page{position:relative;min-height:100svh;display:flex;align-items:flex-start;padding:clamp(150px,17vh,178px) clamp(24px,6vw,92px) 46px;background:linear-gradient(90deg,rgba(8,19,15,.96),rgba(8,19,15,.68)),url("hero-two-robots.png") center/cover no-repeat;overflow:auto}
.sectors-title{width:min(1180px,92vw);margin:auto;padding:clamp(26px,3vw,46px);border-left:4px solid var(--lime);background:rgba(8,19,15,.82);color:#fff;box-shadow:0 20px 70px rgba(0,0,0,.34);backdrop-filter:blur(6px)}
.sectors-title h1{font-size:clamp(32px,4.2vw,64px);line-height:.96}.sectors-title h1 span{display:block}
.sectors-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:clamp(28px,3vw,42px) 0 0;padding:0;list-style:none}
.sectors-list li{display:flex;align-items:center;min-height:82px;padding:15px 17px;border:1px solid rgba(255,255,255,.16);border-left:3px solid var(--lime);background:rgba(255,255,255,.055);font:700 clamp(14px,1.15vw,17px)/1.38 Arial,sans-serif;letter-spacing:.015em}
.sectors-subtitle{margin:clamp(30px,4vw,48px) 0 0;padding-top:clamp(24px,3vw,36px);border-top:1px solid rgba(255,255,255,.2);font:900 clamp(25px,3.1vw,44px)/1.05 "Arial Black","Arial Narrow",Arial,sans-serif;letter-spacing:-.025em;text-transform:uppercase}.sectors-subtitle span{color:var(--lime)}
.sectors-list-secondary{margin-top:clamp(22px,2.5vw,34px)}
@media(max-width:800px){.gripper-page{position:relative;grid-template-columns:1fr;grid-template-rows:50svh 50svh;min-height:100svh}.page-four-photo-left{background-position:left center;background-size:80% auto}.page-four-photo-right{background-size:88% auto;border-left:0;border-top:1px solid rgba(255,255,255,.42)}.page-four-title{top:146px;max-width:calc(100% - 44px);padding:12px 14px}.page-four-title h1{font-size:clamp(19px,6vw,28px)}.page-four-system{max-width:calc(100% - 36px)}.page-four-system-left{position:absolute;bottom:calc(50svh + 12px)}.page-four-system-right{position:absolute;bottom:12px}}
@media(max-width:800px){.programming-page{position:relative;grid-template-columns:1fr;grid-template-rows:50svh 50svh;min-height:100svh}.programming-photo-left{border-right:0;border-bottom:1px solid rgba(255,255,255,.42)}.page-five-title{top:146px;max-width:calc(100% - 44px);padding:12px 14px}.page-five-title h1{font-size:clamp(21px,6vw,31px)}.page-five-title-right{position:absolute;top:calc(50svh + 24px);right:22px;left:auto;max-width:calc(100% - 44px)}}
@media(max-width:800px){.electrical-panel-page{position:relative;grid-template-columns:1fr;grid-template-rows:50svh 50svh;min-height:100svh}.electrical-panel-photo-left{border-right:0;border-bottom:1px solid rgba(255,255,255,.42)}}
@media(max-width:800px){.page-six-title{top:146px;max-width:calc(100% - 44px);padding:12px 14px}.page-six-title h1{font-size:clamp(18px,5.2vw,27px)}}
@media(max-width:800px){.machine-page{position:relative;grid-template-columns:1fr;grid-template-rows:50svh 50svh;min-height:100svh}.machine-photo-left{border-right:0;border-bottom:1px solid rgba(255,255,255,.42)}.page-seven-title{top:146px;max-width:calc(100% - 44px);padding:12px 14px}.page-seven-title h1{font-size:clamp(20px,5.7vw,30px)}}
@media(max-width:800px){body.blank-page{overflow:auto}.split-page{position:relative;grid-template-columns:1fr;grid-template-rows:50svh 50svh;min-height:100svh}.split-photo-left{border-right:0;border-bottom:2px solid rgba(255,255,255,.5)}.split-title{top:126px}.system-label-left{position:fixed;bottom:calc(50svh + 18px)}}
@media(max-width:1100px){.header-contact{gap:2px;white-space:normal}.site-header nav{gap:16px;padding-left:18px}}
@media(max-width:800px){.site-header{height:112px;padding:0 18px}.top-logo{width:86px;height:86px}.header-contact{margin-left:10px;max-width:calc(100% - 150px);font-size:9px;line-height:1.2}.contact-secondary{flex-wrap:wrap;gap:2px 10px}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:112px;left:0;right:0;margin:0;padding:22px;background:rgba(3,8,6,.94);flex-direction:column;align-items:flex-end}.site-header nav.open{display:flex}.title-panel{top:146px;left:22px}.robots{background-position:52% center}.system-label{right:18px;bottom:22px;max-width:calc(100% - 36px)}}
@media(max-width:800px){.blank-page .system-label-left{right:auto;left:18px;bottom:calc(50svh + 18px)}}
@media(max-width:800px){body.company-body{overflow:auto}.company-page{display:block;padding-top:118px}.company-photo{min-height:42svh;background-position:center;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.company-content{width:calc(100% - 44px);margin:24px 22px 34px;padding:22px 18px}.company-content h1{margin-bottom:22px;font-size:clamp(31px,10vw,45px)}.company-content p{font-size:16px;line-height:1.55}}
@media(max-width:980px){body.contacts-body{overflow:auto}.contacts-page{grid-template-columns:1fr;padding:146px 22px 34px}.contacts-card{padding:24px 18px}.contacts-card h1{font-size:clamp(31px,10vw,45px)}.contacts-list div{grid-template-columns:1fr;gap:7px;padding:15px 2px}.contacts-map{height:220px}}
@media(max-width:560px){.contact-request{grid-template-columns:1fr;gap:7px}.contact-request label:not(:first-child){margin-top:8px}.contact-submit{grid-column:1;margin-top:10px}}
@media(max-width:900px){body.sectors-body{overflow:auto}.sectors-page{padding:146px 22px 34px}.sectors-title{width:100%;padding:24px 18px}.sectors-title h1{font-size:clamp(30px,9vw,44px)}.sectors-list{grid-template-columns:1fr 1fr}.sectors-list li{min-height:70px;font-size:15px}}
@media(max-width:560px){.sectors-list{grid-template-columns:1fr}}