/* TruScan Guide at /checks (docs/design/truscan-2.0/screens/Guide.html). Generated classes from the
   screen, with colours on the theme tokens; hand-written rules at the end. */
.gd-1 {
  position: relative;
  margin-top: -76px;
  padding-top: 76px;
  background: radial-gradient(ellipse 45% 50% at 72% 30%, rgba(168,245,213,0.11), rgba(168,245,213,0) 70%), radial-gradient(ellipse 40% 40% at 10% 0%, rgba(168,245,213,0.06), rgba(0,0,0,0) 70%);
}
.gd-2 {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 28px 28px;
  -webkit-mask-image: radial-gradient(ellipse 55% 60% at 65% 35%, #000, transparent 75%);
  mask-image: radial-gradient(ellipse 55% 60% at 65% 35%, #000, transparent 75%);
  pointer-events: none;
}
.gd-3 {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 72px 24px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px 48px;
}
.gd-4 {
  flex: 1 1 520px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.gd-5 {
  align-self: flex-start;
  display: flex;
  gap: 8px;
  align-items: center;
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.09);
  font-size: 14px;
  font-weight: 500;
  color: var(--text-soft);
}
.gd-6 {
  margin: 0;
  font-size: clamp(50px, 7vw, 96px);
  font-weight: 600;
  line-height: 0.93;
  letter-spacing: -0.058em;
  text-wrap: balance;
  animation-delay: .08s;
}
.gd-7 {
  color: var(--accent);
  text-shadow: 0 0 60px rgba(168,245,213,0.35);
}
.gd-8 {
  margin: 0;
  max-width: 560px;
  font-size: 20px;
  line-height: 1.5;
  color: var(--text-2);
  text-wrap: pretty;
  animation-delay: .16s;
}
.gd-9 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  font-size: 14px;
  color: var(--muted);
  animation-delay: .24s;
}
.gd-10, .gd-11, .gd-12 {
  display: flex;
  gap: 8px;
  align-items: center;
}
.gd-13 {
  position: relative;
  flex: 0 1 440px;
  max-width: 440px;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  margin: 0 auto;
}
.gd-14, .gd-268 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.gd-15 {
  position: absolute;
  inset: 10%;
  width: 80%;
  height: 80%;
}
.gd-16 {
  position: relative;
  width: 75%;
  height: auto;
  -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 50%, transparent 70%);
  mask-image: radial-gradient(circle at 50% 50%, #000 50%, transparent 70%);
}
.gd-17 {
  position: absolute;
  left: -8px;
  top: 64px;
  display: flex;
  gap: 8px;
  align-items: center;
  height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(21,26,28,0.80);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(168,245,213,0.25);
  color: var(--accent);
  font-size: 14px;
  font-weight: 600;
  animation-delay: -1.2s;
}
.gd-18 {
  position: absolute;
  right: -16px;
  top: 188px;
  display: flex;
  gap: 8px;
  align-items: center;
  height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(21,26,28,0.80);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,193,90,0.28);
  color: var(--amber);
  font-size: 14px;
  font-weight: 600;
  animation-delay: -3.6s;
}
.gd-19 {
  position: absolute;
  left: 28px;
  bottom: 54px;
  display: flex;
  gap: 8px;
  align-items: center;
  height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(21,26,28,0.80);
  backdrop-filter: blur(12px);
  border: 1px solid var(--line-strong);
  color: var(--text-2);
  font-size: 14px;
  font-weight: 600;
  animation-delay: -5.4s;
}
.gd-20 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 72px 24px 0;
}
.gd-21, .gd-447 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.gd-22 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  gap: 16px;
}
.gd-23 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 28px;
  border-radius: 28px;
  background: radial-gradient(circle at 0% 0%, rgba(168,245,213,0.08), rgba(168,245,213,0) 55%), var(--panel);
  border: 1px solid var(--line);
  animation-delay: .1s;
}
.gd-24 {
  align-self: flex-start;
  display: flex;
  gap: 8px;
  align-items: center;
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--mint-soft);
  color: var(--accent);
  font-size: 14px;
  font-weight: 600;
}
.gd-25, .gd-29, .gd-33 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.2;
}
.gd-26, .gd-30, .gd-34 {
  font-size: 15px;
  line-height: 1.5;
  color: var(--text-3);
}
.gd-27 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 28px;
  border-radius: 28px;
  background: radial-gradient(circle at 0% 0%, rgba(255,193,90,0.08), rgba(255,193,90,0) 55%), var(--panel);
  border: 1px solid var(--line);
  animation-delay: .18s;
}
.gd-28 {
  align-self: flex-start;
  display: flex;
  gap: 8px;
  align-items: center;
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--amber-soft);
  color: var(--amber);
  font-size: 14px;
  font-weight: 600;
}
.gd-31 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 28px;
  border-radius: 28px;
  background: var(--panel);
  border: 1px solid var(--line);
  animation-delay: .26s;
}
.gd-32 {
  align-self: flex-start;
  display: flex;
  gap: 8px;
  align-items: center;
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  color: var(--text-2);
  font-size: 14px;
  font-weight: 600;
}
.gd-35 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  padding: 22px 28px;
  border-radius: 24px;
  background: var(--panel);
  border: 1px solid var(--line);
}
.gd-36 {
  margin: 0;
  flex: 1 1 520px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--text-2);
}
.gd-37 {
  color: var(--text);
  font-weight: 600;
}
.gd-38 {
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  padding: 10px 0;
}
.gd-39 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 120px 24px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  align-items: flex-start;
}
.gd-40 {
  flex: 1 1 240px;
  max-width: 100%;
  position: sticky;
  top: 104px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gd-41 {
  padding: 20px 12px 12px;
  border-radius: 24px;
  background: var(--panel);
  border: 1px solid var(--line);
}
.gd-42 {
  display: block;
  padding: 0 12px 10px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--muted);
}
.gd-43 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 15px;
}
.gd-44 {
  display: flex;
  gap: 12px;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 12px;
  background: rgba(168,245,213,0.08);
  box-shadow: inset 2px 0 0 var(--accent);
  color: var(--text);
  text-decoration: none;
  font-weight: 500;
}
.gd-45 {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--accent);
}
.gd-46, .gd-48, .gd-50, .gd-52, .gd-54, .gd-56, .gd-58 {
  display: flex;
  gap: 12px;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 12px;
}
.gd-47, .gd-49, .gd-51, .gd-53, .gd-55, .gd-57, .gd-59 {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--muted);
}
.gd-60 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 24px;
  border-radius: 24px;
  background: var(--inset);
  border: 1px solid var(--line);
}
.gd-61 {
  font-size: 14px;
  font-weight: 600;
}
.gd-62 {
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
}
.gd-63 {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  padding: 6px 0;
}
.gd-64 {
  flex: 999 1 620px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 96px;
}
.gd-65, .gd-193, .gd-255, .gd-300, .gd-338, .gd-388, .gd-408, .gd-425 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  scroll-margin-top: 104px;
}
.gd-66, .gd-194, .gd-256, .gd-301, .gd-339, .gd-389, .gd-409, .gd-426 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 4px 8px;
}
.gd-67, .gd-195, .gd-257, .gd-302, .gd-340, .gd-390, .gd-410, .gd-427 {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--accent);
}
.gd-68, .gd-196, .gd-258, .gd-303, .gd-341, .gd-391, .gd-411, .gd-428 {
  margin: 0;
  font-size: clamp(30px, 3.4vw, 40px);
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 1.05;
}
.gd-69, .gd-197, .gd-259, .gd-304 {
  margin: 0;
  max-width: 620px;
  font-size: 17px;
  line-height: 1.55;
  color: var(--text-3);
}
.gd-70, .gd-98, .gd-126, .gd-165, .gd-198, .gd-222, .gd-305 {
  border-radius: 28px;
  background: var(--panel);
  border: 1px solid var(--line);
  padding: 28px 32px 12px;
}
.gd-71, .gd-99, .gd-127, .gd-166, .gd-199, .gd-223, .gd-261, .gd-306 {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 18px;
  align-items: center;
  padding-bottom: 18px;
}
.gd-72, .gd-100, .gd-128, .gd-167, .gd-224, .gd-262 {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: var(--mint-soft);
  color: var(--accent);
}
.gd-73, .gd-101, .gd-129, .gd-168, .gd-201, .gd-225, .gd-263, .gd-308 {
  flex: 1 1 220px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.gd-74, .gd-102, .gd-130, .gd-169, .gd-202, .gd-226, .gd-264, .gd-309 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.gd-75, .gd-103, .gd-131, .gd-170, .gd-203, .gd-227, .gd-265, .gd-310 {
  font-size: 15px;
  color: var(--muted);
}
.gd-76, .gd-104, .gd-132, .gd-171, .gd-228, .gd-266 {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--accent);
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(168,245,213,0.25);
}
.gd-77, .gd-105, .gd-133, .gd-172, .gd-205, .gd-234, .gd-271, .gd-317 {
  margin: 0;
}
.gd-78, .gd-82, .gd-86, .gd-90, .gd-94, .gd-106, .gd-110, .gd-114, .gd-118, .gd-122, .gd-134, .gd-149, .gd-153, .gd-157, .gd-161, .gd-173, .gd-177, .gd-181, .gd-185, .gd-189, .gd-206, .gd-210, .gd-214, .gd-218, .gd-235, .gd-239, .gd-243, .gd-247, .gd-251, .gd-276, .gd-280, .gd-284, .gd-288, .gd-292, .gd-296, .gd-318, .gd-322, .gd-326, .gd-330, .gd-334 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 24px;
  padding: 16px 0;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.gd-79, .gd-91, .gd-95, .gd-107, .gd-119, .gd-123, .gd-158, .gd-162, .gd-174, .gd-186, .gd-190, .gd-207, .gd-215, .gd-219, .gd-236, .gd-248, .gd-273, .gd-285, .gd-293, .gd-297, .gd-319, .gd-331, .gd-335 {
  flex: 0 0 176px;
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-2);
}
.gd-80 {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,0.05);
  color: var(--text-2);
}
.gd-81, .gd-85, .gd-89, .gd-93, .gd-109, .gd-113, .gd-117, .gd-121, .gd-152, .gd-156, .gd-160, .gd-176, .gd-180, .gd-184, .gd-188, .gd-209, .gd-213, .gd-217, .gd-238, .gd-242, .gd-246, .gd-250, .gd-275, .gd-279, .gd-283, .gd-287, .gd-291, .gd-295, .gd-321, .gd-325, .gd-329, .gd-333 {
  flex: 1 1 320px;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--text-soft);
}
.gd-83, .gd-111, .gd-150, .gd-178, .gd-240, .gd-277, .gd-327 {
  flex: 0 0 176px;
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--accent);
}
.gd-84, .gd-112, .gd-151, .gd-179, .gd-241, .gd-278, .gd-328 {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: var(--mint-soft);
}
.gd-87, .gd-115, .gd-154, .gd-182, .gd-244, .gd-281 {
  flex: 0 0 176px;
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--amber);
}
.gd-88, .gd-116, .gd-155, .gd-183, .gd-245, .gd-282 {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: var(--amber-soft);
}
.gd-92, .gd-96, .gd-108, .gd-120, .gd-124, .gd-136, .gd-159, .gd-163, .gd-175, .gd-187, .gd-191, .gd-208, .gd-216, .gd-220, .gd-237, .gd-249, .gd-253, .gd-274, .gd-294, .gd-298, .gd-320, .gd-336 {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,0.05);
}
.gd-97, .gd-125, .gd-164, .gd-192, .gd-221, .gd-254, .gd-299, .gd-337 {
  flex: 1 1 320px;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--text-2);
}
.gd-135, .gd-252 {
  flex: 0 0 176px;
  display: flex;
  gap: 10px;
  align-items: center;
  align-self: flex-start;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-2);
}
.gd-137 {
  flex: 1 1 320px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--text-soft);
}
.gd-138 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 13px;
  color: var(--text-2);
}
.gd-139, .gd-140, .gd-141, .gd-142, .gd-143, .gd-144, .gd-145, .gd-146, .gd-147 {
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--line);
}
.gd-148, .gd-349, .gd-367, .gd-372, .gd-377, .gd-382, .gd-387 {
  font-size: 14px;
  color: var(--text-3);
}
.gd-200 {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: var(--sky-soft);
  color: var(--sky);
}
.gd-204 {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--sky);
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(124,203,255,0.28);
}
.gd-211, .gd-289 {
  flex: 0 0 176px;
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--sky);
}
.gd-212, .gd-290 {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: var(--sky-soft);
}
.gd-229 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 0 20px;
}
.gd-230 {
  position: relative;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(168,245,213,0.55) 0%, rgba(168,245,213,0.55) 25%, rgba(255,193,90,0.45) 25%, rgba(255,193,90,0.45) 100%);
}
.gd-231 {
  position: absolute;
  left: 25%;
  top: -6px;
  width: 2px;
  height: 22px;
  border-radius: 2px;
  background: var(--text);
}
.gd-232 {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--muted);
}
.gd-233 {
  color: var(--text);
}
.gd-260 {
  border-radius: 28px;
  background: var(--panel);
  border: 1px solid var(--line);
  padding: 28px 32px 12px;
  overflow: hidden;
}
.gd-267 {
  position: relative;
  height: 96px;
  margin: 0 -32px 8px;
  border-top: 1px solid rgba(255,255,255,0.06);
  background: var(--inset);
}
.gd-269 {
  position: absolute;
  right: 32px;
  top: 14px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--sky);
}
.gd-270 {
  position: absolute;
  left: 32px;
  top: 14px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--muted);
}
.gd-272 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 24px;
  padding: 16px 0;
}
.gd-286, .gd-332 {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,0.06);
}
.gd-307 {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,0.06);
  color: var(--text-soft);
}
.gd-311 {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--text-2);
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.14);
}
.gd-312 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 14px 16px;
  margin-bottom: 8px;
  border-radius: 18px;
  background: var(--inset);
  border: 1px solid rgba(255,255,255,0.06);
}
.gd-313 {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--muted);
  margin-right: 6px;
}
.gd-314 {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--rose-soft);
  color: var(--rose);
  font-size: 13px;
  font-weight: 600;
}
.gd-315 {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--mint-soft);
  color: var(--accent);
  font-size: 13px;
  font-weight: 600;
}
.gd-316 {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  color: var(--text-2);
  font-size: 13px;
  font-weight: 600;
}
.gd-323 {
  flex: 0 0 176px;
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--rose);
}
.gd-324 {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: var(--rose-soft);
}
.gd-342, .gd-392 {
  margin: 0;
  max-width: 640px;
  font-size: 17px;
  line-height: 1.55;
  color: var(--text-3);
}
.gd-343, .gd-412 {
  border-radius: 28px;
  background: var(--panel);
  border: 1px solid var(--line);
  overflow: hidden;
}
.gd-344 {
  border-bottom: 1px solid rgba(255,255,255,0.06);
  background: rgba(168,245,213,0.03);
}
.gd-345 {
  width: 100%;
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 22px 28px;
  background: none;
  border: 0;
  text-align: left;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.gd-346 {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: var(--mint-soft);
  color: var(--accent);
}
.gd-347, .gd-365, .gd-370, .gd-375, .gd-380, .gd-385 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.gd-348, .gd-432, .gd-436, .gd-440 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.gd-350 {
  transform: rotate(180deg);
}
.gd-351 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 28px 26px 86px;
}
.gd-352 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
  gap: 8px;
}
.gd-353, .gd-356, .gd-359 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255,255,255,0.03);
}
.gd-354 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--accent);
}
.gd-355, .gd-358, .gd-361 {
  font-size: 13px;
  color: var(--text-2);
}
.gd-357, .gd-360 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
}
.gd-362 {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--text-soft);
}
.gd-363, .gd-368, .gd-373, .gd-378 {
  width: 100%;
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 20px 28px;
  background: none;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  text-align: left;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.gd-364, .gd-369, .gd-374, .gd-379, .gd-384 {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,0.05);
  color: var(--text-2);
}
.gd-366, .gd-371, .gd-376, .gd-381, .gd-386 {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.gd-383 {
  width: 100%;
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 20px 28px;
  background: none;
  border: 0;
  text-align: left;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.gd-393, .gd-429 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 12px;
}
.gd-394, .gd-398, .gd-402 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px;
  border-radius: 24px;
  background: var(--panel);
  border: 1px solid var(--line);
}
.gd-395, .gd-399, .gd-403 {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.06em;
  color: var(--muted);
}
.gd-396, .gd-400, .gd-404 {
  font-size: 17px;
  font-weight: 600;
}
.gd-397, .gd-401, .gd-405, .gd-433, .gd-437, .gd-441 {
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-3);
}
.gd-406, .gd-422 {
  margin: 0;
  padding: 0 4px;
  font-size: 14px;
  color: var(--muted);
}
.gd-407, .gd-423, .gd-424 {
  text-decoration: none;
}
.gd-413, .gd-416 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  padding: 24px 28px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.gd-414, .gd-417, .gd-420 {
  flex: 0 0 220px;
  font-size: 16px;
  font-weight: 600;
}
.gd-415, .gd-418, .gd-421 {
  flex: 1 1 320px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--text-2);
}
.gd-419 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  padding: 24px 28px;
}
.gd-430, .gd-434, .gd-438 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 26px;
  border-radius: 24px;
  background: var(--panel);
  border: 1px solid var(--line);
}
.gd-431, .gd-435, .gd-439 {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: var(--mint-soft);
  color: var(--accent);
}
.gd-442 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 140px 24px 0;
}
.gd-443 {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
  padding: 80px 24px;
  border-radius: 40px;
  background: radial-gradient(ellipse 60% 80% at 50% 120%, rgba(168,245,213,0.22), rgba(168,245,213,0) 70%), var(--panel);
  border: 1px solid rgba(168,245,213,0.16);
}
.gd-444 {
  position: absolute;
  left: 50%;
  top: -60px;
  width: 340px;
  transform: translateX(-50%);
  opacity: 0.18;
  -webkit-mask-image: radial-gradient(circle, #000 30%, transparent 70%);
  mask-image: radial-gradient(circle, #000 30%, transparent 70%);
  pointer-events: none;
}
.gd-445 {
  position: relative;
  margin: 0;
  font-size: clamp(36px, 5vw, 68px);
  font-weight: 600;
  letter-spacing: -0.055em;
  line-height: 0.98;
}
.gd-446 {
  position: relative;
  width: 100%;
  max-width: 620px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px;
  border-radius: 999px;
  background: var(--field);
  border: 1px solid rgba(255,255,255,0.13);
}
.gd-448 {
  flex: 1;
  min-width: 0;
  height: 52px;
  padding: 0 18px;
  background: transparent;
  border: 0;
  outline: none;
  color: var(--text);
  font-family: inherit;
  font-size: 17px;
}
.gd-449 {
  height: 52px;
  padding: 0 28px;
  border-radius: 999px;
  background: var(--mint);
  color: var(--mint-ink);
  border: 0;
  font-family: inherit;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  flex-shrink: 0;
}
.gd-450 {
  position: relative;
  font-size: 14px;
  color: var(--muted);
}

/* SVG colours follow the theme tokens. */
.gd [stroke="#A8F5D5"] { stroke: var(--accent); }
.gd [fill="#A8F5D5"] { fill: var(--accent); }
.gd [stroke="rgba(255,255,255,0.07)"] { stroke: var(--line); }
.gd [stroke="#8A9692"] { stroke: var(--muted); }

/* Light theme. */
[data-theme="light"] .gd-1 {
  background: radial-gradient(ellipse 45% 50% at 72% 30%, rgba(168,245,213,0.33), rgba(168,245,213,0) 70%), radial-gradient(ellipse 40% 40% at 10% 0%, rgba(168,245,213,0.18), rgba(11,18,16,0.0) 70%);
}
[data-theme="light"] .gd-2 {
  background-image: radial-gradient(rgba(11,18,16,0.08) 1px, transparent 1px);
}
[data-theme="light"] .gd-5 {
  background: #FFFFFF;
  border: 1px solid rgba(11,18,16,0.09);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .gd-7 {
  text-shadow: unset;
}
[data-theme="light"] .gd-17 {
  border: 1px solid rgba(11,122,82,0.23);
}
[data-theme="light"] .gd-19 {
  border: 1px solid rgba(11,18,16,0.12);
}
[data-theme="light"] .gd-23 {
  background: radial-gradient(circle at 0% 0%, rgba(168,245,213,0.24), rgba(168,245,213,0) 55%), var(--panel);
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .gd-24 {
  background: rgba(11,122,82,0.08);
}
[data-theme="light"] .gd-27 {
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .gd-31 {
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .gd-32 {
  background: rgba(11,18,16,0.06);
}
[data-theme="light"] .gd-35 {
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .gd-41 {
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .gd-44 {
  background: rgba(11,122,82,0.08);
}
[data-theme="light"] .gd-60 {
  border: 1px solid rgba(11,18,16,0.07);
}
[data-theme="light"] .gd-70, [data-theme="light"] .gd-98, [data-theme="light"] .gd-126, [data-theme="light"] .gd-165, [data-theme="light"] .gd-198, [data-theme="light"] .gd-222, [data-theme="light"] .gd-305 {
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .gd-72, [data-theme="light"] .gd-100, [data-theme="light"] .gd-128, [data-theme="light"] .gd-167, [data-theme="light"] .gd-224, [data-theme="light"] .gd-262 {
  background: rgba(11,122,82,0.08);
}
[data-theme="light"] .gd-76, [data-theme="light"] .gd-104, [data-theme="light"] .gd-132, [data-theme="light"] .gd-171, [data-theme="light"] .gd-228, [data-theme="light"] .gd-266 {
  border: 1px solid rgba(11,122,82,0.23);
}
[data-theme="light"] .gd-78, [data-theme="light"] .gd-82, [data-theme="light"] .gd-86, [data-theme="light"] .gd-90, [data-theme="light"] .gd-94, [data-theme="light"] .gd-106, [data-theme="light"] .gd-110, [data-theme="light"] .gd-114, [data-theme="light"] .gd-118, [data-theme="light"] .gd-122, [data-theme="light"] .gd-134, [data-theme="light"] .gd-149, [data-theme="light"] .gd-153, [data-theme="light"] .gd-157, [data-theme="light"] .gd-161, [data-theme="light"] .gd-173, [data-theme="light"] .gd-177, [data-theme="light"] .gd-181, [data-theme="light"] .gd-185, [data-theme="light"] .gd-189, [data-theme="light"] .gd-206, [data-theme="light"] .gd-210, [data-theme="light"] .gd-214, [data-theme="light"] .gd-218, [data-theme="light"] .gd-235, [data-theme="light"] .gd-239, [data-theme="light"] .gd-243, [data-theme="light"] .gd-247, [data-theme="light"] .gd-251, [data-theme="light"] .gd-276, [data-theme="light"] .gd-280, [data-theme="light"] .gd-284, [data-theme="light"] .gd-288, [data-theme="light"] .gd-292, [data-theme="light"] .gd-296, [data-theme="light"] .gd-318, [data-theme="light"] .gd-322, [data-theme="light"] .gd-326, [data-theme="light"] .gd-330, [data-theme="light"] .gd-334 {
  border-top: 1px solid rgba(11,18,16,0.06);
}
[data-theme="light"] .gd-80 {
  background: rgba(11,18,16,0.05);
}
[data-theme="light"] .gd-84, [data-theme="light"] .gd-112, [data-theme="light"] .gd-151, [data-theme="light"] .gd-179, [data-theme="light"] .gd-241, [data-theme="light"] .gd-278, [data-theme="light"] .gd-328 {
  background: rgba(11,122,82,0.08);
}
[data-theme="light"] .gd-92, [data-theme="light"] .gd-96, [data-theme="light"] .gd-108, [data-theme="light"] .gd-120, [data-theme="light"] .gd-124, [data-theme="light"] .gd-136, [data-theme="light"] .gd-159, [data-theme="light"] .gd-163, [data-theme="light"] .gd-175, [data-theme="light"] .gd-187, [data-theme="light"] .gd-191, [data-theme="light"] .gd-208, [data-theme="light"] .gd-216, [data-theme="light"] .gd-220, [data-theme="light"] .gd-237, [data-theme="light"] .gd-249, [data-theme="light"] .gd-253, [data-theme="light"] .gd-274, [data-theme="light"] .gd-294, [data-theme="light"] .gd-298, [data-theme="light"] .gd-320, [data-theme="light"] .gd-336 {
  background: rgba(11,18,16,0.05);
}
[data-theme="light"] .gd-139, [data-theme="light"] .gd-140, [data-theme="light"] .gd-141, [data-theme="light"] .gd-142, [data-theme="light"] .gd-143, [data-theme="light"] .gd-144, [data-theme="light"] .gd-145, [data-theme="light"] .gd-146, [data-theme="light"] .gd-147 {
  background: #FFFFFF;
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .gd-260 {
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .gd-267 {
  border-top: 1px solid rgba(11,18,16,0.06);
}
[data-theme="light"] .gd-286, [data-theme="light"] .gd-332 {
  background: rgba(11,18,16,0.06);
}
[data-theme="light"] .gd-307 {
  background: rgba(11,18,16,0.06);
}
[data-theme="light"] .gd-311 {
  border: 1px solid rgba(11,18,16,0.14);
}
[data-theme="light"] .gd-312 {
  border: 1px solid rgba(11,18,16,0.06);
}
[data-theme="light"] .gd-315 {
  background: rgba(11,122,82,0.08);
}
[data-theme="light"] .gd-316 {
  background: rgba(11,18,16,0.06);
}
[data-theme="light"] .gd-343, [data-theme="light"] .gd-412 {
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .gd-344 {
  border-bottom: 1px solid rgba(11,18,16,0.06);
  background: rgba(11,122,82,0.08);
}
[data-theme="light"] .gd-346 {
  background: rgba(11,122,82,0.08);
}
[data-theme="light"] .gd-353, [data-theme="light"] .gd-356, [data-theme="light"] .gd-359 {
  background: rgba(11,18,16,0.03);
}
[data-theme="light"] .gd-363, [data-theme="light"] .gd-368, [data-theme="light"] .gd-373, [data-theme="light"] .gd-378 {
  border-bottom: 1px solid rgba(11,18,16,0.06);
}
[data-theme="light"] .gd-364, [data-theme="light"] .gd-369, [data-theme="light"] .gd-374, [data-theme="light"] .gd-379, [data-theme="light"] .gd-384 {
  background: rgba(11,18,16,0.05);
}
[data-theme="light"] .gd-394, [data-theme="light"] .gd-398, [data-theme="light"] .gd-402 {
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .gd-413, [data-theme="light"] .gd-416 {
  border-bottom: 1px solid rgba(11,18,16,0.06);
}
[data-theme="light"] .gd-430, [data-theme="light"] .gd-434, [data-theme="light"] .gd-438 {
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .gd-431, [data-theme="light"] .gd-435, [data-theme="light"] .gd-439 {
  background: rgba(11,122,82,0.08);
}
[data-theme="light"] .gd-443 {
  background: radial-gradient(ellipse 60% 80% at 50% 120%, rgba(168,245,213,0.55), rgba(168,245,213,0) 70%), var(--panel);
  border: 1px solid rgba(11,122,82,0.14);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .gd-446 {
  border: 1px solid rgba(11,18,16,0.13);
}
[data-theme="light"] .gd [stroke="rgba(168,245,213,0.22)"] { stroke: rgba(11,122,82,0.2); }
[data-theme="light"] .gd [stroke="rgba(168,245,213,0.5)"] { stroke: rgba(11,122,82,0.35); }
[data-theme="light"] .gd [fill="rgba(168,245,213,0.06)"] { fill: rgba(11,122,82,0.05); }

/* Hover states and the active table-of-contents entry (set by guide.js). */
.gd .ts-btn-p { transition: background .2s, box-shadow .2s; }
.gd .ts-btn-p:hover { background: var(--mint-hover); box-shadow: 0 0 0 6px var(--mint-ring); }
.gd .ts-toc { color: var(--text-2); text-decoration: none; transition: background .2s, color .2s; }
.gd .ts-toc:hover { color: var(--text); background: rgba(255,255,255,0.04); }
[data-theme="light"] .gd .ts-toc:hover { background: rgba(11,18,16,0.04); }
.gd .ts-toc[aria-current="true"] { background: rgba(168,245,213,0.08); box-shadow: inset 2px 0 0 var(--accent); color: var(--text); font-weight: 500; }
[data-theme="light"] .gd .ts-toc[aria-current="true"] { background: rgba(11,122,82,0.08); }
.gd .ts-toc[aria-current="true"] > span { color: var(--accent); }
.gd a:not([class*="ts-"]):hover { color: var(--mint-hover); }

/* Launch & funding disclosures: native details, drawn like the screen's expanding rows. */
.gd-acc { border-bottom: 1px solid rgba(255,255,255,0.06); }
.gd-acc:last-child { border-bottom: 0; }
.gd-acc[open] { background: rgba(168,245,213,0.03); }
[data-theme="light"] .gd-acc { border-bottom-color: rgba(11,18,16,0.06); }
[data-theme="light"] .gd-acc:last-child { border-bottom: 0; }
[data-theme="light"] .gd-acc[open] { background: rgba(11,122,82,0.03); }
.gd-acc-sum { display: flex; gap: 18px; align-items: center; padding: 20px 28px; list-style: none; cursor: pointer; transition: background .2s; }
.gd-acc-sum::-webkit-details-marker { display: none; }
.gd-acc-sum:hover { background: rgba(255,255,255,0.03); }
[data-theme="light"] .gd-acc-sum:hover { background: rgba(11,18,16,0.03); }
.gd-acc[open] > .gd-acc-sum { padding: 22px 28px; }
.gd-acc-ic { width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; display: grid; place-items: center; background: rgba(255,255,255,0.05); color: var(--text-2); }
[data-theme="light"] .gd-acc-ic { background: rgba(11,18,16,0.05); }
.gd-acc[open] .gd-acc-ic { background: var(--mint-soft); color: var(--accent); }
.gd-acc-title { font-size: 17px; font-weight: 600; letter-spacing: -0.02em; }
.gd-acc[open] .gd-acc-title { font-size: 18px; }
.gd-acc-chev { flex-shrink: 0; transition: transform .2s; }
.gd-acc[open] .gd-acc-chev { transform: rotate(180deg); }

.gd-448::placeholder { color: var(--muted); opacity: 1; }
.gd-446:focus-within { border-color: rgba(168,245,213,0.55); }
[data-theme="light"] .gd-446:focus-within { border-color: rgba(11,122,82,0.45); }
.gd-error { position: relative; margin: -8px 0 0; font-size: 14px; line-height: 1.5; color: var(--rose); }

/* Phones: the screen is drawn at 1440. Keep the 16px gutter, let the contents list scroll away
   and stack the definition rows. */
@media (max-width: 639px) {
  .gd-3, .gd-20 { padding-left: 16px; padding-right: 16px; }
  .gd-3 { padding-top: 40px; }
  .gd-442 { padding: 96px 16px 0; }
  .gd-70, .gd-98, .gd-126, .gd-165, .gd-198, .gd-222, .gd-305 { padding: 22px 20px 8px; }
  .gd-39 { padding: 72px 16px 0; gap: 40px; }
  .gd-40 { position: static; }
  .gd-64 { gap: 72px; }
  .gd-acc-sum, .gd-acc[open] > .gd-acc-sum { gap: 14px; padding: 18px 18px; }
  .gd-351 { padding: 0 18px 22px; }
  .gd-446 { flex-wrap: wrap; border-radius: 28px; }
  .gd-448 { flex-basis: 100%; }
  .gd-449 { flex: 1 1 100%; }
  .gd-270 { max-width: 55%; line-height: 1.4; }
}