/* ===========================

     MASTER AI DRUG DISCOVERY PROJECTS (Elementor)

     Scoped styles: .aidd-wrap ...

     Incolla tutto in un widget HTML Elementor.

     =========================== */



  





    .aidd-wrap {

      --bg: #f7faff;

      --bg-soft: #eef5ff;

      --card: #ffffff;

      --text: #132033;

      --muted: #5a6b80;

      --line: #dbe6f4;

      --line-strong: #c6d5e8;

      --blue: #4f46e5;

      --cyan: #0891b2;

      --teal: #0f9f8f;

      --green: #16a34a;

      --amber: #f59e0b;

      --rose: #e11d48;

      --violet: #7c3aed;

      --pink: #db2777;

      --slate: #334155;

      --shadow: 0 18px 46px rgba(15, 35, 70, 0.10);

      --shadow-soft: 0 10px 24px rgba(15, 35, 70, 0.07);

      --radius-lg: 30px;

      --radius-md: 22px;

      --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    }



    .aidd-wrap * { box-sizing: border-box; }

    .aidd-wrap { scroll-behavior: smooth; }



    .aidd-wrap {

      margin: 0;

      font-family: var(--font);

      color: var(--text);

      background:

        radial-gradient(circle at 6% 0%, rgba(8, 145, 178, 0.12), transparent 28rem),

        radial-gradient(circle at 94% 6%, rgba(124, 58, 237, 0.10), transparent 30rem),

        linear-gradient(180deg, #ffffff 0%, var(--bg) 56%, var(--bg-soft) 100%);

      line-height: 1.62;

      min-height: 100vh;

    }



    .aidd-wrap a { color: inherit; text-decoration: none; }



    .aidd-wrap .page {

      width: min(1120px, calc(100% - 40px));

      margin: 0 auto;

      padding: 42px 0 76px;

    }



    .aidd-wrap .hero {

      position: relative;

      overflow: hidden;

      border: 1px solid var(--line);

      border-radius: 36px;

      padding: clamp(30px, 6vw, 58px);

      background: rgba(255, 255, 255, 0.96);

      box-shadow: var(--shadow);

    }



    .aidd-wrap .hero::after {

      content: "";

      position: absolute;

      width: 420px;

      height: 420px;

      right: -160px;

      top: -190px;

      border-radius: 999px;

      background: radial-gradient(circle, rgba(79, 70, 229, 0.14), rgba(8, 145, 178, 0.09), transparent 70%);

      pointer-events: none;

    }



    .aidd-wrap .eyebrow {

      position: relative;

      z-index: 1;

      display: inline-flex;

      align-items: center;

      gap: 10px;

      padding: 8px 14px;

      border: 1px solid #ccdaec;

      border-radius: 999px;

      background: #ffffff;

      color: #29445f;

      font-size: 16px;

      font-weight: 850;

      letter-spacing: 0.045em;

      text-transform: uppercase;

      box-shadow: var(--shadow-soft);

    }



    .aidd-wrap .dot {

      width: 9px;

      height: 9px;

      border-radius: 999px;

      background: linear-gradient(135deg, var(--cyan), var(--blue));

      box-shadow: 0 0 0 5px rgba(8, 145, 178, 0.10);

    }



    .aidd-wrap h1 {

      position: relative;

      z-index: 1;

      max-width: 880px;

      margin: 24px 0 16px;

      color: #0e1b2f;

      font-size: 30px;

      line-height: 1.0;

      letter-spacing: -0.06em;

    }



    .aidd-wrap .lead {

      position: relative;

      z-index: 1;

      max-width: 830px;

      margin: 0;

      color: #40566f;

      font-size: 16px;

    }



    .aidd-wrap .hero-actions {

      position: relative;

      z-index: 1;

      display: flex;

      flex-wrap: wrap;

      gap: 14px;

      margin-top: 30px;

    }



    .aidd-wrap .button, .aidd-wrap .download, .aidd-wrap .mail-button {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      min-height: 46px;

      padding: 12px 18px;

      border-radius: 999px;

      border: 1px solid #cfdaea;

      font-weight: 850;

      transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;

    }



    .aidd-wrap .button.primary, .aidd-wrap .download {

      color: #ffffff;

      border-color: transparent;

      background: linear-gradient(135deg, var(--cyan), var(--blue));

      box-shadow: 0 12px 28px rgba(79, 70, 229, 0.16);

    }



    .aidd-wrap .button.secondary, .aidd-wrap .mail-button {

      background: #ffffff;

      color: #18324d;

    }



    .aidd-wrap .button:hover, .aidd-wrap .download:hover, .aidd-wrap .mail-button:hover {

      transform: translateY(-2px);

      box-shadow: 0 14px 30px rgba(15, 35, 70, 0.11);

    }



    .aidd-wrap .button:focus-visible, .aidd-wrap .download:focus-visible, .aidd-wrap .mail-button:focus-visible {

      outline: 3px solid rgba(79, 70, 229, 0.28);

      outline-offset: 3px;

    }



    .aidd-wrap .stats {

      display: grid;

      grid-template-columns: repeat(4, 1fr);

      gap: 14px;

      margin-top: 28px;

    }



    .aidd-wrap .stat {

      border: 1px solid var(--line);

      border-radius: 22px;

      background: rgba(255, 255, 255, 0.92);

      padding: 18px;

      box-shadow: var(--shadow-soft);

    }



    .aidd-wrap .stat strong {

      display: block;

      color: #0d1a2d;

      font-size: 16px;

      line-height: 1.1;

      letter-spacing: -0.04em;

    }



    .aidd-wrap .stat span {

      display: block;

      margin-top: 6px;

      color: var(--muted);

      font-size: 14px;

    }



    .aidd-wrap .section {

      margin-top: 32px;

      border: 1px solid var(--line);

      border-radius: var(--radius-lg);

      background: rgba(255, 255, 255, 0.97);

      box-shadow: var(--shadow);

      overflow: hidden;

    }



    .aidd-wrap .section-header {

      padding: 28px 30px 18px;

      border-bottom: 1px solid #e6eef8;

      background: linear-gradient(90deg, #ffffff, #f8fbff);

    }



    .aidd-wrap h2 {

      margin: 0;

      color: #10213a;

      font-size: 18px;

      line-height: 1.15;

      letter-spacing: -0.035em;

    }



    .aidd-wrap .section-kicker {

      max-width: 800px;

      margin: 8px 0 0;

      color: var(--muted);

    }



    .aidd-wrap .rules {

      display: grid;

      grid-template-columns: 1.1fr 0.9fr;

      gap: 20px;

      padding: 26px 30px 30px;

    }



    .aidd-wrap .panel {

      border: 1px solid #dce7f4;

      border-radius: var(--radius-md);

      background: #fbfdff;

      padding: 22px;

      box-shadow: var(--shadow-soft);

    }



    .aidd-wrap .panel h3 {

      margin: 0 0 12px;

      color: #132033;

      font-size: 18px;

      letter-spacing: -0.015em;

    }



    .aidd-wrap .panel ol {

      margin: 0;

      padding-left: 22px;

    }



    .aidd-wrap .panel li {

      margin: 0 0 12px;

      color: #273a50;

    }



    .aidd-wrap .panel li:last-child { margin-bottom: 0; }



    .aidd-wrap .choice-lines {

      display: grid;

      gap: 8px;

      margin: 14px 0 0;

    }



    .aidd-wrap .choice-line {

      display: flex;

      gap: 10px;

      align-items: center;

      padding: 11px 13px;

      border-radius: 15px;

      border: 1px solid #d9e5f3;

      background: #ffffff;

      color: #21354d;

      font-weight: 760;

    }



    .aidd-wrap .choice-line span {

      display: inline-flex;

      min-width: 116px;

      color: #315274;

      font-weight: 900;

    }



    .aidd-wrap .contacts {

      display: grid;

      gap: 12px;

    }



    .aidd-wrap .mail-button {

      justify-content: space-between;

      gap: 14px;

      width: 100%;

      border-radius: 16px;

      color: #0f513f;

      overflow-wrap: anywhere;

    }



    .aidd-wrap .mail-button span {

      color: #66788c;

      font-weight: 650;

    }



    .aidd-wrap .projects {

      display: grid;

      grid-template-columns: 1fr;

      gap: 18px;

      padding: 26px 30px 32px;

    }



    .aidd-wrap .project-card {

      --accent: var(--blue);

      --accent-2: var(--cyan);

      position: relative;

      display: grid;

      grid-template-columns: minmax(0, 1fr) 230px;

      gap: 22px;

      border: 1px solid #dce6f3;

      border-radius: 25px;

      background: #ffffff;

      overflow: hidden;

      box-shadow: var(--shadow-soft);

      transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;

    }



    .aidd-wrap .project-card::before {

      content: "";

      position: absolute;

      inset: 0 auto 0 0;

      width: 8px;

      background: linear-gradient(180deg, var(--accent), var(--accent-2));

    }



    .aidd-wrap .project-card:hover {

      transform: translateY(-3px);

      border-color: var(--line-strong);

      box-shadow: 0 24px 60px rgba(15, 35, 70, 0.13);

    }



    .aidd-wrap .project-main {

      padding: 24px 8px 24px 30px;

    }



    .aidd-wrap .project-top {

      display: flex;

      flex-wrap: wrap;

      align-items: center;

      gap: 9px;

      margin-bottom: 14px;

    }



    .aidd-wrap .number {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      min-width: 46px;

      height: 32px;

      border-radius: 999px;

      background: linear-gradient(135deg, var(--accent), var(--accent-2));

      color: #ffffff;

      font-weight: 950;

      letter-spacing: -0.02em;

    }



    .aidd-wrap .category {

      display: inline-flex;

      align-items: center;

      min-height: 32px;

      padding: 6px 11px;

      border-radius: 999px;

      background: color-mix(in srgb, var(--accent) 10%, #ffffff);

      border: 1px solid color-mix(in srgb, var(--accent) 23%, #dbe6f4);

      color: color-mix(in srgb, var(--accent) 68%, #132033);

      font-size: 13px;

      font-weight: 900;

      letter-spacing: 0.02em;

      text-transform: uppercase;

    }



    .aidd-wrap .project-card h3 {

      margin: 0 0 10px;

      color: #0f1d33;

      font-size: 16px;

      line-height: 1.18;

      letter-spacing: -0.035em;

    }



    .aidd-wrap .project-card p {

      margin: 0;

      max-width: 840px;

      color: #405269;

    }



    .aidd-wrap .tags {

      display: flex;

      flex-wrap: wrap;

      gap: 8px;

      margin-top: 16px;

    }



    .aidd-wrap .tag {

      display: inline-flex;

      align-items: center;

      padding: 5px 10px;

      border-radius: 999px;

      border: 1px solid #e0e8f4;

      background: #f7fbff;

      color: #44576d;

      font-size: 14px;

      font-weight: 760;

    }



    .aidd-wrap .project-aside {

      display: flex;

      flex-direction: column;

      justify-content: center;

      gap: 12px;

      padding: 24px 24px 24px 0;

    }



    .aidd-wrap .download {

      width: 100%;

      text-align: center;

      background: linear-gradient(135deg, var(--accent), var(--accent-2));

    }



    .aidd-wrap .mini {

      color: #6b7a8d;

      font-size: 14px;

      text-align: center;

    }



    .aidd-wrap .footer {

      margin-top: 28px;

      color: #687789;

      text-align: center;

      font-size: 14px;

    }



    .aidd-wrap .accent-violet { --accent: var(--violet); --accent-2: var(--blue); }

    .aidd-wrap .accent-cyan { --accent: var(--cyan); --accent-2: var(--teal); }

    .aidd-wrap .accent-amber { --accent: var(--amber); --accent-2: var(--rose); }

    .aidd-wrap .accent-pink { --accent: var(--pink); --accent-2: var(--violet); }

    .aidd-wrap .accent-green { --accent: var(--green); --accent-2: var(--teal); }

    .aidd-wrap .accent-blue { --accent: var(--blue); --accent-2: var(--cyan); }

    .aidd-wrap .accent-rose { --accent: var(--rose); --accent-2: var(--amber); }

    .aidd-wrap .accent-slate { --accent: var(--slate); --accent-2: var(--blue); }

    .aidd-wrap .accent-lime { --accent: #65a30d; --accent-2: #0d9488; }

    .aidd-wrap .accent-orange { --accent: #0c26ea; --accent-2: #0cead0; }

    @media (max-width: 920px) {

      .aidd-wrap .stats { grid-template-columns: repeat(2, 1fr); }

      .aidd-wrap .rules { grid-template-columns: 1fr; }

      .aidd-wrap .project-card { grid-template-columns: 1fr; }

      .aidd-wrap .project-main { padding: 22px 22px 2px 30px; }

      .aidd-wrap .project-aside { padding: 14px 22px 22px 30px; }

      .aidd-wrap .mini { text-align: left; }

    }



    @media (max-width: 560px) {

      .aidd-wrap .page { width: min(100% - 26px, 1120px); padding-top: 22px; }

      .aidd-wrap .hero { border-radius: 26px; }

      .aidd-wrap .stats { grid-template-columns: 1fr; }

      .aidd-wrap .section-header, .aidd-wrap .rules, .aidd-wrap .projects { padding-left: 20px; padding-right: 20px; }

      .aidd-wrap .choice-line { display: grid; gap: 2px; }

      .aidd-wrap .choice-line span { min-width: 0; }

      .aidd-wrap .mail-button { display: grid; gap: 2px; justify-content: stretch; }

    }



    @media print {

      .aidd-wrap { background: #ffffff; color: #111827; }

      .aidd-wrap .hero, .aidd-wrap .section, .aidd-wrap .project-card, .aidd-wrap .panel, .aidd-wrap .stat { box-shadow: none; }

      .aidd-wrap .download, .aidd-wrap .hero-actions { display: none; }

      .aidd-wrap .project-card { break-inside: avoid; }

    }