/* EI YOU! — stili specifici: home */
:root{--light-sage:#E8EDE4}

    /* ── HERO ── */
    .hero{min-height:100vh;background:var(--cream);display:grid;grid-template-columns:1fr 1fr;padding-top:68px;position:relative;overflow:hidden}
    .hero-left{display:flex;flex-direction:column;justify-content:center;padding:5rem 3.5rem 4rem;position:relative;z-index:2}
    .hero-eyebrow{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(26,23,20,.35);margin-bottom:2.5rem}
    .hero-title{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,4.5vw,5.5rem);line-height:1.05;font-weight:700;letter-spacing:-.03em;color:var(--ink);margin-bottom:1.8rem}
    .hero-title em{font-style:italic;color:var(--accent)}
    .hero-sub{font-size:1.05rem;line-height:1.9;color:var(--deep-brown);opacity:.7;max-width:440px;margin-bottom:3rem;font-weight:300}
    .hero-ctas{display:flex;gap:2.5rem;flex-wrap:wrap;align-items:center}
    .btn-main{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--accent);border-bottom:1.5px solid var(--accent);padding-bottom:.25em;transition:opacity .2s}
    .btn-main:hover{opacity:.65}
    .btn-soft{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:rgba(26,23,20,.45);border-bottom:1.5px solid rgba(26,23,20,.2);padding-bottom:.25em;transition:opacity .2s}
    .btn-soft:hover{color:var(--ink);border-color:var(--ink)}
    .hero-right{position:relative;background:var(--light-sage);overflow:hidden;display:flex;align-items:center;justify-content:center}
    .hero-video-slot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.2rem}
    .hero-video-play{width:56px;height:56px;border-radius:50%;border:1.5px solid rgba(26,23,20,.2);display:flex;align-items:center;justify-content:center}
    .hero-video-play svg{width:18px;height:18px;fill:rgba(26,23,20,.3);margin-left:2px}
    .hero-video-label{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(26,23,20,.3)}

    /* ── DIVIDER ── */
    .divider{height:1px;background:var(--rule);margin:0}

    /* ── MARQUEE — sottile, chiaro ── */
    .marquee-strip{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:.9rem 0;overflow:hidden;white-space:nowrap;background:var(--white)}
    .marquee-inner{display:inline-block;animation:marquee 35s linear infinite}
    .marquee-inner span{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(26,23,20,.35);margin:0 2.8rem}
    .marquee-inner span.accent{color:var(--accent);opacity:.8}
    @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

    /* ── COMMON ── */
    .section-label{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem;display:block}
    .section-title{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,3vw,3rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;margin-bottom:1.8rem}
    .section-title em{font-style:italic;color:var(--accent)}
    .section-body{font-size:1rem;line-height:1.9;color:var(--deep-brown);opacity:.8;font-weight:300;max-width:580px}

    /* ── URGENCY — light editorial pull-quote ── */
    .urgency{background:var(--white);padding:clamp(5rem,9vw,9rem) clamp(1.5rem,5vw,3.5rem);display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
    .urgency-quote{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3vw,2.8rem);font-style:italic;line-height:1.35;color:var(--ink);border-left:2px solid var(--accent);padding-left:2rem}

    /* ── ABOUT ── */
    .about{background:var(--cream);display:grid;grid-template-columns:1fr 1.1fr;gap:0;align-items:stretch;min-height:600px}
    .about-content{padding:clamp(4rem,8vw,8rem) clamp(1.5rem,5vw,3.5rem)}
    .about-visual{position:relative;overflow:hidden;min-height:500px}
    .about-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
    @keyframes ab-breathe{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}}
    @keyframes ab-flow{0%{stroke-dashoffset:1000;opacity:0}10%{opacity:1}90%{opacity:.6}100%{stroke-dashoffset:0;opacity:0}}
    @keyframes ab-ripple{0%{r:8;opacity:.9}100%{r:200;opacity:0}}

    /* ── METHOD ── */
    .method{background:var(--white);padding:clamp(4rem,8vw,8rem) clamp(1.5rem,5vw,3.5rem);border-top:1px solid var(--rule)}
    .method-header{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem;align-items:end}
    .method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--rule)}
    .method-card{padding:3rem 2rem;border-right:1px solid var(--rule);transition:background .25s,color .25s}
    .method-card:last-child{border-right:none}
    .method-card:hover{background:var(--accent)}
    .method-card:hover .method-num{color:rgba(255,255,255,.1)}
    .method-card:hover .method-title{color:#fff}
    .method-card:hover .method-body{color:rgba(255,255,255,.75);opacity:1}
    .method-num{font-family:'Playfair Display',serif;font-size:clamp(3rem,4vw,4.5rem);font-weight:700;color:rgba(26,23,20,.06);line-height:1;letter-spacing:-.03em;margin-bottom:1.5rem;display:block}
    .method-title{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;margin-bottom:.8rem;line-height:1.25;color:var(--ink)}
    .method-body{font-size:.9rem;line-height:1.75;color:var(--deep-brown);opacity:.75;font-weight:300}

    /* ── EXPERIENCES ── */
    .experiences{background:var(--cream);padding:clamp(4rem,8vw,8rem) clamp(1.5rem,5vw,3.5rem);border-top:1px solid var(--rule)}
    .exp-header{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem;align-items:end}
    .exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule)}
    .exp-card{padding:2.8rem 2rem;border-right:1px solid var(--rule);transition:background .25s}
    .exp-card:nth-child(3n){border-right:none}
    .exp-card:nth-child(n+4){border-top:1px solid var(--rule)}
    .exp-card:hover{background:var(--white)}
    .exp-card-tag{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-bottom:1rem;display:block}
    .exp-card-title{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;margin-bottom:.7rem;line-height:1.2;color:var(--ink)}
    .exp-card-body{font-size:.88rem;line-height:1.75;color:var(--deep-brown);opacity:.7;font-weight:300;margin-bottom:1.2rem}
    .exp-card-link{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(47,58,231,.3);padding-bottom:.2em}
    .exp-card-link:hover{opacity:.7}

    /* ── QUESTIONS ── */
    .questions{background:var(--white);padding:clamp(4rem,8vw,8rem) clamp(1.5rem,5vw,3.5rem);border-top:1px solid var(--rule);text-align:center}
    .question-list{margin:3.5rem auto 0;max-width:720px}
    .question-item{font-family:'Playfair Display',serif;font-size:clamp(1.1rem,2vw,1.7rem);font-style:italic;line-height:1.5;color:var(--ink);padding:1.4rem 0;border-bottom:1px solid var(--rule);opacity:.38;transition:opacity .25s,color .25s;cursor:default}
    .question-item:first-child{border-top:1px solid var(--rule)}
    .question-item:hover{opacity:1;color:var(--accent)}

    /* ── MANIFESTO — full Majorelle Blue ── */
    .manifesto{background:var(--accent);padding:clamp(5rem,10vw,10rem) clamp(1.5rem,5vw,3.5rem);position:relative;overflow:hidden}
    .manifesto-inner{max-width:860px;margin:0 auto;position:relative;z-index:1}
    .manifesto-mark{font-family:'Playfair Display',serif;font-size:clamp(6rem,12vw,12rem);line-height:.75;color:rgba(255,255,255,.1);font-weight:700;margin-bottom:-1rem;display:block;letter-spacing:-.04em}
    .manifesto-quote{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.5vw,3.2rem);font-style:italic;color:#fff;line-height:1.3;letter-spacing:-.01em;margin-bottom:2.5rem}
    .manifesto-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;border-top:1px solid rgba(255,255,255,.15);padding-top:2rem}
    .manifesto-attr{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.45)}
    .manifesto-cta{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-decoration:none;border-bottom:1.5px solid rgba(255,255,255,.5);padding-bottom:.2em;transition:border-color .2s}
    .manifesto-cta:hover{border-color:#fff}
    /* ── AUDIENCE — editorial index list ── */
    .audience{background:var(--cream);padding:clamp(4rem,8vw,8rem) clamp(1.5rem,5vw,3.5rem);border-top:1px solid var(--rule)}
    .audience-header{margin-bottom:3.5rem}
    .audience-list{list-style:none;border-top:1px solid var(--rule)}
    .audience-row{display:grid;grid-template-columns:52px 1fr 1.2fr;gap:2rem;align-items:center;padding:1.6rem 0;border-bottom:1px solid var(--rule);transition:background .2s;cursor:default}
    .audience-row:hover{background:rgba(47,58,231,.04)}
    .audience-row:hover .ar-num{color:var(--accent)}
    .ar-num{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:rgba(26,23,20,.18);line-height:1;transition:color .2s}
    .ar-title{font-family:'Playfair Display',serif;font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:700;color:var(--ink);line-height:1.15}
    .ar-body{font-size:.88rem;font-weight:300;color:var(--deep-brown);opacity:.7;line-height:1.65}

    /* ── TESTIMONIAL — light editorial ── */
    .testimonial{background:var(--white);padding:clamp(5rem,9vw,9rem) clamp(1.5rem,5vw,3.5rem);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
    .testi-inner{max-width:760px;margin:0 auto;text-align:center}
    .testi-label{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(26,23,20,.35);margin-bottom:3rem;display:block}
    .testi-slide{display:none}.testi-slide.active{display:block;animation:fadeSlide .4s ease}
    @keyframes fadeSlide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
    .testi-quote{font-family:'Playfair Display',serif;font-size:clamp(1.4rem,2.5vw,2rem);font-style:italic;line-height:1.55;margin-bottom:1.8rem;color:var(--ink)}
    .testi-author{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,23,20,.35)}
    .testi-dots{display:flex;justify-content:center;gap:.8rem;margin-top:2.5rem}
    .testi-dot{width:5px;height:5px;border-radius:50%;background:rgba(26,23,20,.15);border:none;cursor:pointer;transition:background .25s}
    .testi-dot.active{background:var(--accent)}

    /* ── AZIENDE BANNER — light with accent border ── */
    .aziende-banner{background:var(--cream);padding:clamp(4rem,7vw,7rem) clamp(1.5rem,5vw,3.5rem);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;border-top:1px solid var(--rule)}
    .ab-stats{display:flex;flex-direction:column;gap:2rem;padding-left:3rem;border-left:1px solid var(--rule)}
    .ab-stat{display:flex;align-items:baseline;gap:1rem}
    .ab-stat-num{font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:700;color:var(--accent);line-height:1}
    .ab-stat-text{font-size:.88rem;font-weight:300;color:var(--deep-brown);opacity:.65;line-height:1.5;max-width:220px}

    /* ── IMAGE PLACEHOLDER ── */
    .img-placeholder{width:100%;aspect-ratio:16/5;background:var(--light-sage);display:flex;align-items:center;justify-content:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
    .img-placeholder-inner{display:flex;flex-direction:column;align-items:center;gap:.7rem;color:rgba(26,23,20,.25)}
    .img-placeholder-label{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase}
    /* ── CTA ── */
    .cta-final{background:var(--white);padding:clamp(5rem,9vw,9rem) clamp(1.5rem,5vw,3.5rem);border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
    .cta-detail{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.1em;color:rgba(26,23,20,.35);line-height:1.8;margin-bottom:2rem}
    .cta-btns{display:flex;gap:2.5rem;align-items:center;flex-wrap:wrap}

    /* ── RESPONSIVE ── */
    @media(max-width:900px){
      .hero{grid-template-columns:1fr;min-height:auto}.hero-left{padding:4rem 1.5rem 2.5rem}.hero-right{min-height:55vw;max-height:300px}
      .urgency,.method-header,.exp-header,.aziende-banner,.cta-final{grid-template-columns:1fr;gap:2.5rem}
      .about{grid-template-columns:1fr}.about-content{padding:3rem 1.5rem}.about-visual{min-height:55vw;max-height:400px}
      .method-grid{grid-template-columns:1fr 1fr}
      .method-card{border-right:none;padding-right:0;border-bottom:1px solid var(--rule);padding-bottom:2.5rem}
      .method-card:last-child{border-bottom:none}
      .exp-grid{grid-template-columns:1fr 1fr}
      .exp-card{border-right:none;padding-right:0;border-bottom:1px solid var(--rule)}
      .exp-card:last-child{border-bottom:none}
      .exp-card:nth-child(n+4){border-top:none}
      .audience-grid{grid-template-columns:1fr 1fr}
      .audience-item{border-right:none;padding-right:0;border-bottom:1px solid var(--rule)}
      .audience-item:nth-child(n+4){border-top:none}
      .ab-stats{padding-left:0;border-left:none;border-top:1px solid var(--rule);padding-top:2rem}
    }
    @media(max-width:600px){
      .method-grid,.exp-grid,.audience-grid{grid-template-columns:1fr}
      .cta-btns{flex-direction:column;align-items:flex-start}
    }
