:root{--navy:#102f57;--navy2:#071a38;--blue:#09258f;--teal:#07877f;--mint:#e3f3f2;--paper:#f5f7f8;--ink:#152a38;--muted:#5b6f7c;--line:#d7e0e5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}.site-header{height:78px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;color:var(--navy);text-decoration:none}.brand img{width:220px;height:auto;display:block;object-fit:contain}.site-header nav{display:flex;gap:28px}.site-header nav a{color:var(--ink);text-decoration:none;font-weight:600}.site-header nav a:hover{color:var(--teal)}.menu-button{display:none}.hero{min-height:650px;padding:clamp(70px,10vw,140px) clamp(22px,8vw,150px);display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:center;background:linear-gradient(135deg,var(--navy2),var(--navy));color:white}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:800;color:#4bd2c5}.hero h1{font-size:clamp(2.7rem,6vw,5.5rem);line-height:.98;max-width:850px;margin:18px 0 28px}.lead{font-size:clamp(1.08rem,1.7vw,1.35rem);max-width:720px;color:#d8e5ec}.actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.button{padding:13px 22px;border-radius:4px;text-decoration:none;font-weight:700}.primary{background:var(--teal);color:#fff}.secondary{border:1px solid #8ba3b2;color:#fff}.hero-card{display:grid;grid-template-columns:auto 1fr;gap:20px 18px;border:1px solid #527084;background:#173d55;padding:32px}.hero-card span{color:#62d8cd;font-weight:800}.section{padding:90px clamp(22px,8vw,150px)}.section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:12px 0 40px;max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{background:#fff;border:1px solid var(--line);padding:30px;min-height:330px}.cards h3{color:var(--navy);font-size:1.35rem}.cards ul{padding-left:20px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#fff}.steps p{display:grid;gap:5px;border-top:1px solid var(--line);padding:22px 0;margin:0}.steps b{font-size:1.1rem}.steps span{color:var(--muted)}.security{background:var(--mint)}.security p:last-child{font-size:1.15rem;max-width:900px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--navy);color:#fff}.company{font-weight:700;color:#84e0d7;margin-top:30px}footer{padding:24px clamp(22px,8vw,150px);display:flex;justify-content:space-between;background:var(--navy2);color:#b9cbd6;font-size:.9rem}@media(max-width:850px){.menu-button{display:block;border:1px solid var(--line);background:white;padding:9px 13px}.site-header nav{display:none;position:absolute;top:77px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.site-header nav.open{display:flex}.hero,.split,.contact{grid-template-columns:1fr}.hero{min-height:auto}.cards{grid-template-columns:1fr}.hero-card{margin-top:20px}.section{padding-top:65px;padding-bottom:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Movimento leggero e coerente con la linea GIUSOFT */
.site-header{backdrop-filter:blur(12px);box-shadow:0 8px 28px rgba(7,26,56,.06)}
.site-header nav a{position:relative;transition:color .2s ease}
.site-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--teal);transition:right .25s ease}
.site-header nav a:hover::after,.site-header nav a:focus-visible::after{right:0}
.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--navy2),var(--navy) 58%,var(--blue));background-size:180% 180%;animation:heroFlow 14s ease-in-out infinite}
.hero::after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(107,224,212,.2);border-radius:50%;right:-180px;top:-210px;box-shadow:0 0 0 70px rgba(107,224,212,.035),0 0 0 140px rgba(107,224,212,.025);pointer-events:none}
.hero>*,.section>*{position:relative;z-index:1}
.button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px rgba(7,26,56,.18)}
.cards article{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.cards article::before{content:"";position:absolute;left:0;top:0;width:5px;height:0;background:linear-gradient(var(--blue),var(--teal));transition:height .3s ease}
.cards article:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(7,26,56,.10);border-color:#adc5d2}
.cards article:hover::before{height:100%}
.hero-card{box-shadow:0 25px 70px rgba(0,0,0,.2);transition:transform .3s ease}
.hero-card:hover{transform:translateY(-5px)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}
@keyframes heroFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.hero{animation:none}.reveal{opacity:1;transform:none;transition:none}.button,.cards article,.hero-card,.site-header nav a::after{transition:none}}
.product-state{display:inline-block;margin:0 0 8px;padding:5px 9px;border-radius:999px;background:#e8efff;color:var(--blue);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.product-state.upcoming{background:#e4f5f1;color:#066c66}
.trial{background:#fff}
.trial-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.trial-steps p{display:grid;gap:10px;margin:0;padding:28px;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--teal)}
.trial-steps b{color:var(--navy);font-size:1.2rem}
.trial-steps span{color:var(--muted)}
@media(max-width:850px){.trial-steps{grid-template-columns:1fr}}