/* RUSSOTTI LAB / Experience edition.
   Original editorial design. No proprietary images, fonts or frameworks. */
:root { --ease-luxe:cubic-bezier(.2,.75,.2,1); --accent:#0071e3; }
.site-header { box-shadow:0 1px 0 rgba(0,0,0,.012); }
.reading-progress { pointer-events:none; position:absolute; height:2px; width:100%; bottom:-1px; left:0; transform-origin:left center; transform:scaleX(var(--page-progress,0)); background:linear-gradient(90deg,#0071e3,#7bb3ff); z-index:2; }
.desktop-nav a,.mobile-nav a,.showcase-cta,.vision-link { text-underline-offset:4px; }
a:focus-visible, button:focus-visible {outline:3px solid #7fb7ff; outline-offset:4px;border-radius:7px}
/* Cinematic first impression, deliberately subtle */
.hero h1 { animation:hero-appear .9s var(--ease-luxe) both; }
.hero .eyebrow { animation:hero-appear .8s .06s var(--ease-luxe) both; }
.hero-summary { animation:hero-appear .9s .16s var(--ease-luxe) both; }
.hero-buttons { animation:hero-appear .9s .25s var(--ease-luxe) both; }
.visual-stage { perspective:1500px; }
.preview-window { position:relative; will-change:transform; transition:box-shadow .5s ease, transform .8s var(--ease-luxe); animation:stage-arrive 1.15s .22s var(--ease-luxe) both; }
.visual-stage:hover .preview-window { transform:perspective(1400px) rotateX(.4deg) translateY(-7px); box-shadow:0 48px 100px #5678a52c,0 3px 15px #41597914,0 0 0 1px #a4b7d12b; }
.hero-light {pointer-events:none; position:absolute; width:175px;height:175px; border-radius:50%; filter:blur(50px); z-index:-1; opacity:.52; }
.light-one {background:#8cbcff;left:13%;top:10%;animation:light-drift 9s ease-in-out infinite alternate}
.light-two {background:#bfc4fb;right:13%;bottom:12%;animation:light-drift 10s -3s ease-in-out infinite alternate-reverse}
.diagram-node {animation:node-drift 4.5s ease-in-out infinite alternate;}
.diagram-node.n2{animation-delay:-1.6s}.diagram-node.n3{animation-delay:-3s}
.diagram-lines path:first-child {stroke-dasharray:5 9; animation:dash-flow 18s linear infinite}
.bento-card {transition:transform .4s var(--ease-luxe),box-shadow .4s ease,filter .4s ease;}
.bento-card:focus-within {box-shadow:0 16px 44px #284f7b18;transform:translateY(-4px)}
.bento-card .card-bubble {transition:transform .45s var(--ease-luxe),color .3s,border-color .3s}
.bento-card:hover .card-bubble {transform:rotate(45deg);border-color:#bfd2e7;color:#0071e3}
.network-halo {animation:network-float 9s ease-in-out infinite alternate}
.storage-illustration {animation:server-drift 7s ease-in-out infinite alternate}
.code-badge {animation:badge-bob 4s ease-in-out infinite alternate}
/* Signature interlude */
.vision-section {position:relative;isolation:isolate;overflow:hidden;background:#080b11;color:#f8f9fc;padding:125px 0 33px;}
.vision-section:before {content:"";position:absolute;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at 78% 50%,#0c254544,transparent 47%),linear-gradient(130deg,#090b10,#121721 60%,#080b11);}
.vision-ambient {position:absolute;pointer-events:none;width:820px;height:800px;left:50%;top:10%;border-radius:50%;background:radial-gradient(circle,#284d8336 0,#213a6122 31%,transparent 65%);filter:blur(38px);z-index:-1;}
.vision-inner {display:grid;grid-template-columns: minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:16px;min-height:550px}
.vision-copy {position:relative;z-index:2;padding:0 20px 18px 0}
.vision-copy .section-label {color:#a8b9d0;margin-bottom:24px}
.vision-copy h2 {font-size:clamp(52px,5.1vw,72px);line-height:1.055;letter-spacing:-.065em;font-weight:690;margin:0;max-width:680px}
.vision-copy h2 span {color:#a5abb6}
.vision-copy>p:not(.section-label){font-size:17px;color:#aab3c1;max-width:465px;line-height:1.72;margin:28px 0 27px;letter-spacing:-.2px}
.vision-link {color:#88bdff;font-size:15px;display:inline-flex;align-items:center;gap:8px;transition:color .2s,gap .25s}
.vision-link:hover {color:#e5f2ff;gap:14px}
.vision-link>span{font-size:17px}
.vision-art {position:relative;min-height:560px;display:grid;place-items:center;isolation:isolate;transform:translateX(12px)}
.vision-aura {width:76%;aspect-ratio:1;position:absolute;z-index:-1;filter:blur(22px);border-radius:50%;background:radial-gradient(circle,#3788ed4e 0,#2a66bb27 35%,transparent 74%);animation:light-drift 11s ease-in-out infinite alternate}
.vision-orbit {position:absolute;aspect-ratio:1;border:1px solid rgba(182,214,250,.15);border-radius:50%;box-shadow:inset 0 0 28px rgba(122,180,255,.05),0 0 15px rgba(78,144,239,.03);}
.orbit-outer{width:min(99%,535px)}.orbit-middle{width:min(78%,420px);border-color:rgba(154,192,239,.24)}.orbit-inner{width:min(56%,302px);border-color:rgba(148,197,249,.28);}
.vision-orbit.orbit-outer:before,.vision-orbit.orbit-middle:before{content:"";position:absolute;top:50%;left:-4px;width:8px;height:8px;background:#92c4ff;border-radius:50%;box-shadow:0 0 19px #57a1ff,0 0 5px #b7d9ff}
.vision-orbit.orbit-outer{animation:orbit-turn 42s linear infinite}.vision-orbit.orbit-middle{animation:orbit-turn 33s linear infinite reverse}
.vision-rays{position:absolute;width:90%;aspect-ratio:1;opacity:.45;border-radius:50%;background:conic-gradient(from 10deg,transparent,rgba(95,155,248,.20) 13deg,transparent 34deg,transparent 128deg,rgba(95,155,248,.16) 146deg,transparent 161deg,transparent 270deg,rgba(95,155,248,.2) 300deg,transparent 318deg);filter:blur(6px)}
.vision-core {position:relative;width:185px;height:185px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 31% 19%,#344a67 0%,#111d31 40%,#090f1d 80%);border:1px solid #8bbefa5e;box-shadow:0 0 0 12px #74adf908,0 0 90px #196cd053,0 18px 60px #040911;}
.vision-core:after{content:"";inset:2px;position:absolute;border-radius:50%;background:linear-gradient(130deg,#ffffff13,transparent 55%);pointer-events:none}
.vision-core>span{font-size:108px;font-weight:660;letter-spacing:-.10em;margin-right:15px;color:#f3f7ff;text-shadow:0 4px 32px #a7c9fd49}
.vision-period{color:#7db5fa}
.vision-particle {position:absolute;border-radius:50%;background:#c5e2ff;box-shadow:0 0 17px #83bdff}
.particle-a{top:17%;right:26%;width:7px;height:7px}.particle-b{bottom:19%;left:28%;width:5px;height:5px}.particle-c{bottom:38%;right:7%;width:4px;height:4px}.particle-d{top:32%;left:11%;width:3px;height:3px}
.vision-pill {position:absolute;display:flex;align-items:center;gap:9px;border-radius:100px;background:rgba(21,31,48,.8);border:1px solid rgba(188,215,249,.22);padding:12px 17px;color:#c5d2e4;font-size:12px;letter-spacing:.01em;font-weight:550;backdrop-filter:blur(8px);box-shadow:0 12px 38px #0003}
.vision-pill i{width:7px;height:7px;border-radius:50%;background:#86c5ff;box-shadow:0 0 8px #5aa8f9}
.pill-network{top:20%;left:2%;animation:badge-bob 5s ease-in-out infinite alternate}
.pill-storage{right:0;top:31%;animation:badge-bob 6s -2s ease-in-out infinite alternate}
.pill-software{left:9%;bottom:17%;animation:badge-bob 7s -4s ease-in-out infinite alternate}
.vision-foot {display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ffffff17;padding-top:23px;color:#8893a4;font-size:10px;letter-spacing:.13em;font-weight:640}
/* Hands-on service explorer */
.showcase-section {background:#f5f5f7;padding:126px 0 134px;overflow:hidden}
.showcase-heading {max-width:680px;margin:0 auto 51px;text-align:center}
.showcase-heading h2 {font-size:clamp(50px,5.5vw,76px);letter-spacing:-.06em;line-height:1.07;margin:0;font-weight:700}
.showcase-heading h2 span {color:#898992}
.showcase-heading>p:last-child {max-width:540px;margin:24px auto 0;color:#6e6e73;font-size:17px;line-height:1.62}
.showcase-tabs {width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.showcase-tab{cursor:pointer;appearance:none;border:1px solid transparent;background:transparent;color:#60616a;font:inherit;font-size:13px;padding:13px 20px;border-radius:100px;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:background .22s,color .22s,border-color .22s,box-shadow .22s;}
.showcase-tab:hover {color:#1d1d1f;background:#fff9}
.showcase-tab[aria-selected="true"] {color:white;background:#1d1d1f;box-shadow:0 7px 18px #20202c16}
.tab-index {font-variant-numeric:tabular-nums;font-size:10px;color:#8e929a;font-weight:700}
.showcase-tab[aria-selected="true"] .tab-index {color:#aeb8c8}
.showcase-display {background:#fff;min-height:494px;border:1px solid #ebecef;box-shadow:0 24px 80px #2737530a;border-radius:26px;display:grid;grid-template-columns:39% 61%;overflow:hidden}
.showcase-copy {padding:64px 43px 38px 49px;display:flex;flex-direction:column;align-items:flex-start;position:relative}
.showcase-kicker {color:#7b899b;letter-spacing:.12em;font-size:11px;font-weight:680}
.showcase-copy h3 {white-space:pre-line;font-size:clamp(34px,3.3vw,50px);letter-spacing:-.057em;line-height:1.1;margin:24px 0 17px;font-weight:710;max-width:330px;color:#1d1d1f}
.showcase-copy>p {max-width:320px;font-size:16px;color:#6e6e73;line-height:1.6;margin:0 0 23px}
.showcase-cta {color:#0066cc;font-size:14px;display:inline-flex;align-items:center;gap:9px;line-height:1.6}
.showcase-cta:hover {text-decoration:underline}
.showcase-counter {margin-top:auto;display:flex;gap:13px;align-items:center;color:#a0a4ad;font-size:12px;font-weight:650;padding-top:28px}
.showcase-counter span:first-child{color:#1d1d1f}
.showcase-separator {width:55px;height:1px;background:#cbd0d9;display:block}
.showcase-screen {background:radial-gradient(ellipse at 60% 48%,#f7faff 0,#ebf2fc 65%,#e8eef8 100%);min-height:494px;border-left:1px solid #edf0f5;padding:36px 33px 32px;display:flex;flex-direction:column;}
.screen-chrome {background:#fdfdff;border-radius:15px 15px 0 0;min-height:41px;padding:0 15px;border:1px solid #dfe7f1;border-bottom:1px solid #edf1f7;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9eaaba;font-weight:730;letter-spacing:.07em;gap:10px}
.screen-dots {display:flex;gap:4px}.screen-dots i{width:6px;height:6px;border-radius:50%;background:#d1d9e5}.screen-dots i:first-child{background:#e8afb0}.screen-dots i:nth-child(2){background:#ecd4a2}.screen-dots i:nth-child(3){background:#a6d7c4}
.screen-tag {color:#8f9aa7;font-size:8px;border:1px solid #e7ecf5;border-radius:5px;padding:4px 6px}
.screen-canvas {flex:1;background:linear-gradient(142deg,#fff 0,#f7faff 80%);position:relative;border:1px solid #dfe7f1;border-top:0;border-radius:0 0 15px 15px;min-height:355px;overflow:hidden;box-shadow:0 17px 38px #31578d17}
.screen-canvas:before{content:"";position:absolute;inset:0;opacity:.52;background-image:radial-gradient(#dfe7f3 1px,transparent 1px);background-size:23px 23px;pointer-events:none}
.scene {position:absolute;inset:0;overflow:hidden;animation:scene-enter .45s var(--ease-luxe) both}
.scene[hidden] {display:none!important}
.scene-topline {position:absolute;left:23px;right:23px;top:22px;display:flex;justify-content:space-between;gap:10px;letter-spacing:.13em;font-size:9px;color:#99aac4;font-weight:740;z-index:2}
.scene-caption{position:absolute;left:23px;bottom:18px;display:flex;align-items:center;gap:8px;font-size:11px;color:#8797af;z-index:3;font-weight:520}
.caption-led{width:6px;height:6px;border-radius:50%;background:#71cda5;box-shadow:0 0 0 4px #71cda515}
/* scene: network */
.network-radar {width:min(370px,68%);aspect-ratio:1;left:50%;top:51%;position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#a8d0fd25 0,#91c2fd13 24%,transparent 65%)}
.radar-ring {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #b2cdee88;border-radius:50%;aspect-ratio:1}
.ring-r1{width:41%}.ring-r2{width:73%}.ring-r3{width:100%}
.radar-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:28px;background:linear-gradient(145deg,#f8fcff,#cae2fd);box-shadow:0 11px 35px #669ad461,0 0 0 11px #b0d0fc31;display:grid;place-items:center;color:#217ad5;border:1px solid #fff}
.radar-hub svg{width:39px;height:39px}
.radar-device {position:absolute;border-radius:10px;background:#fff;box-shadow:0 7px 25px #577eaf27;border:1px solid #dfecf9;padding:10px 13px;font-size:10px;letter-spacing:.06em;font-weight:790;color:#6284ab}
.dev-1{left:-12%;top:45%}.dev-2{right:-9%;top:18%}.dev-3{right:-13%;bottom:17%}.dev-4{left:5%;bottom:0}
/* scene: storage */
.storage-stack {width:min(300px,61%);position:absolute;left:48%;top:52%;transform:translate(-50%,-50%) rotate(-9deg);display:grid;gap:9px;filter:drop-shadow(17px 22px 20px #97adc540)}
.server-unit{height:70px;background:linear-gradient(145deg,#fdfefe,#d4e0ed);border:1px solid #c7d6e7;box-shadow:inset 0 2px 1px #fff,0 5px 11px #8da6bc33;border-radius:14px;display:flex;gap:12px;align-items:center;padding:12px 18px}
.server-drive-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.server-drive-grid i{height:27px;background:linear-gradient(180deg,#bdcfe1,#e8eff5);border:1px solid #c5d4e3;border-radius:5px;box-shadow:inset 0 2px 4px #a8bed633}
.server-status{width:9px;height:9px;background:#7dd2ab;border-radius:50%;box-shadow:0 0 0 5px #7dd2ab22;animation:status-pulse 3s ease-in-out infinite}
.server-shadow{height:10px;margin:3px 20px 0;background:#6e8eb021;filter:blur(11px);border-radius:50%}
.storage-side-note{position:absolute;right:7%;top:36%;display:grid;gap:10px;color:#abc0d8;font-size:10px;font-weight:850;letter-spacing:.12em}
.storage-side-note span:nth-child(2){padding-left:10px;color:#6e99ca}.storage-side-note span:nth-child(3){padding-left:20px}
/* scene: support */
.support-dashboard{position:absolute;left:50%;top:51%;width:min(370px,75%);transform:translate(-50%,-50%) rotate(-4deg);border:1px solid #d5e3f1;border-radius:16px;background:#fff;box-shadow:0 23px 48px #7899bc4d;padding:0 23px 12px;z-index:2}
.support-dashboard-top{height:55px;display:flex;gap:9px;align-items:center;color:#8497aa;font-size:10px;letter-spacing:.1em;font-weight:800;border-bottom:1px solid #edf2f7}
.support-dashboard-top i{width:19px;height:19px;background:#ecf4fe;border:1px solid #cfe2fa;border-radius:5px}.support-dashboard-top b{margin-left:auto;background:#ebf9f3;color:#57b68f;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:15px}
.check-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf2f7;padding:13px 0;font-size:11px;color:#576c83;font-weight:590}
.check-row:last-child{border-bottom:0}
.check-row .checkmark{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#edf7ff;color:#3189dc;font-weight:750}
.check-row i{height:5px;width:26px;border-radius:10px;background:#e3edf8;margin-left:auto}
.support-sparkle{position:absolute;right:9%;top:23%;font-size:74px;color:#a1cbfd;filter:drop-shadow(0 7px 16px #87afdf7d);animation:badge-bob 5s ease-in-out infinite alternate}
/* scene: digital */
.workflow{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;width:85%;max-width:480px}
.flow-node{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;border:1px solid #dbe6f2;border-radius:15px;min-height:137px;box-shadow:0 15px 29px #8cadd231;background:#fff;padding:15px 14px;gap:7px}
.flow-node span{font-size:9px;color:#a8b3c2;font-weight:720;letter-spacing:.1em}
.flow-node strong{font-size:12px;color:#48586e;letter-spacing:-.3px}
.flow-node i{font-size:24px;color:#6eace9;font-style:normal;margin-top:auto}
.flow-node.middle{background:#f2f8ff;border-color:#c1dbf6;transform:translateY(-11px)}
.flow-arrow{color:#73a1d8;font-size:21px;font-weight:400}
.workflow-footer{position:absolute;bottom:66px;width:100%;text-align:center;color:#82a0c5;font-size:11px;font-weight:630}
.showcase-note{text-align:right;font-size:11px;color:#9a9fa8;margin:16px 6px 0}
/* Finish current sections with consistent details */
.method-step {transition:transform .38s var(--ease-luxe),border-color .3s,background .3s}
.method-step:hover{transform:translateY(-5px);border-color:#4b5260;background:#2a2a30}
.tags span {transition:transform .25s,background .25s}.tags span:hover {transform:translateY(-3px);background:#eaf0fa}
.contact-shell {position:relative;overflow:hidden}
.contact-shell:before {content:"";position:absolute;pointer-events:none;border-radius:50%;width:450px;height:450px;right:-250px;top:-300px;background:radial-gradient(circle,#bddafd61,transparent 70%);filter:blur(20px)}
/* Motion */
@keyframes hero-appear{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}
@keyframes stage-arrive{from{opacity:0;transform:perspective(1400px) rotateX(10deg) translateY(45px) scale(.96)}to{opacity:1;transform:perspective(1400px) rotateX(2deg) translateY(0) scale(1)}}
@keyframes light-drift{0%{transform:translate3d(-14px,-12px,0) scale(.96)}100%{transform:translate3d(19px,12px,0) scale(1.08)}}
@keyframes node-drift{0%{translate:0 0}100%{translate:0 -5px}}
@keyframes dash-flow{to{stroke-dashoffset:-220}}
@keyframes network-float{0%{transform:translateY(5px)}100%{transform:translateY(-6px)}}
@keyframes server-drift{0%{translate:0 4px}100%{translate:0 -7px}}
@keyframes badge-bob{0%{translate:0 6px}100%{translate:0 -7px}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes scene-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes status-pulse{0%,100%{opacity:1}50%{opacity:.45}}
@media (max-width:1020px){
 .vision-copy h2{font-size:clamp(44px,5vw,61px)}
 .vision-art{min-height:490px}.vision-core{width:155px;height:155px}.vision-core>span{font-size:91px}
 .vision-pill{font-size:11px;padding:10px 12px}
 .showcase-display{grid-template-columns:42% 58%}.showcase-copy{padding:50px 29px 32px 35px}.showcase-screen{padding:28px 24px 24px}
 .storage-side-note{right:4%}
}
@media (max-width:800px){
 .vision-section{padding:104px 0 31px}.vision-inner{grid-template-columns:1fr;gap:0;min-height:auto}
 .vision-copy{text-align:center;padding:0;margin:0 auto;max-width:640px}
 .vision-copy h2{font-size:clamp(43px,7.8vw,65px)}
 .vision-copy>p:not(.section-label){margin:22px auto 22px}
 .vision-art{min-height:485px;margin:0 auto;width:min(100%,550px);transform:none}
 .vision-foot{margin-top:10px}
 .showcase-section{padding:92px 0 100px}.showcase-display{grid-template-columns:1fr}
 .showcase-copy{padding:42px 32px 33px;min-height:278px}.showcase-copy h3{max-width:none;font-size:44px;margin:15px 0}
 .showcase-copy>p{max-width:580px}.showcase-counter{position:absolute;right:36px;bottom:38px}
 .showcase-screen{border-top:1px solid #edf0f5;border-left:0;min-height:450px}.screen-canvas{min-height:354px}
 .showcase-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:thin;}
 .showcase-tab{flex-shrink:0}
}
@media (max-width:610px){
 .hero .hero-buttons{animation:hero-appear .9s .25s var(--ease-luxe) both}
 .preview-window{animation:stage-arrive-m .9s .16s var(--ease-luxe) both}
 .visual-stage:hover .preview-window {transform:translateY(-3px)}
 .hero-light{display:none}
 .vision-section{padding:86px 0 26px}
 .vision-copy h2{font-size:clamp(39px,10vw,55px);letter-spacing:-.062em}
 .vision-copy .section-label{font-size:10px;margin-bottom:19px}
 .vision-copy>p:not(.section-label){font-size:15px;line-height:1.63;margin-top:22px}
 .vision-art{min-height:355px;width:min(100%,390px)}
 .orbit-outer{width:93%}.orbit-middle{width:74%}.orbit-inner{width:53%}
 .vision-core{width:123px;height:123px}.vision-core>span{font-size:70px;margin-right:10px}
 .vision-pill{font-size:9px;padding:8px 10px;gap:7px}.vision-pill i{width:6px;height:6px}
 .pill-network{left:0;top:14%}.pill-storage{right:-1%;top:35%}.pill-software{bottom:13%;left:4%}
 .vision-foot{font-size:8px;letter-spacing:.065em;line-height:1.5;gap:20px}
 .vision-foot>span:last-child{text-align:right}
 .showcase-section{padding:85px 0 90px}
 .showcase-heading{margin-bottom:31px}.showcase-heading h2{font-size:clamp(41px,9.4vw,53px)}
 .showcase-heading>p:last-child{font-size:14px;line-height:1.6;margin-top:21px}
 .showcase-tabs{margin-bottom:12px;gap:6px}
 .showcase-tab{padding:11px 14px;font-size:12px;gap:6px}
 .showcase-display{border-radius:21px;min-height:0}
 .showcase-copy{padding:33px 23px 30px;min-height:330px}
 .showcase-copy h3{font-size:36px;letter-spacing:-.06em;margin:17px 0 11px}
 .showcase-copy>p{font-size:14px;line-height:1.58;margin-bottom:17px;max-width:420px}
 .showcase-cta{font-size:13px}.showcase-counter{position:static;padding-top:24px;margin-top:auto}
 .showcase-screen{padding:14px;min-height:340px}.screen-chrome{min-height:34px;font-size:7px;padding:0 9px;gap:5px}
 .screen-dots i{width:5px;height:5px}.screen-tag{font-size:6px}
 .screen-canvas{min-height:291px}
 .scene-topline{left:14px;right:14px;top:16px;font-size:8px}
 .scene-caption{left:13px;bottom:12px;font-size:9px}
 .network-radar{width:64%;top:51%}.radar-hub{width:59px;height:59px;border-radius:19px}.radar-hub svg{width:30px;height:30px}
 .radar-device{font-size:8px;padding:7px 9px}.dev-1{left:-15%}.dev-2{right:-15%}.dev-3{right:-18%}
 .storage-stack{width:57%;left:46%}.server-unit{height:54px;border-radius:10px;padding:10px 11px}.server-drive-grid{gap:4px}.server-drive-grid i{height:20px;border-radius:3px}.server-status{width:7px;height:7px}
 .storage-side-note{right:2%;font-size:8px;letter-spacing:.07em;top:38%}
 .support-dashboard{width:74%;padding:0 14px 10px}.support-dashboard-top{height:45px;font-size:8px}.support-dashboard-top b{width:20px;height:20px;font-size:11px}
 .check-row{gap:8px;padding:11px 0;font-size:9px}.check-row .checkmark{flex-basis:19px;height:19px}.check-row i{display:none}
 .support-sparkle{right:3%;top:19%;font-size:52px}
 .workflow{gap:7px;width:94%}.flow-node{min-height:112px;border-radius:10px;padding:11px 8px;gap:5px}.flow-node strong{font-size:9px}.flow-node span{font-size:8px}.flow-node i{font-size:20px}.flow-arrow{font-size:15px}.workflow-footer{bottom:57px;font-size:9px}
 .showcase-note{text-align:center;font-size:10px;line-height:1.4}
}
@keyframes stage-arrive-m{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:reduce){
 .hero h1,.hero .eyebrow,.hero-summary,.hero-buttons,.preview-window,.diagram-node,.diagram-lines path:first-child,.network-halo,.storage-illustration,.code-badge,.vision-aura,.vision-orbit,.vision-pill,.server-status,.scene{animation:none!important;transition:none!important}
 .visual-stage:hover .preview-window,.bento-card:hover,.bento-card:focus-within,.method-step:hover {transform:none!important}
}

/* Russotti Lab — B2B & Public Systems edition */
:root{--rounded:24px}
.desktop-nav{gap:22px}
.hero-summary{max-width:700px}
.hero h1{font-size:clamp(60px,7.35vw,97px);letter-spacing:-.068em}
.hero .eyebrow{max-width:95%;font-weight:750}
.solutions-home{padding-bottom:134px}
.solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.solution-tile{min-height:386px;padding:30px 28px 27px;border-radius:25px;background:#f5f5f7;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate;border:1px solid #eeeef1;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}
.solution-tile:hover{transform:translateY(-5px);box-shadow:0 18px 45px #161c2c0e;border-color:#d4d9e1}
.solution-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#6d7480;font-size:9px;letter-spacing:1.35px;font-weight:750}
.solution-topline>span:last-child{opacity:.73}
.tile-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#e4eaf4;color:#3f6cbb;margin-top:47px;margin-bottom:16px}
.tile-icon svg{width:36px;height:36px}
.solution-tile h3{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.055em;line-height:1.1;margin:4px 0 12px;font-weight:720}
.solution-tile>p{font-size:14px;line-height:1.64;color:#66707d;margin:0 0 28px;max-width:390px;z-index:1}
.solution-link{font-size:12px;font-weight:700;color:#2b67c1;display:flex;gap:18px;align-items:center;margin-top:auto;width:max-content;position:relative;z-index:2}
.solution-link span,.pa-link span{transition:transform .25s}
.solution-link:hover span,.pa-link:hover span{transform:translate(3px,-2px)}
.tile-security{background:linear-gradient(140deg,#171d29,#090d16);color:#f9fbff}
.tile-security .solution-topline{color:#bfcada}
.tile-security .tile-icon{background:#2b3951;color:#b9d6ff}
.tile-security>p{color:#bbc7d8;position:relative;z-index:2}
.tile-security .solution-link{color:#91baff}
.tiny-signal{display:flex;align-items:center;gap:7px}.tiny-signal i{width:7px;height:7px;background:#8bdeba;border-radius:50%;box-shadow:0 0 0 5px #77cfaa14}
.camera-visual{position:absolute;right:-60px;top:97px;width:270px;height:270px;border:1px solid #72a6e534;border-radius:50%;opacity:.75;z-index:-1}
.camera-visual:before,.camera-visual:after{content:"";position:absolute;inset:20%;border:1px solid #85b7ee59;border-radius:50%}
.camera-visual:after{inset:38%;background:#84c5f422;box-shadow:0 0 90px #7fbefa2b}
.camera-visual span{position:absolute;inset:-28%;border:1px dashed #7a9dc629;border-radius:50%;animation:orbit-turn 40s linear infinite}
.tile-network{background:#f0f5fd}.tile-av{background:#f4f0fc}.tile-data{background:#f3f5f7}.tile-signage{background:#ecf6f5}.tile-access{background:#f7f4ed}
.tile-av .tile-icon{color:#7d60c5;background:#eae1fc}.tile-signage .tile-icon{color:#288f8f;background:#d4eeee}.tile-access .tile-icon{color:#957040;background:#f1e6cc}
.solutions-footnote{display:flex;gap:25px;align-items:center;justify-content:space-between;border-top:1px solid #edeef2;margin-top:35px;padding-top:26px}
.solutions-footnote p{font-size:13px;color:#707781;line-height:1.5;max-width:750px;margin:0}.solutions-footnote strong{color:#232b35;font-weight:660}.solutions-footnote a{color:#2d67bd;font-weight:680;font-size:13px;white-space:nowrap}.solutions-footnote a span{margin-left:8px}
/* Public Administration feature */
.pa-section{padding:132px 0;background:#fff;overflow:hidden}
.pa-header{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:70px;margin-bottom:56px}
.pa-header h2{font-size:clamp(48px,5.4vw,74px);letter-spacing:-.065em;line-height:1.05;margin:0;font-weight:720}
.pa-header h2 span,.sectors-section h2 span{color:#92949b}
.pa-header>p{color:#656b75;line-height:1.75;font-size:17px;margin:0 0 7px}
.pa-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:stretch}
.pa-feature{background:#0b1321;color:#fff;border-radius:26px;min-height:615px;overflow:hidden;display:flex;flex-direction:column;padding:32px;position:relative;isolation:isolate}
.pa-feature-top{display:flex;justify-content:space-between;color:#9babc1;font-size:10px;letter-spacing:1.7px;font-weight:740}
.pa-geometry{flex:1;position:relative;min-height:360px;display:grid;place-items:center}
.pa-grid-lines{position:absolute;inset:13%;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(circle,#000,transparent 75%)}
.pa-orb{height:200px;width:200px;border-radius:50%;border:1px solid #93b5e65c;background:radial-gradient(circle,#35628b9e 0%,#1641724a 48%,transparent 75%);box-shadow:0 0 90px #337bbb3c,inset 0 0 70px #5890bd47;position:absolute;animation:badge-bob 5s ease-in-out infinite alternate}
.pa-orb:before,.pa-orb:after{content:"";position:absolute;inset:-45px;border-radius:50%;border:1px solid #9ec2f030;animation:orbit-turn 22s linear infinite}
.pa-orb:after{inset:-87px;border-style:dashed;animation-direction:reverse;animation-duration:60s}
.pa-focus{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;background:#1a2d47d9;border:1px solid #7196c05c;padding:10px 14px;border-radius:24px;color:#e1ecff;box-shadow:0 10px 34px #040b177b}
.pa-focus span{font-size:15px;color:#a2c9f2}.pa-focus small{font-size:8px;letter-spacing:1px;font-weight:700}
.pa-focus-a{top:15%;left:6%}.pa-focus-b{top:41%;right:3%}.pa-focus-c{bottom:13%;left:10%}
.pa-feature-bottom{display:flex;align-items:end;justify-content:space-between;gap:15px}.pa-feature-bottom h3{font-size:33px;line-height:1.14;letter-spacing:-1.5px;margin:0}.pa-feature-bottom span{font-size:10px;letter-spacing:1.3px;color:#99a9c1}
.pa-items{display:flex;flex-direction:column}
.pa-items article{display:flex;gap:18px;border-bottom:1px solid #eceef1;padding:18px 0 22px}.pa-items article:first-child{padding-top:0}
.pa-number{font-size:11px;font-weight:700;color:#4879b8;padding-top:5px}.pa-items article h3{font-size:21px;letter-spacing:-.7px;margin:0 0 8px;font-weight:690}.pa-items article p{font-size:14px;color:#69727e;line-height:1.6;margin:0}
.pa-link{margin-top:auto;padding:22px 3px 3px;display:flex;gap:16px;align-items:center;justify-content:space-between;color:#2b67bf;font-size:14px;font-weight:700}
.sectors-section{padding:105px 0;background:#f6f6f8;text-align:center}
.sectors-section h2{font-size:clamp(34px,4.2vw,57px);line-height:1.12;letter-spacing:-.055em;margin:0 auto 32px}
.sector-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.sector-pills span{padding:12px 18px;border-radius:999px;border:1px solid #e3e5eb;background:#fff;font-size:12px;font-weight:650;color:#5b6370}
.contact-notice{font-size:10px!important;color:#8c93a0!important;margin-top:14px!important}
/* Inner page layout */
.inner-hero{padding:116px 0 88px;background:radial-gradient(ellipse at 75% 60%,#e6f0ff 0,transparent 50%),#f7f8fb}
.inner-hero h1{font-size:clamp(52px,6.7vw,90px);line-height:1.03;letter-spacing:-.073em;max-width:950px;margin:15px 0 22px}
.inner-hero h1 span{color:#878d98}.inner-hero p.inner-intro{font-size:clamp(17px,2vw,22px);max-width:790px;line-height:1.62;color:#626d7c;margin:0 0 30px}
.inner-hero .btn{margin-top:12px}
.inner-section{padding:115px 0;background:#fff}.inner-section:nth-of-type(even){background:#f7f7f9}
.inner-section h2{font-size:clamp(35px,4vw,55px);line-height:1.12;letter-spacing:-.058em;margin:0 0 21px}
.inner-section p{color:#626d7a;line-height:1.73;font-size:16px}
.inner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:39px}
.inner-card{border-radius:23px;padding:34px;background:#f5f6fa}
.inner-card .inner-index{font-size:10px;letter-spacing:1.5px;font-weight:750;color:#6586ba}
.inner-card h3{font-size:25px;letter-spacing:-.055em;margin:19px 0 9px}.inner-card p{font-size:14px;margin:0;line-height:1.67}
.inner-card.dark{background:#151d2d;color:#fff}.inner-card.dark p{color:#ccd5e5}.inner-card.dark .inner-index{color:#a1caff}
.inner-prose{max-width:820px}.inner-prose strong{color:#222}
.inner-note{border:1px solid #e3e6ec;background:#fcfcfe;padding:21px 25px;border-radius:16px;margin-top:38px;color:#666f79;line-height:1.65;font-size:13px}
.inner-cta{padding:93px 0;background:#111821;color:#fff;text-align:center}.inner-cta h2{font-size:clamp(39px,4.7vw,66px);letter-spacing:-.065em;margin:0 0 20px}.inner-cta p{font-size:17px;color:#c9d2df;margin:0 auto 27px;max-width:640px}.inner-cta .btn{background:#fff;color:#182337}.inner-cta .btn:hover{background:#dbe9ff}
@media(max-width:1050px){.desktop-nav{gap:13px}.desktop-nav a{font-size:11px}.solution-tile{min-height:410px;padding:25px 22px}.pa-layout{gap:28px}.pa-feature{padding:24px}}
@media(max-width:800px){.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pa-header{grid-template-columns:1fr;gap:17px}.pa-layout{grid-template-columns:1fr}.pa-feature{min-height:530px}.pa-items{padding-top:10px}.pa-link{margin-top:12px}.inner-grid{grid-template-columns:1fr}.inner-hero{padding:90px 0 70px}}
@media(max-width:610px){.solutions-home{padding:92px 0}.solutions-grid{grid-template-columns:1fr;gap:12px}.solution-tile{min-height:308px;padding:25px}.solution-topline{font-size:9px}.tile-icon{margin-top:20px;width:47px;height:47px}.tile-icon svg{width:30px;height:30px}.solution-tile h3{font-size:28px}.solution-tile>p{font-size:14px;margin-bottom:15px}.solutions-footnote{align-items:flex-start;flex-direction:column;gap:14px}.pa-section{padding:86px 0}.pa-header{margin-bottom:30px}.pa-header h2{font-size:45px}.pa-header>p{font-size:15px}.pa-feature{min-height:440px;padding:23px}.pa-geometry{min-height:267px}.pa-orb{height:124px;width:124px}.pa-focus{padding:7px 10px}.pa-focus small{font-size:7px}.pa-feature-bottom h3{font-size:25px}.pa-feature-top{font-size:8px;letter-spacing:.7px}.pa-items article{padding-bottom:18px}.pa-items article h3{font-size:20px}.sectors-section{padding:80px 0}.sectors-section h2{font-size:34px}.sector-pills span{padding:11px 14px}.inner-hero{padding:80px 0 60px}.inner-hero h1{font-size:52px}.inner-hero p.inner-intro{font-size:16px}.inner-section{padding:75px 0}.inner-card{padding:25px}.inner-cta{padding:74px 0}}
@media (prefers-reduced-motion:reduce){.pa-orb,.camera-visual span{animation:none!important}}

/* Recapiti professionali — aggiornamento ottobre 2026 */
.contact-details{max-width:590px;margin:34px auto 0;padding:22px 20px 0;border-top:1px solid #dfe3eb;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:center}
.contact-detail{display:flex;flex-direction:column;gap:7px;min-width:0}
.contact-detail-label{font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#8b929b}
.contact-detail strong,.contact-detail a{font-size:14px;font-weight:650;color:#242730;overflow-wrap:anywhere}
.contact-detail a:hover{color:#0071e3}
.site-footer .footer-bottom>div{flex-wrap:wrap;align-items:center;justify-content:flex-end;row-gap:9px}
.site-footer .footer-bottom a[href^="tel:"]{color:#505d6c;font-weight:600}
.legal-main a[href^="tel:"]{color:#0071e3}
@media(max-width:610px){.contact-details{grid-template-columns:1fr;gap:20px;padding-top:24px;margin-top:30px}.contact-detail{gap:3px}.contact-detail strong,.contact-detail a{font-size:15px}.site-footer .footer-bottom>div{justify-content:flex-start;gap:12px 17px}}

/* Dati ufficiali e contatto WhatsApp — ottobre 2026 */
.contact-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}
.contact-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;text-decoration:none}
.contact-actions .btn-whatsapp{background:#fff;color:#17211d;border:1px solid #d4dfda;box-shadow:0 3px 18px #101d160c}
.contact-actions .btn-whatsapp:hover{background:#f2faf4;border-color:#b8d2c2;transform:translateY(-2px)}
.contact-details{max-width:720px;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 20px}
.contact-detail strong,.contact-detail a{line-height:1.6}
.footer-business{border-top:1px solid #dedfe4;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:26px;padding:23px 0;color:#5e636d}
.footer-business>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.footer-business strong{font-size:12px;color:#323741;font-weight:650;line-height:1.5}
.footer-business-name span,.footer-business-label{font-size:11px;color:#777d86;line-height:1.55}
.footer-business-name>strong{font-weight:750}
.floating-whatsapp{position:fixed;z-index:25;right:22px;bottom:22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:#1c2923;border:1px solid #ffffff35;padding:13px 17px;border-radius:999px;font-size:13px;font-weight:690;box-shadow:0 12px 40px #071b1245;transition:transform .22s ease,background .22s ease}
.floating-whatsapp svg{color:#7ce3a5}
.floating-whatsapp:hover{transform:translateY(-3px);background:#233c2f}
.floating-whatsapp:focus-visible{outline:3px solid #63a9ff;outline-offset:3px}
.footer-bottom a[href*="wa.me"]{color:#3f6650;font-weight:690}
@media(max-width:800px){.footer-business{grid-template-columns:1fr 1fr}.footer-business-name{grid-column:1/-1}}
@media(max-width:610px){.contact-details{grid-template-columns:1fr;gap:16px}.contact-actions{flex-direction:column;align-items:stretch;max-width:290px;margin:20px auto 0}.contact-actions .btn{width:100%}.footer-business{grid-template-columns:1fr;gap:15px}.footer-business-name{grid-column:auto}.floating-whatsapp{right:15px;bottom:calc(15px + env(safe-area-inset-bottom, 0px));padding:12px 14px}.floating-whatsapp span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp,.contact-actions .btn-whatsapp{transition:none}}


/* Contatto email — ottobre 2026 */
.contact-actions .btn-email{background:#0071e3;color:#fff;border:1px solid #0071e3;box-shadow:0 5px 22px rgba(0,113,227,.14)}
.contact-actions .btn-email:hover{background:#005bbd;border-color:#005bbd;transform:translateY(-2px)}
.contact-actions .btn-email:focus-visible{outline:3px solid #75baff;outline-offset:3px}
.contact-detail a[href^="mailto:"],.footer-bottom a[href^="mailto:"]{overflow-wrap:anywhere}
.site-footer .footer-bottom a[href^="mailto:"]{color:#006acb;font-weight:650}
@media(prefers-reduced-motion:reduce){.contact-actions .btn-email{transition:none}}