:root{color-scheme:light;--ink:#222b43;--muted:#536079;--line:#ffffffb8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#eef2fa;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #6552ce;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}.ambient{position:absolute;inset:0 0 auto;height:1450px;overflow:hidden;pointer-events:none;z-index:-1;background:linear-gradient(160deg,#f7fbff 0%,#ebf0fa 45%,#ecedfa 75%,#eef2fa 100%)}.ambient i{position:absolute;border-radius:50%;filter:blur(75px)}.ambient i:nth-child(1){background:#9edcff85;width:640px;height:540px;top:210px;left:-220px}.ambient i:nth-child(2){background:#ae9cef6e;width:660px;height:700px;right:-160px;top:70px}.ambient i:nth-child(3){background:#9ddcfa69;width:430px;height:300px;left:40%;top:590px}.glass{background:linear-gradient(135deg,#ffffffa1,#ffffff24 55%,#ffffff77);border:1px solid var(--line);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff65,0 12px 40px #4157840d;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}header{position:relative;z-index:4;max-width:1120px;margin:25px auto 0;border-radius:40px;height:73px;padding:0 27px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand img{width:47px;height:33px;object-fit:contain}.brand span{font-size:17px;font-weight:700;letter-spacing:2px}nav{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:500}nav a{padding:8px 0}nav a:hover{color:#6650ca}nav span{margin-left:8px}.hero{max-width:1240px;margin:auto;min-height:700px;position:relative;padding:95px 55px 85px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:10px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:#596582}h1{font-size:clamp(3.4rem,5.3vw,5.2rem);line-height:1.06;letter-spacing:-.065em;font-weight:560;margin:23px 0}h1 span{background:linear-gradient(110deg,#226eae,#7962bc);background-clip:text;color:transparent}.intro p{color:var(--muted);font-size:17px;line-height:1.85;margin:25px 0 30px}.button{display:inline-flex;gap:28px;align-items:center;padding:14px 23px;border-radius:35px;font-size:14px;font-weight:550;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #58679824}.button span{font-size:20px}.sculpture{position:relative;height:440px;perspective:1000px}.logo-tile{position:absolute;width:255px;height:260px;top:80px;left:calc(50% - 127px);border-radius:65px;display:grid;place-items:center;transform:rotate(-10deg) rotateY(-14deg) rotateX(8deg);background:linear-gradient(130deg,#ffffffe8 0%,#ffffff25 43%,#d7d4fa60 68%,#ffffffc2 100%);box-shadow:inset 3px 3px 5px #fff,inset -3px -3px 6px #ffffff99,15px 28px 55px #605b9a26,0 0 0 7px #ffffff19;animation:float 7s ease-in-out infinite}.logo-tile img{width:210px;filter:drop-shadow(0 8px 10px #5266ad30)}.orbit{position:absolute;border:1px solid #ffffffc9;border-radius:50%;width:410px;height:280px;left:calc(50% - 205px);top:69px;transform:rotate(-33deg);box-shadow:0 1px 2px #7c8fac0f,inset 0 1px 2px #fff}.orbit-two{width:330px;height:405px;left:calc(50% - 165px);top:16px;transform:rotate(-32deg);border-color:#ffffff80}.floating{position:absolute;display:flex;gap:12px;align-items:center;border-radius:22px;padding:15px 23px;color:#687bb6;font-size:23px}.floating b{font-size:14px;font-weight:550;color:#394965}.label-web{top:24px;right:0;transform:rotate(8deg)}.label-app{bottom:42px;right:7px;transform:rotate(-7deg)}.label-ideas{top:250px;left:-18px;transform:rotate(-6deg);font-size:27px}.hero-caption{position:absolute;bottom:18px;left:55px;right:55px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;font-weight:550;letter-spacing:1.5px;color:#67758d}.hero-caption a{font-size:22px;font-weight:400;border:1px solid #ffffffc4;border-radius:50%;width:41px;height:41px;text-align:center;line-height:38px}.solutions{max-width:1170px;padding:85px 25px 60px;margin:auto}.section-head{text-align:center}h2{font-size:clamp(2.4rem,3.7vw,3.5rem);font-weight:550;line-height:1.13;letter-spacing:-.055em;margin:17px 0}.section-head p{color:var(--muted);line-height:1.8;font-size:16px;margin-top:22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}.cards article{padding:30px 28px 26px;border-radius:30px;transition:transform .3s,box-shadow .3s}.cards article:hover{transform:translateY(-7px);box-shadow:inset 0 1px 0 white,0 22px 45px #4b60971a}.icon{height:52px;width:55px;display:grid;place-items:center;border-radius:17px;font-size:23px;box-shadow:inset 0 1px 2px white,0 5px 15px #6a80b01a;border:1px solid #fff;background:linear-gradient(135deg,#ffffffcf,#a4d9f553);color:#386d98}.violet{background:linear-gradient(135deg,#ffffffcf,#c1acee63);color:#8060b8}.blue{background:linear-gradient(135deg,#ffffffcf,#adbff253);color:#506db9}.cards h3{font-size:21px;letter-spacing:-.035em;line-height:1.3;margin:26px 0 15px;font-weight:600}.cards p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 27px}.cards article>span{font-size:10px;letter-spacing:1.3px;color:#5d6b83}.approach{max-width:950px;text-align:center;margin:auto;padding:105px 25px 110px}.approach-symbol{width:68px;height:68px;border-radius:23px;display:grid;place-items:center;margin:0 auto 25px;font-size:43px;color:#9280bd}.approach h2{margin-top:22px}.approach h2 span{color:#7987a1}.approach p{color:var(--muted);line-height:1.85;margin:25px 0 0}footer{max-width:1120px;margin:auto;padding:27px 0 35px;border-top:1px solid #d8dfeb;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span{font-size:12px;color:#596982}footer .brand img{width:35px}footer .brand span{font-size:14px}@keyframes float{0%,100%{transform:translateY(0) rotate(-10deg) rotateY(-14deg) rotateX(8deg)}50%{transform:translateY(-12px) rotate(-7deg) rotateY(-10deg) rotateX(5deg)}}
@media(max-width:1200px){header,footer{margin-left:30px;margin-right:30px}.hero{padding-left:45px;padding-right:45px}.hero-caption{left:45px;right:45px}.logo-tile{width:225px;height:235px;left:calc(50% - 112px)}.logo-tile img{width:185px}.orbit{width:350px;left:calc(50% - 175px)}.label-ideas{left:0}}
@media(max-width:800px){header{height:65px;margin:18px 20px 0;padding:0 20px}nav{gap:20px;font-size:12px}.brand span{font-size:14px}.brand img{width:38px}.hero{padding:60px 25px 75px;display:flex;flex-direction:column;gap:0;text-align:center}.intro{position:relative;z-index:2}h1{font-size:clamp(3.3rem,8vw,4.5rem)}.intro p{font-size:16px}.sculpture{width:390px;max-width:100%;height:370px;margin-top:26px}.logo-tile{top:55px;width:215px;height:220px;left:calc(50% - 107px);border-radius:55px}.logo-tile img{width:180px}.orbit{top:38px;height:245px;width:330px;left:calc(50% - 165px)}.orbit-two{top:5px;height:330px;width:270px;left:calc(50% - 135px)}.label-web{top:5px;right:4px}.label-app{bottom:43px;right:5px}.label-ideas{top:215px;left:0}.floating{padding:11px 18px;font-size:20px}.floating b{font-size:12px}.hero-caption{left:25px;right:25px;bottom:13px;font-size:8px;letter-spacing:1px}.hero-caption span:last-child{display:none}.solutions{padding-top:60px}.cards{grid-template-columns:1fr;max-width:520px;margin:35px auto 0;gap:16px}.cards article{padding:28px}.cards h3{font-size:23px;margin-top:20px}.cards p{font-size:16px}.approach{padding:65px 25px 75px}footer{margin-left:25px;margin-right:25px}footer>span:nth-child(2){display:none}}
@media(max-width:400px){nav a:last-child{display:none}h1{font-size:3rem}.eyebrow{font-size:9px}.intro p br{display:none}.orbit{width:290px;left:calc(50% - 145px)}.floating{padding:10px 14px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@supports not (backdrop-filter:blur(10px)){.glass{background:#f5f7fded}}
.contact{max-width:1120px;margin:0 auto 80px;padding:48px 50px;border-radius:35px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:linear-gradient(115deg,#ffffffa6,#dce8fb70 55%,#e4dcf58c)}.contact h2{font-size:clamp(2rem,3.1vw,2.8rem);margin:19px 0}.contact p{color:var(--muted);margin:0;line-height:1.85}.contact-action{display:flex;flex-direction:column;align-items:center;gap:17px;flex-shrink:0}.contact-action .button{padding:16px 28px;min-width:185px;justify-content:space-between}.contact-email{font-size:15px;color:#4e5e7d;text-underline-offset:5px}.contact-email:hover{text-decoration:underline}@media(max-width:1200px){.contact{margin-left:30px;margin-right:30px}}@media(max-width:800px){.contact{margin:0 25px 55px;padding:30px 25px;flex-direction:column;align-items:flex-start;gap:28px}.contact-action{align-items:flex-start}header nav{gap:14px}}@media(max-width:560px){nav a[href="#approccio"]{display:none}nav a[href="#contatti"]{display:block}.contact h2 br{display:none}.contact p br{display:none}}@media(max-width:400px){nav a[href="#soluzioni"]{display:none}}
header nav{margin-left:auto;margin-right:25px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:7px 13px;border-radius:24px;color:var(--ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0}.theme-symbol{font-size:19px;line-height:1}.theme-toggle:focus-visible{outline:3px solid #8575e5;outline-offset:4px}.theme-toggle:hover{box-shadow:inset 0 1px 0 #fff8,0 3px 15px #637aa52b}
html[data-theme=dark]{color-scheme:dark;--ink:#edf1ff;--muted:#b0bbd0;--line:#c7d7ff29}html[data-theme=dark] body{background:#111522}html[data-theme=dark] .ambient{background:linear-gradient(160deg,#121c2b 0%,#161c30 45%,#201c36 75%,#111522 100%)}html[data-theme=dark] .ambient i:nth-child(1){background:#12609065}html[data-theme=dark] .ambient i:nth-child(2){background:#664bb360}html[data-theme=dark] .ambient i:nth-child(3){background:#24507755}html[data-theme=dark] .glass{background:linear-gradient(135deg,#ffffff13,#ffffff05 55%,#b0c3ff10);box-shadow:inset 0 1px 0 #ffffff23,inset 0 -1px 0 #ffffff08,0 12px 40px #00000017}html[data-theme=dark] .eyebrow{color:#b3bed6}html[data-theme=dark] h1 span{background-image:linear-gradient(110deg,#7bd9f9,#b5a0ef)}html[data-theme=dark] nav a:hover{color:#bbabff}html[data-theme=dark] .logo-tile{background:linear-gradient(130deg,#e0eaff29,#c6d5ff09 43%,#9f87e526 68%,#e0dfff34);box-shadow:inset 3px 3px 5px #ffffff50,inset -3px -3px 6px #ffffff23,15px 28px 55px #00000030,0 0 0 7px #ffffff04}html[data-theme=dark] .orbit{border-color:#c6d7ff33;box-shadow:0 1px 2px #0001,inset 0 1px 2px #ffffff12}html[data-theme=dark] .orbit-two{border-color:#c6d7ff20}html[data-theme=dark] .floating{color:#a9baff}html[data-theme=dark] .floating b{color:#d8e3fa}html[data-theme=dark] .hero-caption{color:#a9b6ce}html[data-theme=dark] .hero-caption a{border-color:#c6d7ff33}html[data-theme=dark] .icon{background:linear-gradient(135deg,#c4e6ff20,#419fd52a);color:#94dcff;border-color:#ffffff28;box-shadow:inset 0 1px 2px #ffffff28,0 5px 15px #0002}html[data-theme=dark] .violet{background:linear-gradient(135deg,#e0caff20,#8a59c630);color:#d2b6ff}html[data-theme=dark] .blue{background:linear-gradient(135deg,#cad9ff20,#5c7cc630);color:#a7c3ff}html[data-theme=dark] .cards article>span{color:#a7b7d2}html[data-theme=dark] .cards article:hover{box-shadow:inset 0 1px 0 #ffffff30,0 22px 45px #0003}html[data-theme=dark] .approach-symbol{color:#c0aaf2}html[data-theme=dark] .approach h2 span{color:#a0adca}html[data-theme=dark] .contact{background:linear-gradient(115deg,#ffffff0b,#45649720 55%,#70509a25)}html[data-theme=dark] .contact-email,html[data-theme=dark] footer>span{color:#b0bed6}html[data-theme=dark] footer{border-color:#c6d7ff22}html[data-theme=dark] .skip{background:#202a40;color:white}@supports not (backdrop-filter:blur(10px)){html[data-theme=dark] .glass{background:#232b3ced}}@media(max-width:800px){header nav{margin-right:14px;gap:14px}.theme-toggle{min-width:40px;padding:7px 10px}.theme-label{display:none}}@media(max-width:560px){header{padding:0 15px}header nav{gap:12px;margin-right:10px}.brand{gap:5px}.brand span{font-size:12px;letter-spacing:1px}}
.tech-care{display:flex;align-items:center;gap:25px;margin-top:22px;padding:29px 30px;border-radius:30px}.tech-care>.icon{flex-shrink:0}.tech-care-copy{flex:1}.tech-care .eyebrow{font-size:10px;letter-spacing:1.7px}.tech-care h3{font-size:22px;font-weight:600;letter-spacing:-.035em;line-height:1.3;margin:6px 0 10px}.tech-care p{font-size:15px;line-height:1.8;color:var(--muted);max-width:690px;margin:0}.tech-care>.button{flex-shrink:0;white-space:nowrap}@media(max-width:800px){.tech-care{max-width:520px;margin:16px auto 0;flex-wrap:wrap;padding:28px;gap:19px}.tech-care-copy{flex-basis:calc(100% - 80px)}.tech-care>.button{margin-left:74px}.tech-care p{font-size:16px}}@media(max-width:440px){.tech-care{display:block}.tech-care-copy{margin-top:19px}.tech-care>.button{margin:22px 0 0}.tech-care h3{font-size:23px}}
.legal-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}.legal-links a:hover{text-decoration:underline}footer{flex-wrap:wrap}.legal-page{max-width:880px;margin:65px auto 85px;padding:0 25px}.legal-page h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.15}.legal-page h2{font-size:1.6rem;margin:38px 0 14px;letter-spacing:-.03em}.legal-page p,.legal-page dd{color:var(--muted);line-height:1.85}.legal-page a{text-decoration:underline;text-underline-offset:4px}.legal-notice{padding:20px;border:1px solid var(--line);border-radius:18px;background:#8094bb12}.legal-page dl{display:grid;grid-template-columns:140px 1fr;gap:12px 20px}.legal-page dt{font-weight:600}.legal-page dd{margin:0}.legal-page button{color:var(--ink);font-family:inherit;cursor:pointer}.legal-page button:focus-visible{outline:3px solid #8575e5;outline-offset:4px}@media(max-width:560px){.legal-page dl{grid-template-columns:1fr;gap:6px}.legal-page dd{margin-bottom:14px}.legal-page{margin-top:40px}.legal-links{flex-basis:100%}}