:root{
    --ink: #0b0f14;
    --ink-panel: #141a22;
    --ink-deep: #05070a;
    --copper: #d98c4f;
    --copper-bright: #f2a868;
    --teal: #4f9d8f;
    --teal-bright: #6cbdae;
    --glossario-blue: #5b9dd9;
    --paper: #e9edf2;
    --muted: #7c8a99;
    --wire: rgba(233,237,242,0.09);
    --raise: var(--copper);
    --call: var(--teal);
    --fold: #1b2330;
    --maxw: 1180px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:
      radial-gradient(ellipse 1000px 520px at 85% -8%, rgba(217,140,79,0.09), transparent 60%),
      var(--ink);
    color:var(--paper);
    font-family:'Inter', system-ui, sans-serif;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{
    font-family:'Space Grotesk', system-ui, sans-serif;
    font-weight:600;
    letter-spacing:-0.01em;
    margin:0;
  }
  .mono{ font-family:'JetBrains Mono', monospace; letter-spacing:0.01em; }
  a{color:inherit;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}
  section{padding:100px 0;}
  @media (max-width:780px){ section{padding:68px 0;} }
  :focus-visible{outline:2px solid var(--copper-bright); outline-offset:3px;}

  /* NAV */
  header.nav{
    position:sticky; top:0; z-index:40;
    background:rgba(5,7,10,0.85);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--wire);
  }
  .nav-inner{
    max-width:var(--maxw); margin:0 auto; padding:16px 28px;
    display:flex; align-items:center; justify-content:space-between; gap:24px;
  }
  .brand{
    display:flex; align-items:baseline; gap:4px; flex-shrink:0;
    font-family:'Space Grotesk', sans-serif; font-weight:600; font-size:17px;
  }
  .brand .amp{ color:var(--copper); }
  .nav-links{display:flex; gap:16px; font-size:13px; color:var(--muted);}
  .nav-links a{ white-space:nowrap; }
  .nav-links a{text-decoration:none; transition:color .15s;}
  .nav-links a:hover{color:var(--paper);}
  .nav-cta{
    font-family:'JetBrains Mono', monospace;
    font-size:13px; padding:9px 18px; border-radius:6px;
    background:transparent; color:var(--paper); font-weight:500;
    text-decoration:none; border:1px solid var(--wire); transition:border-color .15s;
    white-space:nowrap; flex-shrink:0;
  }
  .nav-cta:hover{ border-color:var(--copper); }
  @media (max-width:1060px){ .nav-links{display:none;} }
  .nav-links a.active{ color:var(--copper-bright); }

  /* PAGE HEADER (per le pagine interne) */
  .page-header{ padding:70px 0 50px; border-bottom:1px solid var(--wire); }
  .page-header .eyebrow{ margin-bottom:18px; }
  .page-header h1{ font-size:clamp(28px,3.6vw,44px); color:var(--paper); line-height:1.15; }
  .page-header h1.h1-medium{ font-size:clamp(24px,2.8vw,34px); }
  .page-header p.lead{ margin-top:18px; font-size:16.5px; color:var(--muted); max-width:56ch; }
  .breadcrumb{ font-family:'JetBrains Mono',monospace; font-size:12.5px; color:var(--muted); margin-bottom:16px; }
  .breadcrumb a{ color:var(--muted); text-decoration:none; }
  .breadcrumb a:hover{ color:var(--copper-bright); }

  /* PAGE HEADER con price box affiancato */
  .page-header-grid{ display:grid; grid-template-columns:1fr 340px; gap:50px; align-items:center; }
  @media (max-width:900px){ .page-header-grid{ grid-template-columns:1fr; gap:30px; } }
  .page-header-price{
    background:linear-gradient(135deg, rgba(217,140,79,0.10), rgba(217,140,79,0.02));
    border:1px solid rgba(217,140,79,0.35); border-radius:12px; padding:26px;
    display:flex; flex-direction:column; gap:16px; align-items:flex-start;
  }
  .page-header-price .amount{ font-size:26px; font-weight:700; color:var(--paper); }
  .page-header-price .amount span{ font-size:14px; font-weight:400; color:var(--muted); }
  .page-header-price .sub{ font-size:12.5px; color:var(--muted); font-family:'JetBrains Mono',monospace; }
  .page-header-price .btn{ width:100%; text-align:center; }

  /* HERO */
  .hero{ padding:96px 0 90px; }
  .hero-single{ max-width:760px; }
  .eyebrow{
    font-family:'JetBrains Mono', monospace; font-size:12.5px; letter-spacing:0.08em;
    color:var(--copper); margin-bottom:20px; display:flex; align-items:center; gap:9px;
  }
  .eyebrow::before{ content:''; width:7px; height:7px; border-radius:50%; background:var(--copper); box-shadow:0 0 8px var(--copper); }
  .hero h1{
    font-size:clamp(26px, 3.4vw, 40px); line-height:1.22; color:var(--paper);
  }
  .hero h1 em{ font-style:normal; color:var(--copper-bright); }
  .hero p.lead{
    margin-top:22px; font-size:17.5px; color:var(--muted); max-width:50ch;
  }
  .hero-ctas{ display:flex; gap:16px; margin-top:34px; flex-wrap:wrap; }
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:14px 26px; border-radius:7px; font-size:15px; font-weight:600;
    text-decoration:none; transition:transform .15s, background .15s, border-color .15s;
    border:1px solid transparent;
  }
  .btn:hover{ transform:translateY(-1px); }
  .btn-primary{ background:var(--copper); color:#1a1006; box-shadow:0 10px 28px -10px rgba(217,140,79,0.55); }
  .btn-primary:hover{ background:var(--copper-bright); }
  .btn-ghost{ border-color:var(--wire); color:var(--paper); }
  .btn-ghost:hover{ border-color:var(--copper); }
  .hero-meta{ margin-top:38px; display:flex; gap:28px; flex-wrap:wrap; }
  .hero-meta div{ font-size:12.5px; color:var(--muted); font-family:'JetBrains Mono',monospace; }
  .hero-meta strong{ display:block; font-family:'Space Grotesk',sans-serif; font-size:22px; color:var(--paper); font-weight:600; margin-bottom:4px; }

  /* PREFLOP STATEMENT — il testo che spiega perché il preflop conta */
  .preflop-statement{
    background:var(--ink-deep);
    border-top:1px solid var(--wire);
    border-bottom:1px solid var(--wire);
  }
  .statement-inner{ max-width:680px; }
  .statement-lead{
    font-family:'Space Grotesk', sans-serif; font-weight:600;
    font-size:clamp(24px, 2.6vw, 30px); color:var(--paper);
    line-height:1.3; margin-bottom:28px;
  }
  .statement-inner p{ font-size:16.5px; color:var(--muted); margin:0 0 20px; }
  .statement-inner p:last-child{ margin-bottom:0; }
  .statement-inner strong{ color:var(--paper); font-weight:600; }
  .statement-close{
    margin-top:32px !important; padding-top:28px;
    border-top:1px solid var(--wire);
    font-family:'JetBrains Mono', monospace; font-size:14.5px !important;
    color:var(--copper-bright) !important;
  }

  /* SECTION HEADS */
  .section-head{ max-width:640px; margin-bottom:56px; }
  .section-head h2{ font-size:clamp(26px,3.2vw,36px); color:var(--paper); }
  .section-head p{ margin-top:14px; color:var(--muted); font-size:16px; }

  /* ECOSYSTEM CARDS */
  .lab-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; }
  @media (max-width:900px){ .lab-grid{grid-template-columns:1fr;} }
  @media (max-width:900px){ .lab-grid[style*="repeat(5"]{ grid-template-columns:repeat(2,1fr) !important; } }
  @media (max-width:520px){ .lab-grid[style*="repeat(5"]{ grid-template-columns:1fr !important; } }
  .lab-card{
    background:var(--ink-panel); border:1px solid var(--wire); border-radius:10px;
    padding:22px 20px; display:flex; flex-direction:column; min-height:auto;
    transition:border-color .2s, transform .2s;
  }
  .lab-card.active{ border-color:rgba(217,140,79,0.35); }
  .lab-card:hover{ transform:translateY(-3px); }
  .status{
    align-self:flex-start; font-family:'JetBrains Mono',monospace; font-size:10px;
    letter-spacing:0.05em; text-transform:uppercase; padding:4px 9px; border-radius:5px;
    margin-bottom:14px;
  }
  .status.live{ background:rgba(217,140,79,0.14); color:var(--copper-bright); }
  .status.soon{ background:rgba(124,138,153,0.14); color:var(--muted); }
  .lab-card h3{ font-size:16px; color:var(--paper); margin-bottom:0; line-height:1.3; }
  .lab-card p{ color:var(--muted); font-size:14.5px; flex-grow:1; }
  .lab-card .go{
    margin-top:14px; font-size:12.5px; font-weight:600; color:var(--copper-bright);
    text-decoration:none; display:inline-flex; align-items:center; gap:6px;
    font-family:'JetBrains Mono',monospace;
  }
  .lab-card.placeholder{
    border-style:dashed; display:flex; align-items:center; justify-content:center; text-align:center;
  }
  .lab-card.placeholder p{ color:var(--muted); font-size:13px; flex-grow:0; font-family:'JetBrains Mono',monospace; }

  /* DEEP DIVE */
  .deep{ background:var(--ink-deep); border-top:1px solid var(--wire); border-bottom:1px solid var(--wire); }
  .deep-grid{ display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
  @media (max-width:900px){ .deep-grid{grid-template-columns:1fr; gap:44px;} }
  .feature{ padding:22px 0; border-top:1px solid var(--wire); display:grid; grid-template-columns:90px 1fr; gap:20px; }
  .feature:last-child{ border-bottom:1px solid var(--wire); }
  .feature .tag{ font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--copper); padding-top:2px; }
  .feature h4{ font-family:'Space Grotesk',sans-serif; font-size:17px; color:var(--paper); margin:0 0 6px; font-weight:600; }
  .feature p{ margin:0; color:var(--muted); font-size:14.5px; }

  .calc-mock{ background:var(--ink-panel); border:1px solid var(--wire); border-radius:10px; padding:24px; margin-top:8px; }
  .calc-mock-head{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--muted); margin-bottom:14px; letter-spacing:0.04em; }
  .calc-mock .row{ display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--wire); font-size:14px; }
  .calc-mock .row:last-child{ border-bottom:none; }
  .calc-mock .row span:first-child{ color:var(--muted); }
  .calc-mock .row span:last-child{ font-family:'JetBrains Mono',monospace; color:var(--copper-bright); }

  .price-strip{
    margin-top:26px; padding:24px 26px; border-radius:10px;
    background:linear-gradient(120deg, rgba(217,140,79,0.12), rgba(217,140,79,0.02));
    border:1px solid rgba(217,140,79,0.25);
    display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;
  }
  .price-strip .amount{ font-family:'Space Grotesk',sans-serif; font-size:25px; color:var(--paper); }
  .price-strip .amount span{ font-size:13px; color:var(--muted); font-family:'Inter',sans-serif; }
  .price-strip .sub{ font-size:12.5px; color:var(--muted); margin-top:4px; font-family:'JetBrains Mono',monospace; }

  /* CALC DETAIL SECTIONS */
  .calc-detail{ padding:80px 0; border-top:1px solid var(--wire); }
  .calc-detail:nth-child(even){ background:var(--ink-deep); }
  .calc-detail-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
  @media (max-width:900px){ .calc-detail-grid{grid-template-columns:1fr; gap:36px;} }
  .calc-detail-grid.reverse .calc-detail-text{ order:2; }
  .calc-detail-grid.reverse .calc-detail-shot{ order:1; }
  @media (max-width:900px){ .calc-detail-grid.reverse .calc-detail-text{order:1;} .calc-detail-grid.reverse .calc-detail-shot{order:2;} }
  .calc-detail-text h2{ font-size:clamp(24px,2.8vw,32px); color:var(--paper); margin-bottom:16px; }
  .calc-detail-text > p{ color:var(--muted); font-size:16px; margin-bottom:26px; max-width:48ch; }
  .how-it-works{ list-style:none; margin:0; padding:0; counter-reset:step; }
  .how-it-works li{
    counter-increment:step; position:relative; padding:14px 0 14px 42px;
    border-top:1px solid var(--wire); font-size:14.5px; color:var(--muted);
  }
  .how-it-works li:last-child{ padding-bottom:0; }
  .how-it-works li::before{
    content:counter(step); font-family:'JetBrains Mono',monospace; font-size:13px;
    color:var(--copper-bright); border:1px solid rgba(217,140,79,0.35); border-radius:50%;
    width:26px; height:26px; display:flex; align-items:center; justify-content:center;
    position:absolute; left:0; top:14px;
  }
  .screenshot-real{
    border:1px solid var(--wire); border-radius:10px; overflow:hidden;
    background:var(--ink-panel); cursor:zoom-in;
  }
  .screenshot-real img{ width:100%; height:auto; display:block; }
  .screenshot-real-wide{ max-width:1100px; margin:0 auto; }

  /* LIGHTBOX */
  .lightbox-overlay{
    display:none; position:fixed; inset:0; background:rgba(10,10,10,0.92);
    z-index:2000; align-items:center; justify-content:center; padding:40px;
    cursor:zoom-out;
  }
  .lightbox-overlay.active{ display:flex; }
  .lightbox-overlay img{
    max-width:100%; max-height:100%; border-radius:8px;
    border:1px solid var(--wire); box-shadow:0 20px 60px rgba(0,0,0,0.6);
  }
  .lightbox-close{
    position:fixed; top:24px; right:32px; color:var(--paper); font-size:32px;
    font-family:'Space Grotesk',sans-serif; cursor:pointer; z-index:2001; line-height:1;
  }
  .screenshot-placeholder{
    aspect-ratio:16/10; border:1.5px dashed var(--wire); border-radius:10px;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
    background:var(--ink-panel); color:var(--muted); font-family:'JetBrains Mono',monospace;
    font-size:12.5px; text-align:center; padding:20px;
  }
  .screenshot-placeholder svg{ opacity:0.35; }
  .screenshot-placeholder strong{ color:var(--copper-bright); font-family:'Space Grotesk',sans-serif; font-size:14px; font-weight:600; }

  footer{ padding:52px 0 40px; }
  .footer-inner{
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:18px;
    border-top:1px solid var(--wire); padding-top:30px;
  }
  footer .brand{ font-size:15px; }
  footer .fine{ font-size:12.5px; color:var(--muted); font-family:'JetBrains Mono',monospace; }

  /* GLOSSARIO TOOLTIP */
  .gloss{
    color:var(--glossario-blue); border-bottom:1px dotted var(--glossario-blue);
    cursor:help; position:relative; font-weight:500; white-space:nowrap;
  }
  .gloss .gloss-tip{
    visibility:hidden; opacity:0; position:absolute; bottom:135%; left:50%;
    transform:translateX(-50%); background:var(--ink-panel); color:var(--paper);
    padding:10px 14px; border-radius:8px; font-size:13px; line-height:1.4;
    width:max-content; max-width:260px; border:1px solid var(--wire);
    box-shadow:0 8px 24px rgba(0,0,0,0.5); transition:opacity .15s, visibility .15s;
    z-index:100; font-family:'Inter',sans-serif; text-align:left; white-space:normal;
  }
  .gloss .gloss-tip::after{
    content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%);
    border:6px solid transparent; border-top-color:var(--wire);
  }
  .gloss:hover .gloss-tip, .gloss:focus .gloss-tip{ visibility:visible; opacity:1; }

  /* GLOSSARIO PAGE */
  /* GLOSSARIO — nuovo layout ad indice alfabetico */
  .alpha-nav{
    display:flex; flex-wrap:wrap; gap:6px 10px; padding:18px 0 34px;
    border-bottom:1px solid var(--wire); margin-bottom:36px;
    font-family:'JetBrains Mono',monospace; font-size:14px;
  }
  .alpha-nav a{ color:var(--muted); text-decoration:none; font-weight:600; }
  .alpha-nav a:hover, .alpha-nav a.alpha-active{ color:var(--copper-bright); }
  .alpha-nav .alpha-disabled{ color:var(--wire); font-weight:600; }
  .gloss-letter-block{ margin-bottom:30px; scroll-margin-top:24px; }
  .gloss-letter-bar{
    background:var(--copper); color:var(--ink-deep); font-weight:700; font-size:18px;
    padding:8px 18px; border-radius:6px; margin-bottom:16px;
  }
  .gloss-pills{ display:flex; flex-wrap:wrap; gap:10px; }
  .gloss-pill{
    display:inline-block; position:relative; background:var(--ink-panel);
    border:1px solid var(--wire); border-radius:7px; padding:9px 16px;
    font-size:14px; color:var(--paper); cursor:help;
  }
  .gloss-pill:hover, .gloss-pill:focus{ border-color:var(--copper); color:var(--copper-bright); }
  .gloss-pill .gloss-tip{
    visibility:hidden; opacity:0; position:absolute; bottom:120%; left:0;
    background:var(--ink-panel); color:var(--paper); padding:10px 14px; border-radius:8px;
    font-size:13px; line-height:1.4; width:max-content; max-width:280px;
    border:1px solid var(--wire); box-shadow:0 8px 24px rgba(0,0,0,0.5);
    transition:opacity .15s, visibility .15s; z-index:100;
    font-family:'Inter',sans-serif; text-align:left; white-space:normal; font-weight:400;
  }
  .gloss-pill:hover .gloss-tip, .gloss-pill:focus .gloss-tip{ visibility:visible; opacity:1; }