:root{--accent:#b7f5d8;--line:#b9d5ed38}body{background:radial-gradient(ellipse at 83% 15%,#6447a333,transparent 36%),radial-gradient(ellipse at 10% 55%,#247c7830,transparent 45%),#101a2a}header,main,footer{max-width:1200px}header{min-height:88px}.brand{letter-spacing:3px}.hero{min-height:0;padding:42px 0 38px;grid-template-columns:1.35fr .65fr;gap:32px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-2px;font-size:clamp(44px,5.1vw,65px);line-height:1.08}.hero .intro{font-size:15px;line-height:1.65;margin-bottom:22px;max-width:560px}.hero>div:first-child>.eyebrow{margin-bottom:18px;color:#f0d8b1;border-color:#dec89e45}.development-note{margin-top:18px}.studio-seal{position:relative;height:280px;display:grid;place-items:center}.studio-seal img{width:158px;height:158px;filter:drop-shadow(0 0 30px #a4e6d32b);border-radius:32px}.seal-ring{position:absolute;width:252px;height:252px;border:1px solid #c5b8e54d;border-radius:50%;box-shadow:0 0 55px #ae91dd0c}.seal-ring:before,.seal-ring:after{content:'◆';position:absolute;color:#e2c79b;font-size:12px;left:50%;top:-12px}.seal-ring:after{top:auto;bottom:-12px}.seal-ring.inner{width:216px;height:216px;border:1px dashed #e2c79b38;rotate:24deg}.seal-star{position:absolute;font-size:25px;color:#e8cba1}.seal-star.a{top:62px;right:25px}.seal-star.b{bottom:55px;left:24px;color:#b8e6df}.seal-label{position:absolute;bottom:-3px;font-size:9px;letter-spacing:2px;color:#bdc9db}.play-entry{background:#eed5af;color:#28333a;border-color:#eed5af}.hero-actions{gap:12px}.quiet-link{font-size:12px}.section-heading{margin-bottom:18px}.section-heading h2,.card h3,.about h2,.business h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.6px}.section-heading h2:before{content:'◇';color:#e8cba1;margin-right:12px;font-size:25px}section:not(.hero){padding:30px 0}.cards{gap:22px}.card{position:relative;border:2px solid #829ba966;border-radius:20px 7px 20px 7px;padding:7px;background:linear-gradient(145deg,#2b3a48,#19273b);box-shadow:0 10px 32px #030a1724,inset 0 0 0 1px #d9eeff10}.card:after{content:'◆';position:absolute;top:5px;right:12px;color:#e3c694;font-size:15px;pointer-events:none}.card .cover.illustrated{aspect-ratio:2.5;border-radius:13px 3px 3px 3px;overflow:hidden;border:1px solid #c2d8e52b}.card-body{padding:17px 18px 13px}.card h3{font-size:27px;margin:8px 0}.card p{min-height:0;font-size:13px;line-height:1.6;margin-bottom:14px}.card-body>.button{background:#b9efd7;border-radius:10px 3px 10px 3px;font-weight:700}.meta{font-size:9px}.project-actions{margin:12px 0 3px;gap:12px}.action-note{font-size:9px}.count-explanation{margin-top:9px;padding-top:7px}.count-explanation summary{font-size:10px}.filters{border-color:#aebdcb55;border-radius:12px 4px 12px 4px}.filters button[data-filter=game]:before{content:'✦ ';color:inherit}.filters button[data-filter=app]:before{content:'▧ ';color:inherit}.about{gap:40px}.about h2{font-size:32px}.business{padding:26px!important;margin-bottom:30px!important;border-radius:18px 5px 18px 5px}.business h2{font-size:30px;margin-bottom:10px}.business p{margin-top:8px}.studio-socials{padding:14px 0}footer{gap:10px}.button:hover{box-shadow:0 0 20px #b9efd71c}
@media(prefers-reduced-motion:no-preference){.studio-seal img{animation:seal-breathe 8s ease-in-out infinite}.seal-star{animation:gentle-float 10s ease-in-out infinite}}@keyframes seal-breathe{50%{translate:0 -5px;filter:drop-shadow(0 0 34px #a4e6d34b)}}
@media(max-width:760px){header,main,footer{padding-inline:20px}.hero{grid-template-columns:1fr;position:relative;padding:30px 0 26px;gap:0}.hero h1{font-size:44px;max-width:340px}.studio-seal{display:none}.hero .intro{font-size:14px}.hero .eyebrow{font-size:8px}.hero-actions{gap:10px}.hero-actions .quiet-link{width:100%;padding:0}.development-note{max-width:none}.cards{gap:18px}.card .cover.illustrated{aspect-ratio:2.1}.section-heading{gap:14px}.section-heading h2{font-size:29px}.filters{width:100%;justify-content:space-between}.filters button{padding:6px 10px}.card-body{padding:15px 13px}.card h3{font-size:26px}.about{gap:8px}.business{padding:23px!important}.brand-emblem{width:38px;height:38px}.hero-actions .button{min-height:46px}.hero h1{letter-spacing:-1px}}
/* Revisione accogliente: componenti riutilizzabili UPTESK */
:root{--bg:#263954;--muted:#e0e8f4;--line:#c6def24d}
body{background:radial-gradient(ellipse at 86% 9%,#8270bc65,transparent 47%),radial-gradient(ellipse at 5% 40%,#42a4a04d,transparent 50%),radial-gradient(ellipse at 65% 85%,#c6827c25,transparent 43%),#263954}
.floating-worlds{z-index:0;background:radial-gradient(circle at 9% 15%,#91ead816,transparent 24%),radial-gradient(circle at 90% 35%,#d4b5ff20,transparent 25%)}
.floating-worlds:before{content:'';position:absolute;inset:-5%;background:radial-gradient(circle at 22% 23%,#b7f6e532,transparent 22%),radial-gradient(circle at 82% 65%,#d6afff30,transparent 25%);opacity:.65}
.spark{display:block;position:absolute;color:#e2efeb5c;font-size:18px}.s1{left:7%;top:22%}.s2{right:8%;top:52%}.s3{left:13%;top:82%}
.hero h1,.section-heading h2,.card h3,.about h2,.business h2{font-family:'Trebuchet MS','Segoe UI',sans-serif;font-weight:850;letter-spacing:-1px}
.hero h1{font-size:clamp(44px,5vw,62px);line-height:1.12;text-shadow:0 3px 0 #152e4329}.section-heading h2{font-size:35px}.card h3{font-size:27px;letter-spacing:.3px}
.hero .intro{font-size:17px;line-height:1.65}.development-note{font-size:13px;color:#dfebf7}.quiet-link{font-size:14px}.hero>div:first-child>.eyebrow{font-size:11px}
nav{font-size:14px}.meta{font-size:11px}.status{font-size:10px}.card p{font-size:15px;line-height:1.6}.action-note{font-size:12px;line-height:1.65}.like-button,.feedback-link{font-size:13px}.count-explanation summary{font-size:12px}.count-explanation p{font-size:12px}.studio-socials small,footer small{font-size:12px}footer button{font-size:12px}
.filters{padding:7px;gap:5px;border:3px solid #b9dae3a8;border-radius:16px 6px 16px 6px;background:#20364ed9;box-shadow:0 5px 0 #152a4077,inset 0 0 0 1px #ecf8ff27}.filters button{font-size:14px;font-weight:700;min-height:44px;padding:8px 18px}.filters [aria-pressed=true]{background:#bff4de;color:#20394b;box-shadow:0 2px 0 #78afa9}
.card{border:4px solid #8fc6c4;border-radius:22px 8px 22px 8px;background:linear-gradient(140deg,#304962,#263b54);box-shadow:0 6px 0 #19344780,0 15px 30px #14284029,inset 0 0 0 2px #ddf9ff19}.card:nth-child(2){border-color:#b8a5dc}.card .cover.illustrated{border:2px solid #def0f244;border-radius:12px 3px 12px 3px}.card:after{top:10px;right:15px;color:#fff1cb;filter:drop-shadow(0 1px 3px #1d3156);font-size:17px}.card h3:before{display:inline-block;margin-right:9px;font-size:19px;color:#baf2d8;content:'✦'}.card:nth-child(2) h3:before{content:'◉';color:#d6c1fa}.button{border-radius:12px 4px 12px 4px;font-size:15px;font-weight:700;border-width:2px}.card-body>.button{min-height:47px}.section-heading{gap:20px}.about p,.business p{font-size:15px}
@media(prefers-reduced-motion:no-preference){.floating-worlds:before{animation:teskivo-drift 10s ease-in-out infinite}.spark{animation:teskivo-glimmer 8s ease-in-out infinite}.s2{animation-delay:3s}.s3{animation-delay:5s}}
@keyframes teskivo-drift{0%,65%,100%{transform:translate(0,0);opacity:.55}82%{transform:translate(10px,-7px);opacity:.85}}
@keyframes teskivo-glimmer{0%,65%,100%{transform:translateY(0);opacity:.4}82%{transform:translateY(-5px);opacity:.8}}
@media(max-width:760px){.hero .intro{font-size:16px}.hero h1{font-size:42px}.section-heading h2{font-size:30px}.filters{gap:2px;padding:5px}.filters button{padding:8px 9px;font-size:13px}.card p{font-size:14px}.card h3{font-size:24px}.card-body{padding:16px 12px}.action-note{font-size:11px}.hero-actions .quiet-link{font-size:13px}.development-note{font-size:12px}.hero>div:first-child>.eyebrow{font-size:9px}.hero-actions .button{font-size:14px}.section-heading{gap:16px}}
@media(max-width:360px){.filters button{padding-inline:7px;font-size:12px}.hero h1{font-size:38px}}
/* Natura immaginaria: decorazioni originali, senza interferire con i comandi */
body{background:radial-gradient(ellipse at 8% 25%,#6cbfa04a,transparent 45%),radial-gradient(ellipse at 90% 15%,#af98d654,transparent 45%),linear-gradient(145deg,#304e60,#37496b 60%,#405e65)}
.floating-worlds{background:none}.floating-worlds:before{background:radial-gradient(ellipse at 8% 50%,#abefc22b,transparent 25%),radial-gradient(ellipse at 94% 65%,#bdadf432,transparent 25%)}.floating-worlds:after{display:none}.seal-ring{border-radius:38% 38% 35% 35%;border-color:#b7edc270;box-shadow:0 0 50px #a9e6be17;rotate:-8deg}.seal-ring.inner{border-radius:35%;rotate:8deg;border-style:solid;border-color:#bcacda50}.seal-ring:before,.seal-ring:after{content:'';width:8px;height:8px;background:#c9e9ac;top:-4px}.seal-ring:after{top:auto;bottom:-4px}.studio-seal img{border:3px solid #b6d6bd65;box-shadow:7px 7px 0 #1c3c4940;border-radius:27px 7px 27px 7px}.seal-sprout{position:absolute;width:6px;height:24px;background:#a3d8b8}.seal-sprout:before,.seal-sprout:after{content:'';position:absolute;width:13px;height:9px;background:#cee8a6;top:0;left:-11px;box-shadow:2px -4px 0 #94c9b6}.seal-sprout:after{left:5px;top:6px;background:#b4a6df}.seal-sprout.a{right:23px;top:80px}.seal-sprout.b{left:27px;bottom:65px;scale:.8}.brand-emblem{border:2px solid #b8dec1;border-radius:12px 4px 12px 4px;box-shadow:3px 3px 0 #193b4940}
.dream-island{position:absolute;width:130px;height:38px;background:#6caf9c;border-top:9px solid #b0d99f;box-shadow:10px 9px 0 #435d77,-8px 9px 0 #435d77,0 18px 0 #435d77,15px 26px 0 -6px #52667f,-15px 26px 0 -6px #52667f;opacity:.5}.island-left{left:-14px;top:39%}.island-right{right:-12px;top:75%;width:112px;scale:.9}.dream-tree{position:absolute;bottom:8px;left:47px;width:12px;height:72px;background:#9b91ab}.dream-tree:before{content:'';position:absolute;left:-21px;top:-22px;width:54px;height:37px;background:#b6dbc0;box-shadow:-12px 12px 0 #8ebead,12px 12px 0 #8ebead,0 -10px 0 -4px #c7e6b5}.dream-tree:after{content:'';position:absolute;left:-9px;top:-11px;width:9px;height:9px;background:#e5d7af;box-shadow:25px 10px 0 #d8c0ef}.dream-tree.small{left:99px;scale:.5;transform-origin:bottom}.island-right .dream-tree:before{background:#c0b0db;box-shadow:-12px 12px 0 #9fa6c7,12px 12px 0 #9fa6c7}.dream-stone{position:absolute;width:16px;height:15px;left:12px;top:-17px;background:#b8b0d5;box-shadow:4px -4px 0 #dfcceb}
.pixel-moth{position:absolute;width:5px;height:9px;background:#f0deb4;opacity:.7}.pixel-moth:before,.pixel-moth:after{content:'';position:absolute;width:9px;height:6px;background:#b9f2d0;left:-9px;top:-3px;box-shadow:0 6px 0 #adbadf}.pixel-moth:after{left:5px}.moth-one{left:8%;top:19%}.moth-two{right:7%;top:47%;scale:.8}.pixel-leaf{position:absolute;width:9px;height:6px;background:#bbdba5;box-shadow:4px -4px 0 #a4c9b3;opacity:.5}.leaf-one{left:6%;top:67%}.leaf-two{right:8%;top:26%;background:#cfb8e0}.leaf-three{left:13%;top:88%;scale:.7}
.card{border-color:#a5c9ad;position:relative}.card:nth-child(2){border-color:#b9acd8}.card:after{content:'';width:9px;height:9px;background:#d2e5b6;box-shadow:-7px 7px 0 #98c7b6,7px 7px 0 #aebce0;right:17px;top:17px}.card .cover.illustrated{aspect-ratio:2.5;background:none!important}.card .cover.illustrated img{object-fit:contain;background:#334f65}.card h3:before{content:'▰';font-size:16px}.card:nth-child(2) h3:before{content:'◉'}.section-heading h2:before{content:'❧';color:#c1dda9}.filters button[data-filter=game]:before{content:'▰ '}
@media(prefers-reduced-motion:no-preference){.dream-island{animation:island-breathe 10s ease-in-out infinite}.island-right{animation-delay:4s}.pixel-moth{animation:moth-flight 9s ease-in-out infinite}.moth-two{animation-delay:3s}.pixel-leaf{animation:leaf-drift 10s ease-in-out infinite}.leaf-two{animation-delay:4s}.leaf-three{animation-delay:6s}.seal-sprout{animation:island-breathe 10s ease-in-out infinite}}
@keyframes island-breathe{0%,60%,100%{translate:0 0}80%{translate:0 -6px}}@keyframes moth-flight{0%,50%,100%{translate:0 0;rotate:-5deg}75%{translate:14px -11px;rotate:8deg}}@keyframes leaf-drift{0%,60%,100%{translate:0 0;rotate:0deg}85%{translate:8px 14px;rotate:30deg}}
@media(max-width:760px){.dream-island{opacity:.18;scale:.65}.island-left{left:-42px;top:28%}.island-right{right:-45px;top:72%}.pixel-moth{opacity:.3}.card .cover.illustrated{aspect-ratio:2.5}.studio-seal{display:none}}
/* Natura più ricca, dalle forme morbide */
.floating-worlds{background:url('covers/natura-studio.svg') center/cover no-repeat}.dream-island{display:none}.floating-worlds:before{background:radial-gradient(ellipse at 5% 32%,#bef0c22b,transparent 27%),radial-gradient(ellipse at 96% 64%,#d3b9ef30,transparent 27%)}
.pixel-moth{width:4px;height:11px;border-radius:50%;background:#e0d5aa}.pixel-moth:before,.pixel-moth:after{width:12px;height:9px;border-radius:80% 30% 70% 30%;box-shadow:none;background:#b5e5c7;left:-11px;top:-2px;rotate:25deg}.pixel-moth:after{left:3px;rotate:-25deg;background:#bdbce5}.pixel-leaf{width:13px;height:7px;border-radius:90% 10% 90% 10%;box-shadow:none;background:#bad9aa}.seal-sprout{border-radius:8px}.seal-sprout:before,.seal-sprout:after{border-radius:80% 20% 80% 20%;box-shadow:none;width:15px;height:10px}.seal-ring:before,.seal-ring:after{border-radius:50%}.card:after{border-radius:80% 20%;box-shadow:-6px 6px 0 #98c7b6,6px 6px 0 #aebce0}
@media(max-width:760px){.floating-worlds{background-size:auto 100%;opacity:.65}.pixel-leaf,.pixel-moth{opacity:.25}}
/* Gerarchia cromatica dei testi */
.hero h1{color:#fff0ca}.hero .intro{color:#f0f3fa}.section-heading h2{color:#c9f1da}.about h2{color:#e1d1f4}.card h3{color:#bdf3d6}.card:nth-child(2) h3{color:#e0cef8}.eyebrow{color:#f4dfb0}.development-note{color:#d6eadc}.filters button[data-filter=game]{color:#c6f2d8}.filters button[data-filter=app]{color:#e0cef8}.filters button[data-filter=site]{color:#f0ddb4}.filters [aria-pressed=true]{color:#20394b!important}.feedback-link{color:#e1d3f4}.business h2{color:#253b52}.card p{color:#edf1fa}.meta{color:#d6e5f2}nav a:first-child{color:#cbf2db}nav a:nth-child(2){color:#e0d1f2}nav a:nth-child(3){color:#f0dfbc}
/* Variante neutra: natura, pietra e acqua */
body{background:radial-gradient(ellipse at 4% 30%,#669b8c33,transparent 43%),radial-gradient(ellipse at 93% 18%,#81a8bd2b,transparent 43%),linear-gradient(135deg,#344f5d,#3c5267 58%,#3c5b62)}.floating-worlds{background-image:url('covers/natura-neutra.svg')}.floating-worlds:before{background:radial-gradient(ellipse at 4% 35%,#aed6b320,transparent 27%),radial-gradient(ellipse at 95% 65%,#97c9db24,transparent 27%)}.hero h1{color:#f0e7ce}.about h2{color:#c3e0eb}.card:nth-child(2){border-color:#99bacd}.card:nth-child(2) h3{color:#c3e6f4}.filters button[data-filter=app]{color:#c3e6f4}.feedback-link{color:#c9e3ec}nav a:nth-child(2){color:#c3e0eb}.seal-ring{border-color:#a7bdba70;box-shadow:0 0 40px #b4d6c611}.seal-ring.inner{border-color:#9eb5c950}.seal-sprout:after{background:#a0c6d3}.pixel-moth:after{background:#afcbd5}.pixel-leaf{background:#b0c8a8}.studio-seal img{border-color:#b9c8c26b}.card:after{background:#cadac0;box-shadow:-6px 6px 0 #97bcb2,6px 6px 0 #a7c1cf}
/* Universo discreto, emblema approvato invariato */
body{background:radial-gradient(ellipse at 8% 30%,#7396ad26,transparent 44%),radial-gradient(ellipse at 92% 60%,#8e93bd25,transparent 42%),linear-gradient(140deg,#304957,#384c65 55%,#364c60)}.floating-worlds{background-image:url('covers/universo-studio.svg')}.floating-worlds:before{background:radial-gradient(ellipse at 3% 35%,#a3c3df20,transparent 24%),radial-gradient(ellipse at 98% 70%,#b5afe521,transparent 26%)}.pixel-moth,.pixel-leaf,.seal-sprout{display:none}.seal-ring{border-radius:50%;rotate:0;border-color:#b4cbd358}.seal-ring.inner{border-radius:50%;rotate:18deg;border-style:dashed;border-color:#acbdce38}.seal-ring:before,.seal-ring:after{width:5px;height:5px;background:#cedfe3}.section-heading h2:before{content:'◇';color:#b8dce4}.card:after{width:7px;height:7px;border-radius:2px;background:#c5dfdf;box-shadow:9px 5px 0 -1px #a9c6d6}

.experience-line{color:#c1e8ea;font-size:20px;font-weight:700;margin:0 0 15px;line-height:1.45}.hero h1{font-size:clamp(40px,4.5vw,57px);margin-bottom:16px}.floating-worlds{background-image:url('covers/universo-studio.svg?v=2')}@media(max-width:760px){.experience-line{font-size:17px}.hero h1{font-size:39px}}
/* Atmosfera centrale tenue, sempre dietro ai contenuti */
.floating-worlds{background-image:url('covers/universo-studio.svg?v=3')}.floating-worlds:before{inset:-8%;background:radial-gradient(ellipse at 40% 33%,#a5c7e117,transparent 32%),radial-gradient(ellipse at 74% 61%,#b3b8df16,transparent 35%),radial-gradient(ellipse at 3% 35%,#a3c3df24,transparent 24%);animation:teskivo-atmosphere 14s ease-in-out infinite}.floating-worlds:after{display:block;content:'';position:absolute;left:-20%;top:28%;width:65%;height:1px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,#d2e5f025,transparent);rotate:-12deg;opacity:0;animation:teskivo-trail 12s ease-in-out infinite;box-shadow:0 0 12px #cce2f016}.card{background:linear-gradient(140deg,#304962f5,#263b54fa)}
@keyframes teskivo-atmosphere{0%,65%,100%{translate:0 0;opacity:.55}82%{translate:12px -6px;opacity:.85}}@keyframes teskivo-trail{0%,65%,100%{translate:0 0;opacity:0}75%{opacity:.45}90%{translate:85vw -10px;opacity:0}}
@media(prefers-reduced-motion:reduce){.floating-worlds:before,.floating-worlds:after{animation:none!important}.floating-worlds:after{display:none}}
/* Movimento percepibile dello sfondo, contenuti fermi */
@media(prefers-reduced-motion:no-preference){.floating-worlds{inset:-16px;background-size:calc(100% + 32px) calc(100% + 32px);animation:universe-glide 18s ease-in-out infinite}.floating-worlds:before{animation:nebula-glide 12s ease-in-out infinite}.floating-worlds:after{height:2px;animation:visible-trail 10s linear infinite;background:linear-gradient(90deg,transparent,#cbe6f05c,transparent)}}
@keyframes universe-glide{0%,100%{transform:translate(-6px,3px)}50%{transform:translate(8px,-5px)}}@keyframes nebula-glide{0%,100%{transform:translate(-18px,5px);opacity:.55}50%{transform:translate(26px,-12px);opacity:1}}@keyframes visible-trail{0%,55%,100%{translate:0 0;opacity:0}60%{opacity:.65}85%{translate:100vw -30px;opacity:0}}
.shooting-star{position:absolute;width:95px;height:2px;background:linear-gradient(90deg,transparent,#c5e4ef);rotate:-19deg;opacity:0;pointer-events:none}.shooting-star:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#dcecf2;box-shadow:0 0 9px #d4eced66}.meteor-a{top:18%;left:-100px}.meteor-b{top:57%;left:-100px;width:65px}.visitor-craft{position:absolute;left:-80px;top:43%;width:46px;height:25px;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 7px #8db8cf33)}.visitor-dome{position:absolute;width:23px;height:17px;left:12px;top:0;border-radius:50% 50% 10% 10%;background:linear-gradient(135deg,#a9d6d7,#578c9b);border:1px solid #c0e0e080}.visitor-hull{position:absolute;top:12px;width:46px;height:12px;border-radius:50%;background:linear-gradient(#a5b9c7,#607d93);border:1px solid #cbdae066}.visitor-hull:after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:#c9e2b6;left:10px;top:5px;box-shadow:10px 0 0 #c4dfed,20px 0 0 #c9e2b6}
@media(prefers-reduced-motion:no-preference){.meteor-a{animation:meteor-cross 14s linear infinite}.meteor-b{animation:meteor-cross 19s linear 7s infinite}.visitor-craft{animation:visitor-cross 32s linear 5s infinite}}
@keyframes meteor-cross{0%,60%,100%{translate:0 0;opacity:0}63%{opacity:.5}76%{translate:110vw -15vh;opacity:.5}79%{translate:115vw -17vh;opacity:0}}
@keyframes visitor-cross{0%,35%,100%{translate:0 0;opacity:0}38%{opacity:.45}65%{translate:110vw -45px;opacity:.45}68%{translate:115vw -45px;opacity:0}}
@media(max-width:760px){.visitor-craft{scale:.75}.shooting-star{width:55px}}
@media(prefers-reduced-motion:reduce){.shooting-star,.visitor-craft{display:none}}
/* Piccola esplorazione curva della navicella */
.visitor-craft{left:0;top:0;offset-path:path('M -80 320 C 90 230 210 310 290 250 C 400 160 610 165 640 245 C 680 340 530 390 480 300 C 440 230 680 225 850 285 C 1050 380 1180 180 1380 260 C 1530 330 1650 220 1800 160');offset-rotate:auto;transform:translate(-50%,-50%)}
@media(prefers-reduced-motion:no-preference){.visitor-craft{animation:visitor-explore 42s ease-in-out 2s infinite}}
@keyframes visitor-explore{0%,12%{offset-distance:0%;opacity:0;translate:0 0;rotate:0deg}17%{opacity:.5;offset-distance:7%}28%{offset-distance:22%;opacity:.5}43%{offset-distance:38%;opacity:.5}57%{offset-distance:55%;opacity:.5}68%{offset-distance:67%;opacity:.5}83%{offset-distance:92%;opacity:.45}88%,100%{offset-distance:100%;opacity:0;translate:0 0}}
@media(max-width:760px){.visitor-craft{offset-path:path('M -60 190 C 35 135 95 220 145 190 C 220 130 330 165 295 245 C 260 310 170 280 195 230 C 240 155 320 255 390 205 C 445 165 470 235 520 190');animation-duration:36s}}
/* Stelle cadenti su archi diversi, con scia orientata alla curva */
.shooting-star{left:0;top:0;rotate:0deg;offset-rotate:auto;offset-path:path('M -120 210 Q 430 80 850 220 T 1750 120')}.meteor-b{offset-path:path('M -100 650 C 280 610 480 440 760 480 S 1420 380 1800 320')}
@media(prefers-reduced-motion:no-preference){.meteor-a{animation:meteor-arc 15s cubic-bezier(.4,0,.7,1) infinite}.meteor-b{animation:meteor-arc 21s cubic-bezier(.3,0,.65,1) 6s infinite}}
@keyframes meteor-arc{0%,56%{offset-distance:0%;opacity:0;translate:0 0}60%{offset-distance:4%;opacity:.45}72%{offset-distance:65%;opacity:.5}80%{offset-distance:100%;opacity:0}100%{offset-distance:100%;opacity:0;translate:0 0}}
@media(max-width:760px){.shooting-star{offset-path:path('M -100 180 Q 140 90 290 200 T 600 140')}.meteor-b{offset-path:path('M -100 430 Q 180 290 340 370 T 650 300')}}

/* Stelle cadenti rare: una sola ogni 40 secondi */
.meteor-b{display:none}@media(prefers-reduced-motion:no-preference){.meteor-a{animation:meteor-rare 40s ease-in-out 8s infinite}}@keyframes meteor-rare{0%,80%{offset-distance:0%;opacity:0;translate:0 0}82%{offset-distance:4%;opacity:.4}89%{offset-distance:100%;opacity:0}100%{offset-distance:100%;opacity:0;translate:0 0}}
.space-asteroid{position:absolute;left:0;top:0;width:22px;height:19px;opacity:0;offset-path:path('M 1700 170 Q 1000 190 650 380 T -100 550');offset-rotate:0deg;pointer-events:none}.space-asteroid i{display:block;width:100%;height:100%;border-radius:42% 58% 35% 65%;background:radial-gradient(circle at 30% 25%,#a4b3bb,#697c8b 60%,#475968);box-shadow:inset -3px -2px 4px #273d4955}.space-asteroid i:before{content:'';position:absolute;width:5px;height:4px;left:5px;top:4px;border-radius:50%;background:#475e7166;box-shadow:8px 6px 0 -1px #3d536677}
@media(prefers-reduced-motion:no-preference){.space-asteroid{animation:asteroid-pass 65s ease-in-out 12s infinite}.space-asteroid i{animation:asteroid-turn 18s linear infinite}}
@keyframes asteroid-pass{0%,50%{offset-distance:0%;opacity:0}53%{offset-distance:4%;opacity:.4}70%{offset-distance:96%;opacity:.4}73%,100%{offset-distance:100%;opacity:0}}@keyframes asteroid-turn{to{rotate:360deg}}
@media(max-width:760px){.space-asteroid{scale:.7;offset-path:path('M 500 190 Q 290 240 180 330 T -70 440')}}@media(prefers-reduced-motion:reduce){.space-asteroid{display:none}}
.studio-composition{height:325px;position:relative;min-width:0;isolation:isolate}.composition-halo{position:absolute;inset:20px 0;background:radial-gradient(ellipse,#95c9d124,transparent 67%);border:1px solid #c3d5e117;border-radius:50%;rotate:-15deg}.mini-window{position:absolute;width:235px;overflow:hidden;border:3px solid #9cbdb8;border-radius:14px 5px 14px 5px;background:#263e50;box-shadow:0 10px 22px #172c3b40;z-index:2}.mini-toolbar{display:flex;align-items:center;gap:4px;padding:9px 11px;font-size:9px;letter-spacing:1px;color:#d7e7ea}.mini-toolbar i{width:4px;height:4px;border-radius:50%;background:#b8d6ca}.mini-toolbar span{margin-left:8px}.mini-window img{display:block;width:100%;height:94px;object-fit:cover}.mini-pixel{left:-20px;top:20px;rotate:-7deg}.mini-micro{right:-15px;bottom:55px;rotate:6deg;border-color:#9db9ce;width:218px;z-index:3}.mini-app{position:absolute;right:8px;top:0;width:100px;padding:14px;background:linear-gradient(145deg,#536d83,#34485e);border:2px solid #b6cede;border-radius:16px 5px 16px 5px;rotate:8deg;box-shadow:0 8px 20px #152e3a35}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}.app-grid i{height:22px;background:#acd5c3;border-radius:5px}.app-grid i:nth-child(2){background:#aecddd}.app-grid i:nth-child(3){background:#d9cdac}.app-grid i:nth-child(4){background:#90b8bd}.mini-app span{font-size:8px;font-weight:700;letter-spacing:.8px;color:#eff5f5}.app-lines i{display:block;height:3px;background:#c9dae366;border-radius:3px;margin-top:7px}.app-lines i:last-child{width:65%}.studio-controller{position:absolute;width:133px;height:86px;left:2px;bottom:45px;rotate:-12deg;filter:drop-shadow(0 8px 10px #19313c50);z-index:4}.composition-note{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:2px;color:#d8e7ee}
@media(prefers-reduced-motion:no-preference){.mini-pixel{animation:gentle-float 12s ease-in-out infinite}.mini-micro{animation:gentle-float 14s ease-in-out 3s infinite}.studio-controller{animation:gentle-float 13s ease-in-out 5s infinite}}
@media(max-width:1040px) and (min-width:761px){.mini-window{width:190px}.mini-micro{width:180px}.mini-app{right:-5px;width:85px}.studio-controller{width:110px}.mini-pixel{left:-10px}}
@media(max-width:760px){.studio-composition{height:250px;max-width:390px;width:100%;margin:18px auto 0}.mini-pixel{left:0;top:15px;width:205px}.mini-micro{right:0;bottom:35px;width:185px}.mini-window img{height:80px}.mini-app{right:8px;top:0;width:85px;padding:11px}.app-grid i{height:18px}.studio-controller{width:110px;left:4px;bottom:25px}.composition-note{font-size:9px}.hero{gap:0}}
@media(max-width:360px){.mini-pixel{width:180px}.mini-micro{width:170px}.mini-app{width:76px}.studio-composition{height:235px}}
.general-window{left:3px;top:25px;width:240px;rotate:-6deg}.general-scene{height:140px;position:relative;overflow:hidden;background:linear-gradient(140deg,#3e6873,#49607d)}.scene-core{position:absolute;left:83px;top:35px;width:60px;height:60px;border:3px solid #c2e6d6;border-radius:18px;rotate:30deg;background:linear-gradient(135deg,#9bd3c4,#89b3d6);box-shadow:0 0 25px #b7e0d433}.scene-orbit{position:absolute;left:42px;top:27px;width:155px;height:90px;border:1px solid #c8dce688;border-radius:50%;rotate:-25deg}.scene-block{position:absolute;width:17px;height:17px;border:2px solid #d6e5e9;border-radius:4px}.scene-block.one{left:35px;top:39px}.scene-block.two{right:30px;bottom:25px;rotate:15deg}.scene-block.three{left:53px;bottom:15px;width:10px;height:10px;background:#e3d1a6;border:0}.creation-chip{position:absolute;right:12px;bottom:51px;width:97px;height:83px;padding:10px;border:2px solid #b8cfdc;border-radius:13px 4px;background:#344b61;rotate:7deg;box-shadow:0 7px 18px #182f4033}.creation-chip span{font-size:30px;color:#e6d3ab;line-height:1}.creation-chip i{display:block;background:#abcbd477;height:3px;margin-top:9px;width:80%}.creation-chip i:last-child{width:50%}.studio-controller{left:27px;bottom:32px;width:150px}.floating-astronaut{position:absolute;width:42px;height:60px;left:5%;top:58%;opacity:.45;pointer-events:none}.floating-astronaut svg{width:100%;height:100%}.edge-planet{position:absolute;border-radius:50%;pointer-events:none;opacity:.35;box-shadow:inset -9px -7px 16px #20384977,0 0 26px #adc5d512}.edge-planet-a{width:42px;height:42px;left:3%;top:13%;background:radial-gradient(circle at 30% 25%,#c4d2bd,#71968f 65%,#45676e)}.edge-planet-b{width:32px;height:32px;right:4%;top:86%;background:radial-gradient(circle at 25% 25%,#d5c4a5,#998e82 65%,#53677b)}
@media(prefers-reduced-motion:no-preference){.floating-astronaut{animation:astronaut-drift 16s ease-in-out infinite}.floating-astronaut svg{animation:astronaut-turn 36s linear infinite}.scene-core{animation:gentle-float 12s ease-in-out infinite}}
@keyframes astronaut-turn{to{rotate:360deg}}@keyframes astronaut-drift{0%,100%{translate:0 0}50%{translate:17px -24px}}
@media(max-width:1040px) and (min-width:761px){.general-window{width:205px}.general-scene{height:125px}.scene-core{left:67px}.scene-orbit{left:25px}.creation-chip{right:-5px;width:77px}.studio-controller{left:10px;width:125px}}
@media(max-width:760px){.general-window{left:0;top:20px;width:210px}.general-scene{height:105px}.scene-core{left:73px;top:20px;width:50px;height:50px}.scene-orbit{left:34px;top:15px;width:140px;height:75px}.creation-chip{right:9px;bottom:32px;width:82px;height:75px}.studio-controller{left:25px;bottom:16px;width:125px}.floating-astronaut{width:29px;height:42px;left:1%;top:45%;opacity:.22}.edge-planet{opacity:.2}.edge-planet-a{left:-12px}.edge-planet-b{right:-7px}}
/* Pilota visibile nella cupola della navicella */
.visitor-craft{width:60px;height:35px}.visitor-dome{width:31px;height:24px;left:15px;top:0;background:linear-gradient(135deg,#719aabbb,#355c76dd);border:1px solid #badce8b3;overflow:hidden}.visitor-dome:before{content:'';position:absolute;width:16px;height:16px;left:7px;top:5px;background:#a9d39f;border-radius:48% 48% 42% 42%;box-shadow:0 0 4px #bdddaa33}.visitor-dome:after{content:'';position:absolute;width:4px;height:5px;left:10px;top:10px;border-radius:50%;background:#263e44;box-shadow:7px 0 0 #263e44}.visitor-hull{top:21px;width:60px;height:13px}.visitor-hull:after{left:13px;box-shadow:13px 0 0 #c4dfed,26px 0 0 #c9e2b6}
/* Incontro occasionale sincronizzato, dietro ai contenuti */
.visitor-craft{offset-path:none;left:0;top:16%;transform:none}.floating-astronaut{left:0;top:16%;width:42px;height:60px}.visitor-craft:after,.floating-astronaut:after{position:absolute;bottom:calc(100% + 10px);left:50%;padding:6px 10px;border:1px solid #c4dce780;border-radius:11px 11px 11px 3px;background:#253e50;color:#eaf4f4;font:600 12px/1.3 'Segoe UI',sans-serif;white-space:nowrap;opacity:0;box-shadow:0 3px 10px #142e3d22}.visitor-craft:after{content:attr(data-talk);left:-100px}.floating-astronaut:after{content:attr(data-talk);left:18px}
@media(prefers-reduced-motion:no-preference){.visitor-craft{animation:craft-meeting 55s ease-in-out infinite}.floating-astronaut{animation:astronaut-meeting 55s ease-in-out infinite}.floating-astronaut svg{animation:astronaut-meeting-turn 55s linear infinite}.visitor-craft:after{animation:craft-greeting 55s linear infinite}.floating-astronaut:after{animation:astronaut-greeting 55s linear infinite}}
@keyframes craft-meeting{0%,7%{translate:-85px -20px;opacity:0;rotate:-8deg}12%{opacity:.55}24%{translate:30vw 20px;rotate:8deg;opacity:.55}34%,44%{translate:calc(50vw - 75px) 0;rotate:0deg;opacity:.6}58%{translate:70vw -40px;rotate:-12deg;opacity:.55}72%{translate:105vw 50px;rotate:15deg;opacity:0}100%{translate:105vw 50px;opacity:0}}
@keyframes astronaut-meeting{0%,7%{translate:105vw 60px;opacity:0}12%{opacity:.5}25%{translate:72vw -25px;opacity:.5}34%,44%{translate:calc(50vw + 35px) 0;opacity:.6}58%{translate:27vw 40px;opacity:.5}75%,100%{translate:-70px -25px;opacity:0}}
@keyframes astronaut-meeting-turn{0%{rotate:0deg}34%,44%{rotate:360deg}75%,100%{rotate:720deg}}
@keyframes craft-greeting{0%,34%,42%,100%{opacity:0}35%,40%{opacity:1}}
@keyframes astronaut-greeting{0%,38%,46%,100%{opacity:0}39%,44%{opacity:1}}
@media(max-width:760px){.visitor-craft{top:12%;scale:.8}.floating-astronaut{top:12%;width:32px;height:46px}.visitor-craft:after,.floating-astronaut:after{font-size:11px;padding:5px 7px}.visitor-craft:after{left:-35px}.floating-astronaut:after{left:-12px}}
@media(prefers-reduced-motion:reduce){.visitor-craft,.floating-astronaut{display:none}}
/* Navicella rifinita: cupola, pilota e scafo */
.visitor-craft{width:76px;height:43px;filter:drop-shadow(0 4px 7px #20364744)}.visitor-dome{width:37px;height:29px;left:20px;top:0;background:radial-gradient(ellipse at 30% 20%,#b3e5e46b,#446b85dd 70%);border:2px solid #bddbe2b3;border-radius:55% 55% 20% 20%;box-shadow:inset 4px 2px 7px #d9f1ef24}.visitor-dome:before{width:20px;height:19px;left:7px;top:6px;background:linear-gradient(135deg,#c4e1a8,#8cb690);border-radius:48% 48% 43% 43%}.visitor-dome:after{width:5px;height:6px;left:11px;top:12px;box-shadow:8px 0 0 #263e44;background:#263e44}.visitor-hull{top:25px;width:76px;height:17px;border:1px solid #c8dae2a6;background:linear-gradient(#b3c9d3 0%,#7896ac 40%,#3c5a72 80%);box-shadow:0 3px 0 -1px #253f54,inset 0 2px 2px #e6f1f64d}.visitor-hull:after{width:4px;height:4px;left:15px;top:7px;background:#bfe5cf;box-shadow:14px 0 0 #c4dfed,28px 0 0 #e6d1a4,42px 0 0 #c4dfed}.visitor-craft,.floating-astronaut{top:26%}
@media(max-width:760px){.visitor-craft,.floating-astronaut{top:24%}.visitor-craft{scale:.75}}

.floating-astronaut{width:49px;height:68px}@media(max-width:760px){.floating-astronaut{width:35px;height:48px}}
/* Esplorazione normale; incontro singolo intorno al secondo 20 */
.visitor-craft{offset-path:path('M -80 320 C 90 230 210 310 290 250 C 400 160 610 165 640 245 C 680 340 530 390 480 300 C 440 230 680 225 850 285 C 1050 380 1180 180 1380 260 C 1530 330 1650 220 1800 160');offset-rotate:auto;left:0;top:0;transform:translate(-50%,-50%)}.floating-astronaut{left:0;top:28%}.visitor-craft:after,.floating-astronaut:after{display:none}
@media(prefers-reduced-motion:no-preference){.visitor-craft{animation:visitor-explore 42s ease-in-out infinite}.floating-astronaut{animation:astronaut-roam 40s ease-in-out infinite}.floating-astronaut svg{animation:astronaut-turn 36s linear infinite}.encounter-intro .visitor-craft{offset-path:none;top:26%;transform:none;animation:one-craft-meeting 32s ease-in-out both}.encounter-intro .floating-astronaut{top:26%;animation:one-astronaut-meeting 32s ease-in-out both}.encounter-intro .floating-astronaut svg{animation:one-astronaut-turn 32s linear both}.encounter-intro .visitor-craft:after,.encounter-intro .floating-astronaut:after{display:block}.encounter-intro .visitor-craft:after{animation:one-craft-greeting 32s linear both}.encounter-intro .floating-astronaut:after{animation:one-astronaut-greeting 32s linear both}}
@keyframes one-craft-meeting{0%{translate:-90px -20px;rotate:-8deg;opacity:0}8%{opacity:.5}38%{translate:22vw -30px;rotate:8deg;opacity:.55}61%,75%{translate:calc(var(--meeting-x,50vw) - 140px) 0;rotate:0deg;opacity:.6}90%{translate:75vw -35px;rotate:-10deg;opacity:.5}100%{translate:110vw -15px;opacity:0}}
@keyframes one-astronaut-meeting{0%{translate:110vw 20px;opacity:0}8%{opacity:.5}38%{translate:75vw 40px;opacity:.55}61%,75%{translate:calc(var(--meeting-x,50vw) + 65px) 0;opacity:.6}90%{translate:25vw 25px;opacity:.5}100%{translate:-90px -15px;opacity:0}}
@keyframes one-astronaut-turn{0%{rotate:0deg}61%,75%{rotate:360deg}100%{rotate:540deg}}
@keyframes one-craft-greeting{0%,62%,71%,100%{opacity:0}63%,69%{opacity:1}}
@keyframes one-astronaut-greeting{0%,68%,77%,100%{opacity:0}69%,75%{opacity:1}}
@keyframes astronaut-roam{0%{translate:105vw 20px;opacity:0}7%{opacity:.45}30%{translate:72vw -30px;opacity:.45}60%{translate:35vw 35px;opacity:.45}92%{translate:-50px -20px;opacity:.4}100%{translate:-80px -20px;opacity:0}}
@media(max-width:760px){.visitor-craft{offset-path:path('M -60 190 C 35 135 95 220 145 190 C 220 130 330 165 295 245 C 260 310 170 280 195 230 C 240 155 320 255 390 205 C 445 165 470 235 520 190')}.encounter-intro .visitor-craft{offset-path:none}.encounter-intro .visitor-craft,.encounter-intro .floating-astronaut{top:24%}}


.encounter-intro .visitor-craft,.encounter-intro .floating-astronaut{top:var(--meeting-y,26%)}
/* Emblema piccolo accanto al titolo UPTESK */
.hero h1{position:relative;padding-left:66px}.hero h1:before{content:'';position:absolute;left:0;top:4px;width:52px;height:52px;background:url('covers/teskivo.svg?v=neutro1') center/contain no-repeat;filter:drop-shadow(0 3px 6px #1b303f30)}
@media(max-width:760px){.hero h1{padding-left:49px}.hero h1:before{width:39px;height:39px;top:3px}}
/* Saluto in movimento: corsie distinte, nessuna fermata */
.encounter-intro .visitor-craft{offset-path:none;top:var(--meeting-y,26%)}.encounter-intro .floating-astronaut{top:var(--meeting-y,26%)}
@media(prefers-reduced-motion:no-preference){.encounter-intro .visitor-craft{animation:craft-moving-greeting 32s linear both}.encounter-intro .floating-astronaut{animation:astronaut-moving-greeting 32s linear both}.encounter-intro .floating-astronaut svg{animation:astronaut-turn 36s linear infinite}.encounter-intro .visitor-craft:after{animation:moving-craft-words 32s linear both}.encounter-intro .floating-astronaut:after{animation:moving-astronaut-words 32s linear both}}
@keyframes craft-moving-greeting{0%{translate:-90px -85px;rotate:-12deg;opacity:0}5%{opacity:.55}20%{translate:20vw -115px;rotate:-5deg;opacity:.55}40%{translate:40vw -65px;rotate:12deg;opacity:.55}60%{translate:60vw -85px;rotate:-8deg;opacity:.55}80%{translate:80vw -120px;rotate:8deg;opacity:.55}95%{opacity:.5}100%{translate:110vw -75px;rotate:-10deg;opacity:0}}
@keyframes astronaut-moving-greeting{0%{translate:110vw 55px;opacity:0}5%{opacity:.5}25%{translate:80vw 80px;opacity:.5}50%{translate:50vw 45px;opacity:.5}75%{translate:20vw 70px;opacity:.5}95%{opacity:.5}100%{translate:-90px 55px;opacity:0}}
@keyframes moving-craft-words{0%,46%,56%,100%{opacity:0}47%,54%{opacity:1}}
@keyframes moving-astronaut-words{0%,47%,57%,100%{opacity:0}48%,55%{opacity:1}}
/* Code luminose morbide, solo decorative */
.shooting-star{height:3px;background:linear-gradient(90deg,transparent 0%,#edac6838 35%,#f5c0808c 70%,#fff0c9 100%);filter:drop-shadow(0 0 3px #edbe7d33)}.shooting-star:before{content:'';position:absolute;right:1px;top:-3px;width:22px;height:8px;border-radius:80% 15% 15% 80%;background:linear-gradient(90deg,transparent,#f5bd7880,#fff0cb);filter:blur(1px)}.shooting-star:after{background:#fff0d0;box-shadow:0 0 7px #f6bf7870}
.space-asteroid{offset-rotate:auto 180deg}.space-asteroid:before{content:'';position:absolute;left:-37px;top:5px;width:43px;height:9px;border-radius:90% 20% 20% 90%;background:linear-gradient(90deg,transparent,#eaa06940 40%,#f3bf8280 80%,#ffe0ad);filter:blur(1px);z-index:-1}.space-asteroid:after{content:'';position:absolute;left:-22px;top:8px;width:28px;height:4px;border-radius:90% 10% 10% 90%;background:linear-gradient(90deg,transparent,#ffe4b39c)}
@media(prefers-reduced-motion:no-preference){.space-asteroid:before{animation:trail-soft 2s ease-in-out infinite}.shooting-star:before{animation:trail-soft 1.5s ease-in-out infinite}}@keyframes trail-soft{0%,100%{scale:1 1;opacity:.7}50%{scale:1.12 .85;opacity:.9}}

.space-asteroid{offset-rotate:auto}

.floating-worlds{background-image:url('covers/universo-studio.svg?v=stelle21')}

/* Emblema più riconoscibile */
.hero h1{padding-left:88px}.hero h1:before{width:74px;height:74px;top:-2px}.brand-emblem{width:48px;height:48px}@media(max-width:760px){.hero h1{padding-left:65px}.hero h1:before{width:55px;height:55px;top:-2px}.brand-emblem{width:43px;height:43px}}
.card .cover.illustrated{aspect-ratio:5/3}.card .cover.illustrated img{object-fit:cover;background:#081329}