@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Ubuntu:wght@500;700&family=JetBrains+Mono:wght@400;500&display=swap");@media all{html[data-color-mode='dark']{color-scheme:dark;--ducky-color-accent:#FFD33D;--ducky-color-bg:#111827;--ducky-color-surface:#1F2937;--ducky-color-text:#F3F4F6;--ducky-color-border:#374151;--ducky-color-cardBg:color-mix(in srgb, var(--ducky-color-surface) 88%, var(--ducky-color-bg) 12%);--ducky-color-sidebarBg:color-mix(in srgb, var(--ducky-color-bg) 92%, var(--ducky-color-text) 8%);--ducky-color-inputBg:color-mix(in srgb, var(--ducky-color-surface) 72%, var(--ducky-color-bg) 28%);--ducky-color-inputBgHover:color-mix(in srgb, var(--ducky-color-surface) 58%, var(--ducky-color-text) 10%);--ducky-color-codeBg:color-mix(in srgb, var(--ducky-color-surface) 72%, var(--ducky-color-bg) 28%);--ducky-color-hover:color-mix(in srgb, var(--ducky-color-text) 6%, var(--ducky-color-surface) 94%);--ducky-color-overlay:rgb(0 0 0 / 0.55);--ducky-color-glassBg:color-mix(in srgb, var(--ducky-color-surface) 72%, transparent);--ducky-color-glassBorder:color-mix(in srgb, var(--ducky-color-text) 12%, transparent);--ducky-color-textMuted:color-mix(in srgb, var(--ducky-color-text) 58%, var(--ducky-color-bg) 42%);--ducky-color-textLight:color-mix(in srgb, var(--ducky-color-text) 42%, var(--ducky-color-bg) 58%);--ducky-color-textStrong:color-mix(in srgb, var(--ducky-color-text) 8%, white 92%);--ducky-color-borderSubtle:color-mix(in srgb, var(--ducky-color-border) 42%, var(--ducky-color-bg) 58%);--ducky-color-borderHover:color-mix(in srgb, var(--ducky-color-border) 70%, var(--ducky-color-text) 30%);--ducky-color-primary:var(--ducky-color-accent);--ducky-color-secondary:color-mix(in srgb, var(--ducky-color-accent) 72%, var(--ducky-color-text) 28%);--ducky-color-accentHover:color-mix(in srgb, var(--ducky-color-accent) 86%, var(--ducky-color-text) 14%);--ducky-color-accentOn:#1A1A1A;--ducky-color-light:var(--ducky-color-bg);--ducky-color-neutral:color-mix(in srgb, var(--ducky-color-surface) 78%, var(--ducky-color-border) 22%);--ducky-color-dark:var(--ducky-color-text);--ducky-color-error:#FCA5A5;--ducky-color-errorBg:#450A0A;--ducky-color-errorBorder:#991B1B;--ducky-color-success:#86EFAC;--ducky-color-successBg:#052E16;--ducky-color-successBorder:#166534;--ducky-color-infoBg:#0C4A6E;--ducky-color-infoText:#BAE6FD;--ducky-color-infoBorder:#0369A1;--ducky-color-warningBg:#451A03;--ducky-color-warningText:#FDE68A;--ducky-color-warningBorder:#92400E;--ducky-color-warnBg:#451A03;--ducky-color-badgeNew:var(--ducky-color-accent);--ducky-color-badgePopular:var(--ducky-color-accent);--ducky-color-badgeActive:#34D399;--ducky-color-badgeBeta:#60A5FA;--ducky-color-badgeComing:#A78BFA;--ducky-color-badgeDisabled:color-mix(in srgb, var(--ducky-color-border) 72%, var(--ducky-color-surface) 28%);--ducky-color-focusRing:color-mix(in srgb, var(--ducky-color-accent) 45%, transparent);--ducky-color-focusRingStrong:var(--ducky-color-accent);--ducky-color-bgGlowPrimary:color-mix(in srgb, var(--ducky-color-accent) 12%, transparent);--ducky-color-bgGlowSecondary:color-mix(in srgb, var(--ducky-color-accent) 8%, transparent);--ducky-color-surfaceMuted:var(--ducky-color-hover);--ducky-color-surfaceAlt:color-mix(in srgb, var(--ducky-color-text) 6%, transparent);--ducky-color-headerBg:color-mix(in srgb, var(--ducky-color-bg) 85%, transparent);--ducky-color-panelHeader:var(--ducky-color-surface);--ducky-color-dropdownBg:var(--ducky-color-cardBg);--ducky-color-btnBg:color-mix(in srgb, var(--ducky-color-text) 12%, var(--ducky-color-surface) 88%);--ducky-color-btnHover:color-mix(in srgb, var(--ducky-color-text) 18%, var(--ducky-color-surface) 82%);--ducky-color-overlayLight:rgb(0 0 0 / 0.35);--ducky-color-overlayText:#F5F5F5;--ducky-color-orange:#FFA97A;--ducky-color-orangeBg:#331F14;--ducky-color-mascot:#FAD040;--ducky-color-mascotHat:#F59E0B;--ducky-color-mascotInk:#1F2430;--ducky-color-mascotPaper:#FFFFFF;--ducky-color-link:color-mix(in srgb, var(--ducky-color-accent) 72%, white 28%);--ducky-color-linkHover:color-mix(in srgb, var(--ducky-color-accent) 48%, white 52%);--ducky-color-selection:color-mix(in srgb, var(--ducky-color-accent) 35%, transparent);--ducky-color-fgInverse:var(--ducky-color-bg);--ducky-color-info:var(--ducky-color-infoText);--ducky-color-footerTextMuted:var(--ducky-color-textMuted);}html[data-color-mode='light']{color-scheme:light;--ducky-color-accent:#FFD33D;--ducky-color-bg:#FAFAFA;--ducky-color-surface:#FFFFFF;--ducky-color-text:#1F2937;--ducky-color-border:#E5E7EB;--ducky-color-cardBg:color-mix(in srgb, var(--ducky-color-surface) 88%, var(--ducky-color-bg) 12%);--ducky-color-sidebarBg:color-mix(in srgb, var(--ducky-color-bg) 94%, var(--ducky-color-accent) 6%);--ducky-color-inputBg:color-mix(in srgb, var(--ducky-color-surface) 72%, var(--ducky-color-bg) 28%);--ducky-color-inputBgHover:color-mix(in srgb, var(--ducky-color-surface) 58%, var(--ducky-color-text) 10%);--ducky-color-codeBg:color-mix(in srgb, var(--ducky-color-surface) 72%, var(--ducky-color-bg) 28%);--ducky-color-hover:color-mix(in srgb, var(--ducky-color-text) 6%, var(--ducky-color-surface) 94%);--ducky-color-overlay:rgb(26 26 26 / 0.45);--ducky-color-glassBg:color-mix(in srgb, var(--ducky-color-surface) 72%, transparent);--ducky-color-glassBorder:color-mix(in srgb, var(--ducky-color-text) 12%, transparent);--ducky-color-textMuted:#6B7280;--ducky-color-textLight:color-mix(in srgb, var(--ducky-color-text) 42%, var(--ducky-color-bg) 58%);--ducky-color-textStrong:#111827;--ducky-color-borderSubtle:color-mix(in srgb, var(--ducky-color-border) 42%, var(--ducky-color-bg) 58%);--ducky-color-borderHover:color-mix(in srgb, var(--ducky-color-border) 70%, var(--ducky-color-text) 30%);--ducky-color-primary:#FFD33D;--ducky-color-secondary:#FF9F1C;--ducky-color-accentHover:color-mix(in srgb, var(--ducky-color-accent) 86%, var(--ducky-color-text) 14%);--ducky-color-accentOn:#1A1A1A;--ducky-color-light:color-mix(in srgb, var(--ducky-color-bg) 90%, var(--ducky-color-accent) 10%);--ducky-color-neutral:color-mix(in srgb, var(--ducky-color-surface) 78%, var(--ducky-color-border) 22%);--ducky-color-dark:color-mix(in srgb, var(--ducky-color-text) 92%, black 8%);--ducky-color-error:#991B1B;--ducky-color-errorBg:#FEE2E2;--ducky-color-errorBorder:#FECACA;--ducky-color-success:#065F46;--ducky-color-successBg:#E2F6E9;--ducky-color-successBorder:#A7F3D0;--ducky-color-infoBg:#E0F2FE;--ducky-color-infoText:#0369A1;--ducky-color-infoBorder:#BAE6FD;--ducky-color-warningBg:#FEF3C7;--ducky-color-warningText:#92400E;--ducky-color-warningBorder:#FDE68A;--ducky-color-warnBg:#FEF3C7;--ducky-color-badgeNew:var(--ducky-color-accent);--ducky-color-badgePopular:var(--ducky-color-accent);--ducky-color-badgeActive:#34D399;--ducky-color-badgeBeta:#60A5FA;--ducky-color-badgeComing:#A78BFA;--ducky-color-badgeDisabled:color-mix(in srgb, var(--ducky-color-border) 72%, var(--ducky-color-surface) 28%);--ducky-color-focusRing:color-mix(in srgb, var(--ducky-color-accent) 45%, transparent);--ducky-color-focusRingStrong:var(--ducky-color-text);--ducky-color-bgGlowPrimary:color-mix(in srgb, var(--ducky-color-accent) 12%, transparent);--ducky-color-bgGlowSecondary:color-mix(in srgb, var(--ducky-color-accent) 8%, transparent);--ducky-color-surfaceMuted:var(--ducky-color-hover);--ducky-color-surfaceAlt:color-mix(in srgb, var(--ducky-color-text) 6%, transparent);--ducky-color-headerBg:color-mix(in srgb, var(--ducky-color-bg) 85%, transparent);--ducky-color-panelHeader:var(--ducky-color-surface);--ducky-color-dropdownBg:var(--ducky-color-cardBg);--ducky-color-btnBg:color-mix(in srgb, var(--ducky-color-text) 12%, var(--ducky-color-surface) 88%);--ducky-color-btnHover:color-mix(in srgb, var(--ducky-color-text) 18%, var(--ducky-color-surface) 82%);--ducky-color-overlayLight:rgb(26 26 26 / 0.28);--ducky-color-overlayText:#FFFFFF;--ducky-color-orange:#C2410C;--ducky-color-orangeBg:#FFEDE0;--ducky-color-mascot:#FAD040;--ducky-color-mascotHat:#F59E0B;--ducky-color-mascotInk:#1F2430;--ducky-color-mascotPaper:#FFFFFF;--ducky-color-link:color-mix(in srgb, var(--ducky-color-accent) 38%, var(--ducky-color-text) 62%);--ducky-color-linkHover:color-mix(in srgb, var(--ducky-color-accent) 22%, var(--ducky-color-text) 78%);--ducky-color-selection:color-mix(in srgb, var(--ducky-color-accent) 35%, transparent);--ducky-color-fgInverse:var(--ducky-color-bg);--ducky-color-info:var(--ducky-color-infoText);--ducky-color-footerTextMuted:var(--ducky-color-textMuted);}}
/* ACME_MOCK_MATCH_V1 */

body:has(#ducky-app.layout-public) {
  overflow-x: clip;
}

#ducky-app.layout-public {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}

#ducky-app.layout-public h1,
#ducky-app.layout-public h2,
#ducky-app.layout-public h3,
#ducky-app.layout-public h4,
#ducky-app.layout-public .site-brand__name,
#ducky-app.layout-public .font-poppins {
  font-family: Poppins, Inter, system-ui, sans-serif;
  letter-spacing: -0.02em;
}

.ddl-ambient,
body:has(#ducky-app.layout-public)::before {
  content: "";
  position: fixed;
  inset: 0;
  height: 100vh;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(circle at 50% 0%, rgba(255, 211, 61, 0.15) 0%, rgba(250, 250, 250, 0) 60%);
}

.ddl-ambient { display: block; position: fixed; inset: 0; height: 100vh; z-index: -1; pointer-events: none;
  background: radial-gradient(circle at 50% 0%, rgba(255, 211, 61, 0.15) 0%, rgba(250, 250, 250, 0) 60%);
}

#ducky-app.layout-public .ddl-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 auto 2rem;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid color-mix(in srgb, #FF9F1C 20%, transparent);
  color: #FF9F1C;
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

#ducky-app.layout-public .ddl-hero-badge__dot {
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: #FF9F1C;
  flex-shrink: 0;
}

#ducky-app.layout-public .ddl-hero-badge__dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: #FF9F1C;
  animation: ddl-ping 1.4s cubic-bezier(0, 0, 0.2, 1) infinite;
  opacity: 0.75;
}

@keyframes ddl-ping {
  75%, 100% { transform: scale(2.2); opacity: 0; }
}

#ducky-app.layout-public #hero-h,
#ducky-app.layout-public [data-id="hero-h"],
#ducky-app.layout-public h1:not(.dosh-title) {
  font-size: clamp(2.5rem, 6cqi, 4.5rem);
  font-weight: 700;
  line-height: 1.1;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  background: linear-gradient(135deg, #111827 0%, #4B5563 100%);
  background-clip: text;
  color: transparent;
}

#ducky-app.layout-public #hero-p,
#ducky-app.layout-public [data-id="hero-p"] {
  font-size: clamp(1.05rem, 2cqi, 1.25rem);
  color: #6B7280;
  max-width: 42rem;
  margin: 0 auto 2.5rem;
  line-height: 1.65;
}

#ducky-app.layout-public a.button,
#ducky-app.layout-public .b-button a,
#ducky-app.layout-public .ddl-btn,
#ducky-app.layout-public .ddl-path__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 999px;
  font-family: Poppins, Inter, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1), box-shadow 0.3s ease, background 0.3s ease;
}

#ducky-app.layout-public a.button--solid,
#ducky-app.layout-public .button.variant-solid,
#ducky-app.layout-public [data-variant="solid"] a,
#ducky-app.layout-public .ddl-btn--solid,
#ducky-app.layout-public .ddl-path__btn--solid,
#ducky-app.layout-public .ddl-start-free {
  background: linear-gradient(to right, #FFD33D, #FF9F1C);
  color: #1A1A1A;
  border: 0;
  box-shadow: 0 4px 15px rgba(255, 159, 28, 0.25);
  padding: 0.85rem 2rem;
}

#ducky-app.layout-public a.button--solid:hover,
#ducky-app.layout-public .ddl-start-free:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(255, 159, 28, 0.4);
}

#ducky-app.layout-public a.button--outline,
#ducky-app.layout-public .button.variant-outline,
#ducky-app.layout-public [data-variant="outline"] a,
#ducky-app.layout-public .ddl-btn--outline,
#ducky-app.layout-public .ddl-path__btn--outline {
  background: #fff;
  border: 1px solid #E5E7EB;
  color: #111827;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  padding: 0.85rem 2rem;
}

#ducky-app.layout-public a.button--outline:hover,
#ducky-app.layout-public .ddl-btn--outline:hover {
  background: #F9FAFB;
  border-color: #D1D5DB;
  transform: translateY(-1px);
}

#ducky-app.layout-public .ddl-teaser-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin: 0.5rem 0 2rem;
}

#ducky-app.layout-public #install-h,
#ducky-app.layout-public [data-id="install-h"] {
  margin-top: 5rem;
  font-size: clamp(1.75rem, 3cqi, 1.875rem);
  font-weight: 700;
  color: #111827;
  background: none;
}

#ducky-app.layout-public #install-p,
#ducky-app.layout-public [data-id="install-p"] {
  color: #6B7280;
  font-size: 1.125rem;
  max-width: 42rem;
  margin: 0 auto 2rem;
}

#ducky-app.layout-public .ddl-app {
  width: 100%;
  max-width: 72rem;
  margin: 4rem auto 0;
}

#ducky-app.layout-public .ddl-app__shell {
  display: flex;
  flex-direction: column;
  height: min(650px, 80cqh);
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid #E5E7EB;
  background: #fff;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
  text-align: left;
}

@container ducky-app (min-width: 768px) {
  #ducky-app.layout-public .ddl-app__shell { flex-direction: row; }
}

#ducky-app.layout-public .ddl-app__canvas {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #FAFAFA;
}

#ducky-app.layout-public .ddl-app__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.5rem;
  padding: 0 1rem;
  background: #fff;
  border-bottom: 1px solid #E5E7EB;
  flex-shrink: 0;
}

#ducky-app.layout-public .ddl-app__top-left {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

#ducky-app.layout-public .ddl-app__logo {
  font-family: Poppins, Inter, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  color: #111827;
}

#ducky-app.layout-public .ddl-app__tabs {
  display: none;
  align-items: center;
  gap: 1rem;
}

@container ducky-app (min-width: 640px) {
  #ducky-app.layout-public .ddl-app__tabs { display: flex; }
}

#ducky-app.layout-public .ddl-app__tab {
  font-size: 0.875rem;
  font-weight: 500;
  color: #6B7280;
}

#ducky-app.layout-public .ddl-app__tab--on {
  color: #111827;
  background: #F3F4F6;
  padding: 0.35rem 0.75rem;
  border-radius: 0.375rem;
}

#ducky-app.layout-public .ddl-app__avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #FFD33D;
  color: #1a1a1a;
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#ducky-app.layout-public .ddl-app__main {
  flex: 1;
  overflow: auto;
  padding: 1.5rem;
}

#ducky-app.layout-public .ddl-app__h {
  font-family: Poppins, Inter, sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  color: #111827;
  margin: 0 0 1.25rem;
}

#ducky-app.layout-public .ddl-app__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}

@container ducky-app (min-width: 768px) {
  #ducky-app.layout-public .ddl-app__grid { grid-template-columns: 2fr 1fr; }
}

#ducky-app.layout-public .ddl-app__card {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 0.75rem;
  padding: 1.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  margin-bottom: 1rem;
}

#ducky-app.layout-public .ddl-app__card h3,
#ducky-app.layout-public .ddl-app__card h4 {
  font-family: Poppins, Inter, sans-serif;
  color: #111827;
  margin: 0 0 0.5rem;
}

#ducky-app.layout-public .ddl-app__card p,
#ducky-app.layout-public .ddl-app__card li {
  color: #6B7280;
  font-size: 0.9rem;
  line-height: 1.55;
  margin: 0;
}

#ducky-app.layout-public .ddl-app__card ul {
  margin: 0;
  padding-left: 1.25rem;
}

#ducky-app.layout-public .ddl-app__card--globe {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 8rem;
  position: relative;
  overflow: hidden;
  background: color-mix(in srgb, #3b82f6 8%, #fff);
}

#ducky-app.layout-public .ddl-app__globe {
  width: 6rem;
  height: 6rem;
  border-radius: 999px;
  background: linear-gradient(to bottom right, #60a5fa, #4ade80);
  box-shadow: inset -10px -10px 20px rgba(0, 0, 0, 0.2);
  animation: ddl-spin 10s linear infinite;
}

@keyframes ddl-spin { to { transform: rotate(360deg); } }

#ducky-app.layout-public .ddl-app__cols {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

@container ducky-app (min-width: 768px) {
  #ducky-app.layout-public .ddl-app__cols { grid-template-columns: repeat(3, 1fr); }
}

#ducky-app.layout-public .ddl-app__dock {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-top: 1px solid #E5E7EB;
  flex-shrink: 0;
  max-height: 45%;
}

@container ducky-app (min-width: 768px) {
  #ducky-app.layout-public .ddl-app__dock {
    width: 20rem;
    max-height: none;
    border-top: 0;
    border-left: 1px solid #E5E7EB;
  }
}

#ducky-app.layout-public .ddl-app__dock-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: #F8FAFC;
  border-bottom: 1px solid #E5E7EB;
}

#ducky-app.layout-public .ddl-app__sa {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

#ducky-app.layout-public .ddl-app__sa-av {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  background: #e0e7ff;
  color: #4338ca;
  font-size: 0.7rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#ducky-app.layout-public .ddl-app__sa strong {
  display: block;
  font-size: 0.875rem;
  color: #111827;
}

#ducky-app.layout-public .ddl-app__sa em {
  display: block;
  font-style: normal;
  font-size: 0.68rem;
  color: #16a34a;
  font-weight: 500;
}

#ducky-app.layout-public .ddl-app__x { color: #9ca3af; font-size: 1.1rem; }

#ducky-app.layout-public .ddl-app__msgs {
  flex: 1;
  overflow: auto;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#ducky-app.layout-public .ddl-app__bubble {
  align-self: flex-start;
  max-width: 90%;
  padding: 0.75rem 1rem;
  border-radius: 1rem;
  border-top-left-radius: 0.25rem;
  background: #fff;
  border: 1px solid #E5E7EB;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  font-size: 0.875rem;
  color: #374151;
  line-height: 1.5;
}

#ducky-app.layout-public .ddl-app__bubble--user {
  align-self: flex-end;
  background: #F3F4F6;
  border: 0;
  border-radius: 1rem;
  border-top-right-radius: 0.25rem;
  color: #1f2937;
}

#ducky-app.layout-public .ddl-app__tool {
  align-self: flex-start;
  width: 100%;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid #ffedd5;
  background: color-mix(in srgb, #FF9F1C 6%, #fff);
}

#ducky-app.layout-public .ddl-app__tool-h {
  padding: 0.5rem 0.75rem;
  background: #fff7ed;
  border-bottom: 1px solid #ffedd5;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #FF9F1C;
}

#ducky-app.layout-public .ddl-app__tool pre {
  margin: 0;
  padding: 0.75rem;
  font-family: "Fira Code", ui-monospace, monospace;
  font-size: 0.68rem;
  color: #4b5563;
  white-space: pre-wrap;
  background: rgba(255, 255, 255, 0.5);
}

#ducky-app.layout-public .ddl-app__composer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem;
  padding: 0.5rem;
  border-radius: 0.75rem;
  border: 1px solid #E5E7EB;
  background: #F9FAFB;
  color: #9ca3af;
  font-size: 0.875rem;
}

#ducky-app.layout-public .ddl-app__composer span { flex: 1; }

#ducky-app.layout-public .ddl-app__composer button {
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 0.5rem;
  background: #FF9F1C;
  color: #fff;
  font-weight: 700;
  cursor: default;
}

#ducky-app.layout-public .ddl-start-free {
  display: none;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  white-space: nowrap;
}

@container ducky-app (min-width: 52.001rem) {
  #ducky-app.layout-public .ddl-start-free { display: inline-flex; }
}

#ducky-app.layout-public #app-footer,
#ducky-app.layout-public .site-footer {
  border-top: 1px solid #E5E7EB;
  background: #fff;
  padding-top: 3rem;
}

#ducky-app.layout-public .ddl-foot {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@container ducky-app (min-width: 768px) {
  #ducky-app.layout-public .ddl-foot { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

#ducky-app.layout-public .ddl-foot h4 {
  font-family: Poppins, Inter, sans-serif;
  font-weight: 600;
  color: #111827;
  margin: 0 0 0.75rem;
}

#ducky-app.layout-public .ddl-foot a {
  display: block;
  color: #6B7280;
  font-size: 0.875rem;
  text-decoration: none;
  margin: 0.35rem 0;
}

#ducky-app.layout-public .ddl-foot a:hover { color: #FF9F1C; }

@container ducky-app (max-width: 52rem) {
  #ducky-app.layout-public #app-content,
  #ducky-app.layout-public .public-content {
    padding-bottom: 6.5rem;
    padding-top: 2.35rem;
  }
  .site-mobile-overlay.open { z-index: 1100; }
  body:has([data-ducky-mobile-nav].is-open) #ducky-app.layout-public #app-header.site-header {
    z-index: 1200;
  }
  #ducky-app.layout-public #app-header .zone-container { padding: 0; width: 100%; }
  #ducky-app.layout-public #app-header .workspace,
  #ducky-app.layout-public #app-header .grid-content,
  #ducky-app.layout-public #app-header #grid-header {
    width: 100%; max-width: 100%; gap: 0.35rem;
  }
  #ducky-app.layout-public #app-header #grid-header > .layout-item {
    flex: 0 0 auto; width: auto; min-width: 0;
  }
  #ducky-app.layout-public #app-header #grid-header > .layout-item[data-id="brand"] {
    flex: 1 1 auto;
  }
  #ducky-app.layout-public [data-ducky-mobile-nav-trigger],
  #ducky-app.layout-public .site-nav-mobile-toggle {
    width: 2.5rem; height: 2.5rem; min-width: 2.5rem;
    padding: 0; font-size: 0;
    border: 0; border-radius: 999px;
    background-color: transparent; color: #111827;
    background-image:
      linear-gradient(currentColor, currentColor),
      linear-gradient(currentColor, currentColor),
      linear-gradient(currentColor, currentColor);
    background-size: 1.15rem 0.125rem;
    background-position: center calc(50% - 0.35rem), center, center calc(50% + 0.35rem);
    background-repeat: no-repeat;
  }
  #ducky-app.layout-public [data-ducky-mobile-nav-trigger]::before,
  #ducky-app.layout-public [data-ducky-mobile-nav-trigger]::after,
  #ducky-app.layout-public .site-nav-mobile-toggle::before,
  #ducky-app.layout-public .site-nav-mobile-toggle::after {
    content: none; display: none;
  }
}

#ducky-app.layout-public .ddl-foot-brand { max-width: 22rem; }

#ducky-app.layout-public .ddl-foot-logo {
  display: inline-flex; align-items: center; gap: 0.5rem;
  font-family: Poppins, Inter, sans-serif; font-weight: 700; font-size: 1.25rem;
  color: #111827; text-decoration: none; margin-bottom: 1rem;
}

#ducky-app.layout-public .ddl-foot-logo__mark {
  width: 2rem; height: 2rem; border-radius: 999px;
  background: linear-gradient(to right, #FFD33D, #FF9F1C);
}

#ducky-app.layout-public .ddl-foot-brand p {
  color: #6B7280; font-size: 0.875rem; line-height: 1.6; margin: 0 0 1rem;
}

#ducky-app.layout-public .ddl-foot-by { font-size: 0.75rem; color: #9CA3AF; font-weight: 500; }

body:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh),
html:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) {
  height: 100dvh;
  overflow: clip;
}

#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) {
  height: 100dvh;
  min-height: 100dvh;
  overflow: clip;
  display: flex;
  flex-direction: column;
}

#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #app-header {
  flex-shrink: 0;
}

#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #app-content,
#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) .public-content {
  flex: 1 1 auto;
  min-height: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #app-content .zone-container,
#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #app-content .workspace,
#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #app-content .grid-content,
#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #grid-content {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  gap: 0;
}

#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #grid-content > .layout-item:has(.dosh) {
  flex: 0 1 auto;
  width: auto;
  max-width: 36rem;
  min-height: 0;
  height: auto;
  --ducky-h-span: 1;
}

#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #app-footer,
#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) .site-footer {
  flex-shrink: 0;
  padding: 0.55rem 1.5rem;
  margin: 0;
}

#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #grid-content {
  flex-direction: column;
  gap: 1.25rem;
}

#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #grid-content > .layout-item:has(.cf-panel) {
  flex: 0 0 auto;
  width: auto;
  max-width: 36rem;
  min-height: 0;
  height: auto;
}

#ducky-app.layout-public h1.page-title.ducky-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: normal;
  max-width: none;
  background: none;
  color: inherit;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: unset;
}

body[data-page-path="/"] #ducky-app.layout-public #app-footer,
body[data-page-path="/"] #ducky-app.layout-public .site-footer,
#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #app-footer,
#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) .site-footer {
  border-top: none;
  background: transparent;
  box-shadow: none;
}

#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #app-footer,
#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) .site-footer {
  padding: 1.85rem 1.5rem 2.5rem;
}

/* FULL_BLEED_NO_SHOVE_V1 */

#ducky-app.layout-public #app-content .layout-item.layout-item--full-bleed {
  flex: 0 0 100%;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

#ducky-app #grid-content > #ducky-page-title {
  position: absolute;
  inset: 0 auto auto 0;
  flex: none;
  width: 1px;
  height: 1px;
  margin: 0;
  overflow: hidden;
}

/* HOME_CENTER_V3 */

#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #app-content .zone-container,
#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #app-content .workspace,
#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #app-content .grid-content,
#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #grid-content {
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 100%;
  max-width: none;
}

#ducky-app.layout-public:has(#app-content:not([data-spa-nav-pending]) .dosh, #app-content > [data-nav-skeleton] .dosh) #grid-content > .layout-item {
  margin-left: auto;
  margin-right: auto;
}

@scope (#app-header:has(.site-header-inner)) {
/* Flush at rest. Pill chrome only after scroll (scroll-driven, no JS). */
:scope {
  position: sticky;
  top: 0;
  width: 100%;
  max-width: var(--ducky-layout-marketingMax, 68.75rem);
  margin: 0 auto;
  z-index: var(--ducky-z-header);
  border-radius: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  padding: 0;
  animation: ducky-hdr-pill linear both;
  animation-timeline: scroll();
  animation-range: 0 64px;
}
@keyframes ducky-hdr-pill {
  to {
    top: 0.85rem;
    width: calc(100% - 1.5rem);
    border-radius: 1.15rem;
    border: 1px solid color-mix(in srgb, var(--ducky-color-textStrong, #1a1a1a) 10%, transparent);
    border-bottom: 0;
    background: color-mix(in srgb, var(--ducky-color-surface, #fff) 94%, #fff);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.08);
  }
}

.site-header-inner,
.site-header-inner--composable,
.zone-wrapper,
.zone-container,
.workspace,
.grid-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: 0.5rem;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.site-header-inner,
.site-header-inner--composable {
  min-height: 3.5rem;
  padding: 0.4rem 0.85rem;
}
.zone-container { padding: 0; }

.layout-item {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  min-width: 0;
  min-height: auto;
  overflow: visible;
}
.layout-item[data-id=nav] {
  flex: 1 1 auto;
  min-width: 0;
}
.layout-item[data-id=spacer-right],
.layout-item[data-block-type=site-spacer],
.layout-item[data-id="ai-duckyos-swarm-shell.main"] {
  display: none;
}

.site-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-weight: 800;
  color: var(--ducky-color-textStrong, #1a1a1a);
  text-decoration: none;
}
.site-brand:has(img)::before { display: none; }

@container ducky-app (min-width: 52.001rem) {
  .site-nav--desktop {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    flex-wrap: nowrap;
    width: 100%;
  }
  [data-ducky-mobile-nav],
  .site-nav-mobile { display: none; }
}

@container ducky-app (max-width: 52rem) {
  :scope {
    animation-name: ducky-hdr-pill-m;
  }
  @keyframes ducky-hdr-pill-m {
    to {
      top: 0.5rem;
      width: calc(100% - 1.3rem);
      border-radius: 1.15rem;
      border: 1px solid color-mix(in srgb, var(--ducky-color-textStrong, #1a1a1a) 10%, transparent);
      border-bottom: 0;
      background: color-mix(in srgb, var(--ducky-color-surface, #fff) 94%, #fff);
      box-shadow: 0 14px 36px rgba(0, 0, 0, 0.08);
    }
  }
  .site-header-inner,
  .site-header-inner--composable {
    min-height: 3.15rem;
    padding: 0.35rem 0.45rem;
  }

  .site-nav--desktop,
  .b-site-nav .site-nav--desktop,
  .site-header-toolbar--desktop { display: none; }

  .layout-item[data-id=brand] { order: 1; flex: 1 1 auto; }
  .layout-item[data-id=nav] { order: 3; flex: 0 0 auto; width: auto; }
  .layout-item[data-id=account] { display: none; }

  [data-ducky-mobile-nav],
  .site-nav-mobile {
    display: block;
    position: static;
    margin: 0;
    flex: 0 0 auto;
    width: auto;
  }

  [data-ducky-mobile-nav-trigger],
  .site-nav-mobile-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.55rem;
    height: 2.55rem;
    min-width: 2.55rem;
    min-height: 2.55rem;
    padding: 0;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--ducky-color-textStrong) 12%, transparent);
    background-color: #fff;
    background-image:
      linear-gradient(currentColor, currentColor),
      linear-gradient(currentColor, currentColor),
      linear-gradient(currentColor, currentColor);
    background-size: 1.15rem 0.125rem;
    background-position: center calc(50% - 0.35rem), center, center calc(50% + 0.35rem);
    background-repeat: no-repeat;
    color: #111827;
    font-size: 0;
    cursor: pointer;
    pointer-events: auto;
  }
  [data-ducky-mobile-nav-trigger]::before,
  [data-ducky-mobile-nav-trigger]::after,
  .site-nav-mobile-toggle::before,
  .site-nav-mobile-toggle::after {
    content: none;
    display: none;
  }
  [data-ducky-mobile-nav].is-open [data-ducky-mobile-nav-trigger],
  .site-nav-mobile.is-open .site-nav-mobile-toggle {
    background-color: color-mix(in srgb, var(--ducky-color-primary, #FFD33D) 55%, #fff);
  }

  [data-ducky-mobile-nav-panel],
  .site-header-toolbar--mobile,
  [data-ducky-mobile-nav-panel][hidden] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: fixed;
    top: 5.1rem;
    left: 0.65rem;
    right: auto;
    bottom: 0.65rem;
    width: min(19.5rem, calc(100cqi - 1.3rem));
    max-width: 19.5rem;
    height: auto;
    max-height: calc(100cqh - 5.75rem);
    margin: 0;
    padding: 1rem 0.9rem 1.1rem;
    z-index: 1210;
    border-radius: 1.35rem;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--ducky-color-textStrong) 10%, transparent);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28);
    overflow-y: auto;
    transform: translate3d(-120%, 0, 0);
    transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);
    visibility: visible;
    pointer-events: auto;
  }
  [data-ducky-mobile-nav].is-open [data-ducky-mobile-nav-panel],
  [data-ducky-mobile-nav].is-open [data-ducky-mobile-nav-panel][hidden],
  [data-ducky-mobile-nav].is-open .site-header-toolbar--mobile,
  [data-ducky-mobile-nav-panel].ddl-drawer-open {
    transform: translate3d(0, 0, 0);
  }
  [data-ducky-mobile-nav-panel] .site-nav,
  .site-header-toolbar--mobile .site-nav {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    width: 100%;
  }
  [data-ducky-mobile-nav-panel] .site-nav-link,
  .site-header-toolbar--mobile .site-nav-link {
    display: flex;
    align-items: center;
    min-height: 2.85rem;
    padding: 0.7rem 0.9rem;
    border-radius: 0.9rem;
    background: color-mix(in srgb, var(--ducky-color-textStrong) 4%, #fff);
    color: var(--ducky-color-textStrong, #1a1a1a);
    font-size: 1.02rem;
    font-weight: 600;
    text-decoration: none;
  }
}
}

@scope (#app-content) {
.ddl-paths{display:grid;gap:1.25rem;width:100%;max-width:68rem;margin:0 auto}
.ddl-path{position:relative;padding:2rem;border-radius:var(--ducky-radius-lg,1.5rem);border:1px solid color-mix(in srgb,var(--ducky-color-textStrong) 12%,transparent);background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.06)}
.ddl-path--cloud{border-color:color-mix(in srgb,var(--ducky-color-primary,#FFD33D) 45%,transparent)}
.ddl-path h3{margin:.35rem 0 .75rem;color:var(--ducky-color-textStrong,#1a1a1a);font-size:1.75rem;font-family:var(--ducky-font-heading,Poppins,sans-serif)}
.ddl-path p{margin:0 0 1.25rem;color:var(--ducky-color-textMuted,#5b5b5b);line-height:1.6}
.ddl-path ul{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:.75rem}
.ddl-path li{position:relative;padding-left:1.6rem;color:var(--ducky-color-textStrong,#1a1a1a);font-size:.9rem;line-height:1.45}
.ddl-path li::before{content:"";position:absolute;left:0;top:.35rem;width:.7rem;height:.7rem;border-radius:50%;box-shadow:inset 0 0 0 2px currentColor}
.ddl-path--cloud li::before{color:var(--ducky-color-primary,#FFD33D)}
.ddl-path--self li::before{color:var(--ducky-color-textStrong,#1a1a1a)}
.ddl-path__badge{display:inline-block;padding:.25rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--ducky-color-primary,#FFD33D) 40%,transparent);background:color-mix(in srgb,var(--ducky-color-primary,#FFD33D) 16%,transparent);color:var(--ducky-color-textStrong,#1a1a1a);font-size:.8rem;font-weight:700}
.ddl-path__badge--muted{border-color:color-mix(in srgb,var(--ducky-color-textStrong) 18%,transparent);background:color-mix(in srgb,var(--ducky-color-textStrong) 6%,transparent)}
.ddl-path__btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.25rem;border-radius:999px;font-weight:700;font-size:.9rem;text-decoration:none}
.ddl-path__btn--solid{background:linear-gradient(135deg,var(--ducky-color-primary,#FFD33D),var(--ducky-color-secondary,#FF9F1C));color:var(--ducky-color-accentOn,#1a1a1a)}
.ddl-path__btn--outline{border:1px solid color-mix(in srgb,var(--ducky-color-textStrong) 20%,transparent);color:var(--ducky-color-textStrong,#1a1a1a);background:color-mix(in srgb,var(--ducky-color-textStrong) 4%,transparent)}
.ddl-term{width:100%;max-width:42rem;margin:0 auto;border-radius:.85rem;border:1px solid color-mix(in srgb,var(--ducky-color-textStrong) 14%,transparent);background:#111;overflow:hidden;text-align:left}
.ddl-term__head{display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem;background:#1a1a1a;border-bottom:1px solid rgba(255,255,255,.05)}
.ddl-term__dot{width:.6rem;height:.6rem;border-radius:50%}
.ddl-term__dot--r{background:#ef4444}
.ddl-term__dot--y{background:#eab308}
.ddl-term__dot--g{background:#22c55e}
.ddl-term__title{margin-left:.75rem;font-size:.7rem;color:rgba(255,255,255,.45);font-family:var(--ducky-font-mono,ui-monospace,monospace)}
.ddl-term__body{margin:0;padding:1.25rem;font-family:var(--ducky-font-mono,ui-monospace,monospace);font-size:.82rem;line-height:1.65;color:#fff;white-space:pre-wrap}
.ddl-term__c{color:var(--ducky-color-primary,#FFD33D)}
.ddl-term__o{color:var(--ducky-color-secondary,#FF9F1C)}
.ddl-term__m{color:#9ca3af}
.ddl-sec{display:grid;gap:.7rem;padding:1.25rem;border-radius:var(--ducky-radius-lg,1.5rem);border:1px solid color-mix(in srgb,var(--ducky-color-textStrong) 12%,transparent);background:#fff}
.ddl-sec__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:.85rem;background:color-mix(in srgb,var(--ducky-color-textStrong) 3%,#fff)}
.ddl-sec__row strong{display:block;color:var(--ducky-color-textStrong,#1a1a1a);font-size:.9rem}
.ddl-sec__row span{display:block;color:var(--ducky-color-textMuted,#5b5b5b);font-size:.75rem;margin-top:.15rem}
.ddl-sec__row em{font-style:normal;font-size:.7rem;font-weight:700;padding:.25rem .5rem;border-radius:.4rem}
.ddl-sec__row--deny{border:1px solid rgba(239,68,68,.3)}
.ddl-sec__row--deny em{background:rgba(239,68,68,.15);color:#b91c1c}
.ddl-sec__row--allow{border:1px solid rgba(34,197,94,.3)}
.ddl-sec__row--allow em{background:rgba(34,197,94,.15);color:#15803d}
.ddl-sec__row--grant{border:1px solid color-mix(in srgb,var(--ducky-color-primary,#FFD33D) 45%,transparent)}
.ddl-sec__row--grant em{background:color-mix(in srgb,var(--ducky-color-primary,#FFD33D) 22%,transparent);color:var(--ducky-color-textStrong,#1a1a1a)}
.ddl-cta-band{width:100%;max-width:56rem;margin:2rem auto 1rem;padding:2.25rem 1.5rem;text-align:center;border-radius:var(--ducky-radius-lg,1.5rem);border:1px solid color-mix(in srgb,var(--ducky-color-primary,#FFD33D) 35%,transparent);background:color-mix(in srgb,var(--ducky-color-primary,#FFD33D) 10%,#fff)}
.ddl-cta-band h2{margin:0 0 .5rem;color:var(--ducky-color-textStrong,#1a1a1a);font-family:var(--ducky-font-heading,Poppins,sans-serif);font-size:clamp(1.5rem,4cqi,2rem)}
.ddl-cta-band p{margin:0 auto 1.25rem;max-width:36rem;color:var(--ducky-color-textMuted,#5b5b5b);line-height:1.55}
.ddl-cta-band__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
@container ducky-app (min-width:52rem){.ddl-paths{grid-template-columns:1fr 1fr}}
}

@scope (#app-footer) {
:scope {
  border-top: 1px solid var(--ducky-color-border);
  background: var(--ducky-color-bg);
  padding: 1.75rem 1.5rem 2.25rem;
  margin: 0;
}

.zone-wrapper,
.zone-container,
.workspace,
.grid-content,
#grid-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 1.75rem;
  row-gap: 0.95rem;
  width: 100%;
  max-width: var(--ducky-layout-marketingMax, 68.75rem);
  margin: 0 auto;
  min-height: 0;
  padding: 0;
}

.layout-item {
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  min-height: 0;
  height: auto;
  margin: 0;
}

.layout-item[data-id="foot-privacy"],
.layout-item[data-id="foot-terms"],
.layout-item[data-id="foot-login"] {
  order: 1;
}

.layout-item[data-id="foot-copy"] {
  flex: 1 0 100%;
  order: 2;
  text-align: center;
  padding-top: 0.25rem;
}

p {
  margin: 0;
  font-family: var(--ducky-font-mono, ui-monospace, monospace);
  font-size: 0.75rem;
  line-height: 1.2;
  color: color-mix(in srgb, var(--ducky-color-text) 48%, transparent);
}

a.button,
.b-button a {
  display: inline;
  min-height: 0;
  height: auto;
  padding: 0.25rem 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-family: var(--ducky-font-mono, ui-monospace, monospace);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
  color: color-mix(in srgb, var(--ducky-color-text) 48%, transparent);
  text-decoration: none;
}

a.button:hover,
.b-button a:hover {
  color: var(--ducky-color-text);
  transform: none;
  box-shadow: none;
}
}