/* The hero illustration mirrors the product's structure using fictional data. */
.hero-art{height:650px}
.dashboard-preview{width:98%;max-width:525px;transform:rotate(-3deg)}
.dashboard-preview .app-main{padding:22px 20px 15px}
.dashboard-preview .app-top{gap:16px}
.preview-search{display:flex;align-items:center;gap:6px;font-size:9px;color:#9a9e92;background:#f8f8f4;border:1px solid #eeeeE6;border-radius:6px;padding:7px 11px;margin-left:auto}
.preview-search>span{font-size:16px;line-height:1}
.preview-scope{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px;font-size:7px;letter-spacing:1px;color:#a28b75}
.scope-chip{letter-spacing:0;background:#f3f4ee;border:1px solid #e9ece0;padding:5px 8px;border-radius:5px;color:#858b78}
.dashboard-preview .app-greeting>b{font-size:25px;margin-top:8px}
.dashboard-preview .app-greeting p{font-size:9px;margin-bottom:18px}
.dashboard-preview .mini-stats{gap:7px;margin-bottom:9px}
.dashboard-preview .mini-stats>div{padding:11px 9px 12px;position:relative;border-color:#ebe8e0;background:#f8f7f1;min-width:0}
.dashboard-preview .mini-stats .stat-attention{background:#fdf0e9;border-color:#f0ded1}
.dashboard-preview .mini-stats .stat-today{background:#f2edf8;border-color:#e5ddee}
.dashboard-preview .mini-stats .stat-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#e9ebde;color:#8d977b;font-size:14px;margin-bottom:13px}
.dashboard-preview .stat-attention .stat-icon{background:#f5dfd1;color:#c08765}
.dashboard-preview .stat-today .stat-icon{background:#e7dff0;color:#9b84b2}
.dashboard-preview .mini-stats b{position:absolute;top:12px;right:9px;font-size:22px;font-weight:500;line-height:1;margin:0}
.dashboard-preview .mini-stats div>span:not(.stat-icon){font-size:8px;display:block;color:#59624f;font-weight:500;white-space:normal;line-height:1.3;letter-spacing:-.1px}
.dashboard-preview .mini-stats small{display:block;font-size:6px;color:#929580;margin-top:5px;white-space:nowrap}
.preview-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:23px}
.preview-shortcuts>span{border:1px solid #e8e8df;border-radius:5px;padding:7px 1px;text-align:center;white-space:nowrap;color:#8b907f;font-size:7px;background:#fdfdf9}
.preview-day{border:1px solid #eeeee6;border-radius:8px;padding:13px 10px 5px}
.dashboard-preview .schedule-title{gap:5px;margin-bottom:15px;align-items:flex-start}
.dashboard-preview .schedule-title b{font-size:11px;display:block;line-height:1.5}
.dashboard-preview .schedule-title b>span{font-size:9px;font-weight:400;color:#929587}
.dashboard-preview .schedule-title small{font-size:7px;color:#a0a391;display:block;margin-top:3px}
.dashboard-preview .schedule-title>span{font-size:6px;padding-top:4px;white-space:nowrap}
.dashboard-preview .schedule-row{gap:8px;margin-bottom:8px;align-items:stretch}
.preview-time{width:29px;flex-shrink:0;padding-top:14px;text-align:right}
.dashboard-preview .preview-time time{font-size:8px;color:#797e6d;padding:0;display:block;line-height:1.3}
.preview-time small{font-size:6px;color:#a5a992;display:block;margin-top:4px}
.dashboard-preview .schedule-event{padding:9px 10px;min-width:0}
.dashboard-preview .schedule-event .event-kind{font-size:6px;color:#bd906f;letter-spacing:.7px;line-height:1;margin-bottom:5px}
.dashboard-preview .lavender-event .event-kind{color:#9e87b3}
.dashboard-preview .last-event .event-kind{color:#8d987b}
.dashboard-preview .schedule-event b{font-size:10px;margin-bottom:6px}
.event-context{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.dashboard-preview .event-context>span{font-size:6px;color:#999b8a;line-height:1.3}
.dashboard-preview .event-context .project-tag{font-size:6px;padding:3px 5px;background:#ffffff9e;border:1px solid #00000007;border-radius:10px;color:#8f8673}
.preview-status{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:6px;color:#a0a38f}
.preview-status>span:first-child{display:flex;align-items:center;gap:4px}
.preview-status i{height:4px;width:4px;background:#9aab80;border-radius:50%}
.preview-status b{font-weight:500;color:#8b907d}
.hero-art .float-note{bottom:19px;left:-12px}
.hero-art .connected-pill{top:70px;right:-13px}
.hero-art .illustration-label{bottom:-13px}
.hero-art .hand-note{top:-5px;right:7px}
.hero-art .orbit-one{top:125px;height:445px}
.hero-art .orbit-two{top:20px;height:610px}
@media(min-width:1500px){.hero-art{height:670px}.hero-art .float-note{bottom:29px}.hero-art .connected-pill{top:80px}}
@media(max-width:1100px) and (min-width:821px){.dashboard-preview .app-sidebar{width:40px}.dashboard-preview .app-main{padding-inline:12px}.dashboard-preview .app-top{gap:9px;padding-inline:13px}.preview-search{font-size:7px;padding-inline:6px}.dashboard-preview .mini-stats small{font-size:5.5px}.dashboard-preview .mini-stats div>span:not(.stat-icon){font-size:7px}.dashboard-preview .schedule-title b>span{display:none}.dashboard-preview .schedule-event b{font-size:9px}}
@media(max-width:820px){.hero-art{height:650px;max-width:540px}.dashboard-preview{max-width:525px}.hero-art .float-note{left:0;bottom:16px}.hero-art .connected-pill{top:67px;right:-4px}.hero-art .hand-note{right:16px}}
@media(max-width:520px){.hero-art{height:575px;margin-top:25px}.dashboard-preview{width:97%;border-radius:11px;transform:rotate(-2deg)}.dashboard-preview .app-main{padding:15px 10px 10px}.dashboard-preview .app-top{height:43px;gap:10px;padding-inline:11px}.preview-search{font-size:6px;padding:5px 7px}.preview-search>span{font-size:12px}.dashboard-preview .app-brand{font-size:13px;gap:3px}.dashboard-preview .app-brand>span:first-child{font-size:20px}.dashboard-preview .avatar{width:22px;height:22px;font-size:7px}.dashboard-preview .app-sidebar{width:32px;gap:9px;padding:12px 2px}.dashboard-preview .app-sidebar span{width:23px;height:25px;font-size:13px}.preview-scope{font-size:6px;margin-bottom:14px}.scope-chip{font-size:6px;padding:4px 6px}.dashboard-preview .app-greeting>b{font-size:22px;margin-top:7px}.dashboard-preview .app-greeting p{font-size:7px;margin-bottom:16px}.dashboard-preview .mini-stats{gap:5px}.dashboard-preview .mini-stats>div{padding:8px 6px 10px}.dashboard-preview .mini-stats .stat-icon{width:18px;height:18px;font-size:12px;margin-bottom:10px}.dashboard-preview .mini-stats b{font-size:19px;right:6px;top:9px}.dashboard-preview .mini-stats div>span:not(.stat-icon){font-size:7px;min-height:18px;line-height:1.3}.dashboard-preview .mini-stats small{font-size:5px;letter-spacing:-.1px;margin-top:3px}.preview-shortcuts{gap:4px;margin-bottom:17px}.preview-shortcuts>span{font-size:6px;padding:6px 0}.preview-day{padding:10px 6px 3px}.dashboard-preview .schedule-title b{font-size:10px}.dashboard-preview .schedule-title b>span{font-size:7px}.dashboard-preview .schedule-title>span{font-size:5px}.dashboard-preview .schedule-title small{font-size:6px}.dashboard-preview .schedule-title{margin-bottom:11px}.dashboard-preview .schedule-row{gap:6px;margin-bottom:6px}.preview-time{width:24px;padding-top:14px}.dashboard-preview .preview-time time{font-size:7px}.preview-time small{font-size:5px}.dashboard-preview .schedule-event{padding:8px 7px}.dashboard-preview .schedule-event b{font-size:8px;margin-bottom:5px}.dashboard-preview .schedule-event .event-kind{font-size:5px}.dashboard-preview .event-context>span,.dashboard-preview .event-context .project-tag{font-size:5px}.dashboard-preview .last-event{display:flex}.preview-status{font-size:5px;margin-top:10px}.hero-art .float-note{bottom:14px;left:-4px;padding:10px}.hero-art .connected-pill{top:66px;right:-4px;font-size:6px;padding:8px 10px}.hero-art .hand-note{top:0;right:5px}.hero-art .illustration-label{bottom:-9px;font-size:6px}.hero-art .orbit-one{height:370px;top:110px}.hero-art .orbit-two{height:540px;top:20px}}
@media(max-width:370px){.preview-search{display:none}.dashboard-preview .avatar{margin-left:auto}.dashboard-preview .schedule-title b>span{display:none}.dashboard-preview .mini-stats small{display:none}.dashboard-preview .mini-stats div>span:not(.stat-icon){font-size:6px}.dashboard-preview .schedule-event b{font-size:7px}}