.marketing-page {
  --marketing-ink: #211c32;
  --marketing-muted: #726d7e;
  --marketing-plum: #7657e8;
  --marketing-plum-deep: #583cbd;
  --marketing-line: #e9e5f0;
  --marketing-paper: #fff;
  min-width: 320px;
  background: #fff;
  color: var(--marketing-ink);
  font-family: "DM Sans", "Segoe UI", system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}
.marketing-page a { color: inherit; }
.marketing-page a:focus-visible { outline-color: #aa98ff; }
.marketing-header {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 32px;
  width: min(1240px, calc(100% - 64px));
  min-height: 83px;
  margin: auto;
}
.marketing-brand { display: inline-flex; align-items: center; gap: 10px; width: fit-content; text-decoration: none; }
.marketing-brand img { display: block; flex: none; }
.marketing-brand span { color: #211c32; font-size: 20px; font-weight: 800; letter-spacing: -.055em; }
.marketing-nav, .marketing-header-actions, .marketing-hero-actions { display: flex; align-items: center; }
.marketing-nav { justify-content: center; gap: clamp(18px, 3vw, 42px); }
.marketing-nav a, .marketing-login {
  color: #555163;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
}
.marketing-nav a:hover, .marketing-login:hover, .marketing-footer nav a:hover { color: var(--marketing-plum); }
.marketing-header-actions { justify-content: flex-end; gap: 22px; }
.marketing-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-height: 51px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: var(--marketing-plum);
  box-shadow: 0 9px 22px -13px #7657e899;
  color: #fff !important;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.marketing-button:hover { transform: translateY(-2px); background: var(--marketing-plum-deep); box-shadow: 0 12px 25px -12px #7657e899; }
.marketing-button-small { min-height: 42px; padding-inline: 17px; border-radius: 12px; font-size: 12px; }
.marketing-hero {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 73px 24px 20px;
  text-align: center;
  background:
    radial-gradient(ellipse at 8% 42%, #f3f0ff 0, #fff0 30%),
    radial-gradient(ellipse at 91% 3%, #fff2e8 0, #fff0 31%),
    #fff;
}
.marketing-hero::before, .marketing-hero::after {
  position: absolute; z-index: -1; border-radius: 50%; content: "";
  filter: blur(1px); pointer-events: none;
}
.marketing-hero::before { top: 57px; right: 7.5%; width: 13px; height: 13px; background: #e3b963; box-shadow: 40px 51px 0 -3px #9680e8; }
.marketing-hero::after { bottom: 25px; left: 7%; width: 8px; height: 8px; background: #e89b7c; box-shadow: 45px -34px 0 -2px #b5c9a8; }
.marketing-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid #ebe5fb;
  border-radius: 30px;
  background: #fbf9ff;
  color: #65558d;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
}
.kicker-star { color: #e4a775; font-size: 14px; }
.marketing-hero h1, .marketing-final-cta h2 {
  max-width: 900px;
  margin: 25px auto 17px;
  font-family: Manrope, "DM Sans", "Segoe UI", system-ui, sans-serif;
  font-size: clamp(43px, 7vw, 78px);
  font-weight: 750;
  letter-spacing: -.078em;
  line-height: 1.06;
}
.marketing-hero h1 span { color: var(--marketing-plum); }
.marketing-hero-copy { max-width: 635px; margin: 0 auto; color: var(--marketing-muted); font-size: clamp(16px, 1.8vw, 19px); line-height: 1.72; }
.marketing-hero-actions { flex-wrap: wrap; justify-content: center; gap: 23px; margin-top: 29px; }
.marketing-text-link { color: #635d70; font-size: 13px; font-weight: 700; text-decoration: none; }
.marketing-text-link span { margin-left: 5px; color: var(--marketing-plum); }
.marketing-reassurance { margin-top: 15px; color: #888394; font-size: 11px; }
.marketing-preview-section { position: relative; z-index: 0; overflow: hidden; padding: 19px 24px 42px; background: linear-gradient(180deg,#fff,#fbfaff 82%,#fff); }
.marketing-browser-frame {
  position: relative;
  overflow: hidden;
  width: min(1100px, 100%);
  margin: 0 auto;
  border: 1px solid #e8e3ef;
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 34px 90px -50px #35226462, 0 10px 26px -20px #593ba65c;
}
.marketing-browser-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 43px;
  border-bottom: 1px solid #efedf3;
  background: #fcfbfe;
}
.browser-dots { position: absolute; left: 17px; display: flex; gap: 6px; }
.browser-dots i { width: 8px; height: 8px; border-radius: 50%; background: #e9b8a7; }
.browser-dots i:nth-child(2) { background: #e6ce83; }
.browser-dots i:nth-child(3) { background: #b8cead; }
.browser-address { max-width: 38%; overflow: hidden; color: #a29cab; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.preview-tag { position: absolute; right: 13px; color: #827b91; font-size: 8px; font-weight: 750; letter-spacing: .12em; }
.marketing-screenshot { display: block; width: 100%; height: auto; object-fit: cover; }
.hero-screenshot { aspect-ratio: 16 / 10; }
.marketing-dashboard-preview { display: grid; grid-template-columns: 205px 1fr; min-height: 396px; background: #fff; color: #242039; }
.mock-sidebar { position: relative; display: flex; flex-direction: column; gap: 14px; padding: 22px 17px; border-right: 1px solid #f0edf3; background: #fdfcff; }
.mock-mini-brand { display: flex; align-items: center; gap: 7px; margin-bottom: 24px; color: #292438; font-size: 12px; font-weight: 800; }
.mock-sidebar-label, .mock-eyebrow { color: #9690a4; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.mock-side-link { display: flex; align-items: center; gap: 9px; padding: 9px; border-radius: 9px; color: #726d80; font-size: 10px; }
.mock-side-link i { width: 8px; height: 8px; border: 1px solid #aea6bf; border-radius: 3px; }
.mock-side-link.is-selected { background: #f0ecff; color: #6245d2; font-weight: 700; }
.mock-side-link.is-selected i { border-color: #795ce7; background: #795ce7; }
.mock-sidebar-note { display: flex; gap: 9px; align-items: center; margin-top: auto; padding: 12px 10px; border-radius: 12px; background: #faf2e9; color: #72614d; font-family: "Instrument Serif", Georgia, serif; font-size: 14px; line-height: 1.35; }
.mock-note-spark { color: #db9c65; font-family: sans-serif; font-size: 17px; }
.mock-calendar { min-width: 0; padding: 22px 23px 27px; }
.mock-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 20px; }
.mock-heading div { display: grid; gap: 5px; }
.mock-heading strong { font-size: 17px; letter-spacing: -.04em; }
.mock-week-switch { padding: 6px 9px; border: 1px solid #ebe8f1; border-radius: 8px; color: #777184; font-size: 9px; }
.mock-calendar-grid { display: grid; grid-template-columns: 37px repeat(7,minmax(0,1fr)); grid-template-rows: 32px repeat(4,73px); align-items: stretch; border-top: 1px solid #efedf3; border-left: 1px solid #efedf3; }
.mock-calendar-grid > span:not(.mock-event) { display: grid; place-items: center; border-right: 1px solid #efedf3; border-bottom: 1px solid #efedf3; color: #898496; font-size: 8px; font-weight: 700; }
.mock-calendar-grid .mock-time { color: #a39eab !important; font-size: 7px !important; font-weight: 500 !important; }
.mock-time-space { grid-column: 1; grid-row: 1; }
.mock-time { grid-column: 1; }
.mock-time.time-one { grid-row: 2; }
.mock-time.time-two { grid-row: 3; }
.mock-time.time-three { grid-row: 4; }
.mock-time.time-four { grid-row: 5; }
.mock-event { display: flex; align-items: center; align-self: start; min-height: 36px; margin: 4px; padding: 7px 5px; border-radius: 6px; font-size: 8px; font-weight: 650; line-height: 1.3; }
.mock-event.event-one { grid-column: 2; grid-row: 2; }
.mock-event.event-two { grid-column: 5; grid-row: 2; }
.mock-event.event-three { grid-column: 6; grid-row: 2; }
.mock-event.event-four { grid-column: 3; grid-row: 3; }
.mock-event.event-five { grid-column: 5; grid-row: 3; }
.mock-event.event-six { grid-column: 2; grid-row: 4; }
.mock-event.event-seven { grid-column: 5; grid-row: 4; }
.mock-event.event-eight { grid-column: 7; grid-row: 4; }
.mock-event.event-nine { grid-column: 4; grid-row: 5; }
.mock-event.event-ten { grid-column: 8; grid-row: 5; }
.event-lilac { background: #eee9ff; color: #6450b3; }
.event-peach { background: #fff0e8; color: #a86149; }
.event-blue { background: #e9f1ff; color: #49649c; }
.event-mint { background: #ebf5eb; color: #52744e; }
.mock-illustration-label { display: block; margin-top: 10px; color: #a09bab; font-size: 8px; text-align: right; }
.marketing-orbit { position: absolute; z-index: -1; border: 1px solid #eee7fc; border-radius: 50%; }
.marketing-orbit-one { top: 35px; left: -95px; width: 275px; height: 275px; }
.marketing-orbit-two { right: -120px; bottom: 29px; width: 325px; height: 325px; border-color: #f9e9db; }
.marketing-media-instructions { margin: 9px 0 0; color: #8a8495; font-size: 10px; text-align: center; }
.marketing-media-instructions code, .video-placeholder-detail code { color: #6b50c9; font-size: .95em; }
.marketing-preview-caption { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 9px; margin-top: 19px; color: #575165; font-size: 13px; font-weight: 700; }
.caption-spark { color: #d69c61; }
.marketing-preview-caption > span:last-child { color: #918c9c; font-weight: 450; }
.marketing-strip { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 23px; padding: 23px 20px; border-top: 1px solid #f1eef5; border-bottom: 1px solid #f1eef5; color: #797387; font-size: 9px; font-weight: 800; letter-spacing: .11em; }
.marketing-strip i { width: 5px; height: 5px; border-radius: 50%; background: #db9a7d; }
.marketing-feature { display: grid; grid-template-columns: minmax(240px,.76fr) minmax(0,1.24fr); align-items: center; gap: clamp(36px,7vw,100px); width: min(1160px,calc(100% - 72px)); margin: auto; padding: 104px 0; scroll-margin-top: 30px; }
.marketing-feature-copy { max-width: 400px; }
.marketing-eyebrow { display: inline-flex; align-items: center; gap: 11px; color: #756b8c; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.marketing-eyebrow > span:first-child { color: #987ae9; }
.marketing-feature h2, .marketing-demo-heading h2, .marketing-offline h2 {
  margin: 20px 0 13px;
  font-family: Manrope, "DM Sans", "Segoe UI", system-ui, sans-serif;
  font-size: clamp(31px,4vw,47px);
  font-weight: 730;
  letter-spacing: -.065em;
  line-height: 1.13;
}
.marketing-feature-copy > p, .marketing-demo-heading > p, .marketing-offline > div > p { color: var(--marketing-muted); font-size: 14px; line-height: 1.85; }
.marketing-feature-link { display: inline-flex; gap: 12px; align-items: center; margin-top: 24px; color: #6347d1 !important; font-size: 12px; font-weight: 800; text-decoration: none; }
.marketing-feature-link span { transition: transform .18s ease; }
.marketing-feature-link:hover span { transform: translateX(4px); }
.marketing-feature-media { min-width: 0; }
.marketing-feature-placeholder { position: relative; overflow: hidden; aspect-ratio: 16 / 10; border: 1px solid #e8e4ef; border-radius: 19px; background: #f7f5fc; box-shadow: 0 22px 52px -38px #36266466; }
.feature-placeholder-header { display: flex; gap: 9px; align-items: center; min-height: 43px; padding: 10px 15px; border-bottom: 1px solid #ebe7f0; background: #fff; color: #383248; font-size: 10px; font-weight: 750; }
.feature-placeholder-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--marketing-plum); box-shadow: 0 0 0 4px #eee9ff; }
.feature-placeholder-date { margin-left: auto; color: #9993a1; font-size: 7px; letter-spacing: .11em; }
.feature-placeholder-columns { display: grid; grid-template-columns: minmax(116px,.85fr) minmax(0,1.55fr); height: calc(100% - 44px); background: #fff; }
.feature-task-list { display: flex; flex-direction: column; gap: 12px; padding: clamp(14px,2.5vw,25px); border-right: 1px solid #eeeaf2; }
.feature-task-list > span, .feature-week > span { color: #938ca1; font-size: 7px; font-weight: 800; letter-spacing: .1em; }
.feature-task-list b, .feature-week b { font-size: clamp(10px,1.2vw,14px); }
.feature-task-list i { display: flex; align-items: flex-start; gap: 8px; color: #706a7e; font-size: clamp(8px,1vw,10px); font-style: normal; line-height: 1.5; }
.feature-task-list i em { flex: none; width: 11px; height: 11px; border: 1px solid #ccc4db; border-radius: 50%; }
.feature-week { padding: clamp(14px,2.5vw,25px); }
.feature-week > span, .feature-week > b { display: block; }
.feature-week > b { margin-top: 7px; }
.feature-week-days { display: grid; grid-template-columns: repeat(7,1fr); margin-top: 14px; padding: 8px 0; border-top: 1px solid #eeeaf2; border-bottom: 1px solid #eeeaf2; }
.feature-week-days i { color: #8d8798; font-size: 6px; font-style: normal; text-align: center; }
.feature-week-bars { display: grid; grid-template-columns: repeat(7,1fr); gap: 4px; height: 29px; margin-top: 6px; }
.feature-week-bars i { border-radius: 4px; background: #ece7ff; }
.feature-week-bars i:nth-child(2n) { background: #fceee8; }
.feature-week-bars i:nth-child(3n) { background: #ebf3e7; }
.feature-week-bars.short { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 0 0; height: 22px; }
.placeholder-flag { position: absolute; right: 11px; bottom: 9px; padding: 4px 7px; border: 1px solid #ece7f2; border-radius: 5px; background: #ffffffed; color: #847d90; font-size: 6px; font-weight: 800; letter-spacing: .1em; }
.marketing-feature-weekends { grid-template-columns: minmax(0,1.16fr) minmax(240px,.84fr); width: 100%; padding: 100px max(36px,calc((100vw - 1160px)/2)); background: #faf8ff; }
.marketing-feature-weekends .marketing-feature-copy { grid-column: 2; grid-row: 1; margin-left: auto; }
.marketing-feature-weekends .marketing-feature-media { grid-column: 1; grid-row: 1; }
.weekends-placeholder { padding: clamp(13px,2vw,24px); background: linear-gradient(135deg,#f4f0ff,#fffaf4); }
.weekend-preview-top { display: flex; flex-direction: column; gap: 3px; padding: 8px 7px 14px; }
.weekend-preview-top > span, .weekend-preview-cards article > span { color: #8e80b9; font-size: 7px; font-weight: 800; letter-spacing: .12em; }
.weekend-preview-top > b { color: #302843; font-size: clamp(13px,1.5vw,18px); letter-spacing: -.04em; }
.weekend-preview-top > small { color: #90899b; font-size: 8px; }
.weekend-preview-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; height: calc(100% - 78px); }
.weekend-preview-cards article { min-width: 0; padding: clamp(8px,1.2vw,14px); border: 1px solid #ece6f2; border-radius: 11px; background: #fff; box-shadow: 0 7px 20px -16px #42326766; }
.weekend-preview-cards article > span { color: #9891a1; font-size: 6px; }
.weekend-preview-cards article > b { display: block; min-height: 38px; margin: 6px 0; color: #373047; font-size: clamp(8px,1vw,11px); line-height: 1.35; }
.weekend-preview-cards article > div { display: grid; grid-template-columns: repeat(3,1fr); padding: 6px 0; border-top: 1px solid #f0edf3; border-bottom: 1px solid #f0edf3; }
.weekend-preview-cards article > div i { color: #928b9e; font-size: 6px; font-style: normal; text-align: center; }
.weekend-preview-cards article > p { display: flex; align-items: flex-start; gap: 4px; margin-top: 7px; color: #777182; font-size: clamp(6px,.75vw,8px); line-height: 1.35; }
.weekend-dot { flex: none; width: 6px; height: 6px; margin-top: 2px; border-radius: 50%; }
.dot-purple { background: #9071e6; } .dot-coral { background: #e99b7e; } .dot-green { background: #8caa7c; }
.marketing-feature-journal { grid-template-columns: minmax(240px,.78fr) minmax(0,1.22fr); }
.journal-placeholder { padding: clamp(16px,2.4vw,26px); background: linear-gradient(144deg,#faf7ed,#fff9f4 47%,#f5f1ff); }
.journal-preview-heading { display: flex; flex-direction: column; gap: 3px; }
.journal-preview-heading > span { color: #927e68; font-size: 7px; font-weight: 800; letter-spacing: .1em; }
.journal-preview-heading > b { color: #322a2f; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(15px,2vw,22px); font-weight: 500; }
.journal-preview-heading > small { color: #88817e; font-size: 8px; }
.journal-preview-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 16px; }
.journal-preview-cards article { display: flex; min-width: 0; flex-direction: column; gap: 5px; padding: 7px; border: 1px solid #eee9e2; border-radius: 10px; background: #fffefa; box-shadow: 0 8px 20px -17px #422b2966; }
.journal-art { display: grid; aspect-ratio: 1.45; place-items: center; border-radius: 6px; color: #fff; font-size: 7px; font-weight: 800; letter-spacing: .12em; }
.journal-art-film { background: linear-gradient(140deg,#9576c6,#453a77); }
.journal-art-table { background: linear-gradient(140deg,#de9878,#90594d); }
.journal-art-book { background: linear-gradient(140deg,#96a17c,#4f6757); }
.journal-preview-cards article > small { margin-top: 3px; color: #a59a8f; font-size: 5px; font-weight: 800; letter-spacing: .08em; }
.journal-preview-cards article > b { color: #474047; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(8px,1vw,11px); font-weight: 500; line-height: 1.3; }
.journal-preview-cards article > span { color: #817a7b; font-size: 6px; }
.journal-preview-cards article > span i { color: #bd8c49; font-style: normal; }
.marketing-demo-section { padding: 98px 24px 108px; background: linear-gradient(180deg,#faf9fd,#f6f3fc); }
.marketing-demo-heading { max-width: 710px; margin: 0 auto 30px; text-align: center; }
.marketing-demo-heading h2 { margin-top: 14px; }
.marketing-demo-heading > p { max-width: 520px; margin: 0 auto; }
.marketing-video-frame { overflow: hidden; width: min(950px,100%); aspect-ratio: 16 / 9; margin: auto; border: 1px solid #e6e0ef; border-radius: 19px; background: #fff; box-shadow: 0 25px 60px -40px #31214f80; }
.marketing-video-frame video { display: block; width: 100%; height: 100%; background: #211c32; object-fit: contain; }
.marketing-video-placeholder { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 11px; padding: 20px; background: radial-gradient(ellipse at 50% 0,#fff 0,#f5f0ff 73%); color: #42375e; text-align: center; }
.video-play-mark { display: grid; width: 53px; height: 53px; place-items: center; padding-left: 3px; border-radius: 50%; background: #7657e8; box-shadow: 0 10px 24px #7657e84d; color: #fff; font-size: 16px; }
.video-placeholder-title { font-size: 14px; font-weight: 800; }
.video-placeholder-detail { color: #898194; font-size: 10px; }
.marketing-offline { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: 25px; width: min(1050px,calc(100% - 56px)); margin: 80px auto; padding: 31px 35px; border: 1px solid #e8e3f0; border-radius: 18px; background: linear-gradient(110deg,#fbf9ff,#fffdf9); }
.offline-sparkle { display: grid; width: 47px; height: 47px; place-items: center; border-radius: 15px; background: #f0eaff; color: #7657e8; font-size: 22px; }
.marketing-offline h2 { margin: 8px 0; font-size: clamp(21px,3vw,29px); }
.marketing-offline > div > p { max-width: 670px; font-size: 12px; }
.marketing-offline > a { display: inline-flex; gap: 9px; align-items: center; color: #674bd4; font-size: 11px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.marketing-final-cta { padding: 78px 24px 82px; background: #fbf9ff; text-align: center; }
.marketing-final-cta h2 { margin: 18px auto 10px; font-size: clamp(34px,5vw,57px); }
.marketing-final-cta > p { max-width: 540px; margin: 0 auto; color: var(--marketing-muted); font-size: 14px; }
.marketing-final-cta > .marketing-button { margin-top: 24px; }
.marketing-cta-login { display: block; margin-top: 13px; color: #858092; font-size: 11px; }
.marketing-cta-login a { color: #6347d1; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.marketing-footer { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: 20px; width: min(1160px,calc(100% - 48px)); min-height: 88px; margin: auto; }
.marketing-footer .marketing-brand span { font-size: 16px; }
.marketing-footer > span { color: #8a8493; font-size: 10px; text-align: center; }
.marketing-footer nav { display: flex; justify-content: flex-end; gap: 17px; }
.marketing-footer nav a { color: #716c7c; font-size: 10px; text-decoration: none; }
@media (min-width: 1440px) {
  .marketing-hero { padding-top: 83px; }
}
@media (max-width: 850px) {
  .marketing-header { grid-template-columns: 1fr auto; width: calc(100% - 44px); gap: 12px; min-height: 73px; }
  .marketing-nav { grid-column: 1 / -1; grid-row: 2; justify-content: center; padding: 0 0 12px; }
  .marketing-header-actions { grid-column: 2; grid-row: 1; }
  .marketing-hero { padding-top: 55px; }
  .marketing-dashboard-preview { grid-template-columns: 150px minmax(0,1fr); min-height: 342px; }
  .mock-calendar { padding: 17px 13px; }
  .mock-calendar-grid { grid-template-rows: 28px repeat(4,62px); }
  .marketing-feature { grid-template-columns: minmax(0,1fr); gap: 27px; width: min(660px,calc(100% - 48px)); padding: 76px 0; }
  .marketing-feature-copy { max-width: 540px; }
  .marketing-feature-weekends { grid-template-columns: minmax(0,1fr); width: 100%; padding: 74px 24px; }
  .marketing-feature-weekends .marketing-feature-copy { grid-column: 1; grid-row: 1; max-width: 660px; margin: auto; }
  .marketing-feature-weekends .marketing-feature-media { grid-column: 1; grid-row: 2; width: min(660px,100%); margin: auto; }
  .marketing-offline { grid-template-columns: 45px minmax(0,1fr); gap: 15px; padding: 25px; }
  .marketing-offline > a { grid-column: 2; }
  .marketing-footer { grid-template-columns: 1fr 1fr; }
  .marketing-footer > span { display: none; }
}
@media (max-width: 560px) {
  .marketing-header { width: calc(100% - 32px); min-height: 67px; }
  .marketing-brand { gap: 7px; }
  .marketing-brand img { width: 32px; height: 32px; }
  .marketing-brand span { font-size: 18px; }
  .marketing-header-actions { gap: 12px; }
  .marketing-header-actions .marketing-login { font-size: 11px; }
  .marketing-button-small { min-height: 36px; padding-inline: 11px; border-radius: 10px; font-size: 10px; }
  .marketing-nav { gap: clamp(20px,8vw,36px); padding-bottom: 11px; }
  .marketing-nav a { font-size: 11px; }
  .marketing-hero { padding: 42px 20px 14px; }
  .marketing-kicker { min-height: 29px; font-size: 8px; }
  .marketing-hero h1 { margin-top: 23px; font-size: clamp(39px,11vw,53px); }
  .marketing-hero-copy { max-width: 420px; font-size: 15px; }
  .marketing-hero-actions { gap: 16px; margin-top: 21px; }
  .marketing-reassurance { font-size: 10px; }
  .marketing-preview-section { padding: 16px 15px 32px; }
  .marketing-browser-frame { border-radius: 12px; }
  .marketing-browser-top { height: 34px; }
  .browser-dots { left: 10px; gap: 4px; }
  .browser-dots i { width: 6px; height: 6px; }
  .browser-address { font-size: 8px; }
  .preview-tag { right: 8px; font-size: 6px; }
  .marketing-dashboard-preview { grid-template-columns: 75px minmax(0,1fr); min-height: 0; aspect-ratio: 1.44; }
  .mock-sidebar { gap: 8px; padding: 11px 6px; }
  .mock-mini-brand { flex-direction: column; gap: 3px; margin-bottom: 7px; font-size: 6px; text-align: center; }
  .mock-mini-brand img { width: 16px; height: 16px; }
  .mock-sidebar-label { font-size: 5px; }
  .mock-side-link { gap: 5px; padding: 6px 4px; font-size: 7px; }
  .mock-side-link i { width: 6px; height: 6px; }
  .mock-sidebar-note { gap: 3px; padding: 6px; font-size: 9px; }
  .mock-note-spark { font-size: 12px; }
  .mock-calendar { padding: 11px 6px; }
  .mock-heading { align-items: flex-start; margin-bottom: 9px; }
  .mock-heading strong { font-size: 10px; }
  .mock-week-switch { padding: 3px; font-size: 6px; white-space: nowrap; }
  .mock-calendar-grid { grid-template-columns: 19px repeat(7,minmax(0,1fr)); grid-template-rows: 20px repeat(4,minmax(25px,1fr)); }
  .mock-calendar-grid > span:not(.mock-event) { font-size: 5px; }
  .mock-event { min-height: 17px; margin: 2px 1px; padding: 3px 1px; border-radius: 3px; font-size: 5px; }
  .mock-illustration-label { margin-top: 5px; font-size: 5px; }
  .marketing-media-instructions { max-width: 96%; overflow-wrap: anywhere; margin-inline: auto; font-size: 8px; }
  .marketing-preview-caption { gap: 4px 7px; font-size: 10px; }
  .marketing-strip { gap: 9px 13px; padding: 15px 11px; font-size: 7px; letter-spacing: .07em; }
  .marketing-strip i { width: 4px; height: 4px; }
  .marketing-feature { width: calc(100% - 38px); gap: 22px; padding: 62px 0; }
  .marketing-feature h2, .marketing-demo-heading h2 { margin-top: 15px; font-size: clamp(30px,8vw,39px); }
  .marketing-feature-copy > p { font-size: 13px; }
  .marketing-feature-link { margin-top: 16px; }
  .marketing-feature-placeholder { border-radius: 13px; }
  .feature-placeholder-header { min-height: 31px; padding: 7px 8px; font-size: 7px; }
  .feature-placeholder-dot { width: 7px; height: 7px; }
  .feature-placeholder-columns { height: calc(100% - 32px); grid-template-columns: minmax(88px,.85fr) minmax(0,1.55fr); }
  .feature-task-list, .feature-week { gap: 6px; padding: 8px; }
  .feature-task-list i { gap: 4px; font-size: 6px; }
  .feature-task-list i em { width: 7px; height: 7px; }
  .feature-week-days { margin-top: 7px; padding: 5px 0; }
  .feature-week-bars { height: 17px; margin-top: 3px; }
  .feature-week-bars.short { height: 13px; }
  .placeholder-flag { right: 5px; bottom: 5px; font-size: 5px; }
  .marketing-feature-weekends { width: 100%; padding: 61px 19px; }
  .weekends-placeholder, .journal-placeholder { padding: 9px; }
  .weekend-preview-top { padding: 4px 3px 8px; }
  .weekend-preview-cards { gap: 4px; height: calc(100% - 54px); }
  .weekend-preview-cards article { padding: 5px 4px; border-radius: 7px; }
  .weekend-preview-cards article > b { min-height: 30px; }
  .weekend-preview-cards article > p { gap: 2px; margin-top: 4px; }
  .weekend-dot { width: 4px; height: 4px; }
  .journal-preview-cards { gap: 4px; margin-top: 9px; }
  .journal-preview-cards article { gap: 3px; padding: 4px; border-radius: 7px; }
  .marketing-demo-section { padding: 63px 17px 72px; }
  .marketing-demo-heading { margin-bottom: 21px; }
  .marketing-demo-heading > p { font-size: 12px; }
  .marketing-video-frame { border-radius: 12px; }
  .marketing-video-placeholder { gap: 5px; padding: 8px; }
  .video-play-mark { width: 36px; height: 36px; font-size: 12px; }
  .video-placeholder-title { font-size: 10px; }
  .video-placeholder-detail { font-size: 7px; }
  .marketing-offline { width: calc(100% - 34px); grid-template-columns: 36px minmax(0,1fr); gap: 10px; margin: 53px auto; padding: 19px 15px; border-radius: 14px; }
  .offline-sparkle { width: 34px; height: 34px; border-radius: 11px; font-size: 16px; }
  .marketing-offline h2 { font-size: 20px; }
  .marketing-offline > div > p { font-size: 10px; }
  .marketing-offline > a { font-size: 10px; }
  .marketing-final-cta { padding: 59px 19px; }
  .marketing-final-cta h2 { font-size: clamp(32px,9vw,43px); }
  .marketing-final-cta > p { font-size: 12px; }
  .marketing-footer { grid-template-columns: 1fr; justify-items: center; gap: 14px; width: calc(100% - 32px); padding: 22px 0; }
  .marketing-footer .marketing-brand img { width: 28px; height: 28px; }
  .marketing-footer .marketing-brand span { font-size: 15px; }
  .marketing-footer nav { justify-content: center; gap: 17px; }
}