@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1730;--deep:#091326;--blue:#2367eb;--sky:#5f9cff;--ink:#15223a;--muted:#65748b;--line:#e5eaf2;--pale:#f5f8fc}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:white;padding:10px}.site-header{position:sticky;top:0;background:#fff;z-index:20;border-bottom:1px solid #eef0f4}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-1.5px;font-weight:800;line-height:1}.brand small{display:block;font:500 9px 'DM Sans',sans-serif;letter-spacing:2px;text-transform:uppercase;margin-top:6px;color:#728096}.brand-mark{display:grid;place-items:center;background:var(--blue);color:white;border-radius:12px;width:44px;height:44px;font-size:32px;letter-spacing:-3px;padding-right:4px}.brand-mark span{color:#90c7ff}.nav nav{display:flex;align-items:center;gap:33px;font-size:13px;font-weight:700}.nav nav>a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{padding:13px 18px;border-radius:7px;background:var(--blue);color:#fff}.nav-cta span{margin-left:13px}.menu-toggle{display:none}.hero{background:var(--deep);color:white;position:relative;overflow:hidden}.hero-glow{position:absolute;width:650px;height:650px;border-radius:50%;background:#123c8c;filter:blur(150px);opacity:.5;right:-120px;top:0}.hero-grid{min-height:590px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;position:relative}.hero-copy{padding:80px 0 60px;position:relative;z-index:2}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:2.2px;color:var(--blue)}.eyebrow{color:#b5d1ff}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68b6ff;margin-right:9px;box-shadow:0 0 0 4px #68b6ff22}.hero h1,h2,h3{font-family:Manrope,Arial,sans-serif}.hero h1{font-size:clamp(43px,4.3vw,66px);letter-spacing:-3px;line-height:1.16;margin:25px 0}.hero h1 em{font-style:normal;color:#7eb0ff}.hero-copy>p{font-size:16px;line-height:1.85;color:#bac6d8;max-width:540px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 21px;border-radius:7px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--blue);color:white}.btn.primary:hover{background:#1653c8}.btn.secondary{border:1px solid #54627a;color:#fff}.hero-meta{display:flex;align-items:center;gap:24px;margin-top:53px;color:#a6b3c9;font-size:12px}.hero-meta b{color:#fff;font-size:15px}.separator{height:23px;width:1px;background:#3a4760}.hero-art{position:relative;height:520px;min-width:0}.art-grid{position:absolute;inset:30px;background-image:linear-gradient(#9cbcff0c 1px,transparent 1px),linear-gradient(90deg,#9cbcff0c 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,#000 20%,transparent 73%)}.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-22deg);border:1px solid #6b9cfa3d;border-radius:50%}.orbit-one{width:400px;height:270px}.orbit-two{width:300px;height:410px;transform:translate(-50%,-50%) rotate(42deg)}.center-tile{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);width:205px;height:205px;border:1px solid #71a6ff80;background:linear-gradient(145deg,#1c4b9e,#0a1c3c);border-radius:34px;box-shadow:0 25px 85px #020915aa,0 0 60px #2d75ec40;display:flex;flex-direction:column;align-items:center;justify-content:center}.center-symbol{font:800 118px Manrope;letter-spacing:-15px;padding-right:18px}.center-symbol span{color:#7fb5ff}.center-label{font-size:9px;letter-spacing:3px;color:#b9d2ff}.floating-chip{position:absolute;display:flex;align-items:center;gap:13px;padding:15px 18px;background:#fff;color:#152b50;border-radius:13px;box-shadow:0 18px 50px #0005;font-size:12px;font-weight:800;z-index:3}.floating-chip small{display:block;font-weight:500;color:#71809a;margin-top:5px}.chip-icon{display:grid;place-items:center;width:36px;height:36px;background:#e9f1ff;border-radius:9px;color:var(--blue);font-size:24px}.chip-top{top:110px;right:0}.chip-bottom{bottom:98px;left:12px}.art-dot{position:absolute;width:9px;height:9px;background:#6ba4ff;border-radius:50%;box-shadow:0 0 25px #64a1ff}.dot-one{top:95px;left:90px}.dot-two{right:55px;bottom:100px}.hero-bottom{height:60px;display:flex;justify-content:space-between;align-items:center;position:relative;border-top:1px solid #ffffff20;color:#7f90ac;font-size:10px;letter-spacing:1.8px}.hero-bottom a{color:#d0def5;letter-spacing:0;font-size:12px}.hero-bottom a span{margin-left:12px}.section{padding:110px 0}.intro{padding:86px 0;background:white}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.intro h2,.section h2,.about h2{font-size:clamp(32px,3.5vw,49px);letter-spacing:-2.1px;line-height:1.2;margin:19px 0 0}.intro h2 span,.section h2 span{color:var(--blue)}.intro p{color:var(--muted);font-size:16px;line-height:1.9}.solutions{background:var(--pale)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:40px}.section-head>p{max-width:360px;line-height:1.8;color:var(--muted);margin:0 0 6px}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.solution-card{background:white;border:1px solid var(--line);padding:32px 35px 36px;border-radius:13px;min-height:445px;position:relative;overflow:hidden}.solution-card.featured{background:linear-gradient(135deg,#173d83,#0b1b3c);color:#fff;border:0}.card-top{display:flex;justify-content:space-between;align-items:center}.card-tag{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#71819a}.featured .card-tag{color:#abc9ff}.card-arrow{font-size:23px;color:#8a9ab2}.featured .card-arrow{color:#fff}.solution-card h3{font-size:29px;letter-spacing:-1.2px;margin:8px 0 10px}.solution-card h3 strong{color:var(--blue)}.featured h3 strong{color:#8cbbff}.solution-card p{font-size:14px;line-height:1.8;color:#68778f;max-width:430px}.featured p{color:#c5d5f0}.text-link{display:inline-block;margin-top:15px;font-size:13px;font-weight:800;color:var(--blue)}.featured .text-link{color:white}.text-link span{margin-left:12px}.product-graphic,.cube-art{height:190px;position:relative;display:flex;align-items:center;justify-content:center}.cube{width:80px;height:80px;position:absolute;border:2px solid #81b2ff;border-radius:15px;transform:rotate(-25deg) skew(8deg,8deg);box-shadow:0 0 35px #4c96ff55}.cube-a{transform:translate(-48px,13px) rotate(-25deg) skew(8deg,8deg)}.cube-b{transform:translate(42px,-8px) rotate(-25deg) skew(8deg,8deg);background:#5a99ff22}.cube-c{transform:translate(0,-38px) rotate(-25deg) skew(8deg,8deg);width:65px;height:65px}.cube-art{gap:12px;color:#8fb4ed}.cube-art span{font-size:67px;filter:drop-shadow(0 9px 15px #a4c2ed60)}.cube-art span:nth-child(2){color:#2569eb;transform:translateY(-16px)}.erp-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;color:#64758f;font-size:12px;font-weight:700}.erp-strip>div{display:flex;gap:10px;flex-wrap:wrap}.erp-strip>div span{padding:9px 13px;background:#e9eff8;border-radius:6px}.services{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{background:#f7f9fc;border:1px solid #edf1f6;border-radius:11px;padding:30px 24px;min-height:250px;position:relative}.service-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#e5efff;color:var(--blue);font-size:27px}.service-num{position:absolute;top:38px;right:22px;font-size:11px;color:#9ba8bb}.service h3{font-size:18px;margin:35px 0 10px;letter-spacing:-.5px}.service p{font-size:13px;line-height:1.8;color:var(--muted)}.about{background:#0b1b38;color:white}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center;min-height:460px;padding:80px 0}.about-visual{height:320px;border:1px solid #34537b;border-radius:16px;background:radial-gradient(circle at 80% 10%,#23549b88,transparent 55%),#11294f;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.big-number{font:800 125px Manrope;letter-spacing:-10px;z-index:1}.big-number span{color:#70aaff;font-size:65px;vertical-align:top;letter-spacing:0}.number-label{text-align:center;font-size:11px;letter-spacing:2px;line-height:2;color:#b7c9e5;z-index:1}.about-lines{position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent,transparent 25px,#ffffff08 26px,#ffffff08 27px)}.section-kicker.light{color:#88b7ff}.about h2{margin:18px 0 24px}.about-copy p{font-size:15px;line-height:1.9;color:#b5c5dd}.outline{color:white;border:1px solid #6a83ab;margin-top:20px}.contact{background:#f5f8fc}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.contact-grid>div:first-child>p{max-width:440px;color:var(--muted);line-height:1.9;margin:25px 0}.contact-card{background:white;border:1px solid var(--line);border-radius:13px;padding:35px 42px;box-shadow:0 20px 55px #132f5a0a}.contact-card h3{font-size:23px;margin:0 0 25px}.contact-line{padding:15px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.contact-line small{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#8c9bb0}.contact-line a,.contact-line span{font-size:15px;line-height:1.6}.contact-line a:hover{color:var(--blue)}.map-link{display:inline-block;margin-top:18px;font-weight:800;color:var(--blue);font-size:13px}footer{background:#fff;border-top:1px solid var(--line)}.footer-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner>span,.footer-inner>a:last-child{font-size:12px;color:#77869b}.footer-brand{font-size:23px}.footer-brand .brand-mark{width:38px;height:38px;font-size:28px}
@media(max-width:900px){.nav nav{gap:16px;font-size:12px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:10px}.hero-art{height:380px}.hero-meta{margin-top:30px}.intro-grid,.contact-grid{gap:40px}.services-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:45px}.chip-top{right:10%}.chip-bottom{left:10%}}
@media(max-width:650px){.container{width:calc(100% - 38px)}.nav{height:70px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:12px;cursor:pointer}.menu-toggle span{width:23px;height:2px;background:#183254}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:22px 19px 25px;box-shadow:0 15px 30px #00132b18;flex-direction:column;align-items:stretch;gap:20px}.nav nav.open{display:flex}.nav-cta{text-align:center}.hero-grid{min-height:auto}.hero-copy{padding:65px 0 20px}.hero h1{letter-spacing:-2px}.hero-copy>p{font-size:14px}.hero-art{height:310px}.center-tile{width:145px;height:145px;border-radius:24px}.center-symbol{font-size:84px;letter-spacing:-11px}.center-label{font-size:7px;letter-spacing:1px}.orbit-one{width:290px;height:185px}.orbit-two{width:205px;height:290px}.floating-chip{padding:9px 11px;font-size:10px}.floating-chip small{font-size:9px}.chip-icon{width:28px;height:28px;font-size:18px}.chip-top{top:30px;right:0}.chip-bottom{bottom:25px;left:0}.hero-bottom{font-size:9px}.hero-bottom>a{font-size:10px}.section{padding:70px 0}.intro{padding:65px 0}.intro-grid,.contact-grid,.about-grid,.solution-grid{grid-template-columns:1fr}.intro-grid{gap:15px}.section-head{display:block}.section-head>p{margin-top:20px}.solution-card{min-height:410px;padding:26px}.erp-strip{display:block}.erp-strip>div{margin-top:13px}.services-grid{grid-template-columns:1fr}.service{min-height:205px}.about-grid{padding:65px 0;gap:35px}.about-visual{height:260px}.big-number{font-size:95px}.contact-grid{gap:35px}.contact-card{padding:27px}.footer-inner{flex-direction:column;padding:30px 0;align-items:flex-start}.hero-meta{gap:13px;font-size:10px}.hero-meta b{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Logo ufficiale Dotcom */
.brand-logo{display:block;width:205px;max-width:100%;height:auto;object-fit:contain}
.footer-brand .brand-logo{width:185px}
@media(max-width:650px){.brand-logo{width:175px}.footer-brand .brand-logo{width:175px}}

/* Partner logos */
.partners{padding:76px 0;background:#fff;border-top:1px solid var(--line)}
.partners-heading{text-align:center;margin-bottom:32px}
.partners-heading h2{font-size:clamp(27px,3vw,38px);letter-spacing:-1.5px;margin:13px 0}
.partners-heading p{color:var(--muted);line-height:1.7;margin:0}
.partner-logos{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.partner-logo{display:flex;align-items:center;justify-content:center;min-height:155px;width:min(100%,390px);padding:22px 30px;border:1px solid var(--line);border-radius:12px;background:#fff}
.partner-logo img{display:block;max-width:100%;max-height:115px;width:auto;height:auto;object-fit:contain}
@media(max-width:650px){.partners{padding:58px 0}.partner-logo{min-height:125px}.partner-logo img{max-height:95px}}

/* Partner sulla fascia blu iniziale */
.hero-partners{position:relative;background:transparent;border-top:1px solid #ffffff25;padding:26px 0 30px}
.hero-partners .partners-heading{margin-bottom:16px}.hero-partners .partners-heading h2{color:white;font-size:17px;letter-spacing:-.3px;margin:7px 0}
.hero-partners .partners-heading .section-kicker{color:#9dc3ff}
.hero-partners .partner-logos{gap:18px}
.hero-partners .partner-logo{width:280px;min-height:90px;padding:12px 18px;border:1px solid #ffffff30;border-radius:9px;background:#fff}
.hero-partners .partner-logo img{max-height:72px}
.video-section{background:#f5f8fc}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.video-card{overflow:hidden;border:1px solid #e5eaf2;background:#fff;border-radius:12px;transition:transform .2s,box-shadow .2s}.video-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #102c5918}
.video-thumb{position:relative;aspect-ratio:16/9;background:#14284d;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#2367eb;color:#fff;border-radius:12px;width:58px;height:42px;font-size:18px;padding-left:3px;box-shadow:0 5px 25px #0007}
.video-info{padding:20px}.video-category{font-size:10px;font-weight:800;color:#2367eb;letter-spacing:1.3px;text-transform:uppercase}.video-info h3{font-size:16px;line-height:1.5;min-height:48px;margin:10px 0 14px}.video-link{font-size:12px;color:#2367eb;font-weight:800}
.download-section{background:#eaf1fc}.download-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.download-inner p{color:#65748b;line-height:1.8}.download-inner .btn{flex-shrink:0}
@media(max-width:900px){.nav nav{gap:12px;font-size:11px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.video-grid{grid-template-columns:1fr}.download-inner{flex-direction:column;align-items:flex-start}.download-inner .btn{flex-shrink:1}.hero-partners .partner-logo{width:min(100%,290px)}}

/* Video di sfondo nella Home */
.hero-video{isolation:isolate;background:#07162e}.hero-video .hero-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;pointer-events:none}.hero-video .hero-video-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,15,35,.90) 0%,rgba(7,22,48,.76) 50%,rgba(7,22,48,.48) 100%);pointer-events:none}.hero-video .hero-glow{display:none}.hero-video .hero-grid{grid-template-columns:minmax(0,820px);min-height:530px}.hero-video .hero-copy{padding-top:95px;padding-bottom:80px}.hero-video .hero-copy>p{max-width:610px;color:#edf2ff;text-shadow:0 1px 3px #0007}.hero-video .hero-partners{z-index:1}.hero-video .hero-bottom{z-index:1}.video-toggle{position:absolute;right:max(24px,calc((100vw - 1180px)/2));top:25px;z-index:5;background:#091a37bb;color:#fff;border:1px solid #ffffff60;border-radius:8px;padding:10px 13px;cursor:pointer;font-size:12px}.video-toggle:hover,.video-toggle:focus-visible{background:#17417d}.video-toggle span{margin-left:8px}@media(max-width:650px){.hero-video .hero-grid{min-height:480px}.hero-video .hero-copy{padding:105px 0 60px}.hero-video .hero-video-overlay{background:linear-gradient(90deg,#06132be8,#06132bb8)}.video-toggle{right:19px;top:15px}}
@media(prefers-reduced-motion:reduce){.hero-background-video{display:none}.hero-video{background:#0b1730 url('video-poster.jpg') center/cover no-repeat}}