:root{
      --bg: #0b0f14;
      --text: #e8eef6;
      --muted: #a3b1c6;
      --brand: #5ea2ff;
      --brand-2: #7af0b2;
      --card: #121821;
      --border: #1d2633;
    }
    @media (prefers-color-scheme: light) {
      :root{
        --bg: #f8fbff;
        --text: #0c1a2b;
        --muted: #4d5b6e;
        --brand: #2c71ff;
        --brand-2: #0abf84;
        --card: #ffffff;
        --border: #e9eef5;
      }
    }

    *{box-sizing:border-box}
    body{
      margin:0;
      background:
        radial-gradient(1200px 600px at 10% -10%, rgba(94,162,255,0.15), transparent 55%),
        radial-gradient(1200px 600px at 90% 110%, rgba(122,240,178,0.12), transparent 55%),
        var(--bg);
      color:var(--text);
      font: 16px/1.65 system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .wrap{
      max-width: 1200px;
      margin: 0 auto;
      padding: clamp(6px, 2vw, 24px);
    }

    .card{
      background: linear-gradient(180deg, var(--card), color-mix(in oklab, var(--card), #000 6%));
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: clamp(20px, 3.5vw, 40px);
      box-shadow: 0 20px 50px rgba(0,0,0,0.25);
    }

    h1{
      margin:0 0 8px;
      font-size: clamp(28px, 3.2vw, 44px);
      line-height: 1.12;
      letter-spacing: -0.02em;
    }
    .lead{
      margin: 0 0 22px;
      color: var(--muted);
      font-size: clamp(16px, 1.4vw, 18px);
    }

    p{margin: 0 0 14px}
    em, strong{font-style: normal}

    .cta-row{
      margin-top: 22px;
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
    }
    .btn{
      appearance: none;
      border: 1px solid color-mix(in oklab, var(--brand), #000 12%);
      background:
        linear-gradient(180deg, color-mix(in oklab, var(--brand), #fff 8%), var(--brand));
      color: #fff;
      padding: 12px 18px;
      border-radius: 999px;
      font-weight: 600;
      text-decoration: none;
      display: inline-flex;
      gap: 10px;
      align-items: center;
      transform: translateZ(0);
      transition: transform .12s ease, box-shadow .12s ease, opacity .2s ease;
      box-shadow: 0 10px 22px rgba(44,113,255,.22);
      white-space: nowrap;
    }
    .btn:hover{ transform: translateY(-1px); }
    .btn:active{ transform: translateY(0); }
    .btn--ghost{
      background: transparent;
      color: var(--text);
      border: 1px solid var(--border);
      box-shadow: none;
    }

    .kicker{
      display:inline-block;
      font-weight:700;
      font-size:12px;
      letter-spacing:.15em;
      text-transform:uppercase;
      color: color-mix(in oklab, var(--muted), var(--text) 35%);
      margin-bottom:10px;
    }

    .grid{
      display:grid;
      grid-template-columns: 1fr;
      gap: clamp(14px, 2.2vw, 20px);
    }
    @media (min-width: 820px){
      .grid{
        grid-template-columns: minmax(0,1.2fr) minmax(0, .8fr);
        align-items:start;
      }
    }

    .fact{
      display:flex; gap:12px; align-items:flex-start;
      padding:12px 14px; border:1px dashed var(--border); border-radius:12px;
      background: color-mix(in oklab, var(--card), transparent 20%);
    }
    .dot{
      width:10px; height:10px; border-radius:50%;
      background: radial-gradient(circle at 30% 30%, var(--brand-2), var(--brand));
      margin-top:6px;
      flex: 0 0 10px;
    }
    .small{ color: var(--muted); font-size: 14px; }

    /* Optional: anchor target spacing */
    :target{ scroll-margin-top: 12vh; }
	
	.dz-icon{font-size:44px; line-height:1}
	
	.two-col-container {
	  display: flex;
	  flex-wrap: wrap;
	  gap: clamp(12px, 2.5vw, 28px); /* responsive spacing */
	  max-width: 1200px;
	  margin: auto 30px ;
	  padding: 4px;
	  /*  box-shadow: 0 2px 6px rgba(0,0,0,0.1);  */
	  box-sizing: border-box;
	}

	/* Columns */
	.two-col-left,
	.two-col-right {
	  flex: 1;
	  min-width: 280px;
	  padding: 6px;
	  box-sizing: border-box;
	  border-radius: 8px;
	}


	@media (max-width: 600px) {
	  .two-col-container {
		flex-direction: column;
	  }
	}


.bigtitle {font-size:18px; margin:0; font-weight: bold;}
    p.lede{
      margin: 0 0 18px 0;
      color: #4b5563;
      font-size: clamp(1rem, .6vw + .95rem, 1.15rem);
    }

.checklist{
      display:grid;
      gap:10px;
      margin: 18px 0 6px;
      padding:0;
      list-style:none;
    }
    .checklist li{
      display:flex; align-items:flex-start; gap:10px;
      background: #f9fafb;
      border:1px solid #e5e7eb;
      padding:10px 12px;
      border-radius: 12px;
    }
    .check{
      flex:0 0 auto;
      width:22px; height:22px; border-radius:50%;
      border:2px solid #2563eb;
      display:grid; place-items:center;
      font-size:.9rem; color:#2563eb;
    }

	p.adjust {
		margin: 0 20px 16px 20px;
	}

.overbtn{
	  display:inline-block; /* ensures links behave like buttons */
	  text-decoration:none; /* remove underline */
	  appearance:none;
	  border:0; 
	  cursor:pointer;
	  padding:12px 18px; 
	  border-radius:12px; 
	  font-weight:700;
	  transition: transform .06s ease, box-shadow .2s ease, background .2s ease;
	}

    .overbtn-primary{
      background: #2563eb;
      color:#ffffff;
      box-shadow: 0 6px 18px rgba(37,99,235,.25);
    }
    .overbtn-primary:hover{ 
      transform: translateY(-4px);
      background:green;
	}