:root{
  --red:#e30613;
  --red-bright:#ff1b26;
  --red-dark:#9e0009;
  --black:#050505;
  --black-2:#0c0c0e;
  --white:#fff;
  --paper:#f4f4f4;
  --ink:#111214;
  --muted:#b8b8bc;
  --line:rgba(255,255,255,.14);
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.06);z-index:1000}
.scroll-progress span{display:block;width:0;height:100%;background:var(--red);box-shadow:0 0 20px rgba(227,6,19,.8)}
.site-header{position:fixed;left:0;right:0;top:3px;z-index:900;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);background:linear-gradient(180deg,rgba(4,4,4,.94),rgba(4,4,4,.72));backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:11px;min-width:190px}
.brand-mark{width:43px;height:43px;object-fit:cover;border-radius:13px;box-shadow:0 0 28px rgba(227,6,19,.24)}
.wordmark,.hero-wordmark,.final-wordmark,.footer-brand{font-weight:900;letter-spacing:-.055em;text-transform:uppercase;line-height:1}
.wordmark{font-size:23px}.wordmark span,.hero-wordmark span,.final-wordmark span,.footer-brand span{color:#fff}.wordmark strong,.hero-wordmark strong,.final-wordmark strong,.footer-brand strong{color:var(--red)}
.main-nav{display:flex;align-items:center;gap:clamp(12px,1.7vw,28px);font-size:13px;font-weight:700;color:#e4e4e4}
.main-nav a{position:relative;padding:11px 0}.main-nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:var(--red);transition:right .25s ease}.main-nav a:hover::after{right:0}
.nav-cta{padding:10px 17px!important;border:1px solid var(--red);border-radius:999px;color:#fff!important;background:rgba(227,6,19,.08)}
.nav-cta:hover{background:var(--red)}
.nav-toggle{display:none;background:none;border:0;padding:9px;cursor:pointer}.nav-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}
.section-dark{background:var(--black);color:#fff}.section-light{background:var(--paper);color:var(--ink)}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:center;gap:40px;padding:130px max(6vw,30px) 80px;overflow:hidden}
.hero::before{content:"";position:absolute;width:70vw;height:70vw;right:-31vw;top:-20vw;border-radius:50%;background:radial-gradient(circle,rgba(227,6,19,.22),rgba(227,6,19,.045) 42%,transparent 68%);filter:blur(8px)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 52%,rgba(227,6,19,.04));pointer-events:none}
.hero-copy{position:relative;z-index:5;max-width:780px}
.hero-brand{display:flex;align-items:center;gap:16px;margin-bottom:24px}.hero-mark{width:82px;height:82px;object-fit:cover;border-radius:22px;box-shadow:0 0 42px rgba(227,6,19,.22)}.hero-wordmark{font-size:clamp(34px,4.4vw,64px)}
.eyebrow{margin:0 0 14px;color:var(--red);font-size:13px;font-weight:900;letter-spacing:.17em}.eyebrow.dark{color:var(--red-dark)}
h1{font-size:clamp(47px,6.2vw,92px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px;font-weight:900;max-width:920px}h1 em{font-style:normal;color:var(--red)}
h2{font-size:clamp(36px,4.7vw,67px);line-height:1.04;letter-spacing:-.047em;margin:0 0 24px;font-weight:900}
p{font-size:clamp(17px,1.4vw,21px);margin:0 0 19px}.lead{font-size:clamp(19px,1.7vw,25px);line-height:1.55;color:#ececef;max-width:820px}.statement{font-size:clamp(27px,2.6vw,40px);font-weight:900;color:var(--red);line-height:1.15;margin:31px 0 18px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:999px;font-size:14px;font-weight:900;letter-spacing:.02em}.btn-primary{background:var(--red);color:#fff;box-shadow:0 12px 36px rgba(227,6,19,.24)}.btn-primary:hover{background:var(--red-bright)}.btn-ghost{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.035)}.btn-ghost:hover{border-color:var(--red);background:rgba(227,6,19,.08)}
.hero-visual{position:relative;z-index:4;min-height:530px;display:grid;place-items:center}.screen-stack{position:relative;width:min(510px,42vw);height:min(540px,48vw);min-width:390px;min-height:430px}.screen{position:absolute;border:1px solid rgba(255,255,255,.19);background:linear-gradient(135deg,#130002,#4f0007 44%,#e30613);box-shadow:0 35px 75px rgba(0,0,0,.65),inset 0 0 0 10px rgba(255,255,255,.025);border-radius:19px;display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:-.05em;font-size:clamp(26px,2.5vw,42px);transform-style:preserve-3d}.screen::before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.screen span{color:#fff}.screen strong{color:#ff202b}.screen-a{width:72%;height:38%;right:0;top:10%;transform:perspective(900px) rotateY(-17deg) rotateX(4deg)}.screen-b{width:65%;height:34%;left:0;top:38%;transform:perspective(900px) rotateY(17deg) rotateX(-2deg)}.screen-c{width:58%;height:28%;right:8%;bottom:2%;transform:perspective(900px) rotateY(-12deg) rotateX(3deg)}
.network-bg{position:absolute;inset:0;opacity:.48;pointer-events:none}.network-bg::before,.network-bg::after{content:"";position:absolute;inset:20% 7% 8% 38%;background:linear-gradient(22deg,transparent 49.7%,rgba(227,6,19,.25) 50%,transparent 50.3%),linear-gradient(-19deg,transparent 49.7%,rgba(255,255,255,.13) 50%,transparent 50.3%);background-size:170px 140px,210px 180px}.node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(227,6,19,.11),0 0 27px rgba(227,6,19,.8)}.n1{left:43%;top:24%}.n2{left:70%;top:19%}.n3{left:82%;top:42%}.n4{left:57%;top:57%}.n5{left:74%;top:73%}.n6{left:91%;top:66%}
.scroll-cue{position:absolute;left:50%;bottom:24px;width:34px;height:54px;border:1px solid rgba(255,255,255,.32);border-radius:999px;z-index:7}.scroll-cue span{position:absolute;top:10px;left:50%;width:5px;height:9px;border-radius:9px;background:var(--red);transform:translateX(-50%);animation:scrollCue 1.8s infinite}@keyframes scrollCue{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,20px)}}
.section{position:relative;padding:clamp(90px,10vw,150px) max(6vw,30px)}.section-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,110px);align-items:start}.section-heading h2{max-width:620px}.section-copy{padding-top:36px}.section-copy p{font-size:clamp(19px,1.6vw,25px);line-height:1.6}
.network-section::before{content:"";position:absolute;top:0;left:0;width:28%;height:7px;background:var(--red)}.network-chain{max-width:var(--max);margin:75px auto 0;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:stretch}.chain-card{padding:28px 26px;border:1px solid #d0d0d3;background:#fff;border-radius:22px;box-shadow:0 14px 45px rgba(0,0,0,.07)}.chain-card p{font-size:18px;margin:16px 0 0;font-weight:700}.chain-number{font-size:13px;font-weight:900;color:var(--red)}.chain-arrow{display:grid;place-items:center;color:var(--red);font-size:32px;font-weight:800}.accent-card{background:var(--red);border-color:var(--red);color:#fff}.accent-card .chain-number{color:#fff}
.persona-section{min-height:780px;display:grid;grid-template-columns:100px minmax(0,1.05fr) minmax(360px,.8fr);gap:clamp(28px,5vw,80px);align-items:center;padding-left:max(5vw,24px);padding-right:max(5vw,24px)}.persona-number{font-size:clamp(68px,8vw,130px);font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(227,6,19,.65);line-height:1;align-self:start;padding-top:12px}.persona-content{max-width:760px}.persona-content h2{font-size:clamp(36px,4vw,60px)}.persona-content p{max-width:760px}.pullquote{border-left:5px solid var(--red);padding:8px 0 8px 20px;margin:32px 0;font-size:clamp(23px,2.1vw,32px);font-weight:900;line-height:1.25;color:#fff}.dark-quote{color:var(--ink)}.benefit-strip{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.benefit-strip span{border:1px solid rgba(255,255,255,.17);border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800}.action-line{color:var(--red);font-weight:900;font-size:clamp(26px,2.5vw,38px)!important;letter-spacing:-.02em}.persona-visual{position:relative;min-height:460px;display:grid;place-items:center}
.ad-builder{width:min(500px,100%);aspect-ratio:1.12;background:#101014;border:1px solid #25262b;border-radius:24px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 70px rgba(227,6,19,.07);transform:perspective(1000px) rotateY(-9deg)}.ad-toolbar{display:flex;gap:7px;height:24px}.ad-toolbar i{width:8px;height:8px;border-radius:50%;background:var(--red)}.ad-map{position:relative;height:70%;margin:10px 0;background:radial-gradient(circle at 30% 45%,rgba(227,6,19,.11),transparent 25%),linear-gradient(130deg,transparent 49.5%,rgba(255,255,255,.06) 50%,transparent 50.5%),linear-gradient(45deg,transparent 49.5%,rgba(255,255,255,.06) 50%,transparent 50.5%);background-size:auto,84px 84px,110px 110px;border:1px solid #282930;border-radius:16px}.pin{position:absolute;width:15px;height:15px;border:4px solid var(--red);background:#fff;border-radius:50%;box-shadow:0 0 20px rgba(227,6,19,.7)}.p1{left:21%;top:23%}.p2{left:52%;top:18%}.p3{left:72%;top:52%}.p4{left:33%;top:65%}.p5{left:57%;top:77%}.ad-controls{display:flex;gap:12px}.ad-controls span{height:13px;border-radius:8px;background:#292a30;flex:1}.ad-controls span:first-child{background:var(--red)}
.light-persona{color:var(--ink)}.publisher-grid{position:relative;width:min(510px,100%);height:450px}.mini-screen{position:absolute;width:145px;height:86px;background:linear-gradient(135deg,#18181b,#e30613);border:5px solid #111;border-radius:11px;box-shadow:0 18px 34px rgba(0,0,0,.18)}.mini-screen::after{content:"";position:absolute;left:50%;bottom:-26px;width:4px;height:26px;background:#222}.s1{left:0;top:30px}.s2{right:0;top:42px}.s3{left:10px;bottom:44px}.s4{right:4px;bottom:30px}.s5{left:183px;top:0}.s6{left:178px;bottom:0}.hub{position:absolute;left:50%;top:50%;width:118px;height:118px;transform:translate(-50%,-50%);border-radius:32px;background:#0a0a0b;display:grid;place-items:center;box-shadow:0 0 0 14px rgba(227,6,19,.08),0 0 0 1px var(--red),0 22px 50px rgba(0,0,0,.24)}.hub img{width:88px;height:88px;object-fit:cover;border-radius:24px}.publisher-grid::before,.publisher-grid::after{content:"";position:absolute;inset:30px 42px;background:linear-gradient(35deg,transparent 49.7%,rgba(227,6,19,.35) 50%,transparent 50.3%),linear-gradient(-35deg,transparent 49.7%,rgba(227,6,19,.25) 50%,transparent 50.3%);background-size:150px 120px;z-index:-1}
.kpi-panel{width:min(500px,100%);display:grid;grid-template-columns:1fr 1fr;gap:16px;transform:perspective(900px) rotateY(-7deg)}.kpi-card,.kpi-chart{background:#111216;border:1px solid #26272c;border-radius:18px;min-height:150px;padding:18px}.kpi-card{grid-column:1/-1}.kpi-card span,.kpi-card b,.kpi-card i{display:block;border-radius:7px;background:#282a30}.kpi-card span{width:37%;height:10px}.kpi-card b{width:67%;height:30px;margin-top:22px;background:linear-gradient(90deg,var(--red),#611018)}.kpi-card i{width:85%;height:8px;margin-top:20px}.kpi-chart{grid-column:1/-1;display:flex;align-items:end;gap:10px}.kpi-chart i{flex:1;background:linear-gradient(180deg,var(--red),#490006);border-radius:8px 8px 2px 2px}.kpi-chart i:nth-child(1){height:30%}.kpi-chart i:nth-child(2){height:48%}.kpi-chart i:nth-child(3){height:62%}.kpi-chart i:nth-child(4){height:79%}.kpi-chart i:nth-child(5){height:100%}.kpi-card.small{grid-column:auto;min-height:110px}
.management{overflow:hidden}.management-line{font-size:clamp(28px,3vw,46px)!important;font-weight:900;color:var(--red);line-height:1.15!important;margin-top:35px!important}.control-line{max-width:var(--max);margin:75px auto 0;display:flex;align-items:center}.control-line span{width:58px;height:58px;border-radius:50%;background:#111;box-shadow:0 0 0 8px rgba(227,6,19,.08),inset 0 0 0 2px var(--red)}.control-line i{height:2px;background:linear-gradient(90deg,var(--red),rgba(227,6,19,.15));flex:1}
.why-section{text-align:center;padding-top:130px;padding-bottom:130px;background:radial-gradient(circle at 50% 45%,rgba(227,6,19,.12),transparent 32%),#050505}.why-head{max-width:980px;margin:auto}.why-head h2{font-size:clamp(43px,5.1vw,74px)}.why-head>p:not(.eyebrow):not(.statement){color:#e4e4e6;font-size:clamp(19px,1.7vw,25px)}.principles{max-width:var(--max);margin:65px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.principles article{text-align:left;border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:28px;min-height:180px;background:rgba(255,255,255,.025)}.principles article span{color:var(--red);font-weight:900;font-size:13px}.principles article p{font-size:22px;font-weight:800;line-height:1.3;margin-top:20px}.ecosystem-line{max-width:920px;margin:0 auto 75px!important;font-size:clamp(24px,2.3vw,34px)!important;font-weight:800}.big-claim{max-width:1060px;margin:auto;padding:55px 30px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.big-claim>p{font-size:clamp(22px,2vw,31px);color:#d7d7da}.big-claim h2{font-size:clamp(42px,5.4vw,80px);margin:8px 0 0}.big-claim h2 span{color:#fff}.big-claim h2 strong{color:var(--red)}
.final-cta{padding:110px max(6vw,30px)}.cta-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cta-card{background:#fff;border:1px solid #d8d8db;border-radius:22px;padding:30px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 15px 45px rgba(0,0,0,.06)}.cta-card p{font-size:21px;font-weight:800}.cta-card a{font-size:clamp(29px,2.6vw,40px);font-weight:900;color:var(--red);letter-spacing:-.03em}.cta-card a::after{content:" →"}.final-brand{max-width:var(--max);margin:85px auto 0;display:flex;align-items:center;justify-content:center;gap:25px;text-align:left}.final-brand img{width:100px;height:100px;object-fit:cover;border-radius:28px;box-shadow:0 16px 38px rgba(227,6,19,.14)}.final-wordmark{font-size:clamp(44px,5vw,74px)}.final-brand p{font-size:clamp(20px,1.8vw,28px);font-weight:800;margin:9px 0 0}
.footer{height:90px;padding:0 max(6vw,30px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);background:#050505}.footer-brand{font-size:23px}.back-top{font-size:13px;color:#c8c8ca}.back-top:hover{color:#fff}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1080px){.main-nav{gap:14px}.main-nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:125px}.hero-copy{max-width:900px}.hero-visual{min-height:390px}.screen-stack{width:min(620px,85vw);height:400px;min-width:0;min-height:0}.persona-section{grid-template-columns:80px 1fr}.persona-visual{grid-column:2}.section-grid{grid-template-columns:1fr;gap:22px}.section-copy{padding-top:0}.network-chain{grid-template-columns:1fr}.chain-arrow{transform:rotate(90deg)}.principles,.cta-grid{grid-template-columns:1fr}.principles article{min-height:auto}}
@media(max-width:720px){.site-header{height:69px}.brand-mark{width:38px;height:38px}.wordmark{font-size:20px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:20px;background:#070707;border-bottom:1px solid rgba(255,255,255,.12);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a:not(.nav-cta){display:block}.main-nav a{text-align:center}.hero{padding:105px 22px 75px;min-height:auto}.hero-brand{gap:12px}.hero-mark{width:58px;height:58px;border-radius:16px}.hero-wordmark{font-size:34px}.hero-visual{min-height:300px}.screen-stack{height:300px}.screen{font-size:25px}.section{padding:80px 22px}.persona-section{display:block;min-height:auto}.persona-number{font-size:76px;margin-bottom:18px}.persona-visual{margin-top:55px;min-height:350px}.publisher-grid{height:370px}.mini-screen{width:112px;height:67px}.s5,.s6{left:calc(50% - 56px)}.hub{width:94px;height:94px}.hub img{width:72px;height:72px}.network-chain{margin-top:50px}.why-section{padding-top:90px;padding-bottom:90px}.principles{margin-top:45px;margin-bottom:45px}.final-cta{padding:80px 22px}.final-brand{margin-top:60px;flex-direction:column;text-align:center}.footer{height:auto;padding:25px 22px;gap:18px;flex-direction:column}.control-line span{width:38px;height:38px}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span{animation:none}}

/* Logo STREETUBE finale su sfondo chiaro */
.final-wordmark span {
    color: #ffffff !important;
    -webkit-text-stroke: 1px #222222;
    text-shadow:
        -1px -1px 0 #222222,
         1px -1px 0 #222222,
        -1px  1px 0 #222222,
         1px  1px 0 #222222;
}