: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}}

/* Rinnovo visivo: interfaccia più luminosa, profonda e contemporanea. */
:root{--navy:#071b3a;--navy2:#031127;--blue:#2a57d8;--teal:#11b9ae;--mint:#eaf9f7;--paper:#f3f6fb;--ink:#10233c;--muted:#596a7d;--line:#dbe3ee}
body{background:linear-gradient(180deg,#f7f9fc 0,#eef3f9 48%,#f7f9fc 100%);letter-spacing:.005em}
.site-header{height:84px;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(16,35,60,.09);box-shadow:0 12px 35px rgba(7,27,58,.07)}
.brand img{width:232px}.site-header nav{gap:32px}.site-header nav a{font-size:.94rem}.site-header nav a:hover{color:var(--blue)}
.hero{min-height:690px;padding-top:clamp(88px,11vw,155px);padding-bottom:clamp(88px,11vw,155px);gap:6vw;background:radial-gradient(circle at 82% 22%,rgba(73,222,202,.26),transparent 26%),radial-gradient(circle at 25% 100%,rgba(42,87,216,.38),transparent 37%),linear-gradient(130deg,#031126 0%,#092d61 55%,#123d7b 100%)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#000,transparent 72%);pointer-events:none}
.hero h1{font-size:clamp(3.1rem,6.5vw,6.2rem);letter-spacing:-.055em;max-width:790px;margin:16px 0 25px}.hero .lead{max-width:650px;font-size:clamp(1.12rem,1.6vw,1.32rem);line-height:1.7}.eyebrow{color:#68e7d9}
.button{border-radius:999px;padding:14px 25px;letter-spacing:.01em}.primary{background:linear-gradient(135deg,#11b9ae,#1085b6);box-shadow:0 12px 26px rgba(12,183,170,.24)}.secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.45)}
.hero-card{position:relative;padding:34px;border-radius:18px;border:1px solid rgba(166,239,231,.35);background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.045));backdrop-filter:blur(10px);box-shadow:0 28px 70px rgba(0,0,0,.27)}
.hero-card strong{font-size:1.06rem;letter-spacing:.01em}.section{padding-top:110px;padding-bottom:110px}.section h2{letter-spacing:-.045em;font-size:clamp(2.25rem,4.4vw,4rem);margin-bottom:44px}
.capabilities{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:-56px auto 0;padding:0 24px}.capabilities article{display:flex;align-items:center;gap:17px;padding:24px 22px;border:1px solid rgba(16,35,60,.09);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 18px 45px rgba(7,27,58,.10)}.capability-icon{display:grid;flex:0 0 52px;width:52px;height:52px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#e2f8f5,#e7edff);color:#146d9d}.capability-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.capabilities h2{margin:0 0 2px;color:var(--navy);font-size:1.03rem;letter-spacing:-.01em}.capabilities p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}
.cards{gap:24px}.cards article{min-height:318px;padding:32px;border-radius:16px;border:1px solid rgba(16,35,60,.09);box-shadow:0 10px 32px rgba(16,35,60,.055)}.cards article:nth-child(1){background:linear-gradient(145deg,#fff,#eef7ff)}.cards article:nth-child(4),.cards article:nth-child(5){background:linear-gradient(145deg,#fff,#f0fbf9)}.cards h3{font-size:1.5rem;letter-spacing:-.025em;margin:12px 0}.cards article:hover{transform:translateY(-9px);box-shadow:0 22px 48px rgba(16,35,60,.13)}
.catalog-intro{max-width:790px;margin:-20px 0 54px;color:var(--muted);font-size:1.08rem;line-height:1.7}.category-heading{display:flex;align-items:center;gap:16px;margin:62px 0 22px}.category-heading>span{display:grid;width:47px;height:47px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#e4f8f5,#e5edff);color:var(--blue);font-size:1.5rem;font-weight:800}.category-heading p{margin:0;color:var(--teal);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.category-heading h3{margin:2px 0 0;color:var(--navy);font-size:1.35rem;letter-spacing:-.02em}.cards+.category-heading{margin-top:72px}.cards-short{grid-template-columns:minmax(0,1fr);max-width:calc((100% - 48px)/3)}.cards-short article{min-height:0}.card-note{margin-top:23px;color:var(--muted);font-size:.92rem;font-style:italic}@media(max-width:850px){.catalog-intro{margin-bottom:38px}.category-heading{margin-top:48px}.category-heading h3{font-size:1.18rem}.cards-short{max-width:none}}
.solution-guides{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:0 0 20px}.solution-guides a{display:flex;min-height:215px;flex-direction:column;gap:8px;padding:21px 18px;border:1px solid rgba(16,35,60,.1);border-radius:16px;background:linear-gradient(145deg,#fff,#eef7ff);box-shadow:0 8px 24px rgba(16,35,60,.06);color:var(--navy);text-decoration:none;transition:transform .2s,box-shadow .2s}.solution-guides a:hover,.solution-guides a:focus-visible{transform:translateY(-5px);box-shadow:0 17px 32px rgba(16,35,60,.13)}.solution-guides span,.solution-category summary>span:first-child{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;background:linear-gradient(135deg,#e4f8f5,#e5edff);color:var(--blue);font-size:1.25rem}.solution-guides strong{font-size:1.05rem}.solution-guides small,.solution-category summary small{color:var(--muted);line-height:1.4}.catalog-choice{margin:0 0 26px;color:var(--muted);font-size:.92rem}.solution-category{margin:13px 0;border:1px solid rgba(16,35,60,.1);border-radius:15px;background:#fff;overflow:hidden}.solution-category summary{display:flex;align-items:center;gap:15px;padding:19px 22px;cursor:pointer;list-style:none}.solution-category summary::-webkit-details-marker{display:none}.solution-category summary::after{content:'+';margin-left:auto;color:var(--blue);font-size:1.45rem;font-weight:700}.solution-category[open] summary::after{content:'−'}.solution-category summary b{display:block;color:var(--navy);font-size:1.1rem}.solution-category summary small{display:block;margin-top:2px}.category-content{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:4px 22px 23px;border-top:1px solid rgba(16,35,60,.08)}.category-content article{padding:21px;border-radius:12px;background:linear-gradient(145deg,#f8fbff,#eef8f7)}.category-content h3{margin:10px 0;font-size:1.25rem;color:var(--navy)}.category-content p{margin:0 0 12px}.category-content .product-state{display:inline-block;margin:0;font-size:.76rem}@media(max-width:850px){.solution-guides{grid-template-columns:repeat(2,1fr)}.solution-guides a{min-height:170px}.category-content{grid-template-columns:1fr;padding:4px 14px 15px}.solution-category summary{padding:17px 15px}}@media(max-width:480px){.solution-guides{grid-template-columns:1fr}}
.product-state{background:#e9efff;color:#2544ae}.product-state.upcoming{background:#dbf6f1;color:#08776f}.split{position:relative;overflow:hidden;background:linear-gradient(125deg,#fff,#f1f8ff)}.split::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-220px;bottom:-330px;background:radial-gradient(circle,rgba(17,185,174,.2),transparent 67%)}
.steps p{padding:25px 0}.steps b{color:var(--blue)}.trial{margin:0 clamp(12px,4vw,64px);padding-left:clamp(22px,5vw,86px);padding-right:clamp(22px,5vw,86px);border-radius:24px;background:linear-gradient(135deg,#fff,#edf8f7);box-shadow:0 16px 50px rgba(16,35,60,.07)}.trial-steps p{border-radius:13px;background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(16,35,60,.045)}
.security{background:radial-gradient(circle at 85% 25%,rgba(17,185,174,.2),transparent 24%),linear-gradient(135deg,#dff6f3,#ebf4ff)}.contact{background:radial-gradient(circle at 85% 18%,rgba(64,199,215,.25),transparent 25%),linear-gradient(125deg,#031127,#0b3268)}footer{padding-top:30px;padding-bottom:30px}
@media(max-width:850px){.site-header{height:72px}.brand img{width:185px}.section{padding-top:75px;padding-bottom:75px}.hero{min-height:0}.trial{margin:0;border-radius:0}.hero h1{letter-spacing:-.04em}.capabilities{grid-template-columns:1fr;margin:0;padding:18px 22px;gap:12px}.capabilities article{padding:18px}.capability-icon{flex-basis:46px;width:46px;height:46px}}

.card-link{display:inline-flex;gap:8px;align-items:center;color:var(--blue);font-weight:800;text-decoration:none}.card-link span{font-size:1.2rem;transition:transform .2s ease}.card-link:hover span{transform:translateX(4px)}
.product-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;background:#fff}.product-story h2{margin-bottom:0}.story-copy{max-width:690px}.story-copy p{margin:0 0 20px;color:var(--muted);font-size:1.09rem;line-height:1.75}.story-copy p:first-child{color:var(--ink);font-size:1.2rem}
.product-page .site-header{position:relative}.product-page .site-header nav{display:flex}.product-hero{min-height:590px;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;padding:clamp(72px,10vw,130px) clamp(22px,8vw,150px);overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 30%,rgba(17,185,174,.34),transparent 25%),radial-gradient(circle at 20% 95%,rgba(42,87,216,.45),transparent 37%),linear-gradient(135deg,#031127,#0c3267)}.product-hero h1{max-width:780px;margin:16px 0 24px;font-size:clamp(3rem,6vw,5.7rem);line-height:.98;letter-spacing:-.055em}.product-hero .lead{max-width:650px;color:#dbe7f2;font-size:1.18rem;line-height:1.7}.product-page .secondary{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.42);color:#fff}.password-visual{position:relative;display:grid;min-height:340px;place-items:center}.vault-card{position:relative;z-index:1;display:grid;gap:10px;width:min(300px,100%);padding:40px 34px;border:1px solid rgba(180,250,241,.4);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.05));box-shadow:0 30px 70px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.vault-card strong{font-size:1.45rem}.vault-card small{color:#9deee4}.vault-mark{display:grid;width:58px;height:58px;place-items:center;border-radius:17px;background:linear-gradient(135deg,#12b9ae,#3375e2)}.vault-mark svg{width:31px;height:31px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.visual-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:245px;height:245px;background:rgba(17,185,174,.25);top:8px;right:5px}.orb-two{width:170px;height:170px;background:rgba(80,123,249,.32);bottom:0;left:2px}.benefit-grid,.edition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefit-grid article,.edition-grid article{padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(16,35,60,.05)}.benefit-grid span{color:var(--teal);font-weight:800;letter-spacing:.1em}.benefit-grid h3,.edition-grid h3{margin:12px 0;color:var(--navy);font-size:1.35rem}.benefit-grid p,.edition-grid p,.edition-note{color:var(--muted)}.editions{background:linear-gradient(135deg,#edf8f7,#edf3ff)}.edition-grid .featured{border-color:#4dc8bd;box-shadow:0 20px 42px rgba(17,185,174,.14)}.edition-note{margin:30px 0 0}.product-status{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--navy);color:#fff}.product-status h2{margin-bottom:0}.product-status p{font-size:1.1rem;color:#dce7f2}.product-status a{color:#73e4d8;font-weight:700}@media(max-width:850px){.product-page .site-header nav{display:none}.product-hero,.product-status{grid-template-columns:1fr}.product-hero{min-height:0}.password-visual{min-height:270px}.benefit-grid,.edition-grid{grid-template-columns:1fr}}
.legal-page{background:#f5f8fc}.legal-page .site-header{position:relative}.legal-content{max-width:900px;margin:0 auto;padding:90px 28px 110px}.legal-content h1{margin:12px 0 6px;color:var(--navy);font-size:clamp(2.8rem,5vw,4.8rem);letter-spacing:-.05em;line-height:1}.legal-updated{margin:0 0 52px;color:var(--muted)}.legal-content section{padding:28px 0;border-top:1px solid var(--line)}.legal-content h2{margin:0 0 14px;color:var(--navy);font-size:1.35rem}.legal-content p{max-width:800px;margin:0 0 13px;color:var(--muted)}.legal-content a,footer a{color:inherit;text-underline-offset:3px}.legal-content a{color:var(--blue);font-weight:700}footer a:hover{color:#fff}@media(max-width:850px){.legal-content{padding:62px 22px 78px}.legal-page .site-header nav{display:none}}
@media(max-width:850px){.product-story{grid-template-columns:1fr}}
@media(max-width:850px){.brand img{width:158px}}
@media(min-width:851px){.site-header{height:88px}.brand img{width:250px}}