:root{
  --navy:#071f3e;
  --navy-2:#0b2e58;
  --blue:#0797e5;
  --cyan:#20c6ff;
  --gold:#f3b41b;
  --gold-2:#ffd463;
  --ink:#122033;
  --muted:#617085;
  --line:#dce5ef;
  --soft:#f4f8fc;
  --white:#fff;
  --shadow:0 24px 60px rgba(7,31,62,.13);
  --radius:28px;
  --radius-sm:18px;
  --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:10px 14px;z-index:9999;border-radius:8px}.skip-link:focus{left:8px}

.topbar{background:#04162c;color:#b8c8d9;font-size:.88rem}.topbar__inner{height:38px;display:flex;align-items:center;justify-content:space-between}.topbar__links{display:flex;gap:28px}.topbar a{display:inline-flex;align-items:center;gap:8px;transition:.2s;color:#c7d4e2}.topbar a:hover{color:#fff}.topbar svg{width:15px;height:15px}.topbar__store{font-weight:700;color:var(--gold)!important}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,31,62,.08)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content}.brand>img{width:255px;max-height:68px;object-fit:contain}.brand--wordmark>img.brand__globe{width:60px;height:60px;max-height:none;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(7,31,62,.18))}.brand__wordmark{display:flex;align-items:baseline;white-space:nowrap;color:var(--navy);line-height:1}.brand__wordmark strong{font-size:1.7rem;font-weight:850;letter-spacing:-.055em}.brand__wordmark strong span{color:#087fc1}.brand__wordmark small{font-size:.82rem;font-weight:800;margin-left:.34rem;letter-spacing:-.02em;color:#23364e}.main-nav{display:flex;align-items:center;gap:28px;font-size:.95rem;font-weight:650;color:#33455a}.main-nav>a:not(.nav-cta){position:relative;padding:12px 0}.main-nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:2px;background:var(--blue);transition:.25s}.main-nav>a:not(.nav-cta):hover::after{right:0}.nav-cta{background:var(--navy);color:#fff!important;padding:12px 18px;border-radius:12px;box-shadow:0 10px 24px rgba(7,31,62,.18);transition:.25s}.nav-cta:hover{transform:translateY(-1px);background:var(--navy-2)}.nav-toggle{display:none;border:0;background:transparent;padding:8px}.nav-toggle span{display:block;width:27px;height:2px;background:var(--navy);margin:6px 0;transition:.25s}

.section-dark{background:linear-gradient(135deg,#06182f 0%,#0b2f59 55%,#073c6a 100%);color:#fff;position:relative;overflow:hidden}.hero{min-height:700px;padding:90px 0 105px}.hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;position:relative;z-index:2}.hero__copy{padding-bottom:20px}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:800;color:#a9c4df;margin-bottom:20px}.eyebrow span{width:34px;height:2px;background:var(--gold);display:inline-block}.eyebrow--dark{color:#5d6d80}.hero h1,.section-heading h2,.partner-copy h2,.support-copy h2,.contact-copy h2{font-size:clamp(2.5rem,5vw,5rem);line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:760}.hero h1 em,.section-heading h2 em,.partner-copy h2 em,.support-copy h2 em,.contact-copy h2 em{font-style:normal;color:var(--gold)}.hero__lead{font-size:1.2rem;color:#c5d5e6;max-width:680px;margin:26px 0 30px}.hero__actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;border-radius:13px;font-weight:760;border:1px solid transparent;transition:.25s;min-height:50px}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(135deg,var(--blue),#1fbef2);color:#fff;box-shadow:0 12px 30px rgba(9,151,229,.28)}.btn--ghost{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.05)}.btn--ghost:hover{background:rgba(255,255,255,.11)}.btn--gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#13233a;box-shadow:0 12px 28px rgba(243,180,27,.24)}.btn--outline{border-color:#b9c6d4;background:#fff;color:var(--navy)}.btn--full{width:100%}.hero__trust{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero__trust>div{border-left:1px solid rgba(255,255,255,.18);padding-left:16px}.hero__trust strong{display:block;font-size:1.05rem;color:#fff}.hero__trust span{font-size:.86rem;color:#9fb5ca}.hero__visual{position:relative;min-height:520px;display:flex;align-items:center}.hero-card{position:relative;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 42px 80px rgba(0,0,0,.36);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg);background:#0b223b}.hero-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(2,20,39,.48));pointer-events:none}.hero-card img{width:100%;height:455px;object-fit:cover}.hero-card--it{width:100%;border:0;background:transparent;box-shadow:none;overflow:visible;transform:none}.hero-card--it::before{content:"";position:absolute;inset:-5%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 48%,rgba(6,24,47,.16) 68%,rgba(6,24,47,.78) 100%)}.hero-card--it::after{background:linear-gradient(90deg,rgba(6,24,47,.78) 0%,rgba(6,24,47,.08) 22%,transparent 58%),linear-gradient(180deg,transparent 54%,rgba(6,24,47,.58) 100%);border-radius:30px}.hero-card--it img{object-position:center center;border-radius:30px;box-shadow:0 32px 70px rgba(0,0,0,.24);-webkit-mask-image:radial-gradient(ellipse 92% 90% at 54% 48%,#000 63%,rgba(0,0,0,.92) 78%,transparent 100%);mask-image:radial-gradient(ellipse 92% 90% at 54% 48%,#000 63%,rgba(0,0,0,.92) 78%,transparent 100%)}.hero-card__badge{position:absolute;left:24px;bottom:22px;z-index:2;background:rgba(4,22,44,.82);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);padding:11px 14px;border-radius:12px;font-size:.83rem;color:#dce9f6;display:flex;align-items:center;gap:9px}.pulse{width:8px;height:8px;border-radius:50%;background:#36dc8b;box-shadow:0 0 0 6px rgba(54,220,139,.12)}.floating-card{position:absolute;z-index:3;background:rgba(255,255,255,.96);color:var(--navy);border-radius:16px;box-shadow:0 20px 45px rgba(0,0,0,.2);border:1px solid rgba(7,31,62,.08)}.floating-card--partner{right:-20px;top:26px;padding:12px 16px;width:210px}.floating-card--partner span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#69798b;margin-bottom:5px;font-weight:800}.floating-card--partner img{height:50px;width:auto;object-fit:contain}.floating-card--quote{left:-26px;bottom:34px;padding:14px 18px;font-family:Georgia,serif;font-style:italic;font-size:1.02rem}.hero__glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.45}.hero__glow--one{width:460px;height:460px;background:#0877c8;right:-140px;top:-100px}.hero__glow--two{width:380px;height:380px;background:#00bdea;left:-180px;bottom:-140px;opacity:.18}.hero__wave{position:absolute;left:-5%;right:-5%;bottom:-74px;height:125px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}

.client-strip{background:#fff;border-bottom:1px solid #eef2f6}.client-strip__inner{min-height:92px;display:flex;align-items:center;justify-content:center;gap:27px;flex-wrap:wrap;color:#526173;font-size:.86rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.client-strip__inner i{width:4px;height:4px;border-radius:50%;background:var(--gold)}

.section{padding:105px 0}.section-soft{background:var(--soft)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.section-heading h2,.partner-copy h2,.support-copy h2,.contact-copy h2{font-size:clamp(2.2rem,4vw,4rem);color:var(--navy)}.section-heading h2 em,.support-copy h2 em{color:var(--blue)}.split__copy{padding-top:14px;color:var(--muted)}.lead{font-size:1.18rem;color:#34475d}.split__copy p{margin:0 0 18px}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-weight:800;margin-top:8px}.text-link span{color:var(--blue);font-size:1.2em;transition:.2s}.text-link:hover span{transform:translateX(4px)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:70px}.value-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 26px rgba(7,31,62,.04)}.icon-box,.service-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e9f7ff,#f4fbff);color:#087fc1;border:1px solid #d8eef9}.icon-box svg,.service-icon svg{width:26px;height:26px}.value-card h3,.service-card h3{margin:20px 0 10px;font-size:1.22rem;color:var(--navy)}.value-card p,.service-card p{color:var(--muted);margin:0}

.section-heading--center{text-align:center;max-width:860px;margin:0 auto 55px}.section-heading--center .eyebrow{justify-content:center}.section-heading--center p{font-size:1.08rem;color:var(--muted);margin:18px auto 0;max-width:760px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.services-grid--primary{grid-template-columns:repeat(3,1fr);align-items:stretch}.service-card{background:#fff;border:1px solid #dfe8f0;border-radius:24px;padding:26px;min-height:290px;box-shadow:0 14px 34px rgba(7,31,62,.045);position:relative;overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#cae0ef}.service-card--wide{grid-column:span 2}.service-card--priority{border-color:#d5e4ef;box-shadow:0 18px 42px rgba(7,31,62,.055)}.service-card--featured{background:linear-gradient(145deg,#092748,#0a3d68);color:#fff;border-color:transparent}.service-card--featured h3{color:#fff}.service-card--featured p{color:#bdd0e3}.service-card__top{display:flex;align-items:center;justify-content:space-between}.service-tag{font-size:.72rem;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);color:#d7e8f6;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.service-kicker{display:block;margin-top:18px;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:#6b8197}.service-card ul{list-style:none;padding:0;margin:18px 0 0;color:#dbe9f5;font-size:.92rem}.service-card li{position:relative;padding-left:18px;margin:7px 0}.service-card li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--gold)}.service-card--water .service-icon{background:linear-gradient(135deg,#e8f8ff,#eefcff);color:#078ed8}.service-card--water{border-color:#cfeaf8}.service-link{display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:var(--blue);font-weight:800;font-size:.9rem}.service-link span{transition:.2s}.service-link:hover span{transform:translateX(3px)}
.store-sql{margin-top:28px;display:grid;grid-template-columns:1.35fr auto auto;gap:28px;align-items:center;padding:30px 32px;border-radius:26px;background:linear-gradient(135deg,#061d39,#0a3b68);color:#fff;box-shadow:0 24px 55px rgba(7,31,62,.13);position:relative;overflow:hidden}.store-sql::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-130px;background:rgba(32,198,255,.12)}.store-sql__copy{position:relative;z-index:1}.store-sql__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:850;color:#76d7ff;margin-bottom:6px}.store-sql h3{margin:0 0 8px;font-size:1.55rem}.store-sql p{margin:0;color:#c4d7e7;max-width:700px}.store-sql__features{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1}.store-sql__features span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:.78rem;color:#e6f3fb;white-space:nowrap}.store-sql>.btn{position:relative;z-index:1;white-space:nowrap}
.secondary-services{margin-top:26px;padding:22px 24px;border:1px solid #e0e8ef;border-radius:22px;background:rgba(255,255,255,.62);display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:18px;align-items:start}.secondary-services__intro span{display:block;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:#74869a;margin-bottom:6px}.secondary-services__intro p{margin:0;color:#7a8999;font-size:.88rem}.secondary-service{padding-left:18px;border-left:1px solid #dce5ed}.secondary-service strong{display:block;color:#40536a;font-size:.92rem;margin-bottom:5px}.secondary-service span{display:block;color:#7b8998;font-size:.8rem;line-height:1.5}

.partner-section{padding:110px 0}.partner-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.partner-copy h2{color:#fff;margin-top:24px}.partner-copy h2 em{color:var(--gold)}.partner-copy p{color:#bfd1e2;font-size:1.06rem;max-width:620px}.siscom-logo{height:76px;width:auto;background:#fff;border-radius:14px;padding:8px 14px;margin:10px 0 14px}.partner-chips{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 30px}.partner-chips span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:.78rem;color:#d7e6f4}.partner-image{position:relative}.partner-image>img{border-radius:30px;box-shadow:0 35px 70px rgba(0,0,0,.32);height:510px;width:100%;object-fit:cover}.partner-image__overlay{position:absolute;left:22px;right:22px;bottom:22px;border-radius:17px;background:rgba(3,22,42,.82);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.13);padding:15px 18px}.partner-image__overlay span{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#9fbbd3}.partner-image__overlay strong{display:block;color:#fff;font-size:1.08rem;margin-top:2px}

.support-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.support-visual{min-height:480px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#e7f6ff 0,#f6fbff 45%,transparent 72%);border-radius:38px}.support-orbit{width:350px;height:350px;position:relative;display:grid;place-items:center}.support-orbit__ring{position:absolute;border-radius:50%;border:1px dashed #9ccdea}.ring-one{inset:25px;animation:spin 24s linear infinite}.ring-two{inset:70px;animation:spin 18s linear infinite reverse}.support-orbit__core{width:125px;height:125px;border-radius:32px;display:grid;place-items:center;background:linear-gradient(145deg,#0b2d55,#087fc1);box-shadow:0 28px 50px rgba(7,61,105,.22);color:#fff}.support-orbit__core svg{width:52px;height:52px}.dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 8px rgba(243,180,27,.12)}.dot-a{top:34px;left:88px}.dot-b{right:44px;bottom:85px;background:var(--blue);box-shadow:0 0 0 8px rgba(7,151,229,.12)}.dot-c{left:42px;bottom:105px;background:#35d18d;box-shadow:0 0 0 8px rgba(53,209,141,.12)}@keyframes spin{to{transform:rotate(360deg)}}.support-copy h2{margin:0 0 22px}.support-list{margin:28px 0}.support-list>div{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.support-list>div>span{font-weight:850;color:var(--blue);font-size:.86rem}.support-list strong{color:var(--navy)}.support-list p{margin:4px 0 0;color:var(--muted);font-size:.92rem}.support-actions{display:flex;gap:12px;flex-wrap:wrap}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 24px;min-height:220px}.process-step span{font-size:.78rem;font-weight:850;color:var(--blue);letter-spacing:.1em}.process-step h3{font-size:1.25rem;color:var(--navy);margin:28px 0 10px}.process-step p{color:var(--muted);margin:0}.process-step::before{content:"";position:absolute;left:24px;top:60px;width:34px;height:2px;background:var(--gold)}

.contact-section{padding:110px 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.contact-copy h2{color:#fff}.contact-copy h2 em{color:var(--gold)}.contact-copy>p{color:#bfd0df;font-size:1.05rem}.contact-cards{display:grid;gap:12px;margin-top:34px}.contact-card{display:flex;align-items:center;gap:14px;padding:15px 17px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);transition:.22s}.contact-card:hover{background:rgba(255,255,255,.10);transform:translateX(3px)}.contact-card__icon{width:40px;height:40px;border-radius:11px;background:rgba(32,198,255,.11);display:grid;place-items:center;color:#55cdfb}.contact-card__icon svg{width:21px;height:21px}.contact-card small{display:block;color:#8facC4;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.contact-card strong{color:#fff;font-size:.94rem}.contact-form{background:#fff;color:var(--ink);padding:30px;border-radius:26px;box-shadow:0 34px 75px rgba(0,0,0,.25)}.form-title{margin-bottom:20px}.form-title strong{display:block;font-size:1.25rem;color:var(--navy)}.form-title span{display:block;font-size:.82rem;color:var(--muted);margin-top:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block;font-size:.82rem;font-weight:700;color:#43546a;margin-bottom:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #d8e1ea;border-radius:12px;padding:12px 13px;margin-top:6px;background:#fbfdff;color:var(--ink);outline:none;transition:.2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#53bce8;box-shadow:0 0 0 4px rgba(7,151,229,.10);background:#fff}.contact-form textarea{resize:vertical;min-height:130px}.privacy-check{display:flex!important;align-items:flex-start;gap:9px;font-weight:500!important;font-size:.78rem!important}.privacy-check input{width:auto;margin-top:3px}.privacy-check a{text-decoration:underline;color:var(--blue)}.form-status{min-height:20px;margin:12px 0 0;font-size:.83rem;color:#547087}

.site-footer{background:#031326;color:#b7c8d8;padding:72px 0 22px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr .7fr;gap:42px}.footer-brand__name{display:flex;align-items:center;gap:13px;color:#fff;font-size:1.55rem;font-weight:760}.footer-brand__name img{width:58px;height:58px;object-fit:contain}.footer-brand__name small{font-size:.7em;font-weight:600}.footer-brand p{max-width:290px}.footer-slogan{color:var(--gold);font-family:Georgia,serif;font-style:italic}.site-footer h3{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 18px}.site-footer p{font-size:.9rem;line-height:1.65}.site-footer a:hover{color:#fff}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:8px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:52px;font-size:.78rem;color:#7f97ad}

.to-top{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border:0;border-radius:14px;background:var(--navy);color:#fff;box-shadow:0 12px 28px rgba(7,31,62,.24);opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s;z-index:40}.to-top.visible{opacity:1;pointer-events:auto;transform:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal--delay-sm{transition-delay:.08s}.reveal--delay{transition-delay:.14s}.reveal--delay-lg{transition-delay:.18s}.reveal.in-view{opacity:1;transform:none}

/* Legal pages */
.legal-hero{padding:70px 0 55px;background:linear-gradient(135deg,#06182f,#0b3560);color:#fff}.legal-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);margin:0 0 14px}.legal-hero p{color:#bfd1e2;max-width:760px}.legal-content{padding:70px 0 100px}.legal-content__wrap{max-width:880px}.legal-content h2{color:var(--navy);margin-top:38px}.legal-content p,.legal-content li{color:#52657a}.legal-note{padding:16px 18px;border-left:4px solid var(--gold);background:#fff8e5;border-radius:10px;margin:24px 0}.back-home{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--blue);margin-bottom:20px}

@media (max-width:1020px){
  .topbar__links a:nth-child(2){display:none}.nav-wrap{height:78px}.brand>img{width:220px}.brand--wordmark>img.brand__globe{width:54px;height:54px}.brand__wordmark strong{font-size:1.5rem}.brand__wordmark small{font-size:.72rem}.nav-toggle{display:block}.main-nav{position:absolute;left:20px;right:20px;top:78px;display:none;flex-direction:column;align-items:stretch;gap:4px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:10px 12px!important}.nav-cta{text-align:center;margin-top:6px}.hero{padding-top:70px}.hero__grid,.partner-grid,.support-grid,.contact-grid{grid-template-columns:1fr;gap:55px}.hero__visual{max-width:700px;width:100%;margin:auto}.hero h1{font-size:clamp(2.6rem,8vw,4.8rem)}.split{grid-template-columns:1fr;gap:30px}.values-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.services-grid--primary{grid-template-columns:repeat(2,1fr)}.service-card--wide{grid-column:span 2}.store-sql{grid-template-columns:1fr;gap:18px}.store-sql__features{justify-content:flex-start}.secondary-services{grid-template-columns:1fr 1fr}.secondary-services__intro{grid-column:1/-1}.secondary-service{border-left:0;padding-left:0;border-top:1px solid #dce5ed;padding-top:14px}.process-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.support-visual{min-height:380px}
}
@media (max-width:700px){
  .container{width:min(100% - 28px,var(--container))}.topbar__inner{height:34px}.topbar__links{gap:12px}.topbar__store{font-size:.8rem}.nav-wrap{height:72px}.brand>img{width:185px}.brand--wordmark{gap:7px}.brand--wordmark>img.brand__globe{width:46px;height:46px}.brand__wordmark strong{font-size:1.18rem}.brand__wordmark small{font-size:.62rem;margin-left:.2rem}.main-nav{top:72px;left:14px;right:14px}.hero{padding:58px 0 90px;min-height:auto}.hero__grid{gap:38px}.hero h1{font-size:clamp(2.35rem,12vw,3.65rem)}.hero__lead{font-size:1.05rem}.hero__trust{grid-template-columns:1fr;gap:10px}.hero__trust>div{display:flex;align-items:baseline;gap:10px}.hero__visual{min-height:390px}.hero-card img{height:345px}.floating-card--partner{right:5px;top:-15px;width:170px}.floating-card--partner img{height:38px}.floating-card--quote{left:8px;bottom:-12px;font-size:.9rem}.client-strip__inner{padding:22px 0;gap:12px 16px;font-size:.72rem}.client-strip__inner i{display:none}.section{padding:76px 0}.section-heading h2,.partner-copy h2,.support-copy h2,.contact-copy h2{font-size:clamp(2rem,9vw,3rem)}.values-grid,.services-grid,.process-grid{grid-template-columns:1fr}.services-grid--primary{grid-template-columns:1fr}.service-card--wide{grid-column:auto}.value-card,.service-card{padding:24px}.store-sql{padding:24px}.store-sql h3{font-size:1.35rem}.secondary-services{grid-template-columns:1fr;padding:20px}.secondary-services__intro{grid-column:auto}.secondary-service{border-top:1px solid #dce5ed;padding-top:14px}.partner-section,.contact-section{padding:80px 0}.partner-image>img{height:390px}.support-orbit{width:290px;height:290px}.support-visual{min-height:330px}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:22px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.site-footer{padding-top:55px}.hero__wave{bottom:-85px}.siscom-logo{height:64px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.ring-one,.ring-two{animation:none}.btn,.service-card,.contact-card,.to-top{transition:none}}

/* Hero refresh 2026-10-02: scena fotografica integrata e meno forzata */
.hero__visual{position:relative;min-height:560px;display:flex;align-items:center}
.hero-scene{position:relative;width:100%;min-height:540px;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#0a223c;box-shadow:0 38px 86px rgba(0,0,0,.30);isolation:isolate}
.hero-scene__photo{position:absolute;inset:0;background-image:url('../img/hero-it-sistemi.jpg');background-size:cover;background-position:center right;transform:scale(1.01)}
.hero-scene__overlay{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(5,19,37,.12) 0%,rgba(5,19,37,.04) 30%,rgba(5,19,37,.18) 55%,rgba(5,19,37,.38) 100%),
  linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 35%,rgba(4,19,36,.22) 100%),
  radial-gradient(circle at 78% 22%,rgba(73,182,255,.16),transparent 28%)}
.hero-scene::after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(4,18,35,.08) 22%,rgba(4,18,35,.42) 100%);pointer-events:none}
.hero-scene__badge{position:absolute;left:24px;bottom:22px;z-index:3;background:rgba(255,255,255,.90);color:var(--navy);padding:12px 18px;border-radius:999px;border:1px solid rgba(7,31,62,.08);box-shadow:0 16px 40px rgba(0,0,0,.18);font-family:Georgia,serif;font-style:italic;font-size:1rem}
.hero-chip{position:absolute;z-index:3;padding:12px 16px;border-radius:18px;background:rgba(12,40,73,.64);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);color:#eaf4ff;font-weight:760;line-height:1.28;box-shadow:0 16px 34px rgba(0,0,0,.16)}
.hero-chip::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-right:10px;vertical-align:middle;box-shadow:0 0 0 6px rgba(243,180,27,.14)}
.hero-chip--one{left:22px;top:26px;max-width:240px}
.hero-chip--two{right:22px;top:40px;max-width:250px}
.hero-chip--three{right:24px;bottom:118px;max-width:265px}
.hero-chip--four{left:46px;bottom:98px;max-width:190px}

.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 22%,rgba(255,255,255,.22) 50%,transparent 78%);transform:translateX(-130%);transition:transform .55s ease;pointer-events:none}
.btn:hover::after{transform:translateX(130%)}

@media (max-width:1020px){
  .hero__visual{min-height:500px}
  .hero-scene{min-height:480px}
  .hero-chip{font-size:.88rem;padding:11px 14px}
  .hero-chip--one{left:18px;top:20px;max-width:220px}
  .hero-chip--two{right:18px;top:22px;max-width:220px}
  .hero-chip--three{right:18px;bottom:98px;max-width:240px}
  .hero-chip--four{left:18px;bottom:92px;max-width:180px}
}

@media (max-width:700px){
  .hero__visual{min-height:410px}
  .hero-scene{min-height:395px;border-radius:26px}
  .hero-scene__photo{background-position:72% center}
  .hero-scene__badge{left:14px;right:14px;bottom:14px;font-size:.9rem;padding:10px 14px;text-align:center}
  .hero-chip{padding:9px 12px;font-size:.75rem;border-radius:14px}
  .hero-chip::before{width:7px;height:7px;margin-right:8px}
  .hero-chip--one{left:12px;top:12px;max-width:165px}
  .hero-chip--two{right:12px;top:12px;max-width:165px}
  .hero-chip--three{right:12px;bottom:78px;max-width:170px}
  .hero-chip--four{left:12px;bottom:78px;max-width:150px}
}

/* 2026-10-02 - Hero/header replica basata sull'ultima mockup approvata */
.site-header--hero{position:sticky;top:0;z-index:90;background:#fff;border-bottom:1px solid rgba(7,31,62,.06);box-shadow:0 6px 24px rgba(7,31,62,.05)}
.nav-wrap--hero{height:88px;display:flex;align-items:center;gap:28px}
.main-nav--hero{margin-left:auto;display:flex;align-items:center;gap:34px}
.main-nav--hero a{font-size:1rem;font-weight:700;color:#213758;padding:8px 0;position:relative}
.main-nav--hero a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.main-nav--hero a:not(.nav-cta):hover::after{transform:scaleX(1)}
.main-nav--hero .nav-cta{padding:14px 22px;border-radius:16px;background:linear-gradient(135deg,#093968,#0d4f8d);color:#fff;box-shadow:0 14px 28px rgba(9,57,104,.18)}
.main-nav--hero .nav-cta:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(9,57,104,.22)}

.hero--showcase{padding:70px 0 150px;background:linear-gradient(90deg,#062149 0%,#062c56 52%,#124d83 100%);min-height:auto;overflow:hidden}
.hero--showcase .container{position:relative;z-index:2}
.hero-showcase{display:grid;grid-template-columns:1.02fr .98fr;gap:62px;align-items:center}
.hero--showcase .hero__copy{padding:28px 0 115px}
.hero--showcase h1{font-size:clamp(3.15rem,5.2vw,5.4rem);line-height:.98;letter-spacing:-.055em;max-width:760px}
.hero--showcase h1 em{font-style:normal;color:#5bb2ff}
.hero--showcase .hero__lead{max-width:680px;font-size:1.18rem;color:#d4e0ed;margin:28px 0 30px}
.hero__trust--showcase{margin-top:46px;max-width:720px}
.hero__trust--showcase>div{padding-left:14px;border-left:1px solid rgba(255,255,255,.16)}
.hero__trust--showcase strong{font-size:1.08rem}
.hero__trust--showcase span{font-size:.92rem;color:#a9bfd4}

.hero-showcase__visual{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center}
.hero-showcase__frame{position:relative;width:100%;height:600px;border-radius:34px;overflow:hidden;background:#0a223c;box-shadow:0 35px 85px rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.08)}
.hero-showcase__frame::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,29,58,.08) 0%,rgba(8,29,58,.02) 35%,rgba(8,29,58,.16) 100%);z-index:1;pointer-events:none}
.hero-showcase__frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 30%,rgba(5,20,40,.28) 100%);z-index:1;pointer-events:none}
.hero-showcase__photo{position:absolute;inset:0;background-image:url('../img/hero-it-sistemi.jpg');background-size:cover;background-position:64% center;transform:scale(1.01)}

.hero-services{position:absolute;left:0;right:0;bottom:-62px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;z-index:4}
.hero-service{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;padding:20px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(10,39,72,.84),rgba(7,30,56,.92));border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 40px rgba(3,14,28,.22);backdrop-filter:blur(14px);color:#fff;transition:.22s}
.hero-service:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.18)}
.hero-service__icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.12)}
.hero-service__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-service span{display:block}
.hero-service strong{display:block;font-size:1rem;line-height:1.18;color:#fff}
.hero-service small{display:block;margin-top:4px;font-size:.88rem;line-height:1.34;color:#b9cbe0}
.hero-service--accent{}
.hero-service--blue{}
.hero-service--subtle{opacity:.95}

.client-strip{display:none}

@media (max-width:1180px){
  .hero-services{grid-template-columns:repeat(3,1fr)}
  .hero--showcase{padding-bottom:230px}
}

@media (max-width:1020px){
  .nav-wrap--hero{height:78px}
  .main-nav--hero{margin-left:0;gap:4px}
  .main-nav--hero a{font-size:1rem}
  .hero-showcase{grid-template-columns:1fr;gap:34px}
  .hero--showcase .hero__copy{padding:10px 0 0}
  .hero-showcase__visual{min-height:500px;order:2}
  .hero-showcase__frame{height:500px}
  .hero-services{position:relative;bottom:auto;grid-template-columns:repeat(2,1fr);margin-top:24px}
  .hero--showcase{padding-bottom:85px}
}

@media (max-width:700px){
  .site-header--hero .brand__wordmark strong{font-size:1.12rem}
  .site-header--hero .brand__wordmark small{font-size:.6rem}
  .hero--showcase{padding:52px 0 72px}
  .hero--showcase h1{font-size:clamp(2.35rem,12vw,3.55rem)}
  .hero--showcase .hero__lead{font-size:1.03rem}
  .hero__trust--showcase{margin-top:32px}
  .hero-showcase__visual{min-height:360px}
  .hero-showcase__frame{height:360px;border-radius:24px}
  .hero-showcase__photo{background-position:72% center}
  .hero-services{grid-template-columns:1fr;gap:12px}
  .hero-service{padding:16px}
}

/* 2026-10-02 - Replica fedele della hero approvata: elementi reali, cliccabili e responsive */
.site-header--hero{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(6,30,57,.06);box-shadow:0 4px 18px rgba(7,31,62,.035);backdrop-filter:saturate(150%) blur(10px)}
.site-header--hero .nav-wrap--hero{width:min(100% - 64px,1260px);height:80px;margin-inline:auto;padding:0;display:flex;align-items:center;gap:34px}
.brand--hero-logo{display:flex;align-items:center;flex:0 0 auto}
.brand--hero-logo img{display:block;width:196px;height:auto;max-height:68px;object-fit:contain}
.site-header--hero .main-nav--hero{margin-left:auto;display:flex;align-items:center;gap:34px}
.site-header--hero .main-nav--hero>a{font-size:.94rem;font-weight:760;color:#102847;padding:12px 0;transition:color .2s ease,transform .2s ease}
.site-header--hero .main-nav--hero>a:not(.nav-cta)::after{bottom:4px;background:#199fe8;height:2px}
.site-header--hero .main-nav--hero>a:not(.nav-cta):hover{color:#067fc6}
.site-header--hero .main-nav--hero .nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:13px;background:linear-gradient(135deg,#0b396a,#0a5597);color:#fff!important;box-shadow:0 10px 25px rgba(8,57,106,.19);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.site-header--hero .main-nav--hero .nav-cta:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(8,57,106,.25);filter:brightness(1.05)}

.hero--mockup{position:relative;min-height:745px;padding:0;overflow:hidden;background:#08294d;color:#fff;isolation:isolate}
.hero--mockup .container{width:min(100% - 64px,1660px)}
.hero-mockup__photo{position:absolute;z-index:0;top:0;right:0;bottom:0;width:66%;background-image:url('../img/hero-it-sistemi.jpg');background-size:cover;background-position:center right;transform:scale(1.01);transform-origin:center right}
.hero-mockup__shade{position:absolute;z-index:1;inset:0;background:
  linear-gradient(90deg,#072748 0%,#082e53 31%,rgba(8,47,84,.94) 42%,rgba(7,43,78,.64) 54%,rgba(6,34,63,.16) 72%,rgba(6,31,57,.06) 100%),
  linear-gradient(180deg,rgba(3,20,37,.06) 0%,rgba(3,20,37,.03) 55%,rgba(3,20,37,.26) 100%)}
.hero--mockup::after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:165px;background:linear-gradient(180deg,transparent,rgba(4,23,42,.30) 58%,rgba(3,20,37,.50));pointer-events:none}
.hero-mockup__inner{position:relative;z-index:2;min-height:745px;display:flex;align-items:flex-start;padding-top:92px;padding-bottom:158px}
.hero--mockup .hero__copy{width:min(740px,52%);padding:0;margin:0}
.hero-mockup__eyebrow{margin-bottom:25px;color:#c7d9e9;font-size:.73rem;letter-spacing:.16em;font-weight:850}
.hero-mockup__eyebrow span{width:46px;background:#f1bd47}
.hero--mockup h1{font-size:clamp(3.65rem,5.1vw,5.75rem);line-height:.98;letter-spacing:-.052em;font-weight:790;max-width:800px;text-shadow:0 3px 22px rgba(0,0,0,.08)}
.hero--mockup h1 em{color:#4eb2ff;font-style:normal}
.hero--mockup .hero__lead{max-width:760px;margin:26px 0 28px;color:#e0e8f1;font-size:1.18rem;line-height:1.54;text-shadow:0 2px 14px rgba(0,0,0,.10)}
.hero--mockup .hero__actions{gap:16px}
.btn--hero{min-height:60px;padding:16px 28px;border-radius:12px;font-size:1.06rem;font-weight:800}
.hero--mockup .btn--primary{background:linear-gradient(135deg,#0799e9,#0aa5f6);box-shadow:0 16px 34px rgba(4,139,216,.30)}
.hero--mockup .btn--ghost{background:rgba(10,46,81,.35);border:1px solid rgba(220,237,249,.62);backdrop-filter:blur(9px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.hero--mockup .btn--ghost:hover{background:rgba(255,255,255,.12)}
.btn__arrow{font-size:1.5rem;line-height:0;transform:translateY(-1px);transition:transform .2s ease}
.btn--hero:hover .btn__arrow{transform:translate(4px,-1px)}

.hero--mockup .hero-services{position:absolute;z-index:4;left:0;right:0;bottom:34px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0}
.hero--mockup .hero-service{min-height:98px;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:18px 17px;border-radius:12px;background:linear-gradient(180deg,rgba(13,47,81,.76),rgba(8,36,67,.91));border:1px solid rgba(213,233,247,.12);box-shadow:0 16px 34px rgba(0,0,0,.18);backdrop-filter:blur(12px) saturate(135%);transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}
.hero--mockup .hero-service:hover{transform:translateY(-5px);background:linear-gradient(180deg,rgba(15,61,104,.90),rgba(8,42,77,.96));border-color:rgba(255,255,255,.24);box-shadow:0 22px 42px rgba(0,0,0,.24)}
.hero--mockup .hero-service__icon{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.045);border:0;color:#f5faff;display:flex;align-items:center;justify-content:center;align-self:center;justify-self:center;line-height:0;position:relative;top:0}
.hero--mockup .hero-service__icon svg{width:27px;height:27px;stroke-width:1.7;display:block;flex:0 0 auto}
.hero--mockup .hero-service > span:last-child{align-self:center}
.hero--mockup .hero-service strong{font-size:.94rem;line-height:1.18;font-weight:800}
.hero--mockup .hero-service small{font-size:.82rem;color:#c1d1e0;margin-top:4px;line-height:1.25}
.hero--mockup .hero-service--accent{}
.hero--mockup .hero-service--blue{}
.hero--mockup .hero-service--subtle{opacity:.88}
.hero--mockup .hero-service--subtle:hover{opacity:1}
.hero--mockup .hero__glow,.hero--mockup .hero__wave{display:none}

@media (max-width:1280px){
  .site-header--hero .nav-wrap--hero{width:min(100% - 40px,1180px)}
  .site-header--hero .main-nav--hero{gap:24px}
  .hero--mockup .container{width:min(100% - 40px,1220px)}
  .hero--mockup .hero__copy{width:min(660px,54%)}
  .hero--mockup h1{font-size:clamp(3.2rem,5vw,4.7rem)}
  .hero--mockup .hero-services{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
  .hero--mockup .hero-service{grid-template-columns:42px 1fr;padding:15px 13px}
  .hero--mockup .hero-service__icon{width:42px;height:42px}
  .hero--mockup .hero-service__icon svg{width:27px;height:27px}
  .hero--mockup .hero-service strong{font-size:.84rem}
  .hero--mockup .hero-service small{font-size:.75rem}
}

@media (max-width:1020px){
  .site-header--hero .nav-wrap--hero{height:74px;width:min(100% - 34px,960px)}
  .brand--hero-logo img{width:168px;max-height:58px}
  .site-header--hero .main-nav--hero{position:absolute;left:20px;right:20px;top:74px;display:none;flex-direction:column;align-items:stretch;gap:4px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow)}
  .site-header--hero .main-nav--hero.open{display:flex}
  .site-header--hero .main-nav--hero>a{padding:10px 12px}
  .site-header--hero .main-nav--hero .nav-cta{margin-top:6px}
  .hero--mockup{min-height:auto;padding:0 0 30px}
  .hero-mockup__photo{width:100%;opacity:.78;background-position:68% center}
  .hero-mockup__shade{background:linear-gradient(90deg,rgba(5,32,59,.98) 0%,rgba(6,39,72,.94) 47%,rgba(6,37,68,.55) 77%,rgba(5,31,58,.35) 100%),linear-gradient(180deg,rgba(3,19,36,.12),rgba(3,19,36,.38))}
  .hero-mockup__inner{min-height:auto;display:block;padding-top:74px;padding-bottom:32px}
  .hero--mockup .hero__copy{width:min(720px,82%)}
  .hero--mockup h1{font-size:clamp(3rem,8vw,4.8rem)}
  .hero--mockup .hero-services{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:repeat(2,1fr);margin-top:60px}
  .hero--mockup .hero-service{min-height:92px}
}

@media (max-width:700px){
  .site-header--hero .nav-wrap--hero{width:min(100% - 28px,680px);height:70px}
  .brand--hero-logo img{width:148px;max-height:54px}
  .site-header--hero .main-nav--hero{top:70px;left:14px;right:14px}
  .hero--mockup .container{width:min(100% - 28px,680px)}
  .hero-mockup__photo{background-position:71% center;opacity:.62}
  .hero-mockup__shade{background:linear-gradient(90deg,rgba(5,31,58,.98),rgba(6,38,70,.88)),linear-gradient(180deg,rgba(3,19,36,.18),rgba(3,19,36,.48))}
  .hero-mockup__inner{padding-top:56px;padding-bottom:36px}
  .hero--mockup .hero__copy{width:100%}
  .hero-mockup__eyebrow{font-size:.66rem;line-height:1.4;margin-bottom:18px}
  .hero-mockup__eyebrow span{width:32px}
  .hero--mockup h1{font-size:clamp(2.55rem,12vw,3.75rem);line-height:1}
  .hero--mockup .hero__lead{font-size:1.02rem;margin:22px 0 24px}
  .hero-desktop-break{display:none}
  .hero--mockup .hero__actions{display:grid;grid-template-columns:1fr;gap:12px;max-width:340px}
  .btn--hero{min-height:54px;padding:14px 20px;font-size:.98rem}
  .hero--mockup .hero-services{grid-template-columns:1fr;margin-top:40px;gap:10px}
  .hero--mockup .hero-service{min-height:78px;padding:13px 14px;grid-template-columns:42px 1fr}
  .hero--mockup .hero-service strong{font-size:.92rem}
  .hero--mockup .hero-service small{font-size:.8rem}
  .hero--mockup::after{height:110px}
}
.nav-caret{display:inline-block;margin-left:3px;font-size:1rem;transform:translateY(-1px)}
.nav-cta__icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-right:8px;flex:0 0 auto}


/* 2026-10-02 - Ottimizzazione smartphone/tablet */
body{overflow-x:hidden}
@media (max-width:1020px){
  .nav-toggle{
    width:48px;height:48px;display:grid;place-content:center;
    border-radius:12px;flex:0 0 48px;position:relative;z-index:102;
    touch-action:manipulation
  }
  .nav-toggle:hover{background:#f3f7fb}
  .site-header--hero .main-nav--hero{
    max-height:calc(100vh - 88px);
    max-height:calc(100svh - 88px);
    overflow-y:auto;overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch
  }
  .site-header--hero .main-nav--hero>a{
    min-height:48px;display:flex;align-items:center
  }
  .site-header--hero .main-nav--hero .nav-cta{min-height:52px}
  body.nav-open{overflow:hidden}
}

@media (max-width:700px){
  .site-header--hero{backdrop-filter:blur(14px) saturate(145%)}
  .site-header--hero .nav-wrap--hero{width:min(100% - 22px,680px);height:68px}
  .brand--hero-logo img{width:142px;max-height:50px}
  .site-header--hero .main-nav--hero{
    top:68px;left:11px;right:11px;
    border-radius:16px;padding:10px;
    box-shadow:0 18px 45px rgba(7,31,62,.18)
  }

  .hero--mockup .container{width:min(100% - 24px,680px)}
  .hero-mockup__photo{
    opacity:.54;background-position:76% center;
    filter:saturate(.92) contrast(.98)
  }
  .hero-mockup__shade{
    background:
      linear-gradient(90deg,rgba(5,31,58,.99) 0%,rgba(6,38,70,.96) 54%,rgba(6,38,70,.76) 100%),
      linear-gradient(180deg,rgba(3,19,36,.20),rgba(3,19,36,.56))
  }
  .hero-mockup__inner{padding-top:44px;padding-bottom:30px}
  .hero-mockup__eyebrow{font-size:.62rem;letter-spacing:.12em;margin-bottom:16px}
  .hero--mockup h1{
    font-size:clamp(2.35rem,10.7vw,3.35rem);
    line-height:1.01;max-width:100%
  }
  .hero--mockup .hero__lead{
    font-size:1rem;line-height:1.5;
    margin:20px 0 22px;max-width:100%
  }
  .hero--mockup .hero__actions{
    width:100%;max-width:none;
    grid-template-columns:1fr 1fr;gap:9px
  }
  .btn--hero{
    width:100%;min-height:52px;padding:13px 13px;
    font-size:.92rem;border-radius:11px
  }

  .hero--mockup .hero-services{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;margin-top:30px
  }
  .hero--mockup .hero-service{
    min-width:0;min-height:94px;
    grid-template-columns:38px minmax(0,1fr);
    gap:9px;padding:12px 10px;border-radius:11px
  }
  .hero--mockup .hero-service:nth-child(5){
    grid-column:1 / -1;min-height:78px
  }
  .hero--mockup .hero-service__icon{width:38px;height:38px;border-radius:10px}
  .hero--mockup .hero-service__icon svg{width:23px;height:23px}
  .hero--mockup .hero-service strong{
    font-size:.80rem;line-height:1.18;overflow-wrap:anywhere
  }
  .hero--mockup .hero-service small{
    font-size:.70rem;line-height:1.25;margin-top:3px
  }

  .section{padding:66px 0}
  .partner-section,.contact-section{padding:68px 0}
  .section-heading h2,.partner-copy h2,.support-copy h2,.contact-copy h2{
    font-size:clamp(2rem,8.8vw,2.85rem)
  }
  .value-card,.service-card{padding:22px}
  .store-sql{padding:22px 20px;border-radius:22px}
  .store-sql__features{gap:6px}
  .store-sql__features span{
    white-space:normal;text-align:center;font-size:.73rem;padding:7px 9px
  }
  .secondary-services{padding:18px;border-radius:18px}
  .partner-image>img{height:300px;border-radius:22px}
  .partner-image__overlay{left:12px;right:12px;bottom:12px;padding:12px 14px}
  .support-visual{min-height:285px;border-radius:28px}
  .support-orbit{width:250px;height:250px}
  .support-orbit__core{width:100px;height:100px;border-radius:26px}
  .support-orbit__core svg{width:44px;height:44px}
  .process-step{min-height:auto;padding:24px 22px}
  .contact-form{padding:20px;border-radius:22px}
  .contact-form input,.contact-form select,.contact-form textarea{
    font-size:16px;min-height:48px;padding:12px 13px
  }
  .contact-form textarea{min-height:140px}
  .contact-card{min-height:60px}
  .support-actions .btn{flex:1 1 180px;min-height:48px}
  .footer-bottom{gap:8px;margin-top:36px}
  .to-top{width:48px;height:48px;right:14px;bottom:14px}
}

@media (max-width:420px){
  .hero--mockup .hero__actions{grid-template-columns:1fr}
  .hero--mockup .hero-service{
    min-height:100px;padding:11px 9px;
    grid-template-columns:36px minmax(0,1fr);gap:8px
  }
  .hero--mockup .hero-service__icon{width:36px;height:36px}
  .hero--mockup .hero-service__icon svg{width:21px;height:21px}
  .hero--mockup .hero-service strong{font-size:.77rem}
  .hero--mockup .hero-service small{font-size:.68rem}
}

/* 2026-10-02 - APP Enti, interventi tecnici e verifica anti-spam */
.service-card--app .service-icon{background:linear-gradient(135deg,#eef7ff,#f8fbff);color:#187ec8}
.service-card--field .service-icon{background:linear-gradient(135deg,#fff7e8,#fffdf7);color:#c98a08}

.form-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.captcha-box{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin:4px 0 16px;padding:16px 17px;border:1px solid #d8e5ef;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#fff)}
.captcha-box__copy strong{display:block;color:var(--navy);font-size:.92rem}
.captcha-box__copy span{display:block;margin-top:2px;color:var(--muted);font-size:.76rem;line-height:1.35}
.captcha-box__challenge{display:flex;align-items:center;gap:9px}
.captcha-question{display:inline-flex;align-items:center;justify-content:center;min-width:92px;min-height:44px;padding:8px 12px;border-radius:11px;background:#082d55;color:#fff;font-size:1rem;font-weight:850;letter-spacing:.02em;white-space:nowrap}
.contact-form .captcha-answer{margin:0!important}
.contact-form .captcha-answer input{width:92px;min-height:44px;margin:0;text-align:center;font-weight:800}
.captcha-refresh{width:44px;height:44px;border:1px solid #cfdce8;border-radius:11px;background:#fff;color:#0b6fae;font-size:1.35rem;line-height:1;display:grid;place-items:center;transition:.2s}
.captcha-refresh:hover{background:#eef8ff;border-color:#a8d8f2;transform:rotate(25deg)}

@media (max-width:700px){
  .captcha-box{grid-template-columns:1fr;gap:12px;padding:14px}
  .captcha-box__challenge{display:grid;grid-template-columns:auto minmax(0,1fr) 44px;gap:8px}
  .captcha-question{min-width:86px}
  .contact-form .captcha-answer input{width:100%;min-width:0;font-size:16px}
  .captcha-refresh{width:44px;height:48px}
}

@media (max-width:420px){
  .captcha-box__challenge{grid-template-columns:1fr 1fr 44px}
  .captcha-question{min-width:0}
}

/* 2026-10-02 - Revisione contenuti/professionalizzazione */
.history-section{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);border-top:1px solid #edf2f7;border-bottom:1px solid #e9f0f6}
.history-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:72px;align-items:start}
.history-intro h2{margin:0;color:var(--navy);font-size:clamp(2.35rem,4vw,4rem);line-height:1.03;letter-spacing:-.045em}
.history-intro h2 em{font-style:normal;color:var(--blue)}
.history-intro .lead{margin-top:22px;line-height:1.75}
.history-motto{margin-top:30px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#082b51,#0a4a7e);box-shadow:0 18px 40px rgba(7,31,62,.11)}
.history-motto span{display:block;color:#7bd8ff;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}
.history-motto strong{display:block;color:#fff;font-size:1.08rem;line-height:1.45}
.history-timeline{position:relative;padding-left:30px}
.history-timeline::before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,var(--gold),var(--blue),#61c8f4)}
.history-timeline article{position:relative;display:grid;grid-template-columns:110px 1fr;gap:22px;padding:0 0 34px}
.history-timeline article:last-child{padding-bottom:0}
.history-timeline article::before{content:"";position:absolute;left:-27px;top:7px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:0 0 0 5px rgba(7,151,229,.08)}
.history-year{font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#0a75b3;padding-top:2px}
.history-timeline h3{margin:0 0 7px;color:var(--navy);font-size:1.18rem}
.history-timeline p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.65}
.history-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}
.history-proof-card{background:#fff;border:1px solid #dfe9f1;border-radius:22px;padding:25px;box-shadow:0 12px 30px rgba(7,31,62,.04)}
.history-proof-card>span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf8ff;color:#0876b6;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.history-proof-card h3{margin:16px 0 9px;color:var(--navy);font-size:1.08rem}
.history-proof-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.62}

.pa-ecosystem{background:#fff}
.pa-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pa-pillar{position:relative;background:linear-gradient(180deg,#fff,#f9fcff);border:1px solid #dfe8f0;border-radius:24px;padding:26px;min-height:310px;box-shadow:0 14px 34px rgba(7,31,62,.045);overflow:hidden}
.pa-pillar::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-80px;top:-80px;background:rgba(32,198,255,.08)}
.pa-pillar__num{font-size:.72rem;font-weight:900;color:var(--blue);letter-spacing:.12em;margin-bottom:42px}
.pa-pillar h3{margin:0 0 10px;color:var(--navy);font-size:1.2rem}
.pa-pillar p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.62}
.pa-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.pa-tags span{padding:6px 8px;border-radius:999px;background:#eef6fb;color:#526b80;font-size:.7rem;font-weight:750}

.service-mini-list{margin:18px 0 0!important;padding:0!important;color:#5e7185!important;font-size:.84rem!important}
.service-mini-list li{margin:6px 0!important;padding-left:17px!important}
.service-mini-list li::before{background:#24a9e8!important;width:5px!important;height:5px!important}
.service-card--featured .service-mini-list{color:#dbe9f5!important}

.enterprise-panel{margin-top:30px;padding:32px;border:1px solid #dce7ef;border-radius:26px;background:linear-gradient(135deg,#fff 0%,#f6fbff 100%);display:grid;grid-template-columns:1.05fr 1.35fr;gap:35px;align-items:center;box-shadow:0 18px 44px rgba(7,31,62,.05)}
.enterprise-panel__copy .eyebrow{margin-bottom:12px}
.enterprise-panel__copy h3{margin:0 0 12px;color:var(--navy);font-size:1.6rem;line-height:1.18;letter-spacing:-.025em}
.enterprise-panel__copy p{margin:0;color:var(--muted);line-height:1.65}
.enterprise-panel__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.enterprise-panel__grid>div{padding:17px;border-radius:16px;background:#fff;border:1px solid #e0e9f1;min-height:116px}
.enterprise-panel__grid strong{display:block;color:var(--navy);font-size:.93rem;margin-bottom:5px}
.enterprise-panel__grid span{display:block;color:#6e8092;font-size:.8rem;line-height:1.5}

.faq-section{background:#fff}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}
.faq-layout .section-heading{position:sticky;top:120px}
.faq-layout .section-heading h2{color:var(--navy)}
.faq-layout .section-heading h2 em{color:var(--blue)}
.faq-layout .section-heading p{color:var(--muted);font-size:1rem}
.faq-list{border-top:1px solid #dfe7ef}
.faq-list details{border-bottom:1px solid #dfe7ef;padding:0}
.faq-list summary{list-style:none;position:relative;padding:22px 46px 22px 0;color:var(--navy);font-size:1.02rem;font-weight:800;cursor:pointer;transition:color .2s ease}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:4px;top:17px;width:30px;height:30px;border-radius:9px;background:#eef7fc;color:#087fc1;display:grid;place-items:center;font-size:1.25rem;font-weight:500;transition:.2s}
.faq-list details[open] summary::after{content:"−";background:#0a3c69;color:#fff}
.faq-list details[open] summary{color:#087fc1}
.faq-list details p{margin:-4px 50px 22px 0;color:var(--muted);line-height:1.7;font-size:.92rem}
.faq-list summary:focus-visible{outline:3px solid rgba(7,151,229,.25);outline-offset:4px;border-radius:8px}

/* Autore presente solo nei metadati/HTML, non come elemento visibile */
.footer-bottom{justify-content:space-between}

@media (max-width:1020px){
  .history-layout,.faq-layout{grid-template-columns:1fr;gap:44px}
  .history-proof-grid{grid-template-columns:1fr 1fr}
  .history-proof-card:last-child{grid-column:1/-1}
  .pa-pillars{grid-template-columns:repeat(2,1fr)}
  .enterprise-panel{grid-template-columns:1fr}
  .faq-layout .section-heading{position:static}
}

@media (max-width:700px){
  .history-layout{gap:34px}
  .history-intro h2{font-size:clamp(2rem,9vw,2.9rem)}
  .history-timeline{padding-left:22px}
  .history-timeline article{grid-template-columns:1fr;gap:5px;padding-bottom:28px}
  .history-timeline article::before{left:-21px}
  .history-year{padding-top:0}
  .history-proof-grid{grid-template-columns:1fr;margin-top:38px}
  .history-proof-card:last-child{grid-column:auto}
  .pa-pillars{grid-template-columns:1fr}
  .pa-pillar{min-height:auto;padding:22px}
  .pa-pillar__num{margin-bottom:25px}
  .enterprise-panel{padding:22px 20px;gap:22px;border-radius:22px}
  .enterprise-panel__copy h3{font-size:1.35rem}
  .enterprise-panel__grid{grid-template-columns:1fr}
  .faq-layout{gap:28px}
  .faq-list summary{font-size:.95rem;padding:19px 42px 19px 0}
  .faq-list details p{margin:-2px 0 20px 0;font-size:.87rem}
  .faq-list summary::after{right:0;top:14px}
}

/* ========================================================================== */
/* 2026-10-06 - Premium visual system / modern interaction layer             */
/* ========================================================================== */
:root{
  --premium-blue:#0aa5f6;
  --premium-cyan:#61dcff;
  --premium-navy:#061c35;
  --premium-glass:rgba(255,255,255,.075);
  --premium-border:rgba(255,255,255,.16);
  --premium-ease:cubic-bezier(.2,.8,.2,1);
}

.site-modern{
  background:
    radial-gradient(circle at 12% 18%,rgba(31,183,255,.045),transparent 27%),
    radial-gradient(circle at 90% 42%,rgba(7,151,229,.035),transparent 25%),
    #fff;
}

.scroll-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:9999;pointer-events:none;background:rgba(7,31,62,.035)}
.scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#0b79c9,#20c6ff,#7be6ff);box-shadow:0 0 14px rgba(32,198,255,.45);will-change:transform}

.site-header--hero{transition:background .32s var(--premium-ease),box-shadow .32s var(--premium-ease),border-color .32s var(--premium-ease)}
.site-header--hero.is-scrolled{background:rgba(255,255,255,.925);box-shadow:0 16px 38px rgba(7,31,62,.10);border-bottom-color:rgba(7,31,62,.09)}
.site-header--hero .nav-wrap--hero{transition:height .3s var(--premium-ease)}
.site-header--hero.is-scrolled .nav-wrap--hero{height:70px}
.brand--hero-logo img{transition:width .3s var(--premium-ease),filter .3s var(--premium-ease)}
.site-header--hero.is-scrolled .brand--hero-logo img{width:178px;filter:drop-shadow(0 5px 14px rgba(7,31,62,.08))}
.site-header--hero .main-nav--hero>a:not(.nav-cta){transition:color .22s ease,transform .22s ease,opacity .22s ease}
.site-header--hero .main-nav--hero>a:not(.nav-cta):hover{transform:translateY(-1px)}
.site-header--hero .main-nav--hero>a.is-active{color:#057fc5}
.site-header--hero .main-nav--hero>a.is-active::after{right:0}

.hero--mockup{background:#061d36;perspective:1100px}
.hero-mockup__photo{width:68%;transform:scale(1.045);transition:none;filter:saturate(1.05) contrast(1.04)}
.hero-mockup__shade{background:
  linear-gradient(90deg,#061f3a 0%,#082d50 29%,rgba(8,47,84,.95) 41%,rgba(7,43,78,.68) 54%,rgba(6,34,63,.18) 72%,rgba(6,31,57,.08) 100%),
  linear-gradient(180deg,rgba(3,20,37,.02) 0%,rgba(3,20,37,.04) 52%,rgba(3,20,37,.36) 100%)}
.hero-tech-grid{position:absolute;z-index:1;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(130,210,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(130,210,255,.11) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.74) 37%,transparent 74%);animation:gridDrift 24s linear infinite}
.hero-tech-grid::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 24% 36%,rgba(51,196,255,.34),transparent 22%),radial-gradient(circle at 62% 56%,rgba(10,165,246,.12),transparent 24%)}
.hero-orb{position:absolute;z-index:1;border-radius:50%;pointer-events:none;filter:blur(2px);mix-blend-mode:screen;will-change:transform}
.hero-orb--one{width:420px;height:420px;left:-190px;top:60px;background:radial-gradient(circle,rgba(40,191,255,.20) 0%,rgba(7,151,229,.08) 44%,transparent 72%);animation:orbFloatOne 10s ease-in-out infinite alternate}
.hero-orb--two{width:520px;height:520px;right:18%;bottom:-260px;background:radial-gradient(circle,rgba(22,160,255,.16),rgba(32,198,255,.04) 52%,transparent 72%);animation:orbFloatTwo 14s ease-in-out infinite alternate}
.hero-scanline{position:absolute;z-index:1;left:0;right:0;top:-14%;height:22%;pointer-events:none;opacity:.20;background:linear-gradient(180deg,transparent,rgba(96,220,255,.17),transparent);filter:blur(10px);animation:scanHero 11s linear infinite}
.hero-mockup__inner{z-index:3}
.hero--mockup .hero__copy{position:relative}
.hero--mockup .hero__copy::before{content:"";position:absolute;z-index:-1;left:-45px;top:-45px;width:610px;height:490px;border-radius:50%;background:radial-gradient(circle at 38% 38%,rgba(7,60,103,.28),rgba(5,33,61,.08) 52%,transparent 72%);filter:blur(12px)}
.hero-mockup__eyebrow{width:max-content;padding:8px 13px 8px 0;border-radius:999px;text-shadow:0 1px 10px rgba(0,0,0,.22)}
.hero--mockup h1{background:linear-gradient(180deg,#fff 0%,#f4fbff 74%,#cfefff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 18px rgba(0,0,0,.11))}
.hero--mockup h1 em{background:linear-gradient(135deg,#77d7ff 0%,#37b9ff 56%,#8ee9ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero--mockup .hero__lead{max-width:700px}
.hero--mockup .btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s var(--premium-ease),box-shadow .28s var(--premium-ease),background .28s ease,border-color .28s ease}
.hero--mockup .btn:hover{transform:translateY(-4px)}
.btn--shine::after{content:"";position:absolute;z-index:-1;top:-80%;bottom:-80%;left:-42%;width:34%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transition:left .65s var(--premium-ease)}
.btn--shine:hover::after{left:118%}
.hero--mockup .btn--primary{box-shadow:0 18px 45px rgba(6,151,231,.34),inset 0 1px 0 rgba(255,255,255,.28)}
.hero--mockup .btn--ghost{box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 15px 36px rgba(0,0,0,.08)}

.hero-proof{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:31px;color:#d7e7f4}
.hero-proof>div{display:grid;grid-template-columns:10px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding-right:22px;border-right:1px solid rgba(255,255,255,.13)}
.hero-proof>div:last-child{border-right:0;padding-right:0}
.hero-proof__dot{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#5bddff;box-shadow:0 0 0 5px rgba(91,221,255,.10),0 0 18px rgba(91,221,255,.5)}
.hero-proof strong{font-size:.86rem;color:#fff;line-height:1.2}
.hero-proof small{font-size:.72rem;color:#9fb9cf;line-height:1.3;margin-top:2px}

.hero--mockup .hero-service{position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,rgba(18,56,92,.72),rgba(7,34,64,.88));border:1px solid rgba(201,231,250,.16);box-shadow:0 18px 44px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05);transition:transform .32s var(--premium-ease),background .32s ease,border-color .32s ease,box-shadow .32s ease}
.hero--mockup .hero-service::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(90,216,255,.17),transparent 42%);opacity:0;transition:opacity .28s ease;pointer-events:none}
.hero--mockup .hero-service:hover::before{opacity:1}
.hero--mockup .hero-service:hover{transform:translateY(-7px) scale(1.012);border-color:rgba(126,219,255,.30);box-shadow:0 27px 58px rgba(0,0,0,.28),0 0 0 1px rgba(109,216,255,.06) inset}
.hero--mockup .hero-service__icon{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}

.section{position:relative}
.section-soft{background:linear-gradient(180deg,#f5f9fd 0%,#f0f7fc 100%)}
.section-heading h2,.history-intro h2{letter-spacing:-.055em}
.section-heading--center{position:relative}
.section-heading--center::after{content:"";display:block;width:72px;height:3px;margin:24px auto 0;border-radius:99px;background:linear-gradient(90deg,transparent,#20b7f6,transparent)}

.value-card,.service-card,.history-proof-card,.pa-pillar,.process-step,.enterprise-panel__grid>div{position:relative;isolation:isolate;overflow:hidden;transition:transform .32s var(--premium-ease),box-shadow .32s var(--premium-ease),border-color .32s ease;background-color .32s ease}
.value-card::before,.service-card::before,.history-proof-card::before,.pa-pillar::before,.process-step::before,.enterprise-panel__grid>div::before{content:"";position:absolute;z-index:-1;inset:-1px;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(12,166,242,.12),transparent 38%);opacity:0;transition:opacity .28s ease;pointer-events:none}
.value-card:hover::before,.service-card:hover::before,.history-proof-card:hover::before,.pa-pillar:hover::before,.process-step:hover::before,.enterprise-panel__grid>div:hover::before{opacity:1}
.value-card:hover,.service-card:hover,.history-proof-card:hover,.pa-pillar:hover,.process-step:hover,.enterprise-panel__grid>div:hover{transform:translateY(-7px);border-color:#c5e4f5;box-shadow:0 26px 62px rgba(7,31,62,.11)}
.service-card--featured:hover{box-shadow:0 30px 68px rgba(7,31,62,.24)}
.icon-box,.service-icon{transition:transform .32s var(--premium-ease),box-shadow .32s ease;background .32s ease}
.value-card:hover .icon-box,.service-card:hover .service-icon{transform:translateY(-3px) rotate(-2deg) scale(1.05);box-shadow:0 12px 24px rgba(7,151,229,.12)}

.history-section{position:relative;overflow:hidden}
.history-section::before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-320px;top:90px;background:radial-gradient(circle,rgba(7,151,229,.08),transparent 67%);pointer-events:none}
.history-timeline article::before{box-shadow:0 0 0 5px rgba(7,151,229,.08),0 0 20px rgba(7,151,229,.20)}
.history-motto{position:relative;overflow:hidden;border:1px solid rgba(139,222,255,.16)}
.history-motto::after{content:"";position:absolute;inset:-60% auto -60% -20%;width:35%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:softShine 7s ease-in-out infinite}

.pa-ecosystem{position:relative;overflow:hidden}
.pa-ecosystem::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(11,145,215,.10) .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(180deg,transparent,#000 28%,#000 70%,transparent);opacity:.32;pointer-events:none}
.pa-pillar__num{font-size:.75rem}
.pa-pillar:hover .pa-pillar__num{color:#035f9c}
.pa-tags span{transition:background .22s ease,color .22s ease,transform .22s ease}
.pa-pillar:hover .pa-tags span{background:#e2f4ff;color:#176388;transform:translateY(-1px)}

.store-sql{position:relative;overflow:hidden}
.store-sql::before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-210px;top:-240px;background:radial-gradient(circle,rgba(32,198,255,.18),transparent 68%);pointer-events:none}

.partner-section{background:radial-gradient(circle at 82% 28%,rgba(12,132,212,.23),transparent 30%),linear-gradient(135deg,#04172d 0%,#082c50 48%,#083d6d 100%)}
.partner-image>img{transition:transform .7s var(--premium-ease),filter .7s ease}
.partner-image:hover>img{transform:scale(1.018);filter:saturate(1.04) contrast(1.02)}
.partner-image::before{content:"";position:absolute;inset:-1px;border-radius:31px;padding:1px;background:linear-gradient(135deg,rgba(101,217,255,.46),rgba(255,255,255,.04),rgba(243,180,27,.20));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.partner-chips span{transition:transform .22s ease,background .22s ease,border-color .22s ease}
.partner-chips span:hover{transform:translateY(-2px);background:rgba(255,255,255,.105);border-color:rgba(126,218,255,.26)}

.support-orbit__core{position:relative;overflow:hidden}
.support-orbit__core::after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(93,221,255,.22),transparent 42%);animation:spin 7s linear infinite}
.support-orbit__core svg{position:relative;z-index:1}

.process-step span{position:relative;z-index:2}
.process-step::after{content:"";position:absolute;left:24px;top:60px;width:34px;height:2px;background:linear-gradient(90deg,var(--gold),#ffd969);box-shadow:0 0 13px rgba(243,180,27,.28)}
.process-step::before{left:0;top:0;width:auto;height:auto;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(12,166,242,.12),transparent 38%)}

.faq-list details{transition:background .24s ease,padding .24s ease}
.faq-list details[open]{background:linear-gradient(90deg,rgba(7,151,229,.035),transparent 65%)}
.faq-list summary::after{transition:transform .28s var(--premium-ease),background .22s ease,color .22s ease}
.faq-list details[open] summary::after{transform:rotate(180deg)}

.contact-section{background:radial-gradient(circle at 18% 16%,rgba(18,164,246,.18),transparent 30%),radial-gradient(circle at 88% 78%,rgba(32,198,255,.12),transparent 26%),linear-gradient(135deg,#04172d 0%,#07294b 52%,#08385f 100%)}
.contact-card{position:relative;overflow:hidden;backdrop-filter:blur(10px);transition:transform .28s var(--premium-ease),background .28s ease,border-color .28s ease,box-shadow .28s ease}
.contact-card::after{content:"";position:absolute;inset:-1px;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(100,220,255,.18),transparent 44%);opacity:0;transition:opacity .28s ease;pointer-events:none}
.contact-card:hover::after{opacity:1}
.contact-card:hover{transform:translateX(6px);border-color:rgba(119,218,255,.26);box-shadow:0 18px 34px rgba(0,0,0,.13)}
.contact-form{position:relative;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.55)}
.contact-form::before{content:"";position:absolute;left:-130px;top:-130px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(19,173,242,.08),transparent 67%);pointer-events:none}
.contact-form input,.contact-form select,.contact-form textarea{transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#5ac5f4;box-shadow:0 0 0 4px rgba(7,151,229,.10);outline:0;background:#fff}

.site-footer{background:linear-gradient(180deg,#06182e,#041322)}
.to-top{backdrop-filter:blur(10px);box-shadow:0 14px 34px rgba(0,0,0,.18)}

.reveal{transform:translateY(26px) scale(.992);filter:blur(5px);transition:opacity .72s var(--premium-ease),transform .72s var(--premium-ease),filter .72s var(--premium-ease)}
.reveal.in-view{transform:none;filter:blur(0)}

@keyframes gridDrift{to{background-position:56px 56px,56px 56px}}
@keyframes scanHero{0%{transform:translateY(-35vh);opacity:0}15%{opacity:.20}75%{opacity:.12}100%{transform:translateY(115vh);opacity:0}}
@keyframes orbFloatOne{from{transform:translate3d(0,-10px,0) scale(.96)}to{transform:translate3d(42px,30px,0) scale(1.08)}}
@keyframes orbFloatTwo{from{transform:translate3d(0,15px,0) scale(.96)}to{transform:translate3d(-38px,-28px,0) scale(1.06)}}
@keyframes softShine{0%,62%{left:-35%}82%,100%{left:120%}}

@media (max-width:1020px){
  .site-header--hero.is-scrolled .nav-wrap--hero{height:66px}
  .site-header--hero.is-scrolled .main-nav--hero{top:66px}
  .hero-mockup__photo{transform:scale(1.03);transition:none}
  .hero-tech-grid{opacity:.12;background-size:44px 44px}
  .hero-orb--one{width:300px;height:300px;left:-170px;top:20px}
  .hero-orb--two{width:360px;height:360px;right:-120px;bottom:-190px}
  .hero-proof{margin-top:25px}
}

@media (max-width:700px){
  .scroll-progress{height:2px}
  .site-header--hero.is-scrolled .nav-wrap--hero{height:62px}
  .site-header--hero.is-scrolled .main-nav--hero{top:62px}
  .site-header--hero.is-scrolled .brand--hero-logo img{width:134px}
  .hero-tech-grid{opacity:.09;mask-image:linear-gradient(180deg,#000,transparent 80%)}
  .hero-scanline{display:none}
  .hero-orb{opacity:.75}
  .hero--mockup .hero__copy::before{left:-120px;top:-80px;width:520px;height:480px}
  .hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:24px}
  .hero-proof>div{padding:10px 0;border-right:0;border-top:1px solid rgba(255,255,255,.09)}
  .hero-proof>div:last-child{grid-column:1/-1}
  .hero--mockup .hero-service:hover,.value-card:hover,.service-card:hover,.history-proof-card:hover,.pa-pillar:hover,.process-step:hover,.enterprise-panel__grid>div:hover{transform:none}
  .section-heading--center::after{margin-top:18px}
}

@media (hover:none){
  .hero--mockup .hero-service::before,.value-card::before,.service-card::before,.history-proof-card::before,.pa-pillar::before,.process-step::before,.enterprise-panel__grid>div::before,.contact-card::after{display:none}
}

@media (prefers-reduced-motion:reduce){
  .hero-tech-grid,.hero-orb,.hero-scanline,.history-motto::after,.support-orbit__core::after{animation:none!important}
  .hero-mockup__photo{transform:scale(1.02)!important;transition:none!important}
  .reveal{filter:none!important}
}

/* Contatti produzione: widget di verifica e stati accessibili */
.captcha-box--turnstile{grid-template-columns:1fr;align-items:start}
.captcha-box--turnstile .captcha-box__challenge{display:block;max-width:100%;min-width:0}
#turnstile-widget{min-height:64px;max-width:100%}
#turnstile-widget iframe{max-width:100%}
.form-status--error{color:#a12626;font-weight:700}
#contact-submit-button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.6)}