body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: #f7f9f8;
      color: #222;
      line-height: 1.65;
    }

    header {
      background: linear-gradient(135deg, #0f3d2e, #1e6f4f);
      color: #fff;
      padding: 64px 20px;
      text-align: center;
    }

    header h1 {
      margin: 0;
      font-size: 2.6em;
      letter-spacing: 0.4px;
    }

    header p {
      max-width: 860px;
      margin: 18px auto 0;
      font-size: 1.25em;
      opacity: 0.96;
    }

    .container {
      max-width: 1100px;
      margin: 0 auto;
      padding: 48px 20px;
    }

    h2, h3 {
      color: #1e6f4f;
    }

    .mission {
      background: #e8fce8;
      border-left: 6px solid #2e8b57;
      padding: 32px 26px;
      border-radius: 10px;
      margin-bottom: 48px;
    }

	/*.mission-bridge {
	  max-width: 72ch;
	  margin: 3rem auto;
	  text-align: center;
	}*/
	
	.mission-bridge {
     margin: 3rem 0;
     text-align: left;
   }

	/* If your layout uses CSS grid */
	.layout:has(.mission-bridge) {
	  grid-template-columns: 1fr;
	}

	/* Prevent sidebar bleed into mission bridge */
	.mission-bridge {
	  grid-column: 1 / -1;
	}
	
    .highlight {
      font-weight: bold;
      color: #1e6f4f;
    }

    section {
      margin-bottom: 44px;
    }

    .active-now {
      background: #ffffff;
      border: 1px solid #dde5e2;
      border-radius: 10px;
      padding: 30px 26px;
    }

    .cta.support {
      background: #f1f4f3;
      border-radius: 12px;
      padding: 36px 26px;
      text-align: center;
    }

    .cta.support p {
      max-width: 720px;
      margin: 0 auto 22px;
      font-size: 1.05em;
    }

    .paypal-wrapper {
      display: flex;
      justify-content: center;
      margin-top: 10px;
    }

    /* Visual harmony only — PayPal remains authoritative */
    .paypal-wrapper > div {
      border-radius: 999px;
      overflow: hidden;
    }

    /* Dual layout */
    .paypal-dual {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1.2rem;
      flex-wrap: wrap;
    }

    /* Keep PayPal native button clean */
    .paypal-sub {
       border-radius: 999px;
       overflow: hidden;
    }

    /* Infrastructure Pill */
    .paypal-infra-pill {
          display: inline-flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;

          min-height: 44px;
          padding: 0.7rem 1.4rem;

          background: linear-gradient(
             135deg,
             #0070ba,
             #003087
          );

          color: #fff;
          text-decoration: none;

          border-radius: 999px;

          font-family: inherit;
          font-size: 0.9rem;

          box-shadow: 0 3px 10px rgba(0,0,0,0.2);

          transition: all 0.2s ease;
    }

    /* Text */
    .paypal-infra-pill .pill-title {
          font-size: 0.75rem;
            opacity: 0.9;
    }

    .paypal-infra-pill .pill-amount {
          font-weight: 600;
            letter-spacing: 0.02em;
    }

    /* Hover */
    .paypal-infra-pill:hover {
          transform: translateY(-1px);
            box-shadow: 0 6px 16px rgba(0,0,0,0.25);
    }

    .coming-soon {
      background: #f7f9f8;
      border: 1px dashed #cfd8d4;
      border-radius: 10px;
      padding: 30px 26px;
    }

    footer {
      background: #0f3d2e;
      color: #fff;
      text-align: center;
      padding: 26px 16px;
      font-size: 0.95em;
    }

    footer a {
      color: #ffcc66;
      text-decoration: none;
      font-weight: bold;
    }
	
	/* DLIB-IP / lotto147-10K — intentional, non-coercive */
	.coming-link a {
	  color: #1e6f4f;                 /* complements mission green */
	  text-decoration: underline;
	  text-decoration-thickness: 2px;
	  text-underline-offset: 3px;
	  font-weight: 600;
	  transition: color 0.2s ease, text-decoration-color 0.2s ease;
	}

	/* Hover = clarity, not excitement */
	.coming-link a:hover {
	  color: #145a3f;                 /* slightly deeper green */
	  text-decoration-color: #145a3f;
	}

	/* Subtle qualifier tone */
	.coming-link em {
	  display: inline-block;
	  margin-left: 4px;
	  font-style: italic;
	  color: #555;
	}
	
	.readiness-note {
	  background: #eef6fb;           /* soft pastel blue */
	  border-left: 4px solid #9cc9e8; /* quiet authority */
	  padding: 0.75rem 1rem;
	  margin-top: 1rem;
	  font-size: 0.95rem;
	  color: #2f4a5c;
	}

	.component-declaration {
	  margin-top: 1.25rem;
	  padding: 0.85rem 1rem;
	  background: #f7fafc;           /* near-white contrast */
	  border-left: 4px solid #4a6f8a; /* darker anchor */
	  font-weight: 500;
	}
	
	.imotu-consideration {
	  background: linear-gradient(
		180deg,
		rgba(245, 247, 250, 0.85),
		rgba(235, 238, 242, 0.85)
	  );
	  border-left: 4px solid rgba(80, 110, 160, 0.6);
	  padding: 1.2rem 1.4rem;
	  margin: 1.5rem 0;
	  font-size: 0.95rem;
	  line-height: 1.55;
	  color: #2f3a44;
	  border-radius: 6px;
	}

	.imotu-consideration p {
	  margin: 0 0 0.75rem 0;
	}

	.imotu-consideration p:last-child {
	  margin-bottom: 0;
	}

	.imotu-consideration strong {
	  font-weight: 600;
	  color: #1f2a33;
	  letter-spacing: 0.02em;
	}

	.imotu-consideration .imotu-note {
	  font-size: 0.85rem;
	  color: #5a6772;
	  opacity: 0.9;
	}
	
	.mission-bridge .imotu-consideration {
      border-left: none;
      border-top: 1px solid rgba(80, 110, 160, 0.35);
      border-bottom: 1px solid rgba(80, 110, 160, 0.35);
      background: rgba(245, 247, 250, 0.7);
    }

	#enterprise-notes {
	  display: block;
	  width: 100%;
	  max-width: 520px;
	  margin: 12px auto 0 auto;   /* centers horizontally */
	  padding: 10px 12px;
	  min-height: 90px;
	  resize: vertical;
	  font-size: 0.95rem;
	}

	#participant-intent label {
	  display: block;            /* forces clean vertical stacking */
	  margin-bottom: 6px;
	}

	#participant-intent {
	  text-align: center;        /* centers checkbox text group */
	}
	
	#enterprise-notes {
	 border: 1px solid #ccc;
	 border-radius: 6px;
	 background: #fafafa;
     }
	 
	 #subscribeBtn:disabled {
	  opacity: 0.5;
	  cursor: not-allowed;
	}

	#subscribeBtn:not(:disabled) {
	  box-shadow: 0 0 6px rgba(255,215,0,0.6);
	  transition: all 0.2s ease-in-out;
	}

	#webhook-status {
	  color: #333;
	  font-size: 0.9rem;
	}
	
	#subscribeBtn:disabled {
	  opacity: 0.5;
	  cursor: not-allowed;
	}

	#subscribeBtn:not(:disabled) {
	  box-shadow: 0 0 6px rgba(255,215,0,0.6);
	  transition: all 0.2s ease-in-out;
	}

	#webhook-status {
	  color: #333;
	  font-size: 0.9rem;
	}

    .imotu-flow {
      max-width: 960px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 320px;
      gap: 2.5rem;
      align-items: start;
    }
    
    .coming-soon {
      background: rgba(255,255,255,0.03);
      padding: 1.25rem 1.5rem;
      border-left: 2px solid rgba(255,255,255,0.15);
    }