:root {
  --demongo-bg: #fbfbfd;
  --demongo-surface: #ffffff;
  --demongo-ink: #0b1220;
  --demongo-muted: #475569;
  --demongo-soft: #64748b;
  --demongo-line: rgba(11, 18, 32, .10);
  --demongo-line2: rgba(11, 18, 32, .14);
  --demongo-accent: #d11a2a;
  --demongo-accent2: #121826;
  --demongo-warm: #fff2f3;
  --demongo-radius: 18px;
  --demongo-radius2: 26px;
  --demongo-shadow: 0 18px 60px rgba(11, 18, 32, .08);
  --demongo-shadow2: 0 10px 26px rgba(11, 18, 32, .08);
  --demongo-max: 1120px;
}

* {
  box-sizing: border-box
}

html,
body {
  height: 100%
}

body {
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--demongo-ink);
  background:
    radial-gradient(980px 520px at 16% 10%, rgba(209, 26, 42, .10), transparent 58%),
    radial-gradient(760px 520px at 92% 16%, rgba(18, 24, 38, .06), transparent 55%),
    var(--demongo-bg);
  line-height: 1.55;
}

img {
  max-width: 100%;
  display: block
}

a {
  color: inherit
}

.demongo-wrap {
  width: min(var(--demongo-max), calc(100% - 40px));
  margin: 0 auto;
}

.demongo-skip {
  position: absolute;
  left: -999px;
  top: 10px;
  background: var(--demongo-surface);
  border: 1px solid var(--demongo-line2);
  padding: 10px 12px;
  border-radius: 12px;
  box-shadow: var(--demongo-shadow2);
  z-index: 1000;
}

.demongo-skip:focus {
  left: 10px
}

.demongo-top {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(251, 251, 253, .74);
  backdrop-filter: saturate(160%) blur(10px);
  border-bottom: 1px solid var(--demongo-line);
}

.demongo-top__grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 14px 0;
}

.demongo-brand {
  display: flex;
  gap: 12px;
  align-items: center;
  text-decoration: none;
}

.demongo-brand__mark {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(209, 26, 42, .18), rgba(18, 24, 38, .06)),
    radial-gradient(14px 14px at 30% 30%, rgba(209, 26, 42, .55), transparent 60%),
    radial-gradient(16px 16px at 70% 70%, rgba(18, 24, 38, .22), transparent 60%),
    var(--demongo-surface);
  border: 1px solid var(--demongo-line2);
  box-shadow: var(--demongo-shadow2);
}

.demongo-brand__txt {
  display: flex;
  flex-direction: column
}

.demongo-brand__name {
  font-weight: 900;
  letter-spacing: -.02em
}

.demongo-brand__sub {
  font-size: 12px;
  color: var(--demongo-muted)
}

.demongo-nav {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.demongo-nav__a {
  text-decoration: none;
  font-size: 13px;
  color: var(--demongo-muted);
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid transparent;
}

.demongo-nav__a:hover {
  color: var(--demongo-ink);
  border-color: var(--demongo-line);
  background: rgba(255, 255, 255, .65);
}

.demongo-nav__a--pill {
  border-color: var(--demongo-line2);
  background: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, .74));
  box-shadow: var(--demongo-shadow2);
}

.demongo-nav__a--cta {
  color: var(--demongo-ink);
  border-color: rgba(209, 26, 42, .28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .72)),
    radial-gradient(22px 22px at 20% 30%, rgba(209, 26, 42, .30), transparent 60%);
  box-shadow: var(--demongo-shadow2);
  font-weight: 900;
}

.demongo-main {
  padding-bottom: 44px
}

.demongo-hero {
  padding: 44px 0 10px;
}

.demongo-hero__grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 26px;
  align-items: stretch;
}

.demongo-hero__left {
  padding: 24px;
  border-radius: var(--demongo-radius2);
  border: 1px solid var(--demongo-line);
  background: linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .70));
  box-shadow: var(--demongo-shadow);
  position: relative;
  overflow: hidden;
}

.demongo-hero__left:before {
  content: "";
  position: absolute;
  inset: -2px;
  background:
    radial-gradient(520px 220px at 18% 0%, rgba(209, 26, 42, .14), transparent 60%),
    radial-gradient(520px 220px at 92% 20%, rgba(18, 24, 38, .08), transparent 60%);
  pointer-events: none;
}

.demongo-hero__left>* {
  position: relative
}

.demongo-kicker {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  color: var(--demongo-soft);
  font-size: 12px;
  letter-spacing: .02em;
}

.demongo-kicker__tag {
  background: rgba(255, 255, 255, .86);
  border: 1px solid var(--demongo-line);
  border-radius: 999px;
  padding: 6px 10px;
}

.demongo-kicker__dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(209, 26, 42, .45);
}

.demongo-hero__h1 {
  margin: 14px 0 10px;
  font-size: 44px;
  line-height: 1.08;
  letter-spacing: -.03em;
}

.demongo-hero__p {
  margin: 0 0 16px;
  color: var(--demongo-muted);
  font-size: 16px;
  max-width: 62ch;
}

.demongo-hero__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 14px 0 18px;
}

.demongo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 14px;
  padding: 11px 14px;
  border: 1px solid var(--demongo-line2);
  background: rgba(255, 255, 255, .88);
  box-shadow: var(--demongo-shadow2);
  color: var(--demongo-ink);
  font-weight: 800;
  font-size: 14px;
}

.demongo-btn--primary {
  border-color: rgba(209, 26, 42, .28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .72)),
    radial-gradient(22px 22px at 20% 30%, rgba(209, 26, 42, .32), transparent 60%);
}

.demongo-btn--ghost {
  background: transparent;
  box-shadow: none;
  color: var(--demongo-muted);
}

.demongo-btn--ghost:hover {
  color: var(--demongo-ink);
  background: rgba(255, 255, 255, .55);
  box-shadow: var(--demongo-shadow2);
}

.demongo-btn--wide {
  width: 100%
}

.demongo-hero__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 8px;
}

.demongo-stat {
  border: 1px solid var(--demongo-line);
  background: rgba(255, 255, 255, .72);
  border-radius: 16px;
  padding: 12px;
}

.demongo-stat__k {
  font-size: 12px;
  color: var(--demongo-soft);
  letter-spacing: .02em
}

.demongo-stat__v {
  font-weight: 900;
  letter-spacing: -.01em;
  margin-top: 4px
}

.demongo-miniNote {
  margin-top: 12px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  padding: 14px;
  border-radius: var(--demongo-radius2);
  border: 1px solid rgba(209, 26, 42, .18);
  background: var(--demongo-warm);
}

.demongo-miniNote__icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background:
    radial-gradient(14px 14px at 30% 30%, rgba(209, 26, 42, .55), transparent 60%),
    rgba(255, 255, 255, .82);
  border: 1px solid rgba(209, 26, 42, .20);
}

.demongo-miniNote__t {
  font-weight: 900
}

.demongo-miniNote__d {
  color: var(--demongo-muted);
  margin-top: 2px
}

.demongo-hero__right {
  display: flex;
  align-items: stretch;
}

.demongo-collage {
  position: relative;
  width: 100%;
  border-radius: var(--demongo-radius2);
  border: 1px solid var(--demongo-line);
  background: rgba(255, 255, 255, .74);
  box-shadow: var(--demongo-shadow);
  overflow: hidden;
  padding: 14px;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 12px;
}

.demongo-sheen {
  position: absolute;
  inset: -2px;
  background:
    radial-gradient(520px 240px at 20% 0%, rgba(209, 26, 42, .12), transparent 60%),
    radial-gradient(520px 260px at 90% 40%, rgba(18, 24, 38, .10), transparent 60%),
    linear-gradient(180deg, rgba(255, 255, 255, .10), transparent);
  pointer-events: none;
}

.demongo-collage__frame {
  position: relative;
  border-radius: 22px;
  border: 1px solid var(--demongo-line);
  background: rgba(255, 255, 255, .82);
  overflow: hidden;
}

.demongo-collage__cap {
  position: absolute;
  left: 12px;
  top: 12px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  z-index: 2;
}

.demongo-chip {
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--demongo-line);
  background: rgba(255, 255, 255, .78);
  color: var(--demongo-muted);
  font-weight: 800;
}

.demongo-collage__img {
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: cover
}

.demongo-collage__frame--b {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.demongo-cardlet {
  border: 1px solid var(--demongo-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .76);
  padding: 10px 12px;
}

.demongo-cardlet--soft {
  background: rgba(18, 24, 38, .03)
}

.demongo-cardlet__k {
  font-size: 12px;
  color: var(--demongo-soft);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 900
}

.demongo-cardlet__v {
  margin-top: 4px;
  font-weight: 950;
  letter-spacing: -.01em
}

.demongo-meter {
  border: 1px solid var(--demongo-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .76);
  padding: 10px;
}

.demongo-meter__bar {
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(209, 26, 42, .48), rgba(18, 24, 38, .12));
  border: 1px solid rgba(18, 24, 38, .10);
}

.demongo-meter__row {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-top: 10px
}

.demongo-meter__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(18, 24, 38, .12);
  border: 1px solid rgba(18, 24, 38, .12);
}

.demongo-section {
  padding: 44px 0
}

.demongo-section--alt {
  background: linear-gradient(180deg, rgba(255, 255, 255, .0), rgba(255, 255, 255, .45), rgba(255, 255, 255, .0));
  border-top: 1px solid rgba(11, 18, 32, .05);
  border-bottom: 1px solid rgba(11, 18, 32, .05);
}

.demongo-head {
  display: grid;
  gap: 8px;
  margin-bottom: 18px
}

.demongo-head__eyebrow {
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(209, 26, 42, .90);
  font-weight: 950;
}

.demongo-head__h2 {
  margin: 0;
  font-size: 30px;
  letter-spacing: -.02em;
  line-height: 1.15;
}

.demongo-head__p {
  margin: 0;
  color: var(--demongo-muted);
  max-width: 78ch
}

.demongo-two {
  display: grid;
  grid-template-columns: 1fr .95fr;
  gap: 18px;
  align-items: start;
}

.demongo-panel {
  border: 1px solid var(--demongo-line);
  border-radius: var(--demongo-radius2);
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--demongo-shadow2);
  overflow: hidden;
}

.demongo-panel__top {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px 10px;
}

.demongo-panel__badge {
  font-weight: 900;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(209, 26, 42, .22);
  background: rgba(255, 242, 243, .92);
}

.demongo-panel__line {
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(209, 26, 42, .25), rgba(18, 24, 38, .10), transparent)
}

.demongo-panel__body {
  padding: 0 16px 14px
}

.demongo-panel__h3 {
  margin: 6px 0 6px;
  font-size: 20px;
  letter-spacing: -.02em;
  font-weight: 950
}

.demongo-panel__txt {
  margin: 0 0 12px;
  color: var(--demongo-muted)
}

.demongo-panel__foot {
  border-top: 1px solid var(--demongo-line);
  padding: 12px 16px 14px;
  display: flex;
  justify-content: flex-end;
}

.demongo-link {
  text-decoration: none;
  font-weight: 950;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--demongo-line2);
  background: rgba(255, 255, 255, .88);
  box-shadow: var(--demongo-shadow2);
}

.demongo-bullets {
  display: grid;
  gap: 10px
}

.demongo-bullet {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid var(--demongo-line);
  background: rgba(255, 255, 255, .72);
}

.demongo-bullet__dot {
  width: 10px;
  height: 10px;
  border-radius: 4px;
  background: rgba(209, 26, 42, .30);
  border: 1px solid rgba(209, 26, 42, .35);
  margin-top: 4px;
}

.demongo-bullet__k {
  font-weight: 950;
  letter-spacing: -.01em
}

.demongo-bullet__v {
  color: var(--demongo-muted);
  font-size: 13px;
  margin-top: 2px
}

.demongo-two__side {
  display: grid;
  gap: 12px
}

.demongo-asideCard {
  border: 1px solid var(--demongo-line);
  border-radius: var(--demongo-radius2);
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--demongo-shadow2);
  padding: 16px;
}

.demongo-asideCard--soft {
  background: linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .70));
}

.demongo-asideCard__cap {
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(209, 26, 42, .90);
  font-weight: 950;
}

.demongo-asideCard__cap--soft {
  color: rgba(18, 24, 38, .55)
}

.demongo-asideCard__h {
  margin-top: 8px;
  font-weight: 950;
  letter-spacing: -.02em
}

.demongo-asideCard__p {
  margin-top: 8px;
  color: var(--demongo-muted)
}

.demongo-asideCard__steps {
  margin-top: 12px;
  display: grid;
  gap: 10px
}

.demongo-step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid var(--demongo-line);
  background: rgba(255, 255, 255, .72);
}

.demongo-step__n {
  width: 28px;
  height: 28px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-weight: 950;
  border: 1px solid rgba(18, 24, 38, .14);
  background: rgba(18, 24, 38, .04);
}

.demongo-step__k {
  font-weight: 950
}

.demongo-step__v {
  color: var(--demongo-muted);
  font-size: 13px;
  margin-top: 2px
}

.demongo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.demongo-tile {
  border: 1px solid var(--demongo-line);
  border-radius: var(--demongo-radius2);
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--demongo-shadow2);
  padding: 14px;
}

.demongo-tile__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.demongo-tile__icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  border: 1px solid var(--demongo-line2);
  background: rgba(18, 24, 38, .04);
}

.demongo-tile__icon--a {
  background: radial-gradient(16px 16px at 30% 30%, rgba(209, 26, 42, .45), transparent 60%), rgba(18, 24, 38, .04)
}

.demongo-tile__icon--b {
  background: radial-gradient(16px 16px at 70% 30%, rgba(18, 24, 38, .22), transparent 60%), rgba(18, 24, 38, .04)
}

.demongo-tile__icon--c {
  background: radial-gradient(16px 16px at 40% 70%, rgba(209, 26, 42, .28), transparent 60%), rgba(18, 24, 38, .04)
}

.demongo-tile__icon--d {
  background: radial-gradient(16px 16px at 60% 60%, rgba(18, 24, 38, .16), transparent 60%), rgba(18, 24, 38, .04)
}

.demongo-tile__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

.demongo-tile__k {
  font-size: 11px;
  color: var(--demongo-soft);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 900
}

.demongo-tile__v {
  font-weight: 950
}

.demongo-tile__h {
  margin-top: 10px;
  font-weight: 950;
  letter-spacing: -.02em
}

.demongo-tile__p {
  margin-top: 6px;
  color: var(--demongo-muted);
  font-size: 14px
}

.demongo-band {
  margin-top: 14px;
  border: 1px solid rgba(209, 26, 42, .18);
  background: linear-gradient(180deg, rgba(255, 242, 243, .92), rgba(255, 242, 243, .56));
  border-radius: var(--demongo-radius2);
  padding: 16px;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 12px;
  align-items: center;
}

.demongo-band__k {
  font-weight: 950;
  letter-spacing: -.02em
}

.demongo-band__t {
  color: var(--demongo-muted);
  margin-top: 4px
}

.demongo-band__r {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap
}

.demongo-timeline {
  display: grid;
  gap: 12px
}

.demongo-node {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: stretch;
}

.demongo-node__rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 6px
}

.demongo-node__pin {
  width: 34px;
  height: 34px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-weight: 950;
  border: 1px solid rgba(209, 26, 42, .24);
  background: rgba(255, 242, 243, .9);
}

.demongo-node__line {
  width: 2px;
  flex: 1;
  background: linear-gradient(180deg, rgba(209, 26, 42, .35), rgba(18, 24, 38, .10));
  border-radius: 2px;
}

.demongo-node__card {
  border: 1px solid var(--demongo-line);
  border-radius: var(--demongo-radius2);
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--demongo-shadow2);
  padding: 14px;
}

.demongo-node__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px
}

.demongo-node__cap {
  font-size: 12px;
  color: var(--demongo-soft);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 900
}

.demongo-node__pill {
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--demongo-line);
  background: rgba(255, 255, 255, .72);
  color: var(--demongo-muted);
  font-weight: 900;
}

.demongo-node__h {
  margin-top: 10px;
  font-weight: 950;
  letter-spacing: -.02em
}

.demongo-node__p {
  margin-top: 6px;
  color: var(--demongo-muted)
}

.demongo-quote {
  margin-top: 14px;
  border: 1px solid var(--demongo-line);
  border-radius: var(--demongo-radius2);
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--demongo-shadow2);
  padding: 14px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
}

.demongo-quote__mark {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(209, 26, 42, .55);
  box-shadow: 0 0 0 7px rgba(209, 26, 42, .12);
}

.demongo-quote__t {
  font-weight: 950;
  letter-spacing: -.02em
}

.demongo-quote__p {
  color: var(--demongo-muted);
  margin-top: 2px
}

.demongo-quote__link {
  text-decoration: none;
  font-weight: 950;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--demongo-line2);
  background: rgba(255, 255, 255, .88);
  box-shadow: var(--demongo-shadow2);
}

.demongo-tips {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.demongo-tip {
  border: 1px solid var(--demongo-line);
  border-radius: var(--demongo-radius2);
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--demongo-shadow2);
  padding: 14px;
}

.demongo-tip__top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px
}

.demongo-tip__badge {
  font-weight: 900;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(209, 26, 42, .18);
  background: rgba(255, 242, 243, .9);
}

.demongo-tip__h {
  font-weight: 950;
  letter-spacing: -.02em
}

.demongo-tip__p {
  margin-top: 8px;
  color: var(--demongo-muted)
}

.demongo-tip__mini {
  margin-top: 12px;
  border: 1px solid var(--demongo-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
  padding: 10px 12px;
}

.demongo-tip__miniK {
  font-weight: 950
}

.demongo-tip__miniV {
  color: var(--demongo-muted);
  margin-top: 4px
}

.demongo-cta {
  margin-top: 14px;
  border: 1px solid rgba(209, 26, 42, .18);
  background: linear-gradient(180deg, rgba(255, 242, 243, .92), rgba(255, 242, 243, .56));
  border-radius: var(--demongo-radius2);
  padding: 16px;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 12px;
  align-items: center;
}

.demongo-cta__k {
  font-weight: 950;
  letter-spacing: -.02em
}

.demongo-cta__t {
  color: var(--demongo-muted);
  margin-top: 4px
}

.demongo-cta__r {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap
}

.demongo-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12.5px;
  padding: 2px 6px;
  border-radius: 8px;
  border: 1px solid var(--demongo-line);
  background: rgba(255, 255, 255, .78);
  color: var(--demongo-ink);
}

.demongo-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.demongo-shot {
  border: 1px solid var(--demongo-line);
  border-radius: var(--demongo-radius2);
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--demongo-shadow2);
  overflow: hidden;
}

.demongo-shot__img {
  width: 100%;
  height: 260px;
  object-fit: cover
}

.demongo-shot__cap {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px 14px;
  border-top: 1px solid var(--demongo-line);
}

.demongo-shot__k {
  font-weight: 950
}

.demongo-shot__v {
  color: var(--demongo-muted)
}

.demongo-bottomNav {
  margin-top: 18px;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  color: var(--demongo-muted);
}

.demongo-bottomNav__a {
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid transparent;
}

.demongo-bottomNav__a:hover {
  border-color: var(--demongo-line);
  background: rgba(255, 255, 255, .65);
  color: var(--demongo-ink);
}

.demongo-bottomNav__sep {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(18, 24, 38, .18);
  align-self: center;
}

.demongo-legal {
  padding: 44px 0
}

.demongo-legal__head {
  display: grid;
  gap: 8px;
  margin-bottom: 18px
}

.demongo-legal__eyebrow {
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(209, 26, 42, .90);
  font-weight: 950;
}

.demongo-legal__h1 {
  margin: 0;
  font-size: 38px;
  letter-spacing: -.03em;
  line-height: 1.10
}

.demongo-legal__p {
  margin: 0;
  color: var(--demongo-muted);
  max-width: 82ch
}

.demongo-legal__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px
}

.demongo-legalCard {
  border: 1px solid var(--demongo-line);
  border-radius: var(--demongo-radius2);
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--demongo-shadow2);
  padding: 16px;
}

.demongo-legalCard--wide {
  grid-column: 1 / -1
}

.demongo-legalCard__h {
  margin: 0 0 8px;
  font-weight: 950;
  letter-spacing: -.02em
}

.demongo-legalCard__p {
  margin: 0;
  color: var(--demongo-muted)
}

.demongo-legalCard__note {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid var(--demongo-line);
  background: rgba(255, 255, 255, .72);
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.demongo-legalCard__noteK {
  font-weight: 950
}

.demongo-legalCard__noteV {
  color: var(--demongo-muted)
}

.demongo-legalCard__links {
  margin-top: 12px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap
}

.demongo-legalCard__a {
  text-decoration: none;
  font-weight: 950;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--demongo-line2);
  background: rgba(255, 255, 255, .88);
  box-shadow: var(--demongo-shadow2);
}

.demongo-legal__foot {
  margin-top: 14px;
  display: flex;
  justify-content: flex-end
}

.demongo-legal__stamp {
  color: var(--demongo-soft);
  font-size: 12px;
  padding: 8px 10px;
  border: 1px solid var(--demongo-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .65);
}

.demongo-contact {
  padding: 44px 0
}

.demongo-contact__head {
  display: grid;
  gap: 8px;
  margin-bottom: 18px
}

.demongo-contact__eyebrow {
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(209, 26, 42, .90);
  font-weight: 950;
}

.demongo-contact__h1 {
  margin: 0;
  font-size: 38px;
  letter-spacing: -.03em;
  line-height: 1.10
}

.demongo-contact__p {
  margin: 0;
  color: var(--demongo-muted);
  max-width: 82ch
}

.demongo-contact__grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 12px;
  align-items: start
}

.demongo-contactCard {
  border: 1px solid var(--demongo-line);
  border-radius: var(--demongo-radius2);
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--demongo-shadow2);
  overflow: hidden;
}

.demongo-contactCard--soft {
  background: linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .70))
}

.demongo-contactCard__top {
  padding: 14px 14px 10px;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.demongo-contactCard__badge {
  align-self: flex-start;
  font-weight: 900;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(209, 26, 42, .20);
  background: rgba(255, 242, 243, .9);
}

.demongo-contactCard__badge--soft {
  border-color: rgba(18, 24, 38, .14);
  background: rgba(18, 24, 38, .04);
}

.demongo-contactCard__title {
  font-weight: 950;
  letter-spacing: -.02em
}

.demongo-contactCard__body {
  padding: 0 14px 14px;
  display: grid;
  gap: 10px
}

.demongo-contactLine {
  border: 1px solid var(--demongo-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, .72);
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 10px;
}

.demongo-contactLine__k {
  color: var(--demongo-soft);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 900
}

.demongo-contactLine__v {
  color: var(--demongo-muted);
  font-weight: 650
}

.demongo-contactLink {
  text-decoration: none;
  font-weight: 900;
  padding: 4px 0;
  border-bottom: 1px solid rgba(209, 26, 42, .25);
}

.demongo-contactCard__bot {
  border-top: 1px solid var(--demongo-line);
  padding: 12px 14px 14px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.demongo-contactCard__text {
  margin: 0;
  color: var(--demongo-muted)
}

.demongo-contactMini {
  border: 1px solid var(--demongo-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, .72);
  padding: 10px 12px;
}

.demongo-contactMini__k {
  font-weight: 950
}

.demongo-contactMini__v {
  color: var(--demongo-muted);
  margin-top: 4px
}

.demongo-foot {
  border-top: 1px solid var(--demongo-line);
  padding: 18px 0 22px;
  background: rgba(255, 255, 255, .55);
}

.demongo-foot__grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: start;
}

.demongo-foot__brand {
  display: flex;
  gap: 10px;
  align-items: center
}

.demongo-foot__mark {
  width: 28px;
  height: 28px;
  border-radius: 12px;
  border: 1px solid var(--demongo-line2);
  background:
    radial-gradient(10px 10px at 30% 30%, rgba(209, 26, 42, .55), transparent 60%),
    rgba(18, 24, 38, .04);
}

.demongo-foot__name {
  font-weight: 900
}

.demongo-foot__p {
  margin: 8px 0 0;
  color: var(--demongo-muted);
  max-width: 72ch
}

.demongo-foot__r {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end
}

.demongo-foot__a {
  text-decoration: none;
  color: var(--demongo-muted);
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid transparent;
}

.demongo-foot__a:hover {
  color: var(--demongo-ink);
  border-color: var(--demongo-line);
  background: rgba(255, 255, 255, .65);
}

@media (max-width: 1020px) {
  .demongo-hero__grid {
    grid-template-columns: 1fr
  }

  .demongo-hero__h1 {
    font-size: 38px
  }

  .demongo-two {
    grid-template-columns: 1fr
  }

  .demongo-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .demongo-tips {
    grid-template-columns: 1fr
  }

  .demongo-gallery {
    grid-template-columns: 1fr
  }

  .demongo-band {
    grid-template-columns: 1fr
  }

  .demongo-cta {
    grid-template-columns: 1fr
  }

  .demongo-hero__stats {
    grid-template-columns: 1fr
  }
}

@media (max-width: 620px) {
  .demongo-top__grid {
    grid-template-columns: 1fr
  }

  .demongo-nav {
    justify-content: flex-start
  }

  .demongo-hero__left {
    padding: 18px
  }

  .demongo-hero__h1 {
    font-size: 32px
  }

  .demongo-grid {
    grid-template-columns: 1fr
  }

  .demongo-legal__grid {
    grid-template-columns: 1fr
  }

  .demongo-contact__grid {
    grid-template-columns: 1fr
  }

  .demongo-foot__grid {
    grid-template-columns: 1fr
  }

  .demongo-foot__r {
    justify-content: flex-start
  }

  .demongo-contactLine {
    grid-template-columns: 1fr
  }
}