/*
Theme Name: Stealth Lab Coming Soon
Author: Stealth Lab
Description: Pagina provvisoria responsive con logo animato, Gotham e selettore chiaro/scuro.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: stealth-coming-soon
*/
*{box-sizing:border-box}body{margin:0;background:#f8faf8;color:#19485e;font-family:Gotham,Arial,sans-serif;transition:background .4s,color .4s}body.dark{background:#0d2028;color:#dbe8e9;--sl-ink:#b8d5df}header{max-width:1120px;margin:auto;padding:28px 30px;display:flex;justify-content:flex-end;align-items:center;gap:20px}header span{font-size:12px;letter-spacing:.18em}nav{display:flex;gap:8px}button{font:inherit;font-size:12px;color:inherit;background:transparent;border:1px solid #78938a66;padding:10px 14px;border-radius:30px;cursor:pointer}button:focus-visible{outline:2px solid #54ac49;outline-offset:4px}main{width:min(700px,100%);margin:-25px auto 0}main svg{display:block;width:100%;height:auto}footer{text-align:center;padding:0 20px 28px;color:inherit;opacity:.65;font-size:12px;letter-spacing:.12em}.paused *{animation-play-state:paused!important}@media(max-width:480px){header{padding:20px 18px}header span{font-size:10px}main{margin:15px auto}footer{font-size:10px;letter-spacing:.08em}}
@font-face{font-family:Gotham;src:url('assets/Gotham-Medium.ttf') format('truetype');font-weight:400 500;font-display:swap}
footer{opacity:1;letter-spacing:0;padding:0 24px 36px;margin:-10px auto 0;max-width:850px}
.services{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;line-height:1.7}.services b{font-weight:400;opacity:.45}
.startup{margin-top:28px}.startup p{font-size:13px;line-height:1.8;margin:10px 0 0;animation:startup-text 5s ease-in-out infinite}
.startup-dots{display:flex;justify-content:center;gap:6px}.startup-dots i{width:5px;height:5px;border-radius:50%;background:#54ac49;animation:startup-dot 1.8s ease-in-out infinite}.startup-dots i:nth-child(2){animation-delay:.25s}.startup-dots i:nth-child(3){animation-delay:.5s}
@keyframes startup-text{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes startup-dot{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(max-width:480px){.services{font-size:11px;gap:6px}.startup p{font-size:12px;max-width:300px;margin:10px auto 0}footer{margin-top:0}.startup{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.startup p,.startup-dots i{animation:none!important}}

/* Layout adattivo della pagina provvisoria. */
body{position:relative;min-width:0;min-height:100svh;display:flex;flex-direction:column}
.sl-toolbar{width:100%;margin:0 auto;flex:0 0 auto;padding:16px 24px;min-height:64px}
.sl-main{flex:0 0 auto;width:min(680px,100%);margin:0 auto}
.sl-footer{width:100%;margin:0 auto;padding:0 24px 32px}
.services{gap:0;row-gap:6px}.services span{white-space:nowrap}.services span+span:before{content:'-';display:inline-block;margin:0 12px;opacity:.45}
.startup p{overflow-wrap:break-word} @media(min-width:1000px){.sl-contact{position:absolute;right:24px;bottom:24px;width:175px;max-width:none;margin:0;padding:0;border:0;flex-direction:column;align-items:flex-start;gap:10px}}
@media(min-width:700px) and (min-height:700px){.sl-main{width:min(680px,calc(100svh - 215px))}}
.sl-contact{display:flex;align-items:center;justify-content:center;gap:20px;margin:14px auto 0;padding-top:10px;border-top:1px solid #78938a40;max-width:450px;text-align:left;font-size:10px;line-height:1.6}
.sl-contact p{margin:0 0 3px}.sl-contact a{color:inherit;text-underline-offset:4px}.sl-contact .sl-map-link{display:inline-block;padding:5px 0}.sl-qr{display:block;flex:0 0 82px}.sl-qr svg{display:block;width:82px;height:82px;border-radius:4px}
@media(max-width:480px){.sl-contact{gap:16px;font-size:10px}.sl-qr{flex-basis:82px}.sl-qr svg{width:82px;height:82px}}
@media(max-width:480px){.sl-toolbar{padding:12px 16px;min-height:58px}.sl-main{margin:0 auto}.sl-footer{padding:0 18px 28px}.services{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;max-width:310px;margin:auto;font-size:11px}.services span+span:before{content:none}.startup{margin-top:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}