:root{
    --amber:#ffb718; --amber-deep:#e09a00; --amber-glow:rgba(255,183,24,.14);
    --ink:#111112; --coal:#0c0c0e; --panel:#151518; --panel-2:#1c1c20;
    --paper:#f7f5ef; --paper-2:#efece3;
    --txt-d:#f2f0ea; --mut-d:#98968f; --mut-l:#6d6b64; --line-d:#26262b; --line-l:#e2ded2;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:'Barlow',sans-serif; background:var(--coal); color:var(--txt-d); line-height:1.55; -webkit-font-smoothing:antialiased;}
  .disp{font-family:'Barlow Condensed',sans-serif; font-style:italic; font-weight:800; text-transform:uppercase; letter-spacing:.01em;}

  /* ---- draft bar ---- */
  .draftbar{position:sticky; top:0; z-index:90; background:var(--amber); color:#151510; font-size:12px; font-weight:600; padding:7px 20px; display:flex; gap:14px; align-items:center;}
  .draftbar .tag{background:#151510; color:var(--amber); font-family:'Barlow Condensed'; font-style:italic; font-weight:800; padding:2px 10px; letter-spacing:.06em;}
  .annot{font-size:10.5px; font-weight:600; color:#151510; background:var(--amber); padding:2px 9px; display:inline-block; margin-bottom:10px; letter-spacing:.05em; transform:skew(-8deg); text-transform:uppercase;}

  /* ---- header ---- */
  header.site{display:flex; justify-content:space-between; align-items:center; padding:16px 48px; background:rgba(12,12,14,.92); backdrop-filter:blur(8px); border-bottom:1px solid var(--line-d); position:sticky; top:31px; z-index:80;}
  header.site img{height:36px; display:block;}
  nav{display:flex; gap:26px;}
  nav a{color:var(--mut-d); text-decoration:none; font-size:13.5px; font-weight:500; letter-spacing:.02em;}
  nav a:hover{color:var(--txt-d);}
  .navbtns{display:flex; align-items:center; gap:18px;}
  .navbtns .login{color:var(--txt-d); font-weight:600; text-decoration:none; font-size:13.5px;}
  .btn{display:inline-block; background:var(--amber); color:#161408; text-decoration:none; padding:13px 26px; font-family:'Barlow Condensed'; font-style:italic; font-weight:800; font-size:17px; letter-spacing:.05em; text-transform:uppercase; transform:skew(-8deg); transition:.15s;}
  .btn>span{display:inline-block; transform:skew(8deg);}
  .btn:hover{background:#ffc94d; box-shadow:0 0 24px var(--amber-glow);}
  .btn.ghost{background:transparent; border:2px solid var(--txt-d); color:var(--txt-d);}
  .btn.ghost:hover{border-color:var(--amber); color:var(--amber); box-shadow:none;}
  .btn.dark{background:var(--ink); color:var(--amber);}

  section{padding:88px 48px;}
  .wrap{max-width:1120px; margin:0 auto;}
  .kicker{font-family:'Barlow Condensed'; font-style:italic; font-weight:700; font-size:14px; letter-spacing:.22em; text-transform:uppercase; color:var(--amber); display:flex; align-items:center; gap:12px; margin-bottom:14px;}
  .kicker::before{content:""; width:34px; height:3px; background:var(--amber); transform:skew(-8deg);}
  h1{font-family:'Barlow Condensed'; font-style:italic; font-weight:900; font-size:76px; line-height:.95; text-transform:uppercase; letter-spacing:.005em;}
  h1 .roi{color:var(--amber);}
  h2{font-family:'Barlow Condensed'; font-style:italic; font-weight:800; font-size:42px; line-height:1; text-transform:uppercase; margin-bottom:10px;}

  /* ---- hero ---- */
  .hero{position:relative; overflow:hidden; padding:96px 48px 110px;
    background:
      radial-gradient(700px 380px at 78% 18%, var(--amber-glow), transparent 60%),
      repeating-linear-gradient(0deg, transparent 0 79px, rgba(255,255,255,.025) 79px 80px),
      repeating-linear-gradient(90deg, transparent 0 79px, rgba(255,255,255,.025) 79px 80px),
      var(--coal);
  }
  .hero .wrap{display:grid; grid-template-columns:1.15fr .85fr; gap:64px; align-items:center;}
  .hero p.lead{margin:22px 0 30px; font-size:17px; color:#c9c6bd; max-width:560px;}
  .facttriple{border-left:3px solid var(--amber); padding:14px 18px; background:rgba(255,255,255,.03); font-size:15.5px; color:#d8d5cc; margin-bottom:30px;}
  .ctas{display:flex; gap:18px; align-items:center;}

  .dash{background:linear-gradient(160deg, var(--panel-2), var(--panel)); border:1px solid var(--line-d); padding:26px 26px 22px; position:relative; box-shadow:0 30px 60px rgba(0,0,0,.5);}
  .dash::before{content:""; position:absolute; inset:0; border-top:3px solid var(--amber);}
  .dash .live{display:flex; align-items:center; gap:8px; font-size:11px; letter-spacing:.18em; color:var(--mut-d); text-transform:uppercase; font-weight:600;}
  .dot{width:8px; height:8px; border-radius:50%; background:#3ddc74; box-shadow:0 0 8px #3ddc74; animation:pulse 1.6s infinite;}
  @keyframes pulse{50%{opacity:.35;}}
  .dash .big{font-family:'Barlow Condensed'; font-style:italic; font-weight:900; font-size:56px; color:var(--amber); line-height:1; margin:14px 0 2px;}
  .dash .lab{font-size:10.5px; letter-spacing:.16em; color:var(--mut-d); text-transform:uppercase;}
  .spark{margin:18px 0 6px; display:block;}
  .dash .row{display:flex; gap:12px; margin-top:16px;}
  .dash .cell{flex:1; background:rgba(255,255,255,.04); border:1px solid var(--line-d); padding:12px 14px;}
  .dash .cell .v{font-family:'Barlow Condensed'; font-weight:800; font-style:italic; font-size:26px;}
  .dash .cell .l{font-size:9.5px; color:var(--mut-d); letter-spacing:.14em; text-transform:uppercase; margin-top:2px;}
  .dash .demo{font-size:10px; color:#5f5e59; margin-top:12px; text-align:right;}

  /* ---- ticker brands ---- */
  .ticker{background:var(--amber); padding:0; overflow:hidden; border-top:1px solid #00000022;}
  .ticker .strip{display:flex; gap:0; white-space:nowrap; animation:slide 38s linear infinite; width:max-content;}
  @keyframes slide{to{transform:translateX(-50%);}}
  .ticker .t{font-family:'Barlow Condensed'; font-style:italic; font-weight:800; text-transform:uppercase; font-size:20px; color:#161408; padding:13px 0;}
  .ticker .t::after{content:"◆"; margin:0 26px; font-size:10px; vertical-align:2px; color:#16140866;}

  /* ---- light sections ---- */
  .light{background:var(--paper); color:var(--ink);}
  .light .kicker{color:var(--amber-deep);} .light .kicker::before{background:var(--amber-deep);}
  .light .micro{color:var(--mut-l);}
  .micro{font-size:13.5px; margin-top:16px; font-style:italic; color:var(--mut-d);}

  .brandgrid{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px;}
  .brandgrid .b{font-family:'Barlow Condensed'; font-style:italic; font-weight:800; text-transform:uppercase; font-size:19px; color:#3a382f; background:#fff; border:1px solid var(--line-l); padding:14px 26px; transform:skew(-8deg); box-shadow:0 2px 0 var(--line-l);}
  .brandgrid .b>span{display:inline-block; transform:skew(8deg);}

  /* ---- commissioni ---- */
  .cards4{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:30px;}
  .mcard{background:#fff; border:1px solid var(--line-l); padding:24px 22px 20px; position:relative;}
  .mcard::before{content:""; position:absolute; top:0; left:0; width:44px; height:4px; background:var(--amber);}
  .mcard h3{font-family:'Barlow Condensed'; font-style:italic; font-weight:800; font-size:24px; text-transform:uppercase; margin-bottom:6px;}
  .mcard p{font-size:13.5px; color:var(--mut-l);}
  .guarantee{margin-top:34px; background:var(--coal); color:var(--txt-d); padding:38px 42px; position:relative; overflow:hidden;}
  .guarantee::after{content:"VS"; position:absolute; right:-10px; top:-34px; font-family:'Barlow Condensed'; font-style:italic; font-weight:900; font-size:170px; color:rgba(255,183,24,.08); line-height:1;}
  .guarantee h3{font-family:'Barlow Condensed'; font-style:italic; font-weight:800; font-size:30px; text-transform:uppercase; margin:6px 0 8px;}
  .guarantee .deal{color:var(--amber);}
  .guarantee .sub{color:#a19e94; font-size:14px; margin-top:16px; font-style:italic; max-width:720px;}

  /* ---- cuneo ---- */
  .cuneo{background:linear-gradient(180deg, var(--coal), #131309); position:relative;}
  .cuneo blockquote{font-size:17px; color:#d8d5cc; margin:20px 0 24px; max-width:800px; border:none;}
  .bullets{list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:26px 0 30px;}
  .bullets li{background:rgba(255,255,255,.035); border:1px solid var(--line-d); border-top:3px solid var(--amber); padding:18px; font-size:14px; color:#c9c6bd;}
  .bullets li b{display:block; color:var(--txt-d); font-family:'Barlow Condensed'; font-style:italic; font-weight:800; text-transform:uppercase; font-size:18px; margin-bottom:6px; letter-spacing:.02em;}

  /* ---- tools ---- */
  ol.tools{margin-top:26px; list-style:none; counter-reset:t; display:grid; grid-template-columns:1fr 1fr; gap:0 56px;}
  ol.tools li{counter-increment:t; padding:20px 0 20px 78px; position:relative; border-bottom:1px solid var(--line-l); font-size:14.5px; color:var(--mut-l);}
  ol.tools li::before{content:counter(t,decimal-leading-zero); position:absolute; left:0; top:14px; font-family:'Barlow Condensed'; font-style:italic; font-weight:900; font-size:42px; color:var(--amber); line-height:1;}
  ol.tools b{display:block; font-family:'Barlow Condensed'; font-style:italic; font-weight:800; font-size:19px; text-transform:uppercase; color:var(--ink); letter-spacing:.02em;}

  /* ---- servizi ---- */
  .grid6{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px;}
  .scard{background:var(--panel); border:1px solid var(--line-d); padding:24px 22px;}
  .scard h3{font-family:'Barlow Condensed'; font-style:italic; font-weight:800; font-size:20px; text-transform:uppercase; margin-bottom:6px; color:var(--txt-d);}
  .scard p{font-size:13.5px; color:var(--mut-d);}
  .scard .n{font-family:'Barlow Condensed'; font-style:italic; font-weight:900; color:var(--amber); font-size:15px; letter-spacing:.1em;}

  /* ---- chi siamo ---- */
  .stats{display:flex; gap:56px; margin:30px 0 26px;}
  .stats .s .v{font-family:'Barlow Condensed'; font-style:italic; font-weight:900; font-size:58px; color:var(--amber-deep); line-height:1;}
  .stats .s .l{font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--mut-l); font-weight:600;}

  /* ---- faq ---- */
  .faq details{background:#fff; border:1px solid var(--line-l); margin-top:12px; padding:18px 22px;}
  .faq details[open]{border-left:4px solid var(--amber);}
  .faq summary{font-weight:600; cursor:pointer; font-size:15.5px; color:var(--ink); list-style:none; display:flex; justify-content:space-between;}
  .faq summary::after{content:"+"; font-family:'Barlow Condensed'; font-weight:800; font-size:22px; color:var(--amber-deep);}
  .faq details[open] summary::after{content:"–";}
  .faq p{margin-top:10px; font-size:14.5px; color:var(--mut-l);}

  /* ---- form ---- */
  .formwrap{background:var(--panel); border:1px solid var(--line-d); border-top:3px solid var(--amber); padding:38px 42px; margin-top:30px;}
  .formmock{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
  .formmock input,.formmock textarea{width:100%; padding:14px; border:1px solid var(--line-d); background:rgba(255,255,255,.04); color:var(--txt-d); font-size:14px; font-family:'Barlow';}
  .formmock input::placeholder,.formmock textarea::placeholder{color:#77756e;}
  .formmock .full{grid-column:1/3;}
  .formmock textarea{height:92px;}

  footer.site{background:#080809; color:var(--mut-d); padding:36px 48px; display:flex; justify-content:space-between; align-items:center; font-size:13px; border-top:1px solid var(--line-d);}
  footer.site img{height:30px; opacity:.9;}
  footer.site a{color:var(--mut-d); margin-left:18px; text-decoration:none;}
  footer.site a:hover{color:var(--amber);}

  @media(max-width:920px){
    section{padding:64px 22px;} header.site{padding:14px 20px;} nav{display:none;}
    .hero .wrap{grid-template-columns:1fr;} h1{font-size:52px;}
    .cards4{grid-template-columns:1fr 1fr;} .grid6{grid-template-columns:1fr;}
    ol.tools{grid-template-columns:1fr;} .bullets{grid-template-columns:1fr;} .stats{gap:28px;}
  }

/* ---- pagine interne ---- */
.page-hero{padding:72px 48px 40px; background:var(--coal);}
.article{background:var(--paper); color:var(--ink);}
.article .wrap{max-width:780px;}
.article h1{font-size:44px; color:var(--ink); text-transform:none; font-style:italic;}
.article h2{font-size:28px; margin-top:38px; text-transform:none;}
.article p, .article li{font-size:16px; color:#3b3a35; margin:14px 0;}
.article ul, .article ol{padding-left:22px;}
.article table{border-collapse:collapse; width:100%; margin:18px 0; font-size:14.5px;}
.article th,.article td{border:1px solid var(--line-l); padding:10px 12px; text-align:left;}
.article th{background:var(--paper-2); font-family:'Barlow Condensed'; font-style:italic; text-transform:uppercase;}
.article blockquote{border-left:3px solid var(--amber); padding:10px 16px; background:#fff; margin:16px 0;}
.crumbs{font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--mut-d); margin-bottom:14px;}
.crumbs a{color:var(--amber); text-decoration:none;}
.postgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:30px;}
.postcard{background:#fff; border:1px solid var(--line-l); padding:26px 24px; display:flex; flex-direction:column; gap:10px; text-decoration:none; color:var(--ink); border-top:3px solid var(--amber); transition:.15s;}
.postcard:hover{transform:translateY(-3px); box-shadow:0 12px 26px rgba(0,0,0,.08);}
.postcard .cat{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--amber-deep); font-weight:700;}
.postcard h3{font-family:'Barlow Condensed'; font-style:italic; font-weight:800; font-size:22px; line-height:1.1; text-transform:uppercase;}
.postcard p{font-size:13.5px; color:var(--mut-l);}
.postcard .more{font-family:'Barlow Condensed'; font-style:italic; font-weight:800; color:var(--amber-deep); font-size:15px; letter-spacing:.05em;}
.tstgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:28px;}
.tst{background:#fff; border:1px solid var(--line-l); padding:20px; font-size:13.5px; color:#3b3a35; display:flex; flex-direction:column; justify-content:space-between; gap:12px;}
.tst .who{font-family:'Barlow Condensed'; font-style:italic; font-weight:800; text-transform:uppercase; color:var(--amber-deep); font-size:16px;}
.sponsor{background:var(--paper-2); border-top:1px solid var(--line-l); border-bottom:1px solid var(--line-l); padding:34px 48px;}
.sponsor .wrap{display:flex; align-items:center; gap:26px; justify-content:space-between; flex-wrap:wrap;}
.authgrid{display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:start; max-width:1020px; margin:0 auto;}
.authcard{background:var(--panel); border:1px solid var(--line-d); border-top:3px solid var(--amber); padding:34px;}
.authcard h2{font-size:30px;}
.authcard ul{list-style:none; margin:16px 0 24px;}
.authcard li{padding:7px 0 7px 26px; position:relative; font-size:15px; color:#c9c6bd;}
.authcard li::before{content:"✓"; position:absolute; left:0; color:var(--amber); font-weight:900;}
.privacy-body{max-width:820px; margin:0 auto;}
.privacy-body h1,.privacy-body h2,.privacy-body h3,.privacy-body h4{font-family:'Barlow Condensed'; font-style:italic; text-transform:none; margin-top:28px;}
.privacy-body p,.privacy-body li,.privacy-body td{font-size:14.5px; color:#3b3a35;}
.privacy-body table{border-collapse:collapse; width:100%; font-size:13px; margin:14px 0; display:block; overflow-x:auto;}
.privacy-body th,.privacy-body td{border:1px solid var(--line-l); padding:8px 10px;}
@media(max-width:920px){ .postgrid{grid-template-columns:1fr;} .tstgrid{grid-template-columns:1fr 1fr;} .authgrid{grid-template-columns:1fr;} .article h1{font-size:32px;} }