.ma-mockup-section{padding-block:clamp(60px,8vh,88px) clamp(24px,4vh,36px)}.ma-phone-wrap{isolation:isolate;z-index:2;justify-content:center;width:min(360px,92%);margin-inline:auto;display:flex;position:relative}.ma-phone{aspect-ratio:9/19.5;width:100%;transform-style:preserve-3d;background:linear-gradient(#1a1d29 0%,#0e1018 100%);border-radius:44px;padding:10px;position:relative;box-shadow:inset 0 0 0 2px #ffffff0a,inset 0 1px #ffffff14,0 0 0 1px #0006,0 30px 80px -20px #6366f159,0 18px 50px -10px #0000008c}[data-theme=light] .ma-phone{background:linear-gradient(#2a2d3a 0%,#1a1d29 100%);box-shadow:inset 0 0 0 2px #ffffff0f,inset 0 1px #ffffff1a,0 30px 80px -20px #6366f159,0 18px 50px -10px #00000059}.ma-phone:before{content:"";background:linear-gradient(#ffffff0f,#0006);border-radius:0 3px 3px 0;width:4px;height:60px;position:absolute;top:18%;right:-3px}.ma-phone:after{content:"";background:linear-gradient(#ffffff0f,#0006);border-radius:3px 0 0 3px;width:4px;height:30px;position:absolute;top:14%;left:-3px;box-shadow:0 50px #0e1018,0 90px #0e1018}.ma-phone-notch{z-index:3;background:#0a0c12;border-radius:16px;justify-content:flex-end;align-items:center;width:96px;height:24px;padding-right:10px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0d}.ma-phone-camera{background:radial-gradient(circle at 35% 35%,#2a2f4a,#050608);border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 0 1px #ffffff1a}.ma-phone-screen{color:#1a1f2e;background:linear-gradient(#fafafe 0%,#f3f4fb 100%);border-radius:36px;flex-direction:column;height:100%;padding:30px 14px 0;font-size:11px;display:flex;position:relative;overflow:hidden}[data-theme=dark] .ma-phone-screen{color:#e8eaf2;background:linear-gradient(#15171f 0%,#0f1119 100%)}.ma-phone-home{z-index:3;background:#00000059;border-radius:4px;width:100px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}[data-theme=dark] .ma-phone-home{background:#fff9}.ma-status-bar{font-variant-numeric:tabular-nums;color:#000000d9;justify-content:space-between;align-items:center;padding:4px 12px 6px;font-size:10px;font-weight:600;display:flex}[data-theme=dark] .ma-status-bar{color:#ffffffd9}.ma-status-time{letter-spacing:-.2px}.ma-status-icons{align-items:center;gap:4px;display:inline-flex}.ma-app-header{justify-content:space-between;align-items:center;padding:12px 4px 14px;display:flex}.ma-app-greet{color:#0000008c;letter-spacing:.1px;font-size:10px}[data-theme=dark] .ma-app-greet{color:#ffffff8c}.ma-app-name{letter-spacing:-.4px;margin-top:1px;font-size:17px;font-weight:700}.ma-app-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px -2px #6366f166}.ma-today-card{background:#fff;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9,0 4px 14px -6px #0f172a2e,0 0 0 1px #0f172a0f}[data-theme=dark] .ma-today-card{background:linear-gradient(#ffffff0a,#ffffff05);box-shadow:inset 0 1px #ffffff0a,0 4px 14px -6px #0009,0 0 0 1px #ffffff0f}.ma-today-cover{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#ec4899 100%);height:88px;position:relative;overflow:hidden}.ma-today-cover:before{content:"";background:radial-gradient(circle at 80% 20%,#ffffff14,#0000 50%),radial-gradient(circle at 20% 80%,#0003,#0000 50%);position:absolute;inset:0}.ma-today-cover-tag{color:#fff;letter-spacing:.2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000052;border-radius:8px;padding:3px 7px;font-size:9px;font-weight:600;position:absolute;top:8px;right:8px}.ma-today-body{padding:10px 12px 12px}.ma-today-eyebrow{letter-spacing:.4px;text-transform:uppercase;color:#6366f1;font-size:9px;font-weight:600}.ma-today-title{letter-spacing:-.2px;margin-top:3px;font-size:13px;font-weight:600;line-height:1.3}.ma-today-progress{align-items:center;gap:8px;margin-top:8px;display:flex}.ma-today-progress-track{background:#0f172a14;border-radius:4px;flex:1;height:4px;overflow:hidden}[data-theme=dark] .ma-today-progress-track{background:#ffffff14}.ma-today-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;height:100%}.ma-today-progress-pct{font-variant-numeric:tabular-nums;color:#0009;font-size:9px;font-weight:600}[data-theme=dark] .ma-today-progress-pct{color:#fff9}.ma-stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.ma-stat{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 6px 9px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff80,0 0 0 1px #0f172a0f}[data-theme=dark] .ma-stat{background:#ffffff08;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff0f}.ma-stat-icon{border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.ma-stat-val{letter-spacing:-.2px;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.ma-stat-lbl{letter-spacing:.3px;text-transform:uppercase;color:#00000080;font-size:8px;font-weight:600}[data-theme=dark] .ma-stat-lbl{color:#ffffff80}.ma-list-head{justify-content:space-between;align-items:baseline;margin-top:14px;padding:0 4px;display:flex}.ma-list-title{letter-spacing:-.2px;font-size:12px;font-weight:700}.ma-list-link{color:#6366f1;font-size:9px;font-weight:600}.ma-list{flex-direction:column;flex:1;gap:6px;min-height:0;margin-top:6px;display:flex}.ma-list-row{background:#fff;border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid;box-shadow:inset 0 1px #ffffff80,0 0 0 1px #0f172a0f}[data-theme=dark] .ma-list-row{background:#ffffff08;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff0f}.ma-list-row-icon{border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.ma-list-row-text{flex-direction:column;min-width:0;display:flex}.ma-list-row-title{letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.ma-list-row-meta{letter-spacing:.2px;color:#00000080;margin-top:1px;font-size:8px;font-weight:500}[data-theme=dark] .ma-list-row-meta{color:#ffffff80}.ma-list-row-arrow{color:#00000059}[data-theme=dark] .ma-list-row-arrow{color:#ffffff59}.ma-tab-bar{margin-top:10px;margin-inline:-14px;background:linear-gradient(#0f172a8c,#0f172aa6);border-top:1px solid #0f172a0f;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0;padding:8px 6px 18px;display:grid}[data-theme=dark] .ma-tab-bar{background:linear-gradient(#0f1119b3,#0f1119f2);border-top:1px solid #ffffff0f}.ma-tab{letter-spacing:.2px;color:#0006;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;font-weight:600;display:flex}[data-theme=dark] .ma-tab{color:#fff6}.ma-tab-active{color:#6366f1}[data-theme=dark] .ma-tab-active{color:#818cf8}@media (prefers-reduced-motion:reduce){.ma-phone{transform:none!important}}@media (max-width:640px){.ma-phone-wrap{width:min(300px,86%)}.ma-phone{border-radius:38px}.ma-phone-screen{border-radius:30px;padding:26px 12px 0}.ma-phone-notch{width:84px;height:22px;top:14px}.ma-today-cover{height:76px}.ma-list-row{padding:7px 9px}.ma-tab-bar{margin-inline:-12px;padding:7px 4px 16px}}