/* Early-access layout, on the main landing page's shared brand foundation. */
html { scroll-behavior: smooth; scroll-padding-top: 28px; }
body.dayglide { margin: 0; height: auto; overflow: visible; overflow-x: clip; }
[hidden] { display: none !important; }
button, input, select { font: inherit; }
input:focus-visible, select:focus-visible { outline: 3px solid #635bff; outline-offset: 3px; }
.dayglide .dg-header { min-height: 96px; }
.dayglide .dg-hero { padding-block: 48px 88px; align-items: start; gap: 65px; }
.dayglide .dg-hero h1 { font-size: clamp(50px, 5.5vw, 79px); margin-block: 20px 23px; }
.dayglide .dg-hero-description { max-width: 465px; font-size: 16px; }
.dayglide .dg-day-illustration { margin-top: 38px; }
.dayglide .dg-day-card h2 { min-height: 2.6em; }
.dayglide .dg-day-card header { min-height: 91px; }
.dayglide .dg-thought { min-height: 112px; }
.scene-spark { font-size: 30px; line-height: 1; color: #7860bd; }
.dayglide .dg-sun-badge { font-size: 30px; }
.row-symbol { color: var(--row-accent); font-size: 20px; }
.dayglide .dg-day-row { animation-name: waitlist-row-arrive; }
@keyframes waitlist-row-arrive { from { transform: translateY(5px); } to { transform: translateY(0); } }
.dayglide .dg-day-time, .dayglide .dg-day-row div > span { color: #706879; }
.dayglide .dg-example-disclosure { color: #73697e; }
.signup-panel { max-width: 470px; margin-top: 30px; scroll-margin-top: 26px; }
.dayglide .signup-heading { font-size: 19px; letter-spacing: -.035em; line-height: 1.35; font-weight: 590; }
.dayglide .signup-intro { margin-top: 5px; margin-bottom: 17px; color: #706b7d; font-size: 12px; }
.signup-panel label:not(.check):not(.choices label) { display: block; font-size: 11px; font-weight: 550; margin-bottom: 7px; }
.signup-panel input[type=email], .signup-panel select { background: #fff; border: 1px solid #d9d3e1; color: #282632; border-radius: 12px; padding: 14px 17px; min-height: 52px; width: 100%; font-size: 16px; }
.signup-panel input::placeholder { color: #91899b; }
.signup-panel input[type=email]:focus { border-color: #8c79bb; }
.check { display: flex; align-items: start; gap: 10px; margin: 13px 0 17px; font-size: 11px; color: #706b7d; line-height: 1.6; cursor: pointer; }
.check input { flex: 0 0 16px; width: 16px; height: 16px; accent-color: #7051cd; margin: 1px 0 0; }
.signup-panel .dg-button { width: 100%; min-height: 51px; }
.signup-panel .dg-button:disabled { opacity: .65; cursor: wait; transform: none; }
.dayglide .fine { font-size: 10px; color: #706b7d; text-align: center; margin-top: 12px; }
.dayglide .fine a { text-decoration: underline; text-underline-offset: 3px; margin-left: 4px; }
.dayglide .form-status { font-size: 11px; color: #746386; margin-top: 10px; }
.form-status:empty { display: none; }
.honey { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.success-icon { display: grid; place-items: center; background: #e9f1eb; color: #548366; border-radius: 50%; width: 40px; height: 40px; margin-bottom: 13px; }
.dayglide #success h3 { font-size: 28px; font-weight: 550; letter-spacing: -.04em; }
.dayglide #success > p { font-size: 13px; color: #706b7d; margin: 10px 0 20px; }
fieldset { border: 0; margin: 0 0 18px; padding: 0; }
legend { font-size: 13px; font-weight: 550; margin-bottom: 12px; }
.choices { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.choices label { display: flex; align-items: center; gap: 7px; padding: 11px; font-size: 11px; border: 1px solid #ded7e7; border-radius: 12px; cursor: pointer; }
.choices input { accent-color: #7051cd; }
.choices label:has(input:checked) { background: #eee7f7; border-color: #a58acd; }
.skip-survey { border: 0; background: none; color: #706b7d; font-size: 11px !important; padding: 12px; display: block; margin: auto; text-decoration: underline; }
.good-stuff { border-top: 1px solid #e9e5ec; padding-block: 74px 90px; }
.section-intro { text-align: center; margin-bottom: 39px; }
.section-intro .dg-eyebrow { justify-content: center; }
.dayglide .section-intro h2 { line-height: 1.14; margin: 19px 0 16px; }
.section-intro h2 span, .glider-copy h2 span { color: #80738f; }
.dayglide .section-intro > p:last-child { color: #706b7d; font-size: 14px; }
.benefit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; }
.benefit-card { border: 1px solid #eae5ed; background: #fff; border-radius: 23px; padding: 14px; overflow: hidden; }
.benefit-preview { height: 230px; padding: 23px 17px; border-radius: 14px; }
.tasks-preview { background: #f2eef8; }
.habits-preview { background: #eef3ee; }
.goals-preview { background: #f8f2e8; }
.dayglide .preview-label { font-size: 8px; letter-spacing: .1em; font-weight: 600; color: #786b89; margin-bottom: 18px; }
.mini-task { display: flex; gap: 10px; align-items: center; font-size: 10px; padding: 9px; min-height: 36px; color: #6b6176; }
.mini-task > span { display: grid; place-items: center; width: 14px; height: 14px; border: 1px solid #cbbddc; border-radius: 4px; font-size: 10px; }
.mini-task.complete > span { border-color: transparent; background: #d9cee9; color: #715198; }
.mini-task.complete { color: #918499; }
.mini-task.selected { background: white; border-radius: 7px; box-shadow: 0 3px 10px #53436305; color: #51405f; }
.mini-task b { font-size: 8px; color: #8b77a8; font-weight: 500; margin-left: auto; }
.dayglide .preview-note { margin-top: 18px; font-size: 9px; color: #776c80; }
.habit-heading, .goal-heading { display: flex; gap: 11px; align-items: center; margin-top: 23px; }
.habit-icon, .goal-icon { width: 37px; height: 37px; border-radius: 11px; display: grid; place-items: center; background: #dfeadf; font-size: 24px; color: #6c9276; }
.goal-icon { background: #f0e5cc; color: #b2965c; }
.habit-heading strong, .goal-heading strong { display: block; font-size: 12px; font-weight: 550; }
.habit-heading div > span, .goal-heading div > span { display: block; color: #788173; font-size: 9px; margin-top: 2px; }
.goal-heading div > span { color: #8d806d; }
.habit-week { display: flex; justify-content: space-between; margin-top: 18px; text-align: center; font-size: 8px; color: #788373; }
.habit-week div > span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #dbe5da; margin-top: 6px; }
.habit-week .done { background: #c8dacb; color: #56785d; border-color: transparent; font-size: 11px; }
.habit-week .today { background: #759a7e; color: white; box-shadow: 0 0 0 3px #dfe9df; }
.goal-path { display: flex; align-items: center; margin-top: 28px; }
.goal-path i { font-style: normal; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: #e8d8b9; color: #897144; font-size: 10px; }
.goal-path i.current { background: #b89a62; color: white; box-shadow: 0 0 0 4px #efe4cf; }
.goal-path i:last-child { background: transparent; border: 1px solid #e2d9c8; }
.goal-path > span { height: 1px; background: #dfd0b4; flex: 1; }
.benefit-copy { padding: 23px 13px 17px; }
.benefit-tag { font-size: 9px; font-weight: 600; letter-spacing: .12em; color: #8971a4; }
.dayglide .benefit-copy h3 { font-size: 26px; font-weight: 550; letter-spacing: -.045em; line-height: 1.2; margin: 12px 0 13px; }
.dayglide .benefit-copy p { font-size: 12px; color: #706b7d; line-height: 1.8; }
.meet-glider { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; padding: 65px 66px; border: 1px solid #e8e0ed; border-radius: 30px; background: linear-gradient(125deg, #f0eaf7, #f5f0f7 62%, #ece9f5); }
.dayglide .glider-copy h2 { font-size: 49px; line-height: 1.1; margin: 20px 0 22px; }
.dayglide .glider-copy > p:not(.dg-eyebrow) { color: #776d83; font-size: 14px; line-height: 1.8; max-width: 365px; }
.dayglide .glider-copy .you-decide { margin-top: 20px; font-size: 11px !important; }
.you-decide span { color: #8b6fb2; margin-right: 5px; }
.glider-copy .dg-button { margin-top: 24px; }
.chat-request { margin-left: 30px; padding: 18px 21px; font-size: 13px; color: #746085; background: #e7deee; border: 1px solid #dfd4e8; border-radius: 18px 18px 5px 18px; line-height: 1.7; transform: rotate(1deg); }
.chat-answer { display: flex; gap: 12px; align-items: center; margin-block: 22px; }
.chat-answer img { flex: 0 0 54px; object-fit: contain; }
.dayglide .chat-answer p { font-size: 12px; color: #756582; line-height: 1.8; }
.chat-plan { background: #fff; border: 1px solid #e9e1f0; border-radius: 16px; padding: 19px; box-shadow: 0 12px 30px #65438006; }
.chat-plan-heading { font-size: 11px; font-weight: 550; margin-bottom: 17px; }
.chat-plan-heading > span { color: #9471b4; margin-right: 6px; }
.chat-plan > div:not(.chat-plan-heading) { background: #f4f0f8; border-radius: 9px; display: flex; align-items: center; gap: 11px; padding: 12px; margin-top: 8px; }
.chat-plan > div:nth-child(3) { background: #eff4ef; }
.plan-dot { width: 3px; height: 30px; background: #b69ace; border-radius: 4px; }
.plan-dot.green { background: #9abb9f; }
.chat-plan strong { display: block; font-size: 11px; font-weight: 550; }
.chat-plan p > span { display: block; font-size: 9px; color: #897e92; }
.plan-time { margin-left: auto; font-size: 9px; color: #91809f; }
.dayglide .plan-review { font-size: 9px; color: #8a7d96; margin-top: 15px; display: flex; justify-content: space-between; }
.dayglide .chat-caption { color: #85788f; font-size: 9px; text-align: center; margin-top: 13px; }
.film-section { padding-block: 83px 75px; }
.film-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 27px; gap: 25px; }
.dayglide .film-heading h2 { font-size: 38px; line-height: 1.2; margin-top: 14px; }
.film-heading > p { color: #706b7d; font-size: 13px; }
.film-frame { overflow: hidden; border-radius: 20px; background: #efedff; border: 1px solid #e7e0ed; }
.film-frame video { display: block; width: 100%; aspect-ratio: 16 / 9; }
.dayglide .caption { color: #706b7d; font-size: 10px; margin-top: 13px; }
.dayglide .dg-faq h2 { line-height: 1.2; }
.dg-questions summary::after { content: '+'; color: #9683ab; font-size: 20px; }
.dg-questions details[open] summary::after { content: '−'; }
.dayglide .dg-footer button { border: 0; background: none; color: inherit; font-size: 11px; padding: 12px 0; }
.measurement { position: fixed; right: 20px; bottom: 20px; max-width: 390px; padding: 22px; background: #fff; border: 1px solid #e3dcea; border-radius: 18px; box-shadow: 0 10px 60px #44305020; z-index: 5; }
.measurement p { font-size: 12px; color: #706b7d; }
.measurement > div { display: flex; gap: 10px; margin-top: 15px; }
.dayglide .measurement button { border: 1px solid #ded4e8; border-radius: 25px; padding: 11px 14px; background: #f4eff9; font-size: 12px; }
.dayglide .measurement button:last-child { background: #7051cd; color: #fff; }
@media (max-width: 1100px) {
  .dayglide .dg-hero { gap: 35px; }
  .dayglide .dg-hero h1 { font-size: 58px; }
  .meet-glider { padding: 45px; gap: 35px; }
  .benefit-preview { padding-inline: 12px; }
  .mini-task { font-size: 9px; gap: 6px; }
}
@media (max-width: 800px) {
  .dayglide .dg-hero { grid-template-columns: 1fr; gap: 55px; padding-block: 28px 55px; }
  .dayglide .dg-hero-copy { text-align: center; }
  .dayglide .dg-hero-copy > .dg-eyebrow { justify-content: center; }
  .dayglide .dg-hero h1 { font-size: clamp(46px, 8vw, 66px); }
  .dayglide .dg-hero-description { margin-inline: auto; }
  .signup-panel { margin-inline: auto; text-align: left; }
  .dayglide .dg-day-illustration { width: min(100%, 510px); margin: 0 auto; }
  .dayglide .dg-nav > a:not(.dg-button) { display: none; }
  .benefit-grid { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; }
  .benefit-card { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
  .benefit-copy { padding: 20px; }
  .dayglide .benefit-copy h3 { font-size: 24px; }
  .meet-glider { grid-template-columns: 1fr; gap: 40px; }
  .glider-chat { max-width: 480px; width: 100%; margin: auto; }
}
@media (max-width: 540px) {
  .dayglide .dg-header { min-height: 80px; }
  .dayglide .dg-hero h1 { font-size: clamp(40px, 11.4vw, 61px); margin-block: 21px 20px; }
  .dayglide .dg-hero-description { font-size: 14px; line-height: 1.8; max-width: 345px; }
  .dayglide .dg-hero-copy > .dg-eyebrow { font-size: 8px; letter-spacing: .08em; }
  .signup-panel { margin-top: 25px; }
  .dayglide .signup-heading { font-size: 18px; }
  .dayglide .dg-day-illustration { padding-top: 66px; }
  .dayglide .dg-thought { min-height: 112px; }
  .good-stuff { padding-block: 48px 54px; }
  .dayglide .section-intro h2 { font-size: 32px; }
  .dayglide .section-intro > p:last-child { font-size: 12px; }
  .section-intro .dg-eyebrow { font-size: 8px; }
  .benefit-card { display: block; padding: 14px; }
  .benefit-preview { padding: 24px; height: 226px; }
  .mini-task { font-size: 11px; gap: 10px; }
  .mini-task b { font-size: 9px; }
  .benefit-copy { padding: 23px 12px 15px; }
  .dayglide .benefit-copy h3 { font-size: 28px; }
  .dayglide .benefit-copy p { font-size: 13px; }
  .meet-glider { width: calc(100% - 24px) !important; border-radius: 24px; padding: 35px 24px; }
  .dayglide .glider-copy h2 { font-size: 42px; }
  .dayglide .glider-copy > p:not(.dg-eyebrow) { font-size: 13px; }
  .chat-request { font-size: 12px; margin-left: 15px; padding: 15px 17px; }
  .chat-plan { padding: 15px; }
  .film-section { padding-block: 52px; }
  .film-heading { display: block; }
  .dayglide .film-heading h2 { font-size: 33px; }
  .film-heading > p { margin-top: 13px; font-size: 12px; }
  .film-frame { border-radius: 12px; }
  .dayglide .dg-faq h2 { font-size: 32px; }
  .dayglide .dg-questions summary { font-size: 13px; }
  .dayglide .dg-questions details > p { font-size: 13px; }
  .dayglide .dg-outro h2 { font-size: 44px; }
  .measurement { left: 12px; right: 12px; bottom: 12px; max-width: none; }
  .choices { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }