:root{--blue:#0b63c7;--blue2:#0f75da;--dark:#25282d;--ink:#0a1930;--muted:#5c6674;--light:#f5f8fc;--line:#e5e9f0;--shadow:0 18px 45px rgba(10,25,48,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff}.site-header{height:92px;display:flex;align-items:center;gap:28px;padding:0 4.6vw;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.08);position:sticky;top:0;z-index:10}.brand img{height:64px;width:auto;display:block}.nav{display:flex;gap:34px;margin-left:auto;align-items:center}.nav a{text-decoration:none;text-transform:uppercase;color:#111;font-size:14px;font-weight:700;position:relative}.nav a.active,.nav a:hover{color:var(--blue)}.nav a.active:after{content:"";position:absolute;left:25%;right:25%;height:3px;background:var(--blue);bottom:-16px}.btn{display:inline-flex;align-items:center;gap:12px;text-decoration:none;border-radius:8px;padding:15px 24px;font-weight:800;text-transform:uppercase;font-size:14px;border:1px solid transparent;cursor:pointer}.primary{background:linear-gradient(135deg,var(--blue),#004fae);color:#fff;box-shadow:0 12px 24px rgba(11,99,199,.24)}.ghost{border-color:#222;color:#111;background:rgba(255,255,255,.72)}.menu{display:none}.hero{min-height:440px;display:grid;grid-template-columns:50% 50%;position:relative;overflow:hidden;background:linear-gradient(90deg,#eaf7ff 0%,#f9fbff 56%,#eef5fb 100%)}.hero-visual{background:url('assets/hero-robot.jpg') center/cover no-repeat;min-height:440px}.hero-content{padding:40px 5.5vw 35px 3.5vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 95% 20%,rgba(11,99,199,.13),transparent 20%),rgba(255,255,255,.62);position:relative}.hero-content:after{content:"";position:absolute;right:0;top:20px;width:270px;height:270px;background:url('assets/logo-itelia.jpeg') center/contain no-repeat;opacity:.08}.pill{align-self:flex-start;border:1px solid var(--blue);color:var(--blue);border-radius:9px;padding:8px 14px;font-weight:900;text-transform:uppercase}.hero h1{margin:18px 0 16px;text-transform:uppercase;line-height:.96;font-size:clamp(44px,5.2vw,76px);letter-spacing:-2px;color:#2b2d31}.hero h1 span{display:block;font-size:.72em;font-weight:500;letter-spacing:0}.hero h1 strong{display:block;color:var(--blue);font-style:normal}.hero p{font-size:18px;line-height:1.55;max-width:620px}.hero-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:16px}.value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:22px 6vw;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.05)}.value-strip article{display:flex;gap:18px;align-items:center;padding:0 24px;border-right:1px solid var(--line)}.value-strip article:last-child{border-right:0}.value-strip b{width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:25px}.value-strip strong{display:block;font-size:18px}.value-strip span{font-size:14px;color:#444}.section{padding:70px 6vw}.eyebrow{text-align:center;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}.section h2{text-align:center;font-size:clamp(30px,3vw,45px);margin:0 0 24px;text-transform:uppercase;color:#25282d}.section h2 span{color:var(--blue)}.cards{display:grid;grid-template-columns:repeat(7,1fr);gap:18px}.cards article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px 16px;text-align:center;box-shadow:var(--shadow);min-height:210px}.cards i{font-style:normal;color:var(--blue);font-size:42px;display:block;margin-bottom:14px}.cards h3{text-transform:uppercase;margin:0 0 12px;font-size:16px}.cards p{font-size:13px;line-height:1.45;color:#222}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:var(--light)}.split .eyebrow,.split h2{text-align:left}.split p{font-size:19px;line-height:1.7}.dark{background:#004b87;color:#fff;background-image:linear-gradient(135deg,#00355f,#075aa2)}.dark h2,.dark .eyebrow{color:#fff}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.features article{padding:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:16px;font-weight:800;text-align:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps article{padding:28px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.steps b{display:block;color:var(--blue);font-size:36px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:var(--light)}.contact .eyebrow,.contact h2{text-align:left}.mail{font-weight:900;color:var(--blue);font-size:24px}form{display:grid;gap:14px}input,textarea{width:100%;padding:16px 18px;border:1px solid #ccd4df;border-radius:10px;font:inherit}textarea{min-height:140px}footer{display:grid;grid-template-columns:1fr 1fr 2fr .4fr;gap:20px;align-items:center;padding:26px 7vw;background:#071d35;color:#fff} .reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:1100px){.nav{display:none}.menu{display:block;margin-left:auto;background:none;border:0;font-size:30px}.header-btn{display:none}.nav.open{display:flex;position:absolute;left:0;right:0;top:92px;background:#fff;flex-direction:column;padding:24px}.cards{grid-template-columns:repeat(2,1fr)}.value-strip,.features,.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{height:78px}.brand img{height:52px}.hero{grid-template-columns:1fr}.hero-visual{min-height:260px}.hero-content{padding:34px 6vw}.hero h1{font-size:46px}.value-strip,.cards,.split,.features,.steps,.contact,footer{grid-template-columns:1fr}.value-strip article{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.section{padding:52px 6vw}.ghost{background:#fff}}

footer .linkedin-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;font-weight:800;font-family:Arial,sans-serif;transition:transform .2s ease,background .2s ease}
footer .linkedin-link:hover{transform:translateY(-2px);background:#0a66c2}
footer .footer-link{color:#fff;text-decoration:none}
footer .footer-link:hover{text-decoration:underline}