.mobile-hero{--note-yellow:#ffd166;--note-yellow-deep:#f3b900;--note-ink:#1a1500;--note-ink-soft:#1a15009e;--note-card:#fff;background:var(--note-yellow);box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:24px;display:flex}.mobile-hero-note{background:var(--note-yellow);box-sizing:border-box;border:1.5px solid #1a15001f;border-radius:6px;width:100%;max-width:420px;padding:40px 28px 36px;position:relative;transform:rotate(-1.2deg);box-shadow:0 1px #1a15000f,0 18px 40px -16px #1a150047}.mobile-hero-eyebrow{letter-spacing:.06em;text-transform:lowercase;color:var(--note-ink-soft);margin:0 0 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600}.mobile-hero-headline{letter-spacing:-.02em;color:var(--note-ink);margin:0 0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(34px,9.5vw,44px);font-weight:700;line-height:1.04}.mobile-hero-sub{color:var(--note-ink-soft);max-width:30ch;margin:0 0 32px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;line-height:1.45}.mobile-hero-cta{background:var(--note-ink);width:100%;color:var(--note-yellow);letter-spacing:-.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;justify-content:center;align-items:center;padding:16px 24px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.mobile-hero-cta:active{opacity:.92;transform:scale(.97)}.mobile-hero-cta:focus-visible{outline:2px solid var(--note-ink);outline-offset:3px}.mobile-hero-fold{background:linear-gradient(135deg, transparent 50%, var(--note-yellow-deep) 50.5%);border-bottom-right-radius:6px;width:34px;height:34px;position:absolute;bottom:0;right:0;box-shadow:inset -2px -2px 6px #1a150014}@media (prefers-reduced-motion:no-preference){.mobile-hero-note{animation:.5s cubic-bezier(.22,1,.36,1) hero-settle}}@keyframes hero-settle{0%{opacity:0;transform:rotate(-1.2deg)translateY(10px)scale(.98)}to{opacity:1;transform:rotate(-1.2deg)translateY(0)scale(1)}}@media (min-width:768px){.mobile-hero{display:none}}