:root{color-scheme:dark;--bg:#080808;--line:#292929;--muted:#91918f;--purple:#b126b4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:#f6f5f0;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #da62dd;outline-offset:6px}header{height:78px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#f6f5f0;color:#111;position:sticky;top:0;z-index:20}.wordmark{font-weight:950;font-style:italic;letter-spacing:-3px;font-size:33px}.wordmark span{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:5px}nav{display:flex;gap:34px;font-size:13px}.nav-cta{font-size:12px;border-bottom:1px solid #999;padding:10px 0}.nav-cta span{margin-left:25px}.hero{padding:78px 7% 52px;max-width:1600px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:var(--purple);border-radius:50%;display:inline-block;box-shadow:0 0 12px #b126b444}h1{font-size:clamp(46px,6.6vw,100px);font-weight:500;letter-spacing:-.065em;line-height:1.05;margin:38px 0}em{font-family:Georgia,serif;font-weight:400;color:#c144c4}h1 em{letter-spacing:-.07em}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px}.hero-bottom p{font-size:15px;line-height:1.65;color:#aaa;margin:0}.hero-index{font-size:9px;letter-spacing:1.5px;color:#777}.round-link{display:grid;place-items:center;width:42px;height:42px;border:1px solid #444;border-radius:50%;margin-right:auto;margin-left:25px}.network-section{padding:38px 7% 30px;border-top:1px solid var(--line);max-width:1600px;margin:auto}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px}.muted{color:var(--muted)}h2{font-size:30px;letter-spacing:-1.2px;font-weight:400;margin:14px 0}.network-status{display:flex;align-items:center;gap:7px;color:#aaa;font-size:10px}.network{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:390px;padding:65px 10px 35px;isolation:isolate}.network-label{position:absolute;top:28px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:3px;color:#5d5d5d}.connection-line{height:1px;position:absolute;left:5%;right:5%;top:53%;background:#363636;z-index:-2}.connection-dots{position:absolute;left:5%;right:5%;top:calc(53% - 2px);height:5px;background-image:radial-gradient(circle,#eee 2px,transparent 2.6px);background-size:18px 5px;z-index:-1;opacity:.7}.phone{padding:12px 10px 16px;min-width:0;width:165px;height:278px;flex-shrink:1;display:flex;align-items:center;flex-direction:column;color:#eee;border:1px solid #565656;background:linear-gradient(145deg,#232323,#121212 60%);border-radius:24px;box-shadow:inset 0 0 0 4px #111,0 20px 35px #0008;position:relative;opacity:0;transform:translateY(25px) scale(.95);transition:opacity .8s,transform .8s,border-color .3s}.phone.visible{opacity:1;transform:translateY(0) scale(1)}.phone.selected{border-color:#c144c4}.phone:hover{border-color:#bbb}.phone::before{content:'';position:absolute;top:8px;width:43px;height:9px;background:#060606;border-radius:9px}.phone-2,.phone-4{margin-top:38px}.phone-3{margin-top:-15px}.phone-top{display:flex;justify-content:space-between;width:100%;font-size:7px;padding:3px 3px 0}.phone-top span{font-size:6px}.phone-brand{font-size:13px;font-weight:900;font-style:italic;letter-spacing:-1px;margin-top:24px}.avatar{display:flex;align-items:center;justify-content:center;height:75px;width:75px;position:relative;border-radius:50%;font-size:42px;font-family:Georgia,serif;margin:18px 0 16px;background:#303030;color:#d4d3cf}.avatar span{position:absolute;right:-5px;bottom:0;border-radius:50%;background:#dad8d1;color:#171717;width:26px;height:26px;display:grid;place-items:center;font-size:20px}.avatar-you{background:#712374;color:#f3c9f3;font-size:30px}.avatar-sofia{background:#343630}.avatar-luca{background:#353039}.avatar-emma{background:#36312e}.avatar-nico{background:#293438}.phone-name{font-size:13px}.phone-caption{font-size:8px;color:#929292;margin-top:8px}.phone-footer{font-size:6px;letter-spacing:1px;margin-top:auto;color:#aaa}.network-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 0}.network-controls p{font-size:12px;color:#aaa;line-height:1.6}.network-controls>div{display:flex;gap:7px;flex-shrink:0}.network-controls button{border:1px solid #383838;border-radius:30px;background:transparent;color:#eee;height:36px;min-width:36px;padding:0 12px;font-size:11px}.network-controls button:hover{background:#eee;color:#111}.network-controls button span{margin-left:15px}.demo-note{font-size:9px;color:#777;line-height:1.7;margin:0}.manifesto{border-top:1px solid var(--line);padding:75px 7%;margin-top:45px}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:30px}.manifesto h2{font-size:clamp(38px,4.5vw,64px);line-height:1.08;letter-spacing:-3px}.manifesto-intro{font-size:19px;line-height:1.6;color:#aaa;margin:0 0 32px;max-width:440px}article{border-top:1px solid var(--line);padding:24px 0;display:flex;gap:24px}article>span{color:#8f8f8f;font-size:10px;padding-top:4px}h3{font-weight:400;margin:0 0 9px;font-size:16px}article p{margin:0;color:#888;font-size:12px;line-height:1.7}.closing{padding:80px 7% 90px;background:#111;border-top:1px solid var(--line)}.closing h2{font-size:clamp(46px,7vw,100px);line-height:1.02;letter-spacing:-.065em;margin:30px 0 40px}.closing a{font-size:12px;display:inline-flex;gap:45px;background:#f6f5f0;color:#111;border-radius:30px;padding:17px 23px}footer{padding:30px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span{font-size:10px;color:#888}footer>span:last-child{letter-spacing:1px;font-size:8px}.intro{position:fixed;inset:0;background:#000;z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column;pointer-events:none;animation:intro-out .8s 1.4s forwards}.intro img{width:min(85vw,700px);height:auto}.intro>span{font-size:9px;color:#777;letter-spacing:3px;margin-top:-30px}@keyframes intro-out{to{opacity:0;visibility:hidden}}@media(min-width:1500px){.manifesto,.closing,footer{padding-left:max(7%,calc((100vw - 1376px)/2));padding-right:max(7%,calc((100vw - 1376px)/2))}}@media(max-width:700px){header{height:66px;padding:0 6%}.wordmark{font-size:28px}nav{gap:18px;font-size:11px}.nav-cta{font-size:10px}.nav-cta span{margin-left:8px}.hero{padding:56px 6% 38px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:clamp(39px,8.8vw,62px);margin:30px 0}.hero-bottom p{font-size:12px}.hero-index{display:none}.round-link{margin:0 0 0 auto}.network-section{padding:30px 6% 20px}.section-top{display:block}h2{font-size:24px}.network-status{margin-top:20px}.network{display:flex;flex-direction:column;gap:46px;padding:60px 0 40px;min-height:0}.network-label{top:24px;font-size:7px}.phone{width:154px;height:258px;flex-shrink:0}.phone-1,.phone-3,.phone-5{align-self:flex-start;margin:0 0 0 calc(50% - 125px)}.phone-2,.phone-4{align-self:flex-end;margin:0 calc(50% - 125px) 0 0}.connection-line{top:85px;bottom:80px;left:50%;height:auto;width:1px;right:auto}.connection-dots{top:85px;bottom:80px;left:calc(50% - 2px);width:5px;height:auto;background-size:5px 18px;background-image:radial-gradient(circle,#eee 2px,transparent 2.6px)}.network-controls{align-items:start;flex-direction:column;gap:8px}.network-controls p{margin:0}.demo-note{margin-top:12px}.manifesto{padding:50px 6%;margin-top:20px}.manifesto-grid{grid-template-columns:1fr;gap:25px;margin-top:20px}.manifesto h2{font-size:46px;margin-top:0}.manifesto-intro{font-size:17px}.closing{padding:60px 6%}.closing h2{font-size:50px}footer{padding:25px 6%;flex-wrap:wrap}footer>span{font-size:9px}.intro>span{font-size:7px;margin-top:-5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}.intro{display:none}}

/* Palette LEENK: nero, viola del logo e punti di connessione bianchi. */
:root{--purple:#a520a7;--line:#39203b;--muted:#b185b3}
header{background:#a520a7;color:#080808}
.nav-cta{border-bottom-color:#551157}
.status-dot{background:#fff;box-shadow:0 0 12px #ffffff33}
.wordmark{color:#080808}
footer .wordmark{color:#a520a7}
em{color:#a520a7}
.round-link{border-color:#a520a7;color:#c34dc6}
.phone{background:linear-gradient(145deg,#261128,#100a11 60%);border-color:#703173;box-shadow:inset 0 0 0 4px #090609,0 20px 35px #0008}
.phone-brand{color:#c449c7}
.phone.selected,.phone:hover{border-color:#d15bd4}
.avatar-you,.avatar-sofia,.avatar-luca,.avatar-emma,.avatar-nico{background:#511754;color:#efc4f0}
.avatar span{background:#a520a7;color:#080808}
.phone-caption,.phone-footer{color:#bb8fbe}
.connection-line{background:#68206b}
.connection-dots{opacity:1;background-image:radial-gradient(circle,#fff 2px,transparent 2.6px)}
.network-controls button{border-color:#703173;color:#e2b0e4}
.network-controls button:hover{background:#a520a7;color:#080808}
.closing{background:#100a11}
.closing a{background:#a520a7;color:#080808}
a:focus-visible,button:focus-visible{outline-color:#d561d8}
@media(max-width:700px){.connection-dots{background-image:radial-gradient(circle,#fff 2px,transparent 2.6px)}}

.nav-soon{font-size:10px;letter-spacing:1.5px;font-weight:700;align-self:center}